/* CSS Document */

/**/
/*EVERY PAGE*/
/**/
body, html { height:100%; background-color:#f1f1f2; margin:0; padding:0; }
#wrapper {width:760px; position:relative; left:50%; margin-left:-380px;}
#branding{width:760px; height:40px; float:none}
#headerImg{width:760px;}
#search{ width:736px; height:25px;padding: 8px 12px 5px 12px;  background:#dcddde url(images/greyCurveBt.gif)  no-repeat right bottom;  margin-bottom:5px;}
#searchForm{float:left; margin:0; padding:0; width:210px;padding-top:2px;padding-right:15px;}
.searchField{width:180px;height:16px;float:left;border:#999999 solid 1px;background-color: #E5E6E8;}
#footer {width:760px;height:40px;clear:both;border-top:#FF4C00 solid 1px;margin-top:12px;font-family: Arial, Helvetica, sans-serif;font-size: 9px;color: #FF4C00;text-decoration: none;text-transform: uppercase;text-align: center;padding-top: 8px;
}
#footer a{color: #666666;text-decoration:none}
#footer a:hover{color: #FF4C00;text-decoration:underline}
#footer .active{color: #FF4C00;text-decoration:none}
#clear{clear:both}
form{margin:0;padding:0;}
h1{font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: 100;color: #ffff00;text-decoration: none; margin-top:0px}
h2{font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: 100;color: #fff;text-decoration: none; margin:2px 0 2px 0}
h3{font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: 100;color: #FF4C00;text-decoration: none; margin-top:0px}
h4, h4 a{font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: 100;color: #FF4C00;text-decoration: none; margin: 5px 0px 5px 0}
h4 a:hover{text-decoration:underline}
p{font-family: Trebuchet MS, arial, sans-serif;font-size:12px; margin: 5px 0px 5px 0}
table{font-family: Trebuchet MS, arial, sans-serif;font-size:12px;}

#title{	width:760px;background:url(images/titleBg.gif)  no-repeat left top;	height:28px; padding:6px 0px 0px 15px;font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 14px;color: #FFFFFF;text-decoration: none;margin:0;}
#title a{color: #FFFFFF;text-decoration: none;}
#title a:hover{text-decoration:underline;}

/**/
/*PAGE Columns*/
/**/

#faux3Col{width:760px; background:#fff url(images/faux3col_mid.gif) repeat-y left top;  margin:5px 0 0 0;}
#faux3ColBt{width:760px; height:8px; background:url(images/faux3colBt.gif) no-repeat left bottom; clear:both;line-height:0 }
#faux2Col{width:760px; background:#fff url(images/faux2ColSide.gif) repeat-y left top;  margin:5px 0px 0px 0px;}
#faux2ColTp{width:760px; height:8px; background:url(images/faux2ColTp.gif) no-repeat left top; clear:both; line-height:0  }
#faux2ColBt{width:760px; height:8px; background:url(images/faux2ColBt.gif) no-repeat left bottom;clear:both;line-height:0}
#faux1Col{width:760px; background:#fff url(images/whiteCurveTp.gif)  no-repeat left top; margin:5px 0 0 0; }
#faux1ColBt{width:760px; height:8px; background:url(images/whiteCurveBt.gif) no-repeat left bottom;clear:both;line-height:0}

/**/
/*HOME PAGE*/
/**/

#feature{width:760px; float:none ; background:#fff url(images/whiteCurveBt.gif)  no-repeat right bottom; }
.clear{clear:both;
}
#featureImg{width:253px; float:left ;margin:0;padding:0;}

/**/
/*Contact*/
/**/
#contact{font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: 100;color: #FF4C00;text-decoration: none; margin-top:0px; padding-left:15px; width:115px; float:left}
#contact a{color: #FF4C00;text-decoration: none; }
#contact a:hover{color: #888;text-decoration: underline; }
#textCol {width:370px; padding: 10px 25px 0px 15px; float:left; font-family: Trebuchet MS, arial, sans-serif;font-size:11px; line-height:14px; color:#666;}

/**/
/*Search Results*/
/**/
#searchResults{font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: 100;color: #666;text-decoration: none; padding-top:10px; margin-left:15px; width:715px;}
#searchResTitle{}
#searchResDes{}

/* */
/*Customer service*/
/* */

#answerTitle{float:right; width:120px; position: relative;  left: -140px; top:15px;text-align:left}
#qaSet{padding:10px 15px 5px 15px; clear: both}
#question{float:left;padding:0px 0px 0px 45px; width:300px; background:#fff url(images/q.gif)  no-repeat ; font-family: Trebuchet MS, arial, sans-serif;font-size:11px; line-height:14px; color:#666; min-height:40px; height: auto;  _height: 40px;}
/* ie/win seems to get this wrong ... */
* html #question {width:340px;}
* html #answer {width:340px;}

#answer{float:right; padding:0px 0px 0px 45px; width:300px;background:#fff url(images/a.gif)  no-repeat ; font-family: Trebuchet MS, arial, sans-serif;font-size:11px; line-height:14px; color:#FF4C00; min-height:40px; height: auto; _height: 40px;}
#answer a{color:#FF4C00; text-decoration:underline}
#answer a:hover{color:#666; text-decoration:underline}
#mainContent{width:585px; float:right; padding:0 15px; font-family: Trebuchet MS, arial, sans-serif;font-size:12px; color:#888888;}
#mainContent a {color:#888888; text-decoration:underline}
#answerTitle{width:300px; height:1px; position:relative; left:420px; top: 8px;margin-left:-380px;font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 14px;color: #FFFFFF; margin:0;}

/**/
/*PRODUCT MANUAL DOWNLOADS*/
/**/

table#productPDF  { border-collapse: collapse; width: 580px; border: 1px solid #fff; color:#FFFFFF}
#productPDF a{color:#fff; text-decoration:none}
#productPDF a:hover{text-decoration:underline;}
#productPDF col {border-right: 1px solid #fff;}
#productPDF col#modNum { width:120px;}
#productPDF thead { background: #FF4C00; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color:#FFFFFF;}
#productPDF thead tr{background-color: #FF4C00;}
#productPDF th { font-weight: normal; text-align: left;}
#productPDF th, #productPDF td { padding: 0.1em 1em;}
#productPDF .odd { background-color:#838588;}
#productPDF tr:hover { background-color:#333;}
#productPDF tr{background:#939598;  border-bottom: 1px solid #fff;}
tr.hovered {background-color:#333;color: white;}


/**/
/*PRODUCTS*/
/**/

#categoryWrap{width:760px; padding-top:5px}
#categories{width:615px;float:right; }


/**/
/*CATEGORY ITEM Pages*/
/**/


#forUpBox{width:305px; height:210px; background:#fff url(images/whiteCurveBt4UP.gif)  no-repeat right bottom; float:left; margin-left:5px; display:inline;margin-bottom:5px;}
/* ie/win seems to get this wrong ... */
* html #forUpBox {width:305px;}
#forUpBox #catItem img{float:left;margin: 0px 0px 2px 5px;} 
#forUpBox table{font-family: Trebuchet MS, arial, sans-serif;font-size:12px;color:#666;}

#twoUpBox{width:305px;float:left; margin:0px 0px 0px 5px; padding:0;display:inline;}
/* ie/win seems to get this wrong ... */
* html #twoUpBox {width:305px;}
#twoUpBox table{font-family: Trebuchet MS, arial, sans-serif;font-size:12px;color:#666;}
#twoUpBox #catItem img{float:none;margin: 0px 0px 2px 15px;}

#btCurve{width:305px; height:10px; background:#fff url(images/whiteCurveBt4UP.gif)  no-repeat right bottom;}
#catItem{background:#fff url(images/whiteCurveTp4UP.gif) no-repeat left top; padding:5px 0px; font-family: Trebuchet MS, arial, sans-serif;font-size:12px; color:#888888; }
#catItem p{line-height:14px; margin: 6px 6px;}
#catItem a{ color:#FF4C00;}
#catItem a:hover{color:#FF4C00;}
#catItem table{line-height:14px;  margin: 6px 8px;}

#pageScroll{float:right; width:120px; position: relative;  left: -30px; text-align:right}

/**/
/*ITEM Pages*/
/**/

#itemWrap{width:760px;background:#939598 url(images/greyDkCurveBt.gif)  no-repeat left bottom; font-family: Trebuchet MS, arial, sans-serif;font-size:12px; color:#fff;}
#itemWrap a{color:#ffff00; text-decoration:underline}
#itemWrap a:hover{color:#FF4C00}
#itemImg{float:left; background-color:#FFFFFF; width:380px; height:380px}
#itemSpecs{float:left; background-color:#939598; width:335px;height:340px; margin:20px 0 0 20px ; }
#itemSpecs table{font-size:14px; color:#fff}
#itemTitle{	width:760px;clear:both;	background:url(images/title_dkGrey.gif)  no-repeat left top;height:19px;padding:6px 0px;padding-left:15px;font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: 100;color: #FFFFFF;text-decoration: none;margin:0;}
#itemTitle a{font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: 100;color: #FFFFFF;text-decoration: none;}
.yellow {color:#ffff00; text-decoration:underline}
#itemTitle a:hover{text-decoration:underline;}
#itemExtraInfo{width:730px; margin:15px; clear:both;  }
#itemExtraInfo a{color:#fff; text-decoration:underline}
#itemExtraInfo a:hover{color:#ffff00}

#threeCol tr td{width:33%; padding-right:15px}
#threeCol ul {margin: 0 0 5px 15px;padding: 0px;}
#threeCol ul li {	margin: 0;	padding: 0 0 5px 0;}
#exerciseEg tr td{width:20%; padding: 5px 15px 0 0}
#whiteLine {height:1px; margin: 10px 0; clear:both; border-top: #fff 1px solid; width:100%;}

/**/
/*Excercise Example Pages*/
/**/
#exerciseWrap{width:305px; position:relative; left:50%; margin-left:-152px;background:#939598 url(images/greyCurveMedBt.gif)  no-repeat left bottom; font-family: Trebuchet MS, arial, sans-serif;font-size:11px; color:#fff;}
#exerciseText{width:275px;background: url(images/greyCurveMedTp.gif)  no-repeat left top; font-family: Trebuchet MS, arial, sans-serif;font-size:11px; color:#fff; padding:15px}
#exerciseImg{width:305px; background: #fff;}

/**/
/*NAVIGATION*/
/**/
#nav {width:760px; }
#nav  ul {padding:0; margin:0;list-style-type: none;}
#nav  ul li {float:left; position:relative;}
#nav  ul li a, .menu ul li a:visited {display:block; text-decoration:none; float:none; width:152px;height:35px; color:#fff; border:0;font-size:11px;background:#343434;background:transparent url("images/navigationV2.gif") no-repeat ;text-indent:-9000px;}

	#nav  ul li#nav-home a {background-position:0px 0px}
	#nav  ul li#nav-homeActive a {background-position:0px -38px}
	#nav  ul li#nav-home a:hover, #nav  ul li#nav-home   {background-position:0px -38px}
	
	#nav  ul li#nav-products a {background-position:-152px 0px}
	#nav  ul li#nav-productsActive a {background-position:-152px -38px}
	#nav  ul li#nav-products a:hover {background-position:-152px -38px}

	#nav  ul li#nav-customer a {background-position:-304px 0px}
	#nav  ul li#nav-customerActive a {background-position:-304px -38px}
	#nav  ul li#nav-customer a:hover {background-position:-304px -38px}
	
	#nav  ul li#nav-contact a {background-position:-456px 0px}
	#nav  ul li#nav-contactActive a {background-position:-456px -38px}
	#nav  ul li#nav-contact a:hover {background-position:-456px -38px}

	#nav  ul li#nav-dvd a {background-position:-608px 0px;}
	#nav  ul li#nav-dvd a:hover {background-position:-608px -38px}
	
/**/
/*SUB NAVIGATION*/
/**/
#subnavWrap {width:140px; height:425px; background:#fff url(images/whiteCurveBtSm.gif)  no-repeat right bottom; float:left; display:inline}
.subnavCurveTop {background: url(images/whiteCurveTpSm.gif) no-repeat left top;}
#subnav {width:125px;float:left;padding: 10px 0px 0px 15px; display:inline;font-family: Trebuchet MS, arial, sans-serif;	font-size:12px; color:#888888;}
/* ie/win seems to get this wrong ... */
* html #subnav {width:137px;}
* html #subnavWrap {width:137px;}

#subnav ul {padding:0; margin:0;list-style-type: none;}
#subnav ul li  {width:108px;position:relative;display:block;padding:2px 0px 2px 13px;background: url(images/orangeArrow.gif) no-repeat 0px 7px;}
#subnav ul li a{color:#666666; margin:0; text-decoration: none;}
#subnav ul li a:hover{color:#FF4C00; margin:0; text-decoration: none;}
#subnav .active{color:#FF4C00; margin:0; text-decoration: none;}