#noscript{
	background-color:#CC0000;
	padding:10px;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
}

html,body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/sand.jpg) repeat top;
}

#container{
	position:relative;
	width:1000px;
	margin:0px auto;
	}

#title-surfing{
	position:absolute;
	top:0px;
	right:0px;
	width:319px;
	height:266px;
	background:url(../images/title-gosurfing.png) no-repeat top;
	z-index:1001;
	}

* html #title-surfing{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.benefitz.co.nz/projects/surfbaby/images/title-gosurfing.png', sizingMethod='crop'); 
	cursor:pointer; /** hack needs to be combine with javascript, the above hack will create a mask and block the interaction **/
	}

#top{
	height:126px;
	overflow:hidden;
	position:relative;
	}

#facebook{
	position:absolute;
	top:0px;
	left:285px;
	}

#middle{
	background:#FFFFFF url(../images/bg-middle.jpg) repeat-y top left;
	}

#left{
	width:161px;
	float:left;
	text-align:center;
	background:url(../images/bg-middle.jpg) repeat-y top left;
	}

#right{
	width:839px;
	float:left;
	background:url(../images/bg-right.png) repeat-x top;
	}

#footer{
	text-align:left;
	padding-left:10px;
	font-size:10px;
	color:#CCCCCC;
	height:22px;
	line-height:22px;
	background:url(../images/bg-menu-all.png) repeat-x;
	}

#footer a{
	color:#CCCCCC;
	}

.spacer{
	clear:both;
	height:2px;
	font-size:2px;
	}

#button-newsletter{
	width:160px;
	height:74px;
	margin-top:10px;
	cursor:pointer;
	background:url(../images/btn-register.png) no-repeat top;
	}

* html #button-newsletter{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.surfbaby.co.nz/images/btn-register.png', sizingMethod='crop'); 
	cursor:pointer; /** hack needs to be combine with javascript, the above hack will create a mask and block the interaction **/
	}

#button-checkout{
	width:160px;
	height:76px;
	margin-top:10px;
	cursor:pointer;
	background:url(../images/btn-checkout.png) no-repeat top;
	}

* html #button-checkout{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.surfbaby.co.nz/images/btn-register.png', sizingMethod='crop'); 
	cursor:pointer; /** hack needs to be combine with javascript, the above hack will create a mask and block the interaction **/
	}

#button-account{
	width:160px;
	height:76px;
	margin-top:10px;
	cursor:pointer;
	background:url(../images/btn-account.png) no-repeat top;
	}

* html #button-account{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.surfbaby.co.nz/images/btn-account.png', sizingMethod='crop'); 
	cursor:pointer; /** hack needs to be combine with javascript, the above hack will create a mask and block the interaction **/
	}
	
.featuredProductItem{
	width:154px;
	height:209px;
	background:url(../images/bg-feature-product.png) no-repeat top;
	margin:10px auto;
	position:relative;
	}

* html .featuredProductItem{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.benefitz.co.nz/projects/surfbaby/images/bg-feature-product.png', sizingMethod='crop'); 
	cursor:pointer; /** hack needs to be combine with javascript, the above hack will create a mask and block the interaction **/
	}

.featuredProductImage{
	position:absolute;
	top:45px;
	left:20px;
	width:105px;
	height:110px;
	overflow:hidden;
	}

.featuredProductText{
	position:absolute;
	top:165px;
	left:10px;
	display:block;
	text-align:center;
	padding:0px 8px 0px 8px;
	font-size:11px;
	}

.fproduct-image{
	height:160px;
	}

.box-inner{
	padding:20px;
	}

a {
	color:#034075;
	text-decoration:none;
}

a:hover{text-decoration:underline;}

p{
	margin:8px 0px 0px 0px;
	padding:0;
}

img {border:0px;}

h1,h2,h3,h4,h5,h6 {
	color: #034075;
	padding:5px 0px;
	margin:0;
}

h1{
	font-size:22px;
	}

h2{
	font-size:20px;
	}
h3{
	font-size:18px;
	}

h4{
	font-size:16px;
	}

h5{
	font-size:14px;
	}

h6{
	font-size:12px;
	}


/** Main menu using sucker fish style list menu **/
#mainMenu{
	width:100%;
	height:22px;
	background:#336600 url(../images/bg-menu-all.png) repeat-x;
	line-height:22px;
	margin-top: 0px;
	font-weight: bold;
	position:relative;
	z-index: 100;
}

#mainMenu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#mainMenu li{
	  float:left;
	  position:relative;
      margin:0;
      padding:0;
	  text-decoration:none;
	  display: block;
	  color: #036C90;
	  background:url(../images/bg-menu.png) no-repeat right;
	  white-space:nowrap;	
}

#mainMenu li ul{
	display:none;
	position:absolute;
	top:22px;
	left:0;
	}

#mainMenu li ul li{
	width:160px;
	float:left;
	clear:both;
}

#mainMenu li:hover ul, #mainMenu li.over ul { display: block; }
	  
#mainMenu li:hover, #mainMenu li.over {
	color: #FFFFFF;
}


#mainMenu a{
	padding:0px 22px;
	color: #FFFFFF;
	text-decoration:none;
	display:block;
}

#mainMenu a:hover{
	color: #000000;
	background:url(../images/bg-menu-over.png) repeat-x top;
}

#mainMenu li.lastMenu{
	border-right:none;
	}

#mainMenu li.activeMenu a{
	color: #000000;
	background:url(../images/bg-menu-over.png) repeat-x top;
}

/** page submenu **/
#pageSubmenu{

}

#pageSubmenu h1{
	font-size:14px;
	background-color:#CCCCCC;
	color:#333333;
	padding:3px 10px;
}

#pageSubmenu ul{
	margin:0;
	padding:0;
}

#pageSubmenu li{
	display:block;
	background-color:#EAEAEA;
	padding:5px 10px;
	border-bottom:1px dotted #CCCCCC;
}

#pageSubmenu a{
	color:#333333;
}



#col-left{
	width:229px;
	float:left;
}

#col-right{
	width:665px;
	text-align:left;
	float:left;
}

#col-right-1{
	width:500px;
	float:left;
	border-right:1px dotted #CCCCCC;
}

#col-right-2{
	width:163px;
	float:left;
}

/** Site Breadcrumb **/

.breadcrumb{
	padding:0px 0px 10px 0px;
}

/** Search Result **/
.search-hightlight{
	background-color:#FFFF00;
}

#player{
	width:125px;
	height:22px;
	float:right;
	margin-right:320px;
	z-index:100;
	}