/*SunsaverShades Main CSS*/
/* General HTML Styles */

/* zero out margin and padding on all elements */
* { margin: 0; padding: 0;}
body
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	/*line-height:1.5em;*/
	color: #797979;
	text-align:center;
	background-color: #FFF;
	margin: 20px;
	padding:0;
	min-width: 965px;
}
p {font-size:1.1em; margin-bottom: 1em;}
li, td, th {/*font-size:1.1em;*/}
h1, h2, h3, h4, h5, h6 {margin-bottom: 0.25em;}
h1{font-size: 1.6em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h4{font-size: 1.0em;}
h5{font-size: 1.0em}
h6{font-size: 0.8em}
a, a:visited{color:#FAA419;	text-decoration:underline;}
a:hover, a:active{text-decoration:none;}
a img {border-style:none;}

/* Shared Classes */
/* -------------- */
.block {display:block;}
.none {display:none;}
.left {float:left;}
.right{float:right;}
.clear {clear:both;}
.clearafter:after { /* Overridden in IE css, previous external floats trigger the IE Float Model	*/
	content: ".";height:0;visibility: hidden;display:block;clear:both;}
img.left{float:left;margin:5px 10px 15px 0;}
img.right{float:right;margin:5px 0 10px 10px;}
.alternate{background-color: #CECECE;}
hr.separator{border:1px solid #EDEDED; border-width: 1px 0 0 0; height:1px; color:#EDEDED; margin:5px 0 5px 0;display:block;clear:both;
}
.space{border:none;margin:10px 0 10px 0;display:block;clear:both;}
.hilite{color:#FAA334;}
a.learnmore{color:#FAA419;text-transform:uppercase;font-weight:bold;}

/* Layout for common areas */
/* -------------------------- */
/*
Note: 
	Layouts are using floating without margins. Use padding and margins on contained elements, not the containers.
	
	Padding technique: set top and bottom padding on container, and left right padding on contained elements
		 e.g:
		 .container {padding:10px 0;} <-- set top and bottom padding on container, zero out left and right
		 .container * {padding-left: 10px; padding-right: 10px;} <-- Set left and right padding on immediate children
		 .container * * {padding-left: 0; padding-right: 0;} <-- Zero out left and right on further descendants
		This padding technique is dependent on all content within the container being wrapped in an element. 
*/

/* shared accross all layouts*/
#pagewrapper {width: 914px;text-align:left; margin: 0 auto;padding:0;position:relative;}
#weblogo {	background: url(../../images/logo_web.jpg) no-repeat;text-indent: -9000px;}
#weblogo a {background: url(../../images/logo_web.jpg) no-repeat;position:absolute;top:0;left:10px;display:block;width:297px;height:73px;}
#header{float:right; height:73px;display: inline; position: relative; padding: 0 9px 0 0;}
#header p {margin:0; }
#header p.questions {width:399px; font-size: 14px; font-weight: bold; font-family: Verdana; text-decoration: none; color:#999999;}
#header p img {padding:0 5px 0 0; float:left;}
#header p.questions span { font-weight:bold; font-size:18px;color:#6766cc;}
#header p.info a { color:#6766cc;}
#header p.info {width:250px; font-size: 10px; font-weight: bold; font-family: Verdana; text-decoration: none; margin:5px 0 0 0;}

#navigation {padding-top: 22px;height:37px;clear:both;background:url(../../images/container_hdr.jpg) no-repeat left top; background-color:#FF0000;}
#navigation ul{list-style:none; }
#navigation ul li {font-size: 11px; font-weight: bold; font-family: Verdana; }
#navigation ul li a {text-decoration:none;}
#navigation a:link, #navigation a:visited {color: #6666cc;}
#navigation a:hover, #navigation a:active {color: #FAA419;}
#navigation ul#mainnav {padding-left: 532px; margin:0; text-transform:uppercase;}
#navigation ul#mainnav li{display:inline;position:relative;z-index:2;height:12px;}
#navigation ul#mainnav #howtheywork {float:left;}
#navigation ul#mainnav #pricing {float:left;}
#navigation ul#mainnav #ordernow {float:left;}
#navigation ul#mainnav ul {position:absolute;display:none;top:12px; z-index:2;}
#navigation ul#mainnav li#howtheywork  {width:150px;}
#navigation ul#mainnav li#pricing  {width: 86px;}
#navigation ul#mainnav li#ordernow  {width: 108px; left:10px;}
#navigation ul#mainnav li a:link, #navigation ul#mainnav li a:visited { background: url(../../images/arrow_off.gif) bottom left no-repeat; padding-left:14px;}
#navigation ul#mainnav li a:hover, #navigation ul#mainnav li a:active { background: url(../../images/arrow_on.gif) bottom left no-repeat; padding-left:14px;}

#breadcwrap {clear:both; background: url(../../images/container_fill.jpg) repeat-y left top;}
#breadwrapper {height:34px; }
#breadwrapper .breadcrumbs {display:block;float:left; padding-left: 40px; font-weight:bold;}
#breadwrapper .breadcrumbs a {color:#FAA419;}
#breadwrapper #lnksendtofriend{float:right; padding-right:5px;}
#breadwrapper #lnkprintpage{float:right; padding-right:40px;}

#footer{background: url(../../images/container_ftr.jpg) no-repeat left top;	clear:both;	padding: 35px 10px 20px 20px;	text-align:right;}
#footer p {float:left;}
#footer ul {list-style:none;}
#footer ul li {display:inline; padding-right: 10px;}
#footer a {color:#919191; text-decoration:none;}
#footer a:hover {color:#FAA419;text-decoration:underline;}

/*all column layouts*/
.contentwrapper {background: url(../../images/container_fill.jpg) repeat-y left top;}
.contentwrapper #maincontent {float:left; padding: 0 0; /*background-color:#99FFCC;*/}/* set TB padding on container */
/*.contentwrapper #maincontent *, .contentwrapper #contentleft *,  .contentwrapper #contentright * {padding-left: 30px; padding-right: 30px;}*/ /*set LR padding on container's immediate decendants*/
/*.contentwrapper #maincontent * *,  .contentwrapper #contentleft * *, .contentwrapper #contentright * * {padding-left: 0; padding-right: 0;}*//* clear LR padding for distant decendants*/
.contentwrapper #contentleft {float: left; /*padding: 10px 0;*//*background-color:yellow;*/}
/*
.contentwrapper #contentleft * {padding-left: 10px; padding-right: 10px;}
.contentwrapper #contentleft * * {padding-left: 0; padding-right: 0;}
*/
.contentwrapper #contentright {float: right; /* padding: 10px 0;*//*background-color:#99CC99;*/}
/*
.contentwrapper #contentright * {padding-left: 10px; padding-right: 10px;}
.contentwrapper #contentright * * {padding-left: 0; padding-right: 0;}
*/

/*Base style for unordered lists*/
#maincontent ul { margin-left:15px; margin-bottom: 1em;}
#maincontent ol {margin-left:20px; margin-bottom: 1em;}

/* Common styles for featurebox modules in contentright*/
#contentright .featurebox {}

#contentright .featurebox img.banner {display:block;}
#contentright hr.separator {margin:10px 32px 10px 0;}/* width fix for <hr> Rmargin*/
#contentright .featurebox hr.separator {margin:5px 0 5px 0; width:214px;}
#contentright .space {margin:10px 32px 10px 0;} /*width fix for <hr> Rmargin*/
#contentright .featurebox .space {margin:10px 0 10px 0; width:214px;}

#contentright .featurebox.install {background:url(../../images/installation.jpg) top left no-repeat; width:252px; height:185px;}
#contentright .featurebox.install h4 {height:31px;margin:0; padding:75px 10px 0 10px; font-size: 1.6em; font-weight:bold; color: #333333;}
#contentright .featurebox.install p {margin:0; padding:0px 0px 0px 10px;font-size: 12px; color:#000000; font-weight:bold;}
#contentright .featurebox.install a.learnmore   {float:right; height:40px; width:100px;}
#contentright .featurebox.aboutus {background:url(../../images/about_fill.jpg) top left repeat-y; width:252px;}
#contentright .featurebox.aboutus h4 {background:url(../../images/about_top.jpg) top left no-repeat; height:31px;margin:0; padding:10px 10px 10px 10px;}
#contentright .featurebox.aboutus p  {padding:0px; margin:0px 10px 10px 10px; font-size: 12px; font-weight:bold;}
#contentright .featurebox.aboutus .learnmore  {background:url(../../images/about_btm.jpg) bottom left no-repeat; height:18px;margin:0; padding:0px 10px 5px 10px;text-align:right; }
#contentright .featurebox.aboutus .learnmore a  {margin:0px 10px 0px 10px;color:#ff6600;text-transform: uppercase; font-weight:bold; font-size: 10px;  }
#contentright .featurebox.highlighted{/*background:url(../../images/bannerb.jpg) top left no-repeat; height:123px;*/ width:252px;}
#contentright .featurebox.highlighted h3{margin:0; padding:0px 0px 10px 0px; font-size: 1.6em; font-weight:bold; color:#ffa202;}
#contentright .featurebox.highlighted p{padding:0px; margin:0px 0px 0px 0px;font-size: 12px; font-weight:bold; }

/* page specific layout and styles */
/* ------------------------------- */
/*home page */
#homepagelayout #homebanner {float:none; width: 882px; padding-top:0px;}
#homepagelayout #homebanner * {padding-left:32px; padding-right:0px;} /*set LR padding on container's immediate decendants*/
#homepagelayout #homebanner * * {padding-left:0; padding-right:0px;} /* clear LR padding for distant decendants*/
#homepagelayout #homebanner .features{height:179px;}
#homepagelayout #homebanner .features h1.pagebanner{ background:url(../../images/bannera.jpg) top left no-repeat; height:179px; width:582px; margin-bottom:0; }
#homepagelayout #homebanner .features #banner{float:left;height:179px; }
#homepagelayout #homebanner .features #banner-right{float:left; background:url(../../images/bannerb.jpg) top right no-repeat; height:179px; width:268px;}
#homepagelayout #homebanner .features #banner-right h3{margin:0; padding:10px 10px 0 20px; font-size: 1.6em; font-weight:bold; color:#ffa202;}
#homepagelayout #homebanner .features #banner-right p{margin:0; padding:8px 10px 0 20px;font-size: 12px; font-weight:bold; }
/*home page Main Columns layout (no contentleft)*/
#homepagelayout {}
#homepagelayout #maincontent {width: 610px;}/*set content width*/
#homepagelayout #maincontent * {padding-left:32px; padding-right:0px;} /*set LR padding on container's immediate decendants*/
#homepagelayout #maincontent * * {padding-left:0; padding-right:0;}  /*clear LR padding for distant decendants*/
#homepagelayout #contentleft {}
#homepagelayout #contentright {}
#homepagelayout #contentright {width: 284px;}/*set content width*/
#homepagelayout #contentright * {padding-right: 32px;} /*set LR padding on container's immediate decendants*/
#homepagelayout #contentright * * {padding-right:0;} /* clear LR padding for distant decendants*/
/*no breadwrapper: 30px high;*/
/*#navigation #nobreadcrumbs {display:block; height:5px;}*/
#homepagelayout #maincontent .shadecategories {clear:both;}
#homepagelayout #maincontent .shadecategories h2 {padding:15px 0 5px 0;}
#homepagelayout #maincontent .shadetypes {margin-left:0; margin-bottom:0;}
#homepagelayout #maincontent a.choiceslink {  padding:5px 5px 5px 5px;}
#homepagelayout #maincontent .shadetypes p {  padding:210px 5px 5px 5px;}

/*#homepagelayout #maincontent .inside1{ float:left; background:url(../../images/inside.jpg) top left no-repeat; height:267px; width:180px; padding-right:20px;}
#homepagelayout #maincontent .outside2{ float:left; display:inline; background:url(../../images/outside.jpg) top left no-repeat; height:267px; width:179px; padding-right:20px;}

#homepagelayout #maincontent .blackout3{ float:left; display:inline; background:url(../../images/blackout.jpg) top left no-repeat; height:267px; width:179px;}*/

/* Common styles for maincontent area */
#homepagelayout #maincontent h2 img.pghdr{padding-bottom:15px;}
#homepagelayout #maincontent .teasewrapper{ }
#homepagelayout #maincontent .teasewrapper .teaseritem{float:left;}
#homepagelayout #maincontent .teasewrapper .alt{margin-left:19px;}
#homepagelayout #maincontent .teasewrapper .teaseritem h3{text-transform: uppercase; margin-bottom:2px;}
#homepagelayout #maincontent .teasewrapper .teaseritem img {float:left; padding: 0 15px 5px 10px;}
#homepagelayout #maincontent .teasewrapper .teaseritem ul {list-style: none;}
#homepagelayout #maincontent .teasewrapper .shadeitem{background:url(../../images/teaser-btm.jpg) bottom left no-repeat;}
#homepagelayout #maincontent .teasewrapper .shadeitemwrp{background:url(../../images/teaser-fill.jpg) top left repeat-y;width:180px;}
#homepagelayout #maincontent .teasewrapper .shadeitem p {margin:0; padding:0 10px 10px 10px;}
#homepagelayout #maincontent .teasewrapper .shadeitem h3.inside1{background:url(../../images/inside_t.jpg) top left no-repeat;height:215px;}
#homepagelayout #maincontent .teasewrapper .shadeitem h3.outside1{background:url(../../images/outside_t.jpg) top left no-repeat;height:215px;}
#homepagelayout #maincontent .teasewrapper .shadeitem h3.blackout1{background:url(../../images/blackout_t.jpg) top left no-repeat;height:215px;}
#homepagelayout #maincontent .teasewrapper .shadeitem  h3 a { float:left; height:215px; width:180px;}
#homepagelayout #maincontent hr.separator {margin:13px 40px 13px 40px;}
#homepagelayout #maincontent blockquote{margin-bottom:0.3em; }
#homepagelayout #maincontent cite {margin-bottom:1em; display:block;}
#homepagelayout #maincontent .main-bottom { background:url(../../images/visa_mc_logos.jpg) bottom left no-repeat; height:40px;}





/*2 Column layout (no contentleft)*/
#twocolumnlayout {}


#twocolumnlayout #maincontent {width: 614px;}/*set content width*/
#twocolumnlayout #maincontent * {padding-left:32px; padding-right:0px;} /*set LR padding on container's immediate decendants*/
#twocolumnlayout #maincontent * * {padding-left:0; padding-right:0;}  /*clear LR padding for distant decendants*/

/* Common styles for maincontent area */
#twocolumnlayout #maincontent #innerbanner {float:none; width: 582px; padding-top:0px;}
#twocolumnlayout #maincontent #innerbanner * {padding-left:0px; padding-right:0px;} /*set LR padding on container's immediate decendants*/
#twocolumnlayout #maincontent #innerbanner * * {padding-left:0; padding-right:0px;} /* clear LR padding for distant decendants*/
#twocolumnlayout #maincontent #innerbanner .features{height:123px;}
#twocolumnlayout #maincontent #innerbanner .features h1.pagebanner{ background:url(../../images/innerbanner.jpg) top left no-repeat; height:123px; width:582px; margin-bottom:0; }
#twocolumnlayout #maincontent #innerbanner .features #banner{float:left;height:123px; }

#twocolumnlayout #maincontent h2 img.pghdr{padding-bottom:15px;}
#twocolumnlayout #maincontent .story{ }
#twocolumnlayout #maincontent .story .teaseritem{float:left; width:250px; padding-bottom:1em;}
#twocolumnlayout #maincontent .story .alt{margin-left:50px;}
#twocolumnlayout #maincontent .story .teaseritem h3{text-transform: uppercase; margin-bottom:2px;}
#twocolumnlayout #maincontent .story .teaseritem img {float:left; padding: 0 15px 5px 0;}
#twocolumnlayout #maincontent .story .teaseritem ul {list-style: none;}


#twocolumnlayout #maincontent .story .shadeitem{background:url(../../images/teaser-btm.jpg) bottom left no-repeat;}
#twocolumnlayout #maincontent .story .shadeitemwrp{background:url(../../images/teaser-fill.jpg) top left repeat-y;width:180px;}
#twocolumnlayout #maincontent .story .shadeitem p {margin:0; padding:0 10px 10px 10px;}
#twocolumnlayout #maincontent .story .shadeitem h3.inside1{background:url(../../images/inside_t.jpg) top left no-repeat;height:215px;}
#twocolumnlayout #maincontent .story .shadeitem h3.outside1{background:url(../../images/outside_t.jpg) top left no-repeat;height:215px;}
#twocolumnlayout #maincontent .story .shadeitem h3.blackout1{background:url(../../images/blackout_t.jpg) top left no-repeat;height:215px;}
#twocolumnlayout #maincontent .story .shadeitem  h3 a { float:left; height:215px; width:180px;}
#twocolumnlayout #maincontent hr.separator {margin:13px 40px 13px 40px;}
#twocolumnlayout #maincontent blockquote{margin-bottom:0.3em; }
#twocolumnlayout #maincontent cite{margin-bottom:1em; display:block;}
#twocolumnlayout #contentright {width: 284px;}/*set content width*/
#twocolumnlayout #contentright * {padding-right: 32px;} /*set LR padding on container's immediate decendants*/
#twocolumnlayout #contentright * * {padding-right:0;} /* clear LR padding for distant decendants*/



#innernav {background: url(../../images/bg_lev2nav_top.gif) no-repeat left top; text-align:center;text-transform: uppercase;padding-top:5px;margin-bottom:10px;/*position:relative;*/}
#innernav h4{font-size:12px; margin-bottom:0;}
#innernav ul.innerlinks {background: url(../../images/bg_lev2nav_bottom.gif) no-repeat left bottom;	list-style:none; padding: 5px 30px 5px 0;}
#innernav ul.innerlinks li {padding: 2px 0px;margin: 2px 15px;border-top: 1px solid #EDEDED;}
#innernav ul.innerlinks li.first {border-top:none;} 
#innernav ul.innerlinks li a {background:  url(../../images/tridots_lil_right.gif) no-repeat right center;	/*padding-right:10px;*/ /*padding won't work for bg image on centered text, had to use &nbsp;*/	color: #919191;	text-decoration:none;	font-weight:bold; 	font-size:11px; }
#innernav ul.innerlinks li a:hover, #innernav ul.innerlinks li a.current{color: #FAA334;background: url(../../images/tridots_lil_right_over.gif) no-repeat right center;}


/* Category details page (using #twocolumnlayout)*/

h2.cat_title {display:none;/*margin-bottom:15px;*/}
#twocolumnlayout #maincontent #flashcontent{ margin-bottom:20px;}
.cat_description {margin-bottom:25px;}
#shade_cat_wrapper {}
#shade_cat_wrapper .col_wrapper {margin-top:10px;}
#shade_cat_wrapper .col_wrapper .col_flo_preview {float:left; width:180px; }
#shade_cat_wrapper .col_wrapper .col_flo_preview span {}
#shade_cat_wrapper .col_wrapper .col_flo_preview img {display:block;}
#shade_cat_wrapper .col_wrapper .col_flo_preview div.logoimg {height:60px;}
#shade_cat_wrapper .col_wrapper .col_flo_preview img.floimg{padding-bottom:5px;}
#shade_cat_wrapper .col_wrapper .col_flo_preview .flotitle{display:block; font-weight:bold; color:#FAA334;}

#shade_cat_wrapper .col_wrapper .col_details {float:left; width:382px; margin-left:20px;}
#shade_cat_wrapper .col_wrapper .col_details h4 {color:#FAA334;}
#shade_cat_wrapper .col_wrapper .col_details h4 .brand {text-transform:uppercase; font-size:1.2em;}
#shade_cat_wrapper .col_wrapper .col_details h4 .series {color:#919191;}
#shade_cat_wrapper .col_wrapper .col_details .col_description {margin-bottom:14px;}
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices {margin-left:0; margin-bottom:0;}
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices {list-style:none; display:block;}
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li {float:left; font-size:10px; line-height:11px;}
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li * {font-size:11px}

#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li img {float:left; margin-right:7px;margin-bottom:10px;}
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li span {font-weight:bold;  color: #FAA334;}
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li.reg {width:115px; }
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li.reg .floreg {color:#919191;text-decoration:line-through; font-weight:bold;font-size:12px;}
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li.reg .copybit {display:block;font-weight:bold;font-size:12px;}
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li.pallet {width:110px; }
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li.halfpallet {width:110px; }
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li.carton {width:110px; }
#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices .flopallet, #shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices .flohalfpallet, #shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices .flocarton {font-size:14px;}

#shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices .flosfpallet, #shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li.halfpallet .flosfhalfpallet, #shade_cat_wrapper .col_wrapper .col_details ul.col_flo_prices li.carton .flosfcarton{color:#919191; font-weight:normal;}
#shade_cat_wrapper .col_wrapper .col_details p.col_anthro {clear:both; padding:6px 0; font-weight:bold;}
#shade_cat_wrapper .col_wrapper .col_details .col_flo_thumbs{ margin-bottom:7px;}
#shade_cat_wrapper .col_wrapper .col_details .col_flo_thumbs a img { margin-right:7px; margin-bottom:7px;}

#twocolumnlayout #maincontent .infobox{ background: url(../../images/bg_infobox_content.gif) repeat-y top left; margin-bottom:10px;}
#twocolumnlayout #maincontent .infobox .header {background: url(../../images/bg_infobox_top.gif) no-repeat top left;height:28px;padding-top:3px;text-align:center;color:white;text-transform:uppercase;}
#twocolumnlayout #maincontent .infobox .infocontent {background: url(../../images/bg_infobox_bottom.gif) no-repeat bottom left; padding: 0 10px 10px 10px;}

#twocolumnlayout #maincontent #fabricselect img {float:left; padding:0 10px 5px 0;}
#twocolumnlayout #maincontent #fabricselect h4.title{color:#FAA334;font-weight:bold; font-size:12px; margin-bottom:5px;}
#twocolumnlayout #maincontent #fabricselect .radio1 {margin-bottom:5px;}
#twocolumnlayout #maincontent #fabricselect .b1 {}
#twocolumnlayout #maincontent #fabricselect .labelb1 {font-weight:bold; font-size:12px; padding: 5px 0 0px 5px;}

#twocolumnlayout #maincontent #colorselect {}
#twocolumnlayout #maincontent #colorselect img {float:left; padding:0 10px 5px 0;}
#twocolumnlayout #maincontent #colorselect h4.title{color:#FAA334;font-weight:bold; font-size:12px; margin-bottom:5px;}
#twocolumnlayout #maincontent #colorselect .radio1 {margin-bottom:5px;}
#twocolumnlayout #maincontent #colorselect .b1 {}
#twocolumnlayout #maincontent #colorselect .labelb1 {font-weight:bold; font-size:12px; padding: 5px 0 0px 5px;}

#twocolumnlayout #maincontent #measureselect {}
#twocolumnlayout #maincontent #measureselect img {float:left; padding:0 10px 5px 0;}
#twocolumnlayout #maincontent #measureselect h4.title{color:#FAA334;font-weight:bold; font-size:12px; margin-bottom:5px;}
#twocolumnlayout #maincontent #measureselect .measure1 {margin-bottom:5px;}
#twocolumnlayout #maincontent #measureselect .b1 {}
#twocolumnlayout #maincontent #measureselect .labelb1 {font-weight:bold; font-size:12px; padding: 5px 0 0px 5px;}






#twocolumnlayout #maincontent #fabricselect .colheader {font-weight:bold; font-size:12px;width:80px;}
#twocolumnlayout #maincontent #fabricselect .coverage{float:left;width:80px;}
#twocolumnlayout #maincontent #fabricselect .cartons{float:left; width:80px; }
#twocolumnlayout #maincontent #fabricselect .price{float:left; width:85px;}
#twocolumnlayout #maincontent #fabricselect .price .currentprice {color:#FAA334; font-weight:bold;}
#twocolumnlayout #maincontent #fabricselect .subtotal{float:left; width:60px;}
#twocolumnlayout #maincontent #fabricselect .subtotal .currentsubtotal{ font-weight:bold;}
#twocolumnlayout #maincontent #fabricselect .update{clear:both; text-align:right;}
#twocolumnlayout #maincontent #fabricselect .weight{}
#twocolumnlayout #maincontent #fabricselect .addtocart{float:right;}







.contentwrapper { position: relative; }