/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Triple E Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#333333;}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#headerContainer { width:100%; background:url(../images/headerBg.gif) top left repeat-x;}
#headerContainer #header { position:relative; width:960px; height:125px; margin:0 auto;}
#headerContainer #header #logo { position:absolute; top:25px; left:20px;}
#headerContainer #header #info { position:absolute; top:45px; right:5px;}
#upperSection { width:100%; border-bottom:1px solid #bfbfd8; background:#FFFFFF;}
#upperSection #introBox { width:940px; margin:0 auto; padding:10px 0 10px 20px;}
#upperSection #introBox #leftCol { float:left; width:370px;}
#upperSection #introBox #leftCol p { font-size:130%; margin-top:20px;}
#upperSection #introBox #leftCol p span { color:#cc3333; font-size:140%; font-weight:bold;}
#upperSection #introBox #leftCol .readMore { padding-right:25px; margin-left:70px; background:url(../images/readMoreArrow.gif) 72px 0px no-repeat; color:#cc3333; text-decoration:none;}
#upperSection #introBox #leftCol .readMore:hover { text-decoration:underline;}
#upperSection #introBox #rightCol { float:right; width:550px;}
#upperSection #introBox #rightCol #caseStudyArea {background:url(../images/casestudyBg.gif) top left no-repeat; width:550px; height: 315px; margin-left: 6px; position: relative;}
#upperSection #content { width:960px; margin:0 auto; padding:0;}
#upperSection #content #intro { width:920px; padding:10px 20px;}
#upperSection #content #intro p { padding:0 0 10px 0; font-size:130%;}
#upperSection #content #intro .title { font:34px Georgia, "Times New Roman", Times, serif; color:#003399;}
#upperSection #content #intro .title span { color:#cc3333; font-size:46px;}

