/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html>body #siteWrapper				{ height: auto; }

body								{ margin: 0; padding: 0; background: #fff top left repeat-x url(../img/structure/body-bg.jpg) fixed; zoverflow-y: scroll;}
#siteWrapper						{ position: relative; display: block; margin: 0 auto; margin-bottom: -49px; width: 759px; height: auto; height: 100%; min-height: 100%; background-color: #ffffff; border-left: 2px solid #3c3c3c; border-right: 2px solid #3c3c3c; }
#leftCol							{ display: block; float: left; clear: right; margin-right: -598px; width: 162px; height: auto; background: transparent; }
#rightCol							{ display: block; float: right; width: 597px; height: auto; }
#leftCol div.header					{ display: block; position: relative; width: 162px; height: 128px; background: #3c3c3c; z-index: 1; }
#rightCol div.header				{ display: block; position: relative;  width: 597px; height: 141px; background: transparent top left no-repeat url(../img/structure/rightcol/headers/01.jpg); }
#flashHolder						{ float: right; padding-right: 32px; background: #3C3C3C; width: 316px; height: 93px; }
div#contentWrapper					{ width: 597px; padding: 20px 0 20px 0px; }
#rightCol div.wrapper				{ display: block; position: relative; width: 557px; background: transparent; padding-left: 20px; padding-right: 20px; float: left; clear: both; }
#siteFooter							{ position: relative; margin: 0 auto; width: 759px; height: 49px; line-height: 14px; background: transparent; font-size: 9px !important;  }	


/* DARK BLOCK WRAPPER
-------------------------------------------------------------------------------- */

div.sweepWrapper					{ display: block; float: left; margin: 20px 0 20px 20px; padding: 0; width: 575px; height: auto; border-right: 1px solid white; border-left: 1px solid white; }
div.sweepTop						{ display: block; float: left; width: 100%; height: 26px; background: transparent top left no-repeat url(../img/structure/sweeptop.jpg); }
div.sweepBottom						{ display: block; float: left; width: 100%; height: 26px; background: transparent top left no-repeat url(../img/structure/sweepbottom.jpg); }
div.sweepContent					{ display: block; float: left; margin: 0; padding: 0; width: 100%; height: auto; background: #3C3C3C; color: #ffffff; }
div.sweepContent table				{ }
div.sweepContent th					{ padding: 20px 0px 10px 20px; vertical-align: top; }
div.sweepContent td					{ padding: 0 0 0 20px; vertical-align: top; }
div.sweepContent h2					{ color: #EFEFEF; border-bottom: 1px solid #555; padding-bottom: 5px; margin-bottom: 10px; padding-left: 4px; }
div.sweepContent p					{ padding-left: 4px; color: #EEE; }

* html div.sweepWrapper { margin: 0 0 20px 20px;  float: none; }


/* PRODUCTS
-------------------------------------------------------------------------------- */

div.productItem						{ float: left; margin: 0 11px 15px 4px; width: 86px; height: 127px; }
div.productItem	a					{ background: #ffffff; position: relative; display: block; margin: 0; padding: 1px 1px 18px; color: #000000; border: 1px solid #CCCCCC; text-decoration: none; }
div.productItem	a:hover	span 		{ background: #E4E4E2; color: #686360; }
div.productItem	a.active span 		{ background: #E4E4E2; color: #686360; }
div.productItem	img					{ display: block;}
div.productItem	span				{ display: block; font-size: 9px; font-weight: normal; padding: 3px 5px; text-transform: uppercase; text-align: center; margin-top: 1px; position: absolute; bottom: 0; left: 0; width: 74px; background: white; }
* html div.productItem span			{ width: 72px; bottom: 3px; }

/* PRODUCT ITEM BACKUP
-------------------------------------------------------------------------------- 

div.productItem						{ float: left; margin: 0 11px 15px 4px; }
div.productItem	a					{ background: #ffffff; display: block; margin: 0; padding: 1px; color: #000000; border: 1px solid #CCCCCC; text-decoration: none; }
div.productItem	a:hover	span 		{ background: #E4E4E2; color: #686360; zborder: 1px solid #ffffff; }
div.productItem	img					{ display: block;}
div.productItem	span				{ display: block; font-size: 9px; font-weight: normal; padding: 3px 5px; text-transform: uppercase; text-align: center; margin-top: 1px; zbackground: #2c2c2c; }

*/

div.carouselWrapper					{ margin: 40px 0; }
div.carouselWrapper div.productItem	{ margin: 0 8px; }

table#productDetail 				{ width: 100%; }
#productDetail	.largeImage			{ vertical-align: top; text-align: left; padding: 0; width: 250px; }
#productDetail	.largeImage img		{ border: 1px solid #EFEFEF; padding: 1px; background: #FFFFFF; }
#productDetail	.productInfo		{ vertical-align: top; text-align: left; padding: 0 0 0 20px; }
#productDetail .pdf					{ padding: 10px 0 0 0; }
#productDetail .print				{ padding: 10px 0 0 20px; }


/* PRODUCT PRICING
-------------------------------------------------------------------------------- */

table.productRange					{ border-collapse: collapse; width: 555px; margin-bottom: 20px; }
.productRange th					{ border: 1px solid #E0E0E0; padding: 10px; background: #EAEAEA; color: #000000; text-transform: uppercase; font-weight: bold; }
.productRange td					{ border: 1px solid #EEEEEE; padding: 5px 5px; color: #777777; }
.productRange td.name				{ font-weight: bold; color: #000000; zwidth: 38%; text-transform: uppercase; padding: 5px 5px; background: #FDFDFD; }
.productRange td.name a				{ text-decoration: none; color: #333333; font-size: 10px; }

.productRange td.width				{ width: 15%; }
.productRange td.height				{ width: 15%; }
.productRange td.liner				{ zwidth: 15%; }
.productRange td.radius				{ zwidth: 40%; }

.productRange tr:hover td			{ background-color: #FAF0FA; color: #000000; cursor: default; }
.productRange tr:hover td a			{ text-decoration: underline; }




/* FAQ
-------------------------------------------------------------------------------- */

.faqWrapper							{ width: 100%; margin-bottom: 20px; border-top: 1px solid #eeeeee; }
.faqWrapper td						{ padding: 10px 20px 10px 0; font-weight: bold; font-size: 10px; border-bottom: 1px solid #eeeeee; }
.faqWrapper td.itemNumber			{ vertical-align: middle; text-align: center; padding: 10px 15px; font-size: 11px; }
.faqWrapper tr.alt td				{ background-color: #EEEEEE; }
.faqWrapper a						{ text-decoration: none; display: block; }
.faqItem							{ margin-top: 20px; }
a.backtolist						{ display: block; width: 100%; height: 20px; text-indent: -5000px; background: transparent right center no-repeat url(../img/ui/button-backtolist.png); margin-bottom: 20px; }


/* GENERIC LIST ITEM
-------------------------------------------------------------------------------- */

.genItem							{ margin: 0; display: block; float: left; padding: 15px 15px 15px 15px; width: 527px; border-bottom: 1px solid #EFEFEF; }
.genItem img						{ margin-bottom: 0 !important; }
.twoCol								{ border-collapse: collapse; border: 0 !important; }
.twoCol td							{ vertical-align: top; background: transparent; padding: 2px 0; }
.twoCol td.label					{ text-align: left; padding-right: 10px; text-transform: capitilize; width: 90px; }
.twoCol td.output					{ text-align: left; padding-right: 10px; }

/* FORM ELEMENTS
-------------------------------------------------------------------------------- */

table.formWrapper					{ border-collapse: collapse; border: 0 !important; }
table.formWrapper td				{ border: 0 !important; vertical-align: middle; background: transparent; padding: 2px 0; }

form td.label						{ text-align: left; padding-left: 24px; padding-right: 20px; text-transform: uppercase; }
form td.error						{ text-align: left; padding: 10px 20px 0px 24px; color: #FFFFFF !important; font-weight: bold; }
form td.input						{ text-align: left; padding-right: 10px; }
.sweepContent form td.submit		{ text-align: center; padding: 15px 0 0 0 ; }
form td.disclaimer					{ padding: 15px 10px 0px 10px; font-size: 10px; }

.genInput input,
.genInput select,
.genInput textarea					{ font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

#rightCol .input select				{ width: 315px; }
#rightCol .input input				{ width: 309px; }
#rightCol .input textarea			{ width: 309px; }

#rightCol .narrow .input select		{ width: 165px; }
#rightCol .narrow .input input		{ width: 159px; }
#rightCol .narrow .input textarea	{ width: 159px; }

#rightCol .narrow td.input			{ padding-left: 0px !important; padding-right: 0px; text-align: left; }
#rightCol .narrow td.submit			{ padding-left: 5px !important; padding-right: 10px; text-align: left; }


input.prefix						{ width: 35px !important; text-align: center; }
input.suffix						{ width: 55px !important; text-align: center; }
select.wide							{ width: 456px !important; margin-right: 5px; }


/* CONTACT DIVISIONS
-------------------------------------------------------------------------------- */

.contactDivisions td				{ vertical-align: top; width: 33%; }
.contactDivisions td h2				{ width: 170px; margin-bottom: 5px;  }
.contactDivisions td hr				{ padding: 0 !important; margin: 10px 0 !important; width: 90%;  }
.contactDivisions td p				{ padding: 0 !important; margin: 0 !important;  }
.contactDivisions td img.previewImg	{ margin: 0 auto 5px auto;  }


/* FLOATED IMAGES
-------------------------------------------------------------------------------- */

.rightFloat							{ float: right; margin-bottom: 10px; margin-left: 15px;	}
.rightImage							{ float: right; margin-bottom: 10px; margin-left: 15px;	clear: right; }	
.leftImage							{ float: left; margin-bottom: 10px; margin-right: 15px; }

/* PAGING ITEMS
-------------------------------------------------------------------------------- */
.pagingWrapper						{ margin: 0; display: block; float: left; padding: 0; width: 557px; }
#pagingItems a						{ padding: 4px; }
#pagingItems a.current				{ padding: 4px;  text-decoration: none; }


/* GENERIC
-------------------------------------------------------------------------------- */
strong								{ color: #000000; }
p.pdfDownload						{ padding-left: 40px; background: transparent left top no-repeat url(../img/ui/acrobat-black-32.png); height: 32px; line-height: 28px; float: left; } 
p.printPage							{ padding-left: 40px; background: transparent left top no-repeat url(../img/ui/printer-32.png); height: 32px; line-height: 28px; float: left; } 
p.printPageTop						{ position:absolute; top:5px; right:20px; height: 32px; line-height: 28px; z-index: 1000; } 
span.sep							{ margin: 0 5px; }
.noMargin							{ margin: 0 !important; }
#clear								{ height: 49px; width: 100%; clear:both; }


/* PRODUCT STRIP
-------------------------------------------------------------------------------- */

#productSlider						{ display: block; position: relative; width: 557px; height: 125px; margin: 20px 0; }
#productSlider .navButton			{ width: 53px; height: 125px; line-height: 125px; vertical-align: middle; cursor: pointer; +}
#productSlider div.inActive			{ cursor: default; opacity: .25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); }
#leftScroll							{ position: absolute; top: 0px; left: 0px; background: transparent center center no-repeat url(../img/ui/button-prev.png); }
#rightScroll						{ position: absolute; top: 0px; right: 0px; background: transparent center center no-repeat url(../img/ui/button-next.png); }

#productSlider .productWrapper		{ width: 450px; height: 125px; position: absolute; top: 0px; left: 53px; overflow: hidden; }
#slideWrapper						{ float: left; display: block; position: relative; width: 2000px; height: 125px; overflow: visible; padding: 0; }
#slideWrapper div.productItem		{ float: left; margin: 0 0 0 0; width: 86px; height: 125px; padding: 0 2px;}

/* SIFR
-------------------------------------------------------------------------------- */

.sIFR-replaced						{ z-index: -1; padding-bottom: 5px; }
.sIFR-flash							{ position: relative !important; }
.sIFR-alternate						{ visibility: hidden; display: none; width: 0; height: 0; overflow: hidden; }
