@charset "UTF-8";
/* CSS Document */


/*  Reset  */

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
	/*table { border-collapse:collapse; border-spacing:0; } */
	fieldset,img {  border:0; } 
	address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; } 
	ol,ul { list-style:none; } 
	caption,th { text-align:left; } 
	h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
	q:before,q:after { content:''; } 
	abbr,acronym { border:0; } 

/*  Restyle  */

	ul, ol, dl, dd {margin-left:30px;}
	dt { font-weight:bold; }
	ul, ol {margin-bottom:.7em;}
	ul {list-style:disc;}
	ol {list-style:decimal;}
	strong {font-weight:bold;}
	em {font-style:italic;}


/* Main Styles //////////////////////////////////////////*/

	
	html {  background-position: center; height:101%; }
	body { font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:1.7em; background: url(../../images/bg-tile.gif) repeat-x #383838; color:#555;}

	

/* 04. Typography ////////////////////////////////////////// */

	a{color:#00b4ff;}
	a:hover {color:#f90; text-decoration:none; }
	p{ margin:5px 0;}
	
	
	h1{ font-size:33px; color:#f90; font-weight:bold; padding:0px 20px 20px 0px; display:block; }

	h2{ font-size:29px; color:#fff;  text-transform:uppercase; background:#535353; padding:0px 20px 0px 0px; display:block; margin:0 0 15px 20px; line-height:20px;
	 z-index:5; width:880px; height:33px; background-image: url(../../images/h1-bg.gif); background-repeat: no-repeat; background-position: right;/**/ text-align: left; float: right;}
	h2 b{background:#535353; padding:9px 10px 4px 6px; font-size:26px; float:left;}
* html h2 img {display:none;}

	h3{font-size:19px; font-weight:bold; text-transform:none; color:#00b4ff; margin:5px 0 10px 0; }
	h3 b {font-size:14px; color:#555555; }
	h4{size:15px; font-weight:bold; text-transform:uppercase; color:#747474;}
	h5{font-size:15px; font-weight:bold; text-transform:none; color:#747474; margin:5px 0 10px 0;}
	h6{color:#fff; font-size:20px; background-color:#00b4ff; padding:8px 8px 2px; margin:3px 0 10px; font-weight:bold;}
	
	h3 b, h4 b, h5 b{ color:#00b4ff;}
	h3 i, h4 i, h5 i{ color:#f90; font-style:normal;}
	#home h2{display:none;}
	
	
	/* header  - - - - - - - - - - - - - - - - -  */

	
	#nav{ background-color:#efeff1; color:#FFF; position:relative; /*position:absolute; margin: 0 0 0 170px; top:35px; */ padding:; height:30px; border-bottom:9px solid #00b4ff;  width:auto; z-index:100;}
	/*#hd #nav ul li {}
	#hd #nav ul li a{ }
	#hd #nav a:hover{background-color: #74052F;	}
	#hd #nav a.selected, #nav a.selected:hover{ padding:2px 46px 5px 46px; background-color: #94973c; border-right: 2px #FFF solid; border-left: 2px #FFF solid; }	
	#hd #nav {	}	*/
	
	#nav ul { margin: 0; padding: 0; list-style: none; }
	#nav ul li { position: relative; float: left; width:auto; }
	#nav li ul { position: absolute; left: 0; /* Set 1px less than menu width */ top: auto; display: none; }
	#nav li ul ul{	position: absolute;	left:100%; /* Set 1px less than menu width */	top: -.1em;	display: none;}
	
	/* Styles for top Menu Items */
	#nav ul li a { display: block; text-decoration: none; color: #555; /*background: #ddd;  IE6 Bug */ padding: 6px 15px; text-transform:uppercase; font-size:14px; font-weight:bold; }
		
	/* commented backslash mac hiding hack \*/ 
	* html #nav ul li a { height:1%; }
	/* end hack */ 
	
	
	#nav ul li ul li{ width:190px;  }/* 2nd lvl */
	#nav ul li ul li ul li{ width:140px; }/* 2nd lvl */
/* drop list hover styles */
	#nav li:hover a{ color: #f5f5f5; background-color:#00b4ff; border-top: 1px solid #777;  padding: 5px 15px;}
	#nav li:hover li:hover a,
	#nav li:hover li:hover li:hover a
	{ color: #f5f5f5; border-bottom: 1px dashed #aaa;  border-top: 1px dashed #aaa;  background-color: #00b4ff; padding: 5px 15px 4px; }
	#nav li:hover li a:hover, 
	#nav li:hover li:hover li:hover a:hover, 
	#nav li:hover li:hover li:hover li:hover a:hover
	{ color: #f5f5f5; /*border-bottom: 1px dashed #999;*/ background-color: #00b4ff; 	
	/*opacity for IE5+  filter: alpha(opacity=80);
	/*opacity for older Mozilla browsers  -moz-opacity: 0.8;
	/*opacity for mozilla/safari  opacity: 0.8;*/}
	
/* dropdown list styles*/
	#nav li:hover li a, 
	#nav li:hover li:hover li a, 
	#nav li:hover li:hover li:hover li a{  color: #f5f5f5; background-color: #868686; }
	#nav li ul li a { padding: 2px 5px; } 
	
/* Sub Menu Styles */
	#nav ul li:hover ul ul, 
	#nav ul li:hover ul ul ul{display:none; }
	
	#nav ul li:hover ul, 
	#nav ul li li:hover ul, 
	#nav ul li li li:hover ul, 
	#nav ul li.over ul, 
	#nav ul li li.over ul,
	#nav ul li li li.over ul {display: block; border-top: 7px solid #00b4ff; border-bottom: 3px solid #4a4a4a; }

/* Second level - Box - Ones that shoot out to the side */

	ul li ul li ul.box  {display: none;  width:150px;}
	ul li ul li ul.box li{border-right:2px solid #555; border-bottom:3px solid #555; background-color:#00b4ff; padding:0px 5px; text-align:center;}
	ul li ul li ul.box li img{ 	/*background-color:#fff; padding:3px;*/ }
	ul li ul li ul.box li a{ /*border:1px solid #fff; background-color:#fff;*/ }
	ul li ul li ul.box li a:hover { display:block; color: f74d5c; margin:0 0 1px  0; }
	
	/* Location styles //////////////////////////////////////////*/

	/*Current page*/
	#home 		.tab-home{color:#fff; background:#00b4ff;}
	#gear 		.tab-gear{color:#fff; background:#00b4ff;}
	#about 		.tab-about{color:#fff; background:#00b4ff;}
	#media 		.tab-media{color:#fff; background:#00b4ff;}
	#shop 		.tab-shop{color:#fff; background:#00b4ff;}
	#contact 	.tab-contact{color:#fff; background:#00b4ff;}
	#retail 	.tab-retail{color:#fff; background:#00b4ff;}
	
	
	#home #menuCurrent, 
	#contact #menuCurrent, 
	#retail #menuCurrent{display:none;}
	
	/* nav current ##### */	

	#menuCurrent{ /*display:block; height:37px; border-bottom:2px solid #eee; margin:0 0 15px 0; display:none;*/ }
	#menuCurrent em{ display:inline; float:left; font-style:normal;font-weight:bold;font-size:14px; padding:0px 15px; margin:8px 0; border-left:2px solid #eee; color:#00b4ff;}

	ul.sub{ margin:0; padding:0;  border-right:2px solid #aaa;  }
	ul.sub li{ display:inline; }
	ul.sub a{text-decoration:none; font-weight:bold; font-size:14px; padding:0px 15px; margin:8px 0; float:left; border-left:2px solid #eee;/*border-right:1px solid #fff;*/ color:#999999;}
	ul.sub a:hover{color:#f90;}
	
	/*#sub{display: none;}
	#gear #sub{display: none;}*/
	div#menuCurrent ul.gear{ display:none; }
	#gear div#menuCurrent ul.gear{ display:block; /*height:37px; border-bottom:2px solid #eee; margin:0 0 15px 0; display:none;*/ }
	
	
	#hd{height:143px;}
	#hd .logo{ padding:20px 0 0 20px; position:absolute; z-index:100; }
	#hd .inner{width:780px; float:right;/* border:1px solid #f00; height:200px;*/ padding:30px 0 0 0;}
	#home #hd{height:100px;/**/}	
	
	#wrapper{
	width:950px; /**/
	overflow: hidden;
	margin:30px auto auto auto;
	background:#fff url(../../images/bg-content-top.gif) no-repeat center top;
	position:relative;
}
			
	#container-top{ /*border:1px solid #f00; */ width:auto; background:#fff; padding:0px 10px 15px 10px;  margin:0px auto auto; min-height:80px; position:relative; float:left;/* width:930px; overflow:hidden;   clear:both; border: 1px solid #f00;*/ }
	#container-bottom{/*border:1px solid #000;*/ width:auto; padding:0px; margin:0 0 0px 0; min-height:80px; background:url(../../images/ft-bg.jpg) repeat-x center bottom #01c3ff; position:relative; float:left;}	

	/* body area  - - - - - - - - - - - - - - - - -  */
	.middle{ background-color:#01c3ff; margin:0; padding:0; float:left;}
	#bd{
	background-image: url(../../images/bg-content-ft.gif);
	background-position: ;
	}
	
	
	.row{display:block; clear:both; min-height:40px; padding:0 30px; /*width:100%; overflow:hidden;*/}
	* html .row {height:40px;}
	.top{ height:30px; border:1px dotted #f00;}
	.bottom{ min-height:30px; border:1px dashed #f00;/* margin:0 0 70px 0; border-bottom:100px solid #f00;*/}
	
	.home-container{width:930px; min-height:440px; padding:10px 0 0 0;}
	* html .home-container{width:930px; height:440px;}
	.home-border{ z-index:10; background:url(../../images/home-border-2.gif) no-repeat; width:930px; height:430px; position:absolute; text-align:right;}
	.home-img{ z-index:1; position:absolute;}
	#home .special-offer{ z-index:15;  background:url(../../images/special-offer.gif) no-repeat; width:464px; height:469px; position:relative; float:right;}
	.offer-price{ margin:0 15px 0 0;}
	
	#home .special-offer a img {	filter: alpha(opacity=80);	-moz-opacity: 0.8;	opacity: 0.8;}
	#home .special-offer a:hover img{filter: alpha(opacity=100);	-moz-opacity: 1.0;	opacity: 1.0;}
	.txtRight{text-align:right;}

	/* footer  - - - - - - - - - - - - - - - - -  */
		
	#ft{ font-size:11px; padding:30px 20px 25px; color:#aaa; display:block; width:910px; height:10px;/* border:1px solid #f00;*/}
	* html #ft{padding:40px 20px 15px;}
	#ft a{ color:#ccc; text-decoration:none; }
	#ft a:hover{ color:#eee; text-decoration:underline; }
	
	#ft ul.ftMenu  { margin: 0; padding: 0; list-style: none; font-weight:normal; width:400px;  /*border:1px solid #f00;*/ }
	#ft ul.ftMenu  li { position: relative; float: left; width:auto; display:inline; /*border:1px solid #f00;*/ list-style-type: none;}
	#ft ul.ftMenu li a {  padding: 0px 10px;}
	
	
	#ft ul  { margin: 0; padding: 0; list-style-type: none; font-weight:normal; width:400px;  /*border:1px solid #f00;*/ }
	#ft ul  li { position: relative; float: left; width:auto; display:inline; /*border:1px solid #f00;*/ list-style-type: none;}
	#ft ul li a {  padding: 0px 10px;}
	/*#ft ul li a:hover { text-decoration: underline; color: #eee; }*/

	
	
	#ft .txtRight{text-align:right; width:400px; float:right; /*border:1px solid #f00;*/}

/* Page specific styles ////////////////////////////////////////// */
	
	#retail_nav{ padding:0 0 20px 0;}
	#retail .toggle{ display:none; overflow:hidden; width:100%; padding-bottom:5px;}
	
	#retail #retail_nav .box{width:262px; height:190px; float:left; margin:5px 15px 5px 0; padding:5px 0px 15px 10px;  display:inline-block; overflow:hidden; border-bottom:6px solid #eee; border-left:3px solid #eee;}
	#retail #retail_nav p{ padding:5px 10px;}	
	

	#retail #retail_nav a.expand{ color:#fff; font-size:20px; background-color:#00b4ff; padding:8px 8px 2px; margin-top:3px; font-weight:bold; text-decoration:none; display:block; width:auto;}
	*+html #retail #retail_nav a.expand, * html #retail #retail_nav a.expand{width:860px;}
	#retail #retail_nav a.expand:hover{ background-color:#f90; text-decoration:none; }
	
	#retail #retail_nav h4{ padding:2px 5px;  font-size:15px; font-weight:bold; text-transform:none;  background:#535353; color:#f90;}
	
	#retail #retail_nav .retailer{ display:block; padding:3px 0px 0 5px; font-weight:bold; font-size:14px; color:#00b4ff; margin-bottom:5px}
	#retail #retail_nav .retailer a{ padding:3px 0px 3px 5px; text-decoration:none; border-bottom:1px dotted #00b4ff; border-right:6px solid #00b4ff; color:#00b4ff; display:block;}
	#retail #retail_nav .retailer a:hover{ text-decoration:none;  border-bottom:1px dotted #f90; border-right:6px solid #f90; color:#f90;}


	#gear #display{ /*border:1px solid #ccc;*/ height:310px; width:415px; background:url(../../images/display-bg.gif) no-repeat 2px 2px;}
	.gear-bg{ /*border:1px solid #ccc; height:400px;*/ width:860px; background:url(../../images/gear-bg.gif) no-repeat center top; clear:both; margin:0 auto 0px; padding:30px 20px 0 20px; overflow:hidden;}
	
	.col3{float:left; margin:0 10px; width:260px; display:inline; overflow:hidden;}
	.col3 img{ padding-bottom:30px;}
	.col3  a img{ filter:alpha(opacity=80); -moz-opacity: 0.8;  opacity: 0.8; }
	.col3 a:hover img{  filter:alpha(opacity=100); -moz-opacity: 1.0;  opacity: 1.0;}


	
	
	a.titleLink{color:#fff; font-size:20px; background-color:#00b4ff; padding:8px 8px 2px; margin:3px 0 10px; font-weight:bold; text-decoration:none; display:block; width:auto;}
	a.titleLink:hover{ background-color:#f90; text-decoration:none; display:block; width:auto;}
	
	
	
	/* Positioning - - - - - - - - - - - - - - - - -  */
	
	
	
/*	Content Tabs ------- */
	.shadetabs{ padding: 3px 1px 3px 0; margin: 0; height:auto; list-style-type: none; text-align: left; width:auto; }
	ul.shadetabs { border-bottom: 3px solid #00b4ff; margin:0 0 10px 0;}
	.shadetabs li{	display: inline; margin: 0; font-size:14px; font-weight:bold; text-transform:uppercase;}
	.shadetabs li a{ text-decoration: none; padding: 5px 3px 5px 4px;  color:#747474;}
	.shadetabs li a:visited{color:#555;}
	.shadetabs li a:hover{	}
	.shadetabs li.selected{	position: relative;	color:#FFFFFF;}
	.shadetabs li.selected a{ background-image:none; color:#00b4ff; }/*selected main tab style */
	.shadetabs li.selected a:visited{ color:#00b4ff; }/*selected main tab style */
	.shadetabs li.selected a:hover{ text-decoration: none; border-top:2px solid #f90; border-bottom:3px solid #f90;color:#F90; }/*selected main tab style */
	.tabcontentstyle{ min-height:275px; height:auto; padding:2px; position:relative; width:405px; overflow:hidden; color:#777; line-height:1.6em;}/** html .tabcontentstyle{height:275px;} style of tab content oontainer*/

	.tabcontent{ display:none; }
	@media print { .tabcontent { display:block!important; } }
	/* end Right tabbed pannel   */

	
/*	Thumb Tabs ------- */	

	.thumbNav{   height:auto; list-style-type: none; text-align: left; width:100%; /*border:1px solid #f00;*/ overflow:hidden;}
  	ul.thumbNav {  margin:10px 0;}
  
	.thumbNav li{ list-style-type: none; float:left; display: inline; margin:0px 8px 8px 0px; }
	.thumbNav li a{ background-color:#fff; float:left; filter:alpha(opacity=70); -moz-opacity: 0.7;  opacity: 0.7; border:2px solid #FFF; /*padding:3px;*/	}
	.thumbNav li.selected a, .thumbNav li.selected a:visited, .thumbNav li.selected a:hover{ /*border:3px solid #00b4ff; padding:2px;*/ background-color:#fff;  filter:alpha(opacity=100); -moz-opacity: 1.0;  opacity: 1.0;}
	.thumbcontentstyle{height:auto; padding:2px; position:relative; width:405px; overflow:hidden; color:#777; line-height:1.6em;}
	
	/*
	.thumbNav li{ list-style-type: none; float:left; display: inline; margin:0px 8px 8px 0px; }
	.thumbNav li a{ background-color:#fff; float:left; filter:alpha(opacity=70); -moz-opacity: 0.7;  opacity: 0.7; border:2px solid #ddd; padding:3px;	}
	.thumbNav li.selected a, .thumbNav li.selected a:visited, .thumbNav li.selected a:hover{ border:3px solid #00b4ff; padding:2px; background-color:#fff;  filter:alpha(opacity=100); -moz-opacity: 1.0;  opacity: 1.0;}
	.thumbcontentstyle{height:auto; padding:2px; position:relative; width:405px; overflow:hidden; color:#777; line-height:1.6em;}
	*/

	.thumbcontent{ display:none; }
	@media print { .thumbcontent { display:block!important; } }
	/* end Right tabbed pannel   */
	
	
	
/* 03. Column styles ////////////////////////////////////////// */

	/* Template 00 - - - - - - - - - - - - - - - - -  */

	.t .col{}

	
	.t .row{ padding:0px;}
	/** html #ft .t {width:910px; padding-top:30px; display:block; position:relative;}*/
	
		
	.t .left{width:435px; float:left; display:inline;/* border:1px solid #f00;*/}
	.t .left .content{}
	
	.t .right{width:425px; float:right;  display:inline;/* border:1px solid #f00;*/}
		
	.t .right .content{}
	

	/* Template 01 - - - - - - - - - - - - - - - - -  */
	
	.t1 .left{}
	.t1 .left .content{}
	
	.t1 .right{}	
	.t1 .right .content{}
	
	
	/* Template 02 - - - - - - - - - - - - - - - - -  */
	
	.t2 .left{}
	.t2 .left .content{}
	
	.t2 .right{}	
	.t2 .right .content{}
	
	
	/* Template 03 - - - - - - - - - - - - - - - - -  */
	
	.t3 .left{}
	.t3 .left .content{}
	
	.t3 .right{}	
	.t3 .right .content{}
	

		 
	/* Col 01 - - - - - - - - - - - - - - - - -  */
	
	.col-1 .left{  width:560px; position:absolute; }
	.col-1 .left 
	
	.col-1 .right{ float:right; height:520px; background:#94973c; margin:0 0 0 578px; width:auto; overflow:hidden;}	/* */
	.col-1 .right .content{ padding:10px; margin:0 2px; color:#fff; }
	
	/* Col 02 - - - - - - - - - - - - - - - - -  */
	
	.col-2 .left{  width:53.5%; float:left;}
	.col-2 .content{ width:auto;}
	
	.col-2 .right{ width:45%; float:right;}
	.col-2 .right .content{ color:#; }	
	



/* 05. Other styles ////////////////////////////////////////// */

	.centre80per{ width:80%; margin:auto auto;}
	/*.table{width:80%; margin:5px auto;}*/
	.table-grid{ border-spacing:1px; margin:5px 0 15px 0;  border:2px solid #fafafa; background-color: #f5f5f5; padding:1px;}
/*	.table-grid th {font:bold 12px Arial, Helvetica, sans-serif; color:#444; padding:8px; background-color:#f3f3f3; border-bottom:1px solid #eee; text-align:left;}*/
	.table-grid th {color:#fff; font-size:20px; background-color:#00b4ff; padding:8px 8px 2px; /*margin:3px 0 10px;*/ font-weight:bold;}
	.table-grid tr{ vertical-align:top;}	
	.table-grid td{color:#525252; padding:6px;  font-size:12px;  /*border:0px solid #e3e3e3;*/ background:#FFF;} 
	.table-grid tf {}

	/*
	
	.clear{clear:both;} use {width:auto; overflow: hidden;}  
	
	*/