/* CSS Document */

.hidefromprint{
display:block;}

#hidefromprint01{
display:block;}

#hidefromprint02{
display:block;}

#hidefromprint03{
display:block;}

.hidefromscreen{
display:none;}

#hidefromscreen01{
display:none;}

#hidefromscreen02{
display:none;}

#hidefromscreen03{
display:none;}

body {
		text-align:center;
		margin:0px;
		padding:0px;
		background-color:#141014;
		font-family:Arial, Helvetica, sans-serif;
		font-size:70%;
		line-height:140%;
		color:#000000;
		}
	
	#frame {
		width:995px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background-image:url(../graphics/CSR/generic/slither_nav.gif);
		background-repeat:repeat-y;
		}
		
	#contentleft {
		width:213px;
		padding:0px;
		float:left;
		background-image:url(../graphics/CSR/generic/left_slither.gif);
		background-position:top left;
		background-repeat:no-repeat;
		
		
		}
	
	
	#OuterMiddle{
	width:782px;
	float:left;
	}
	

	#SearchArea{
	float:right;
	margin-top:7px;
	}
	

	
	form{
	margin:0px;}
	
	.searchfield{
font-size:100%;
width:130px;}

.KeepinTouchfield{
font-size:100%;
width:170px;}

.submitBtn {
font-size:11px;

}


	
	#contentcenter {
		width:575px;
		float:left;
		background-color:#ffffff;
		}
		
	#ContentCentrePadding{
	padding-left:15px;
	padding-right:15px;}	
	
		
		#contentright {
		width:207px;
		padding:0px;
		float:left;
		background-color:#ffffff;
		}	
	
	#contentheader {
	background-image:url(../graphics/CSR/generic/CSR_topbar.gif);
	background-repeat:no-repeat;
	height:100px;
		}
		
	#LogoArea{
	height:100px;
	width:390px;
	float:left;
	}	
	
	#Tabs{
	height:100px;
	width:398px;
	float:left;
	text-align:right;
	}	
	
	#PositionTabs{
	padding-top:57px;

	}
	
	#Flags{
	height:100px;
	width:69px;
	float:left;
	}	

/*TRANSPARENCY START*/

/* This is the transparent box */

	#PageTools{
float:right;
padding-top:8px;
padding-bottom:5px;
}

#PageTools a{
color:#00234c;
}

#PageTools a:hover{
color:#205256;
}

.RHSscrollHeader{
font-weight:600;}

.news
{
	position:absolute;
	visibility:hidden;
	width:185px;
}



 #LatestNewsHolder{
margin-top:0px;
width:198px;
float:right;
border:1px solid #ffffff;
}


/*ORGINAL FOR NO PAGE TOOLS USE - #LatestNewsHolder{
margin-top:25px;
width:198px;
float:right;
border:1px solid #ffffff;
}*/

#Header{
background-color:#ffffff;
padding-top:4px;
padding-bottom:4px;
padding-left:8px;
font-size:110%;
font-weight:bold;
color:#000000;}	


#transbox {
	width:198px;
	height:160px;
	background-color: #ffffff;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	overflow:auto;

	}

#transbox div {
	padding-top:4px;
padding-bottom:4px;
padding-left:8px;
padding-right:8px;
	}
	
#transbox a{
color:#00234c;}	

#transbox a:hover{
color:#205256;
}

/*TRANSPARENCY END*/

/*CSR STYLES


#NavOuterBox{
width:207px;
border:1px solid #ffffff;
float:right;
background-color:#a1b1c1;
}

#TopofNav{
background-image:url(../graphics/YAK/generic/nav_top.gif);
background-repeat:no-repeat;
width:213px;
height:6px;}


#NavBtnsBox{
padding:2px;
}
.NavBtnOn{
background-image:url(../graphics/CSR/generic/navBtn_On.gif);
background-repeat:no-repeat;
background-position:top;
border-top:1px solid #a8b8c9;
border-right:1px solid #31475d;
border-bottom:1px solid #d7e0ea;
border-left:1px solid #b7c4d5;
color:#ffffff;
padding-left:18px;
padding-bottom:6px;
padding-top:5px;
padding-right:5px;
font-size:110%;
font-weight:bold;
display:block;
background-color:#4b747c;
}


.NavBtnOn a{
color:#ffffff;
text-decoration:none; }

.NavBtnOn a:hover{
color:#ffffff;
text-decoration:underline; }

.NavBtnOff{
background-image:url(../graphics/CSR/generic/navBtn_Off.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#8db8c4;
border-right:1px solid #64788d;
border-bottom:1px solid #d7e0ea;
border-left:1px solid #bfccde;
color:#000000;
padding-left:18px;
padding-bottom:6px;
padding-top:5px;
padding-right:5px;
font-size:110%;
display:block;
}

.NavBtnOff a{
color:#000000;
text-decoration:none; }

.NavBtnOff a:hover{
color:#000000;
text-decoration:underline; }

#FindStockist{
background-image:url(../graphics/Crewsaver/generic/bkg_stockist.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:50px;

}

END CSR STYLES*/


