/* CSS Master Document */

/* Main Elements */

*{ margin: 0; padding:0; }

html{ height: 100%;}
body { margin: 0; padding: 0; height: 100%; background-color: #FFFFFF; text-align: left; font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 11px; }
#floater { float: left; width: 900px; height:50%; margin-bottom:-350px; margin-top: 30px;}
#wrapper { margin: 0 auto; width: 900px; min-height: 635px; clear: both; position:relative; margin-top: 30px; z-index: 1; }

/* classes here */

.logo-head { float: left; border: 0; }
.bold { font-weight: bold; font-size: 1.1em; padding-bottom: 10px; }
.alphabet { float: right; width: 525px; margin-right: -7px; margin-top: -39px; font-size: 1.1em;}
.alphabet a { margin-left: 2px; margin-right: 2px; margin: 2px; }
.indent { position: absolute; margin-left: -9999px; }
.lookupframe tr { font-family: Arial, Helvetica; font-size: 12px; }

/*Main Navigation*/

#nav-main { float: right; width: 640px; height: 75px; margin-right: -23px; }
#nav-main ul { display: inline; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; width: 600px; list-style-type: none; }
#nav-main li { width: 185px; height: 10px; margin: 5px 21px 0 0; display: block; padding-bottom: 10px; float: left; text-align: left; border-bottom: 1px dashed #CCC; }
#nav-main li a { font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color:#999999; }
#nav-main ul li a { display: block; padding: 5px 0px 5px 0px; text-decoration: none; }
#nav-main a:hover { color: #666666; }
#nav-main ul li:hover { border-bottom: 1px solid #666666; color:#666666; }
#nav-main li.active { color: #FF6600; border-bottom: 1px solid #FF6600; }

/* Header Styling */

#header { height: 75px; width: 900px; }
#header img a { border: 0; cursor: pointer; }

/* For further Navbar styling see superfish.css or tech_styles.css */

#navbar { background-color: #666666; background: url(../images/nav/navbar_bkg.gif) no-repeat; border-bottom: 1px solid #333333; height: 32px; width: 900px; z-index:50; position: absolute; }
#search-box {float: right; width: 185px;}

/* Content-main styling */

#content-main { width: 900px; float: left; margin: 32px 0 0 0; padding: 0; min-height: 480px; z-index: 0; }
#content-main img { margin: 0; padding: 0; }

#content { float: left; width: 900px; margin-bottom: -5px; height: 350px; }
#content p { margin-bottom: 10px; }
#content a { color: #FF6600; text-decoration: none; }

#content.basic { background: url(../images/main/basic_bkg.gif) no-repeat; }
#content.basic2 { background: url(../images/main/basic_bkg2.gif) no-repeat; }
#content-flash { width: 900px; height: 345px; }
#content.contact { background-image: url(../images/main/contact_bkg.jpg); }
#content.scroll { overflow: scroll; margin-bottom: -15px; height: 350px;}

#content1 { float: left; width: 280px; height: 345px; display: inline;}
#content1 p { width: 245px; padding-left: 23px; }
#content1 p span {font-weight: bold;}
#content1 h2 { color: #5C5C5C; padding-left: 23px; padding-top: 5px; font-weight: normal;}
#content1 h3 { color: #5C5C5C; padding-left: 23px; padding-top: 5px; font-weight: normal;}
#content1 h3.tee-name { color: #666; font-size: 15px; text-transform: uppercase; margin: -3px 0 20px 0;}

/* Content 2 Styling  */

#content2 { float: left; display: inline; width: 569px; height: 345px; padding: 25px 23px 20px 25px; background-repeat: no-repeat;}
#content2 h2 { color: #FF6600; font-size: 1.8em; font-weight: normal; letter-spacing: 0.07em; margin: 0 0 18px 0; text-transform: uppercase; font-family: helvetica, sans-serif; }
#content2 h3 { font-family: arial, helvetica, sans-serif; font-size: 1.1em; color: #333333; margin: 15px 0 13px 0; }
#content2 p { width: 480px; }
#content2.product { float: left; margin: 0; padding: 0; width: 616px; height: 345px; display: inline; }
#content2.product img {margin-left: 3px;}
#content2.casual { float: left; margin: 0; padding: 0 !important; width: 616px; height: 345px; display: inline; }
#content2.scroll { overflow: scroll; height: 315px; margin-bottom: 25px; }

#action-btns { float: right; width: 160px; margin: -325px 0 0 413px; position: absolute; z-index: 0; }
#action-btns a.buy-local {background: url(../images/products/misc/find_stockist.png) no-repeat 0 0; width: 190px; height: 40px; display: block; overflow: hidden; text-indent: -9999px;}
#action-btns a.buy-local:hover {background: url(../images/products/misc/find_stockist.png) no-repeat 0 -40px;}
#action-btns a.zoom-in {background: url(../images/products/misc/zoom.png) no-repeat 0 0; width: 190px; height: 40px; display: block; overflow: hidden; text-indent: -9999px;}
#action-btns a.zoom-in:hover {background: url(../images/products/misc/zoom.png) no-repeat 0 -40px;}
#action-btns.tees { margin: -315px 0 0 415px !important; width: 165px !important; overflow: hidden;}
#action-btns.tees a {margin-top: 5px;}
#action-btns h4 {width: 150px; color: #666; margin-left: 20px;}
img.action_btn { float: right; margin: 7px 0 0 0px !important; clear: right; border: 0;}
img.action_btn3 { float: left; margin: 7px 0 0 0px !important; clear: left; border: 0; }

/*  Buy Now Drop Down  */

#buy-online-btn { width: 200px; margin: 0 !important; }
#buy-online-btn ul { width: 200px; position: absolute; background: #333; color: #FFF; text-decoration: none; margin: -2px 0 0 -5px; list-style-type: none; }
#buy-online-btn ul li { padding: 45px 8px 35px 12px; }
#buy-online-btn li.click { margin: -32px 0 0 5px; padding:0; display: inline; position: absolute; float: right;}
#buy-online-btn a.button { background: url(../images/products/misc/buy_online.png) no-repeat 0 0; height: 40px; width: 190px; display: block; overflow: hidden; position: absolute; z-index: 20; text-indent: -9999px;}
#buy-online-btn a.button:hover {background: url(../images/products/misc/buy_online.png) no-repeat 0 -40px;}

div#action-btns div#guides { float: left; width: 157px; margin: 45px 0 0 13px; height: 100px; }
div#action-btns div#guides span.guides { width: 157px; height: 30px; display: block; margin: 5px 0 0 0; border: 1px dashed #FFF; }
div#action-btns div#guides span.guides:hover { border: 1px dashed #CFCFCF; color: #FF6600; cursor: pointer; }
div#action-btns div#guides span.guides a { color: #666; text-transform: uppercase; font-size: 0.85em; font-weight: bold; display: block; }
div#action-btns div#guides span.guides a img { margin: 0 10px -11px 0; }

a.inbord, a.inbord img { float: left !important; overflow: hidden !important; margin: 0 !important;}
a.inbord:hover { border: 1px dashed #666 !important; }
a.inbord:hover img { margin: -1px !important; }

/* Slider Hover States */

#fade { width: 887px; height: 100px; background: url(../images/main/btm_fade.png) no-repeat; position: absolute; margin: 247px 0 0 2px; z-index: 15; }
#fade2 { width: 887px; height: 100px; background: url(../images/main/btm_fade_wht.png) no-repeat; position: absolute; margin: 248px 0 0 0px; z-index: 15; }

/*info-box Styling */

#info-box { float: left; margin: 0; padding: 0; height: 130px; width: 900px; background: #CCCCCC; border-bottom: 1px solid #999999; position: relative; z-index: 20; }
#info-box a { text-decoration: none; color: #333; font-weight: bold;}
#info-box a:hover { color: #FF6600; }

#info-box.thermal { background-image: url(../images/info-box/thermal_title_bkg.gif); }
#info-box.clothing { background-image: url(../images/info-box/clothing_title_bkg.gif); }
#info-box.adventures { background-image: url(../images/info-box/adventures_title_bkg.gif); }	
#info-box.contact { background-image: url(../images/info-box/info-box-contact.gif); }	
#info-box.stockist { background-image: url(../images/info-box/info-box-stockist.gif);}
#info-box.product { background-image: url(../images/info-box/info-box-col3.jpg); }
#info-box.products { background-image: url(../images/info-box/info-box-products.jpg); }
#info-box.tees { background-image: url(../images/info-box/info-box-tees.jpg); }
#info-box.results { background-image: url(../images/info-box/info-box-3wide.jpg); position: absolute; z-index: 25; margin-top: 345px;}

#info-box h2 { font-size: 1.2em; color: #FF6600; font-weight: normal; text-transform: uppercase; padding: 5px 10px 5px 10px; background: #C5C5C5; margin: -12px 0 5px; position: absolute; border-bottom: 1px dashed #FFF; }
#info-box h3 { font-size: 0.9em; color:#333; font-weight: normal; text-transform: uppercase; padding: 5px 0 5px 0px; position: absolute; margin: 10px 0 10px 0; }
	
#info-box p { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #333333; margin-top: 25px; }
#info-box img { border: 0; }
#info-box ul { margin: 22px 0 10px 15px; font-size: 12px; color: #333333; }
#info-box ul.colum2 { display: inline; margin: 25px 0 10px 10px; position: absolute; width: 620px; }
#info-box ul.colum2 li { float: left; width: 280px;	}
#info-box-intro { float: left; width: 450px; height: 130px; padding-left: 23px; margin-right: 23px; position: absolute; }
#info-box-title { float: right; width: 411px; height: 130px; position: relative; }
#info-box-left { float: left; width: 240px; height: 130px; padding-left: 23px; margin-right: 23px; }
#info-box-middle { float: left; width: 290px; padding-left: 23px; margin-right: 16px; }
#info-box-mid-wide { float: left; width: 370px; padding-left: 23px; margin-right: 16px;	}
#info-box-right-wide { float: left; width: 570px; padding-left: 23px; margin-right: 16px; }
#info-box-right { float: left; width: 155px; padding-left: 15px; margin-right: 23px; }
#info-box-right2 { float: left; width: 260px; padding-left: 20px; }
#info-box-col1, #info-box-col2, #info-box-col3 { float: left; width: 185px; padding-left: 15px; margin-right: 3px; }
#info-box-col3 p { font-size: 0.8em; }
#info-box-tees { float: left; width: 650px; height: 130px; padding-left: 23px; margin-right: 23px; }
#info-box-products { float: left; width: 440px; height: 130px; padding-left: 23px; margin-right: 23px; }
#info-box-col2 ul li {	list-style-type: none; margin-left: -15px; }
#info-box-col2 ul li img { padding-right: 10px;}
#info-box-col1 img { margin-top: 1px;}
#info-box img.prem-map-btn { float: right; position: absolute; z-index: 50; padding-top: 20px; }
#info-box span.size-btns {margin-top: 25px; display: block;}
#info-box span a img { margin: 0px 0 5px 0 !important;}

/* Footer styling */

#footer { height: 35px; width: 900px; }
#footer.home { margin-top: 0; }
#footer.tees { margin-top: 475px; }

#footer ul { list-style-type: none; font-size: 1.05em; color: #999999; margin: 5px 12px 0 12px; padding: 5px 0 5px 0; }
#footer ul.contact { display: block; float: left; }
#footer ul.countries { display: block; float: right; }
#footer li { float: left; display: block; border-right: 1px solid #CCC; padding: 0 10px 0 10px; }
#footer li.last { border: 0; }
#footer li.on { font-weight: bold; }
#footer li.fb {border-right: none; margin-top: -4px;}
#footer a { text-decoration: none; color:#999999; }

/* Subscribe Form */

span.label { float: left; margin-right: 5px; padding-top: 3px; color: #333333; }
span.spacer,span.multiple span { width:70px;float:left; } 
span.multiple { float:right; } 
span.sub-btn {padding-left:155px;} 
div.clear { clear:both; padding-top:5px; } 
div.form { margin-top: 10px; margin-bottom: 10px; }

/*  Sitemap */

#content2.scroll ul { margin-left: 35px;}
#content2.scroll ul li a { color: #666;}
#content2.scroll h4 { color: #666;}

/* No Javascript warning */

#warning.no-java { position: absolute; margin: -100px 0 0 499px; width: 370px;background: #FF6600; color: #FFF; padding: 10px; font-size: 14px; }
#warning-tee.no-java { position: absolute; margin: 90px 0 0 640px; width: 200px; background: #FF6600; color: #FFF; padding: 10px; font-size: 12px; z-index: 9000; }

#therm-nav a {color: #CCC;}
#therm-nav a:hover {color: #FF6600;}
#therm-nav.no-java-nav { position: absolute; z-index: 200; color: #FFF; margin-top: -350px; margin-left: 283px; }
#therm-nav.no-java-nav ul { width: 186px; float: left; margin-right: 22px; background: #333; display: inline;}
#therm-nav.no-java-nav ul li { width: 171px; height: 16px; padding: 5px; list-style-type: none; border-bottom: 1px solid #666; padding: 10px 0 10px 15px; display: block; cursor: pointer;}
#therm-nav ul li:hover { background: #4D4D4D; }

/* Dealer resoruces page */

#columns { float: left; overflow: hidden; }
#columns ul li {display: block; border: 1px solid #EEE; height: 20px; list-style-type: none; padding: 4px 0 2px 30px; margin: 3px 0 5px 0; }
#columns ul li a {color: #333; text-decoration: none;}
#col1, #col2, #col3 { float: left; display: inline; width: 175px; margin: 0px 15px 0 0; min-height: 170px; overflow: hidden;}
#col1 ul li.print { background: url(../images/misc/print-list.png) #FFF no-repeat 3px 2px;}
#col1 ul li.print:hover { background: url(../images/misc/print-list.png) #CCC no-repeat 3px 2px;}
#col2 ul li.zip { background: url(../images/misc/zip-list.png) #FFF no-repeat 3px 2px;}
#col2 ul li.zip:hover { background: url(../images/misc/zip-list.png) #CCC no-repeat 3px 2px;}
#col3 ul li.zip { background: url(../images/misc/zip-list.png) #FFF no-repeat 3px 2px;}
#col3 ul li.zip:hover { background: url(../images/misc/zip-list.png) #CCC no-repeat 3px 2px; }
#col3 ul li.print { background: url(../images/misc/print-list.png) #FFF no-repeat 3px 2px;}
#col3 ul li.print:hover { background: url(../images/misc/print-list.png) #CCC no-repeat 3px 2px; }

/*  Thermal Protection Intro  */

/* container for slides */
.slider { position:relative; height:350px; width:525px !important; overflow: hidden; float:left; margin: 10px 0 15px 0px; cursor:pointer; }
.casual {width: 441px;}

/* single slide */
.slider div { display:none; position:absolute; top:0; left:0; margin: 0px 7px 7px 5px; height:350px; font-size:12px; width: 525px; background-position: 10px 0; }
.slider div.cas { margin-left: -13px; margin-top: -14px; display: block;}
.slider h3 { position: absolute; z-index: 5; font-size:14px; font-weight: normal; margin: -250px 0 0px 37px; color:#999; width: 250px;	line-height: 18px; text-indent: -9999px;}
.slider div h3 a {color: #999; font-weight: bold;}
.slidetabs { margin-left: 40px; position: absolute; z-index: 3; margin-top: 280px; }
.slidetabs a { width:8px; height:8px; float:left; margin:3px; background:url(../images/misc/navigator.png) 0 0 no-repeat; display:block; font-size:1px;	}
.slidetabs a:hover { background-position:0 -8px; }
.slidetabs a.current { background-position:0 -16px; } 	

/* prev and next buttons */
.forward, .backward { float:left; margin: 140px 0 0 8px; background: url(../images/misc/hori_large.png) no-repeat; display:block; width:30px; height:30px; cursor:pointer; font-size:1px; text-indent:-9999em; position: absolute; z-index: 2; }
.forward 				{ background-position: 0 -30px; clear:right; margin-left: 478px;}
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }
.disabled { visibility: hidden !important; }

.slider-tabs {float: left; width: 390px; min-height: 198px; margin: 0px 0px 0 22px; background: url(../images/products/misc/thumbs-bkg.png) top left repeat-x; padding: 0;}
.slider-tabs ul li {position: relative; width: 60px; height: 60px; list-style-type: none; float: left; display: inline; }
.slider-tabs ul li img {width: 60px; height: 60px; -ms-interpolation-mode: bicubic; position: absolute; left: 0; top: 0; }
.slider-tabs h3 a {color: #666 !important; margin: 5px 10px 10px 0; }

ul.thumb { float: left; list-style: none; margin: -1px 0 0 5px; width: 390px; padding-top: 7px; }
ul.thumb li { margin: 0 5px 5px 0; float: left; position: relative;  /* Set the absolute positioning base coordinate */ width: 59px; height: 59px; }
ul.thumb li img { width: 59px; height: 59px; /* small thumbnail size */ -ms-interpolation-mode: bicubic; /* IE Fix Bicubic Scale */ padding: 5px; background: #FFF; position: absolute; left: 0; top: 0; }
ul.thumb li img.hover { border: 2px solid #FFF; -moz-box-shadow:0 0 25px #000; -webkit-box-shadow:0 0 25px #000; -moz-border-radius:5px; -webkit-border-radius:5px; }

div.tabs {float: left; width: 411px; margin: 25px 0 0 22px; }
ul.tabs {width: 385px; height: 30px; }
ul.tabs li { float: left; display: block; margin: 0 8px -1px 0; padding: 7px 11px ; font-size: 1.2em; border: 1px solid #666; border-bottom: 1px solid #333; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; }
ul.tabs li a {color: #333 !important;}
ul.tabs li.active { background: #333; color: #FFF !important; border: 1px solid #333;}
ul.tabs li.active a {color: #FFF !important;}

#clothing-nav div.panes {width: 411px; height: 200px; display: block;}

#casual_cta {float: left; width: 415px; margin: 2px 0 0 0; }
#casual_cta a {float: right; display: inline; margin: 0 -2px 0 0;}
#casual_main div a.casual_cta {float: right; width: 130px; display: inline; margin: 0 -5px 0 0;}
#casual_main div span {margin: -37px 0 0 450px; width: 400px; position: absolute; overflow: hidden; z-index: 15;}
a.local {float: left; background: url(../images/products/misc/buy_local_cas.png) no-repeat top left; width: 133px; height: 38px; text-indent: -9999px; display: block;}
a.local:hover {background: url(../images/products/misc/buy_local_cas.png) no-repeat 0 -38px ;}
a.online {float: left; background: url(../images/products/misc/buy_online_cas.png) no-repeat top left; width: 133px; height: 38px; text-indent: -9999px; display: block;}
a.online:hover {background: url(../images/products/misc/buy_online_cas.png) no-repeat 0 -38px ;}
a.detail {float: left; background: url(../images/products/misc/detail_cas.png) no-repeat top left; width: 133px; height: 38px; text-indent: -9999px; display: block;}
a.detail:hover {background: url(../images/products/misc/detail_cas.png) no-repeat 0 -38px ;}

#clothing-nav {position: absolute; margin-left: 463px; z-index: 1; }
#casual_main { width: 900px; height: 350px; float: left; display: block; margin: 0px 0px 0 0px; }
#casual_main div {width: 875px; height: 365px; overflow: hidden; float: left; display: block; padding: 32px 0 0 30px; margin-top: 5px;}
#casual_main h3 {margin-top: 228px !important; margin-left: 13px; color: #333; font-size: 1.4em; font-weight: normal;}
#casual_main p {font-size: 0.9em; color: #666; width: 250px; clear: left; margin: 4px 0 0 13px;}
a.zoom { background: url(../images/products/misc/zoom-btn.png) no-repeat top left; position: absolute; width: 80px; height: 35px; margin: -5px 0 0 352px; overflow: hidden; text-indent: -9999px; opacity: 0.5; }
a.zoom:hover {background: url(../images/products/misc/zoom-btn.png) no-repeat 0 -35px; opacity: 1; }

#usa-intro {width: 310px; float: left; }
#usa-intro h3 {color: #FF6600; font-size: 1.6em; font-weight: normal; margin: 25px 0 15px 25px;}
#usa-intro p {color: #CCC; font-size: 1em !important; margin: 0px 0 10px 25px;}
#usa-map {float: left; width: 590px; margin-top: -5px;}
.state {background: #000 !important ; display: block !important ;}
#easyTooltip{
	padding:5px 10px;
	border:1px solid #fff;
	background:#575757 url(images/misc/bg.gif) repeat-x;
	color:#fff;
	position: absolute;
	z-index: 10;
	-moz-box-shadow:0 0 25px #000; -webkit-box-shadow:0 0 25px #000; -moz-border-radius:5px; -webkit-border-radius:5px;
}
ul#states {width: 250px; color: #333; margin: 12px 0 0 0;}
ul#states li {list-style-type: none; padding: 3px; margin: 3px 3px 0 0; float: left; width: 15px; display: block; background: #CCC; text-align: center; font-size: 0.75em; -moz-border-radius:3px; -webkit-border-radius:3px;}
ul#states li:hover {background: #666; color: #FF6600; cursor: pointer; display: block;}