/*----- Home page case studies -----*/
#upperSection #introBox #rightCol #caseStudyArea #leftBtn {position: absolute; left: 18px; top: 143px; width: 28px; height: 28px;}
#upperSection #introBox #rightCol #caseStudyArea #rightBtn {position: absolute; right: 23px; top: 143px; width: 28px; height: 28px;}
#items_container { width: 402px; height: 315px; overflow: hidden; position: absolute; left: 70px; top: 0;}	
#controls {}
#controls a {}
#controls a:hover { background-image: url(../images/btn_img_over.jpg);}
#prevbtn {}
#playbtn {display: none;}
#nextbtn {}
div.slide_item {width: 402px;height: 315px;position: absolute;left: 0;top: 0px; background:url(../images/csItemBg.png) top left no-repeat;}
div.first_item {left: 0;}
.csContentArea {margin:95px auto; width: 290px; height: 170px;}
.csTitle {font:12px Georgia, "Times New Roman", Times, serif; font-weight: bold; color:#003399; text-align:center; padding:0; margin:0 0 10px 0;}
.csTopSection {width: 290px; height: 90px; position: relative;}
.csTopSection img {float: left;}
.csTopSection p {float: right; margin:0; padding: 8px; width: 122px; background-color: #f6f6f6; color:#a4a4a4; font-size:12px; font-family: arial, verdana, helvetica, sans-serif;}
.csBottomSection {width: 280px; height: 80px; font-size: 12px;}
.csReadMore { position: absolute; bottom: 8px; padding-right:25px; font-size: 12px; margin-left:20px; background:url(../images/readMoreArrow.gif) 100px 0px no-repeat; color:#cc3333; text-decoration:none;}
.csReadMore:hover { text-decoration:underline;}

#lowerSection { width:100%; background:#dfe0e0 url(../images/lowerSectionBg.gif) top left repeat-x;} 
#lowerSection #jumps { width:960px; margin:0 auto; padding:20px 0 30px 0;} 
#lowerSection #jumps a {color: #666666; font-weight: bold;}
#lowerSection #jumps a:hover {text-decoration: underline;}
#lowerSection #jumps #productRangeJump { float:left; position:relative; width:400px; height:200px; display:block; background:url(../images/productRangeJumpBg.gif) no-repeat; cursor:pointer; margin-right:30px; text-decoration:none;} 
#lowerSection #jumps #productRangeJump .text { position:absolute; top:40px; right:10px; width:200px; text-align:right; color:#000066; font-size:120%; font-weight:normal;}
#lowerSection #jumps #quoteToolJump { float:left; position:relative; width:250px; height:200px; display:block; background:url(../images/quoteToolJumpBg.gif) no-repeat; cursor:pointer; margin-right:30px; text-decoration:none;}
#lowerSection #jumps #quoteToolJump .text { position:absolute; top:40px; right:10px; width:200px; text-align:right; color:#666633; font-size:120%; font-weight:normal;}
#lowerSection #jumps #supportJump { float:left; position:relative; width:250px; height:200px; display:block; background:url(../images/supportJumpBg.gif) no-repeat; cursor:pointer; text-decoration:none;}
#lowerSection #jumps #supportJump .text { position:absolute; top:40px; right:10px; width:200px; text-align:right; color:#990000; font-size:120%; font-weight:normal;}
#lowerSection #links { width:920px; margin:0 auto; padding:20px 20px 30px 20px;}
#lowerSection #links p { padding:0 0 10px 0; font-size:130%; color:#4d4d4d;} 
#lowerSection #links #information { float:left; position:relative; width:360px; margin-right:30px;} 
#lowerSection #links #information .title { font:24px Georgia, "Times New Roman", Times, serif; color:#000066; background:url(../images/titleArrowBlue.gif) 135px 0px no-repeat;}
#lowerSection #links #contactUs { float:left; position:relative; width:250px; margin-right:30px;}
#lowerSection #links #contactUs .title { font:24px Georgia, "Times New Roman", Times, serif; color:#666633; background:url(../images/titleArrowGreen.gif) 120px 0px no-repeat;}
#lowerSection #links #contactUs .address { text-align:right; color:#666633; text-transform:uppercase; font-size:12px;} 
#lowerSection #links #support { float:left; position:relative; width:250px;} 
#lowerSection #links #support .title { font:24px Georgia, "Times New Roman", Times, serif; color:#990000; background:url(../images/titleArrowRed.gif) 90px 0px no-repeat;}
#lowerSection #links #support .centeredText { text-align:center;}
#lowerSection #links #support .centeredText span { color:#990000; font-weight:bold; font-size:18px;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-family: Georgia, "Times New Roman", Times, serif;font-size:130%; font-weight:bold;}

/* ----- TOP NAVIGATION ----- */
#topNavContainer { width:100%; background:url(../images/topNavBg.gif) top left repeat-x;}
#topNavContainer #topNav { width:960px; height:26px; margin:0 auto; font-size:12px;}
#topNavContainer #topNav ul { list-style:none; padding:0; margin:0 0 0 20px;}
#topNavContainer #topNav li { float:left; display:block; padding:0;}
#topNavContainer #topNav li a { float:left; display:block; padding:0 20px; line-height:26px; font-weight:normal; color:#4d4d4d; text-decoration:none; border-right:2px solid #efefef;}
#topNavContainer #topNav li a:hover { background:#c1272d; color:#FFFFFF;}
#topNavContainer #topNav li a.active { background:#c1272d; color:#FFFFFF;}
#topNavContainer #topNav li a.first { border-left:2px solid #efefef;}

/* ----- IMAGE NAVIGATION ----- */
#imageNav { width:940px; height:120px; padding:10px 10px; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; margin-bottom:20px; font-size:110%;}
.shrinkBox { width:900px !important; }
#imageNav #unitrack { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/unitrackNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #unitrack:hover { background:url(../images/unitrackNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #unitrackACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/unitrackNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}
#imageNav #Unibeam { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/UnibeamNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #Unibeam:hover { background:url(../images/UnibeamNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #UnibeamACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/UnibeamNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}
#imageNav #Erail { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/ErailNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #Erail:hover { background:url(../images/ErailNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #ErailACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/ErailNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}
#imageNav #TracDrive { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/TrackDriveNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #TracDrive:hover { background:url(../images/TrackDriveNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #TracDriveACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/TrackDriveNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}
#imageNav #Unicyc { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/UnicycNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #Unicyc:hover { background:url(../images/UnicycNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #UnicycACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/UnicycNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}
#imageNav #ThreeWay { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/ThreeWayNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #ThreeWay:hover { background:url(../images/ThreeWayNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #ThreeWayACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/ThreeWayNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}
#imageNav #TwoWay { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/TwoWayNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #TwoWay:hover { background:url(../images/TwoWayNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #TwoWayACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/TwoWayNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}
#imageNav #Unijack { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/UnijackNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #Unijack:hover { background:url(../images/UnijackNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #UnijackACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/UnijackNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}
#imageNav #LoosePinHidge { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/LoosePinHidgeNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #LoosePinHidge:hover { background:url(../images/LoosePinHidgeNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #LoosePinHidgeACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/LoosePinHidgeNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}
#imageNav #AcousticsBanners { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/AcousticsBannersNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #AcousticsBanners:hover { background:url(../images/AcousticsBannersNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #AcousticsBannersACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/AcousticsBannersNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}
#imageNav #ChainTrack { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/ChainTrackNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #ChainTrack:hover { background:url(../images/ChainTrackNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #ChainTrackACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/ChainTrackNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}
#imageNav #CustomDesign { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; background:url(../images/CustomDesignNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #CustomDesign:hover { background:url(../images/CustomDesignNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #CustomDesignACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; margin-right:8px; background:url(../images/CustomDesignNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}

#imageNav #chainbeam { float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; background:url(../images/chainbeamNav.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
#imageNav #chainbeam:hover { background:url(../images/chainbeamNav.gif) -71px 0 no-repeat; color:#bc0000;}
#imageNav #chainbeamACTIVE {  float:left; display:block; width:71px; height:30px; padding:80px 0 0 0; background:url(../images/chainbeamNav.gif) -71px 0 no-repeat; color:#bc0000; text-decoration:none; text-align:center;}

/* ----- PRODUCT DETAIL TABS ----- */
#productTabs { clear:both; margin-bottom:20px; border:1px solid #cccccc; padding:3px;}

#tab-container-1-nav { margin:0 !important; padding:0 !important; list-style:none !important; font-size:90%; background:#e6e6e6; width:100%; height:25px;}
#tab-container-1-nav li { display:inline; text-decoration:none; color:#666666; display:block; float:left;}
#tab-container-1-nav .quoteTitle { text-decoration:none; color:#666666; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; float:left; border-right:2px solid #f2f2f2; padding: 2px 15px 3px 15px; z-index:1000;}
#tab-container-1-nav .quoteTitleSelected { text-decoration:none; color:#cd3e3e; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; display:block; float:left; border-right:2px solid #f2f2f2; padding: 2px 15px 3px 15px; z-index:1000;}
#tab-container-1-nav a { text-decoration:none; color:#666666; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; float:left; border-right:2px solid #f2f2f2; padding: 2px 15px 3px 15px; z-index:1000;}
#tab-container-1-nav a:hover { color:#cd3e3e;}
#tab-container-1-nav .active { color:#cd3e3e;}
#tab-container-1 .tab { min-height:250px; width:920px; clear:both; position:relative; top:0px; z-index:0; font-family:Verdana, Arial, Helvetica, sans-serif; padding:15px; display: inline-block;}
#tab-container-1 .tab p { padding:0 0 10px 0; width:520px; font-size:11px; float: left;}
#tab-container-1 .tab p.csOne {padding:0 0 10px 0; width:920px; font-size:11px; float: left;}
#tab-container-1 .tab .title { font-size:14px; color:#cd3e3e; font-weight:normal; padding:0 0 10px 0;}
#tab-container-1 .tab .csImage { float:right; margin-left: 10px; }
#tab-container-1 .tab .quote { position:absolute; top:-23px; right:-25px; width:120px; padding-right:15px; background:url(../images/quoteArrow.gif) 85px 2px no-repeat;}
#tab-container-1 .tab .quote a { font-weight:bold; border:none; color:#cd3e3e; text-decoration:none; font-size:12px;}
#tab-container-1 .tab .quote a:hover { text-decoration:underline;}
#tab-container-1 .tab .csReadMoreMain { font-size: 12px; padding-right: 35px; padding-bottom: 5px; background:url(../images/readMoreArrow.gif) 160px 0px no-repeat; line-height: 30px; color:#cc3333; text-decoration:none;}
#tab-container-1 .tab .csReadMoreMain:hover { text-decoration:underline;}

#tab-container-1 .tab #details { width:920px;}
#tab-container-1 .tab #details .title { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#333385; border-bottom:1px solid #c1272d; padding-bottom:1px; margin-bottom:5px;}
#tab-container-1 .tab #details p { padding:0 0 10px 0; font-size:11px; width:100%;}
#tab-container-1 .tab #details #shapeBox { width:920px; position:relative; min-height:200px;}
#tab-container-1 .tab #details #shapeBox #image { margin: 30px 60px 30px 60px; position:relative;}
#tab-container-1 .tab #details #quoteTitle { margin: 0px auto 30px auto;text-align:center; color:#4c4c4c; font-size:18px;}
#tab-container-1 .tab #details #shapeBox #widthInputArea { position:absolute; top:5px; left:350px; width:70px; height:30px; background-color: #ffffff; padding: 5px; color: #c1272d; font-weight: bold; font-size: 13px; font-style: italic; }
#tab-container-1 .tab #details #shapeBox .sizeInputBox { width:30px; border:2px solid #c1272d; color:#333333; font-size:14px; margin-left:3px;}
#tab-container-1 .tab #details #shapeBox .sizeInputSmlBox { width:20px; border:2px solid #c1272d; color:#333333; font-size:14px; margin-left:3px;}
#tab-container-1 .tab #details #shapeBox #verticalInputArea1 { position:absolute; top:160px; left:-10px; width:70px; height:25px; background-color: #ffffff; padding: 5px; color: #c1272d; font-weight: bold; font-size: 13px; font-style: italic; }
#tab-container-1 .tab #details #shapeBox #verticalInputArea2 { position:absolute; top:160px; right:-25px; width:70px; height:25px; background-color: #ffffff; padding: 5px; color: #c1272d; font-weight: bold; font-size: 13px; font-style: italic; }

#tab-container-1 .tab #details #shapeBox #leftCurveSelect{position: absolute; top: 45px; left:-15px; width: 90px; color: #c1272d; font-weight: bold;}
#tab-container-1 .tab #details #shapeBox #leftCurveSelect select {width: 90px; border:2px solid #c1272d; color:#333333;}

#tab-container-1 .tab #details #shapeBox #rightCurveSelect{position: absolute; top: 45px; right:-15px; width: 90px; color: #c1272d; font-weight: bold;}
#tab-container-1 .tab #details #shapeBox #rightCurveSelect select {width: 90px; border:2px solid #c1272d; color:#333333;}

#tab-container-1 .tab #effectArea .title { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#333385; border-bottom:1px solid #c1272d; padding-bottom:1px; margin-bottom:20px; margin-top: 20px;}

#tab-container-1 .tab #details #curtainsBox { position:relative; width:850px; margin-left: 35px; background:url(../images/curtainsBg.gif) top left no-repeat;}
#tab-container-1 .tab #details #curtainsBox #verticalInputArea3 { position:absolute; top:220px; left: -20px; width:70px; height:25px; background-color: #ffffff; padding: 5px; color: #c1272d; font-weight: bold; font-size: 13px; font-style: italic; }
#tab-container-1 .tab #details #curtainsBox .sizeInputBox { width:30px; border:2px solid #c1272d; color:#333333; font-size:14px; margin-left:3px;}
#tab-container-1 .tab #details #curtainsBox .sizeInputSmlBox { width:20px; border:2px solid #c1272d; color:#333333; font-size:14px; margin-left:3px;}
#tab-container-1 .tab #details #curtainsBox #suspensionArea {width: 550px; margin:0 auto; padding: 30px 0 80px 20px;}
#tab-container-1 .tab #details #curtainsBox #suspOptionsBox {width:550px; margin-top: 20px;}
#tab-container-1 .tab #details #curtainsBox #suspOptionsBox .optionEmpty { float:left; width:120px; height:110px; padding:10px 5px; margin:0 10px 10px 0; background:url(../images/optionBg.gif) no-repeat; text-align:center;}
#tab-container-1 .tab #details #curtainsBox #suspOptionsBox .option { float:left; width:120px; height:110px; padding:10px 5px; margin:0 18px 18px 0; border:1px solid #c5c5c5; text-align:center; display:block; text-decoration:none; font-weight:normal; cursor:pointer;}
#tab-container-1 .tab #details #curtainsBox #suspOptionsBox .option:hover { border: 1px solid #c1272d; text-decoration:none;}
#tab-container-1 .tab #details #curtainsBox #suspOptionsBox .option .thumb { margin:0 auto 5px auto; float:none;}

#tab-container-1 .tab #details #curtainsBox #driveArea #optionsBox { width:920px; margin-top: 20px;}
#tab-container-1 .tab #details #curtainsBox #driveArea #optionsBox .optionEmpty { float:left; width:120px; height:110px; padding:10px 5px; margin:0 10px 10px 0; background:url(../images/optionBg.gif) no-repeat; text-align:center;}
#tab-container-1 .tab #details #curtainsBox #driveArea #optionsBox .option { float:left; width:120px; height:110px; padding:10px 5px; margin:0 8px 10px 0; border:1px solid #c5c5c5; text-align:center; display:block; text-decoration:none; font-weight:normal; cursor:pointer;}
#tab-container-1 .tab #details #curtainsBox #driveArea #optionsBox .option:hover { border: 1px solid #c1272d; text-decoration:none;}
#tab-container-1 .tab #details #curtainsBox #driveArea #optionsBox .option .thumb { margin:0 auto 5px auto; float:none;}



#tab-container-1 .tab #details #curtainsBoxNOBG { position:relative; width:850px; margin-left: 35px; }
#tab-container-1 .tab #details #curtainsBoxNOBG #verticalInputArea3 { position:absolute; top:220px; left: -20px; width:70px; height:25px; background-color: #ffffff; padding: 5px; color: #c1272d; font-weight: bold; font-size: 13px; font-style: italic; }
#tab-container-1 .tab #details #curtainsBoxNOBG .sizeInputBox { width:30px; border:2px solid #c1272d; color:#333333; font-size:14px; margin-left:3px;}
#tab-container-1 .tab #details #curtainsBoxNOBG .sizeInputSmlBox { width:20px; border:2px solid #c1272d; color:#333333; font-size:14px; margin-left:3px;}
#tab-container-1 .tab #details #curtainsBoxNOBG #suspensionArea {width: 550px; margin:0 auto; padding: 30px 0 80px 20px;}
#tab-container-1 .tab #details #curtainsBoxNOBG #suspOptionsBox {width:550px; margin-top: 20px;}
#tab-container-1 .tab #details #curtainsBoxNOBG #suspOptionsBox .optionEmpty { float:left; width:120px; height:110px; padding:10px 5px; margin:0 10px 10px 0; background:url(../images/optionBg.gif) no-repeat; text-align:center;}
#tab-container-1 .tab #details #curtainsBoxNOBG #suspOptionsBox .option { float:left; width:120px; height:110px; padding:10px 5px; margin:0 18px 18px 0; border:1px solid #c5c5c5; text-align:center; display:block; text-decoration:none; font-weight:normal; cursor:pointer;}
#tab-container-1 .tab #details #curtainsBoxNOBG #suspOptionsBox .option:hover { border: 1px solid #c1272d; text-decoration:none;}
#tab-container-1 .tab #details #curtainsBoxNOBG #suspOptionsBox .option .thumb { margin:0 auto 5px auto; float:none;}

#tab-container-1 .tab #details #curtainsBoxNOBG #driveArea #optionsBox { width:920px; margin-top: 20px;}
#tab-container-1 .tab #details #curtainsBoxNOBG #driveArea #optionsBox .optionEmpty { float:left; width:120px; height:110px; padding:10px 5px; margin:0 10px 10px 0; background:url(../images/optionBg.gif) no-repeat; text-align:center;}
#tab-container-1 .tab #details #curtainsBoxNOBG #driveArea #optionsBox .option { float:left; width:120px; height:110px; padding:10px 5px; margin:0 8px 10px 0; border:1px solid #c5c5c5; text-align:center; display:block; text-decoration:none; font-weight:normal; cursor:pointer;}
#tab-container-1 .tab #details #curtainsBoxNOBG #driveArea #optionsBox .option:hover { border: 1px solid #c1272d; text-decoration:none;}
#tab-container-1 .tab #details #curtainsBoxNOBG #driveArea #optionsBox .option .thumb { margin:0 auto 5px auto; float:none;}




#tab-container-1 .tab #details .instructions {font-size: 12px;}


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer { width:960px; height:50px; margin:0 auto; border-top:5px solid #cccccc; font-size:110%;}
#footer p { padding:0;}
#footer a { font-weight:normal; text-decoration:none; outline:none; color:#333333;}
#footer a:hover { text-decoration:underline;}
#footer .left { float:left; margin:0 20px; padding-top:8px;}
#footer .left .logo { float:left; margin-right:10px;}
#footer .middle { float:left; padding-top:15px;}
#footer .right { float:right; padding-top:15px;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#333333; font-weight:bold; text-decoration:underline; outline:none;}
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}
.redButton {background-color: #cc3333; color: #FFFFFF; font-size:13px; letter-spacing: 1px; font-weight:bold; border:none; padding:3px 8px; margin:0; height:25px;}

form.frontend{margin-top:1em; font-size:120%;}
form.frontend label{float:left;display:block;width:120px;margin:0 5px 1em 0;}
form.frontend br{clear:left;}
form.frontend div.val_errors{margin-bottom:1em; color:#000;}
form.frontend div.val_errors p {padding:0; margin:0;}
form.frontend div.val_errors ul{margin:0.5em 0; list-style-type:disc;}
form.frontend input {width:220px;margin-bottom:1em;float:left;}
form.frontend .nolabel{margin-left:90px;margin-bottom:1em;float:left;}
form.frontend input.narrow{width:40px;}
form.frontend input.qty{width:25px;}
form.frontend select{width:200px;float:left; margin-top:3px;}
form.frontend select.multiple{height:8em;margin-bottom:0.5em;}
form.frontend textarea{width:400px;float:left;margin-bottom:0.5em;}
form.frontend textarea.wide{width:75%;float:left;height:6em;}
form.frontend label.checkbox{display:block;float:left;}
/*form.frontend label.checkbox input{float:right;}*/
form.frontend label.radio{display:block;float:left;width:75%;margin-bottom:0;}
form.frontend label.radio input{margin-bottom:0;}
form.frontend label.disabled{color:#666;}
form.frontend label.wide{width:100%;}
form.frontend .small_margin{margin-bottom:0;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; font-size:110%; position:relative; }
table p { padding:0px; width:auto!important }
table .onclick {cursor:pointer; text-decoration:underline; padding:0; margin:0;bottom:3px; right:3px}
table .cut_desc{position:relative}

.comp_table { border-top: 1px solid #CCC;border-left: 1px solid #CCC;}
.comp_table th{padding:4px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC; text-align: left; background:#c1272d; font:130% Georgia, "Times New Roman", Times, serif; color:#FFFFFF;}
.comp_table td{vertical-align:top;padding:4px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}
.comp_table td img{float:none;}

#tab-container-1 .tab #effectArea{width: 920px; clear:left; min-height: 500px;}
#tab-container-1 .tab #effectArea p {width: 900px; font-size: 12px;}

.clsContainer{position:relative; text-align:center; width: 200px; float:left; margin-right:15px; margin-bottom:25px}

.clsEffect {padding: 5px; min-height: 120px; border: 1px solid #666666; font-size: 12px;display:block; cursor:pointer; text-decoration:none;}
.clsEffect img {margin: 8px auto;}
.clsEffect:hover { border: 1px solid }
.clsAnimationLink {height: 25px; margin-top:5px}
.clsAnimationLink a{display:block; border:1px solid #E6E6E6; background-color: #E6E6E6; color: #c1272d; text-decoration: none; text-align:center; padding: 4px; }
.clsAnimationLink a:hover{border:1px solid #D2D2D2;background:#D2D2D2; text-decoration: none;}


#tab-container-1 .tab .clsEffect img {}

#quoteResultLeft {float: left; width: 400px; display:block; p}
#quoteResultLeft .halfWidth {width:300px;display:block;}
#quoteResultRight {float:right; width: 460px;display:block;}
#quoteResultLeft ul {clear:both;}
.showhidelink{text-decoration:none; float: left; color: #c1272d; cursor:pointer; background:#E6E6E6; width:250px !important; height:20px !important; margin-bottom:3px; padding:7px 12px 7px 12px!important; font-size:13px!important; margin-right: 8px;}
.showhidelink:hover{background:#D2D2D2}


#newQuoteBtn{width:180px; position:absolute; right:-5px; top:-70px}

#yourQuote{background:#E6E6E6; float: left; padding:10px; width:380px; border:1px solid #CCCCCC;display:block;}
#yourQuote #totalCost{font-size:150%; background:#EFFCEF; border:1px solid #339900; padding:3px; width:373px; display:block;}

/* The part below should be absolutely positioned, but its impossible to do so as the min-height cannot be set for the parent for this page only without being hacky */
#submitQuoteForm{display:block; float: left;clear:both; font:130%; background:#E6E6E6; padding:10px; width:380px; border:1px solid #CCCCCC;}
#submitQuoteForm p {clear: both; display: block;}
#submitQuoteForm label{float: left; width: 130px; font-weight: bold;}
#submitQuoteForm input, #submitQuoteForm textarea{ width: 180px; margin-bottom: 5px; font-size: 11px;}
#submitQuoteForm textarea{width:230px; height: 150px;}
#submitQuoteForm select {font-size: 11px;}

#yourQuote h1, #submitQuoteForm h1{background:#FFFFFF; padding:3px 5px; border:1px #CCCCCC solid; width:370px; margin-bottom:7px; color:#C1272D}