/* -- NAV START -- */

#NavOuterBox{
width:207px;
border:1px solid #ffffff;
float:right;
background-color:#a1b1c1;
}

#TopofNav{
background-image:url(../graphics/Crewsaver/generic/nav_top.gif);
background-repeat:no-repeat;
width:213px;
height:6px;}


#NavBtnsBox{
padding:2px;
}

.NavBtnOn{
background-image:url(../graphics/CSR/generic/navBtn_On.gif);
background-repeat:no-repeat;
background-position:top;
border-top:1px solid #a8b8c9;
border-right:1px solid #31475d;
border-bottom:1px solid #d7e0ea;
border-left:1px solid #b7c4d5;
color:#ffffff;
padding-left:18px;
padding-bottom:6px;
padding-top:5px;
padding-right:5px;
font-size:110%;
font-weight:bold;
display:block;
background-color:#4b747c;
}


.NavBtnOn a{
color:#ffffff;
text-decoration:none; }

.NavBtnOn a:hover{
color:#ffffff;
text-decoration:underline; }

.NavBtnOff{
background-image:url(../graphics/Crewsaver/generic/navBtn_Off.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#8ba7c3;
border-right:1px solid #64788d;
border-bottom:1px solid #d7e0ea;
border-left:1px solid #bfccde;
color:#000000;
padding-left:18px;
padding-bottom:6px;
padding-top:5px;
padding-right:5px;
font-size:110%;
display:block;
}

.NavBtnOff a{
color:#000000;
text-decoration:none; }

.NavBtnOff a:hover{
color:#000000;
text-decoration:underline; }

#FindStockist{
background-image:url(../graphics/Crewsaver/generic/bkg_stockist.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:50px;

}



.PortletHeaders{
font-size:110%;
font-weight:bold;
padding-bottom:5px;

}

.StockistHeader{
padding-left:10px;
font-size:110%;
font-weight:bold;
padding-bottom:5px;
}

#StockistSearch {
	background-color: #f2f4fa;
	background-image:url(../graphics/YAK/generic/slither_stockist.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:10px;
	border:1px solid #fef6ed;

	}

.StockistsubmitBtn{
background-image:url(../graphics/CSR/generic/submitbtn_Stockist.gif);
background-repeat:no-repeat;
color:#ffffff;
font-size:12px;
font-weight:bold;
text-align:center;
width:160px;
height:27px;
border:0px;
padding-bottom:2px;

}



select{
font-size:11px;
width:160px;}

.padding{
padding-bottom:10px;
}

#Nav2ndLevelBox{
padding-top:2px;
padding-left:1px;
padding-right:1px;
padding-bottom:2px;
border-bottom:1px solid #d7e0ea;}

#Nav2ndLevel{
background-color:#f2f4fa;
padding-left:20px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
line-height:5px;
}



#Nav2ndLevel a{
color:#281c0b;
text-decoration:none;
display:block;
line-height:13px;
 }

#Nav2ndLevel a:hover{
color:#205256;
text-decoration:underline;
 }
 
.Nav3rdLevel{
padding-left:10px;
padding-top:0px;
padding-right:5px;
padding-bottom:5px;
line-height:5px;} 
 
.Nav3rdLevel a{
color:#281c0b;
text-decoration:none;
display:block;
line-height:13px;
 }

.Nav3rdLevel a:hover{
color:#205256;
text-decoration:underline;
 }

/* -- NAV END -- */

h1{
font-size:130%;
line-height:100%;
color:#205256;
}




.HomeBlueBarArea{

}

.HomeBlueBarText{
width:335px;
float:right;
padding-left:10px;
padding-right:10px;
padding-top:10px;
border-right:1px solid #d4e1e1;
}



.HomeBlueBarArea a{
color:#3d86e0;
font-weight:bold;
text-decoration:none;}

.HomeBlueBarArea a:hover{
color:#3d86e0;
text-decoration:underline;}


.HomeBlueBarArea img{
padding: 0px;
	margin: 0px 8px 0px 0px;
	float: left;
	border:0px;
}

.pictureleft {
	padding: 0px;
	margin: 0px 20px 10px 0px;
	border: 0px none;
	float: left;

}

.pictureright {
	padding: 0px;
	margin: 0px 0px 10px 20px;
	border: 0px none;
	float: right;

}

.picturecenter {
	margin-bottom: 10px;
	display: block;
    margin-left: auto;
    margin-right: auto

}

.picleft {
	padding: 0px;
	margin: 0px 20px 10px 0px;
	border: 0px none;
	float: left;

}

.picright {
	padding: 0px;
	margin: 0px 0px 10px 20px;
	border: 0px none;
	float: right;

}

.piccenter {
	margin-bottom: 10px;
	display: block;
    margin-left: auto;
    margin-right: auto

}

#Address{
padding-bottom:20px;
padding-top:10px;
text-align:center;
display:block;
border-top: 1px solid #d4e1e1;}


.ProductArea{
width:267px;
float:left;
}

.HomeBlueBarProduct{
background-color:#27476b;
background-image:url(../graphics/YAK/home/slither_bluebar.gif);
background-position:bottom;
background-repeat:repeat-x;
color:#ffffff;
font-weight:bold;
padding-left:10px;
padding-bottom:5px;
padding-top:5px;
padding-right:10px;
}

.Gutter{
float:left;
width:11px;}


/* RHS STUFF */

#RHSOuterBox{
padding-right:10px;
}

#RHSOuterBox a {
text-decoration: underline; 
color:#00234c;
} 


#RHSOuterBox a:hover {
color:#3d86e0;
} 

#KeepInTouch{
background-image:url(../graphics/CSR/generic/RHS_keepintouch.gif);
background-repeat:no-repeat;
background-position:top;
padding-left:9px;
padding-right:0px;
padding-top:22px;
padding-bottom:9px;
margin-bottom:3px;

}

#KeepInTouch a{
color:#000000;
text-decoration:underline;}

#KeepInTouch a:hover{
text-decoration:underline;
color:#205256;}

.RHSForm{
padding-top:10px;
padding-bottom:3px;}

.FunkysubmitBtn{
background-image:url(../graphics/CSR/generic/submitbtn.gif);
background-repeat:no-repeat;
color:#ffffff;
text-align:center;
font-size:12px;
font-weight:bold;
width:179px;
height:27px;
border:0px;
padding-bottom:2px;

}

#UpdateKit{
padding-bottom:20px;
}



.UnderlinePortletHeaders{
font-size:110%;
font-weight:bold;
padding-bottom:5px;
border-bottom:1px solid #d4e1e1;
}


.RHSkitBoxText{
padding-top:5px;
padding-right:7px;
padding-left:7px;
padding-bottom:10px;
width:93px;
float:right;
background-image:url(../graphics/YAK/generic/RHS/kit/bkg_kit.gif);
background-position:bottom;
background-repeat:no-repeat;


}




.RHSkitBox img{
padding: 0px;
	margin: 0px 8px 0px 0px;
	border-right:1px solid #d4e1e1;
	float: left;
}




.RHSplain{
background-color:#ffffff;
margin-top: 6px;
}

.RHSplainText{
padding-top:5px;
padding-right:7px;
padding-bottom:5px;
width:100px;
float:right;

}

.KitRHSLine{
width:100%;
height:8px;

}

.RHSLine{
border-bottom:1px solid #d4e1e1;
width:100%;

}

.HomeLine{
border-top:1px solid #d4e1e1;
width:100%;

}

.RHSplain img{
padding: 0px;
	margin: 0px 8px 0px 0px;
	float: left;
}


/* INNER PAGES */

#InnerTopPic{
	height: 159px;
	}
	
#SearchLabel{
float:right;}	
	
#PageToolsWhite{
float:right;
padding-top:8px;
padding-bottom:5px;
padding-right:8px;
color:#adb8c5;
}	
	
#PageToolsWhite a{
color:#adb8c5;
}

#PageToolsWhite a:hover{
color:#ffffff;
}

#InnerSearchArea{
float:right;
	margin-top:7px;
	padding-right:8px;
	
	}
	

	
#SearchBox{
background-image:url(../graphics/CSR/generic/RHS/bkg_search.jpg);
background-position:top;
background-repeat:no-repeat;
width:207px;
float:left;
}


#RHSOuterBoxPadding{
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:0px;
border-left:1px solid #205256;
}

#RHSOuterBoxPadding td{
padding:3px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}

.RHSOuterGreenGreyHeader{
background-color:#7592b4;
padding-left:10px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
font-size:110%;
font-weight:bold;
color:#ffffff;
}

.RHSinnerPadding{
background-color:#ffffff;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:10px;

}

#RHSGreenVert{

}

#InnerPageContentCentrePadding{
	padding-left:15px;
	padding-right:15px;
	/*background-image:url(../graphics/YAK/generic/middle_slither.gif);
	background-repeat:no-repeat;
	background-position:bottom;*/
	background-color:#ffffff;
	}	
	
	
#InnerPageContentCentrePadding h1{
font-size:220%;
color:#205256;

}	

#InnerPageContentCentrePadding li{
padding-bottom:10px;
}

#InnerPageContentCentrePadding td{
padding:5px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
vertical-align:top;
}



#InnerPageContentCentrePadding a{
color:#000000;
text-decoration:underline;}

#InnerPageContentCentrePadding a:hover{
text-decoration:underline;
color:#205256;}

ul{
padding-top:0px;
margin-top:0px;}

ol{
padding-top:0px;
margin-top:0px;}


.RHSplain a{
color:#00234c;
}

.RHSplain a:hover{
color:#205256;
}

.RHSinnerPadding a{
color:#00234c;
}

.RHSinnerPadding a:hover{
color:#205256;
}



.HomeBlueBar{
background-color:#27476b;
background-image:url(../graphics/Crewsaver/home/slither_bluebar.gif);
background-position:bottom;
background-repeat:repeat-x;
color:#ffffff;
font-weight:bold;
padding-left:10px;
padding-bottom:5px;
padding-top:5px;
padding-right:10px;

}



/* PRODUCTS*/


.ProductsPics{
width:222px;
float:left;
padding-top:10px;
}

.ProductsText{
padding-top:10px;
padding-right:12px;
padding-left:10px;
float:left;
width:301px;
background-image:url(../graphics/CSR/products/bkg_products.jpg);
background-position:top right;
background-repeat:no-repeat;
background-color:#dbe4ed;
padding-bottom:5px;
}


.ProductsText a{
color:#3d86e0;
font-weight:bold;
text-decoration:none;}

.ProductsText a:hover{
text-decoration:underline;}

.ProductsText li{
list-style-type:disc;
color:#00234c;

}

h2{
font-size:130%;
line-height:17px;
color:#205256;

}

.Symbols{
padding-top:2px;
border-top:2px solid #ffffff;
text-align:right;

}

.Symbols img{
padding-left:5px;
}

.ProductsLine{
height:20px;}

.Bobby{
display:none;}

.breadcrumb{
text-align:right;}

.RHSPhoto{
background-image:url(../graphics/CSR/generic/RHS/bkg_photo.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom:80px;}

.SizeChart{
background-color:#ffffff;}

.sizes{
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
font-weight:bold;

}

.water{
padding-right:2px;
text-align:right;}



/*IMPORTED STYLES*/

.HeaderBar{
 font-weight:bold;
 text-align:left;
 border-bottom:1px solid #cccccc;
 background-color:#E8E6E6;
 padding:5px;
color:#205256;
font-size:120%;

}

   .date{
   width:120px;
   border-bottom:1px solid #cccccc;
   }
   
   .newsfield{
   border-bottom:1px solid #cccccc;
    padding-top:7px;
    padding-bottom:15px}
	
   .contactformdetails{
   width:160px;
   border-bottom:1px solid #cccccc;
   padding-bottom:10px
   }
   
    .contactformfield{
   border-bottom:1px solid #cccccc;
    padding-top:7px;
    padding-bottom:10px}
	
	.RightAlign{
text-align:right;
display:block;
padding-top:20px;}

.stockistlogo{
float:right;
text-align:right;
padding-top:20px;}

.stockistinfo{
padding-top:10px;
float:left;
text-align:left;}

textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:115%;}

.pdf {
	list-style-image:url(../graphics/All/pdf.gif);
	list-style-position: outside;
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: normal;
	vertical-align: text-bottom;
	border-bottom:1px solid #cccccc;
}

h3{
font-size:120%;
line-height:17px;
color:#3d86e0;
display:inline;

}

/* GALLERY*/
.MainGallery {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index).*/

	text-align:center;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	
	}
	
	
	#gallery{text-align:center;

	}
#gallery p{display:inline;}
#gallery span{
vertical-align:top;
width:160px;
display:inline;
display:table-cell;
display:inline-table;
display:inline-block;
color:#000000;
	border-right:1px solid #b8b9ba;
	border-bottom:1px solid #b8b9ba;
	padding:7px;
	
}


#gallery p img{margin-bottom:0px;

}

/* end gallery */

.SizeChart{
background-color:#ffffff;}

.sizes{
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
font-weight:bold;

}

	.ProductSearch{
background-color:#e5e8ec;
padding:10px;
float:left;
width:95%;
background-image:url(../graphics/All/background_productsearch.gif);
background-position:top left;
background-repeat:no-repeat;
padding-top:45px;
}

.ProductSearchHeader{
font-size:125%;
line-height:17px;
color:#00234c;
font-weight:bold;
padding-bottom:12px;
}

.ProductSearchTable{
background-color:#ffffff;
padding:10px;}

.redtext{
color:#FF0000;
font-weight:normal;}


table{
clear:both;}

em{
clear:both;}