/*
	primary: #006600  PRIMARY  
	second : #D1E2BE  SECONDARY 
*/

HTML	{}
BODY 	{margin:0 0 30px 0; padding:0; background:rgb(255,255,255); font-family:arial, sans-serif;font-size:12px; overflow-x: hidden;}
P 		{}
A		{color:#006600; text-decoration:none;}
A:hover	{text-decoration:underline;}
A IMG {border: 0;}

H1 {margin: 2px 0 0 0;}
H2 {margin: 1px 0 8px 0; font-size: 12px;}
H3 {}
H4 {}
H5 {}
H6 {}

FORM {margin:0; padding:0;}
/* ----------- */
.wrapperoutside {width:800px; margin:0 auto;}
.wrapperinside	{margin-top:10px;}

/* ----------- */
.pagehead		{}

.masthead		{background:#006600 /* PRIMARY */ url(curve.gif) bottom center no-repeat; height:140px}
.masthead .logo {font-size:24px; font-weight:bold; float:left; }
.masthead .link {text-transform:capitalize; text-align:right;}
.masthead .link A {margin:0 5px;}
.masthead .link A:hover {}
.masthead .search	{text-align:right; margin-top:10px;}
	input.searchfield {border:1px solid rgb(153,153,153); padding:2px; margin:2px;}
	input.searchbutton {border:1px solid rgb(0,160,166); background:rgb(242,242,242); padding:0px; margin:2px;}

.navigation {text-align: center;}

.navigation .navcontent {width: 594px; height: 28px; margin: 0 auto; overflow: visible;}

.navigation .navcontent .navSpanLeftEnd {background: url(mask-navi-leftend.gif) #006600 bottom center no-repeat; overflow: hidden; display: block; width: 13px; height: 28px; float: left;}
.navigation .navcontent .navSpanInBetween {background: url(mask-navi-inbetween.gif) #006600 bottom center no-repeat; overflow: hidden; display: block; width: 29px; height: 28px; float: left;}
.navigation .navcontent .navSpanRightEnd {background: url(mask-navi-rightend.gif) #006600 bottom center no-repeat; overflow: hidden; display: block; width: 13px; height: 28px; float: left;}

.navigation .navcontent DIV {float: left;}

.navigation .navcontent DIV A {text-align:center; color:rgb(255,255,255); font-weight:bold; background: #006600 /* PRIMARY */; height: 28px; width: 100px; display: block; padding: 0 10px; line-height: 22px;}

.navigation .navcontent DIV A.navProduct {}
.navigation .navcontent DIV A.navProductActive {}
.navigation .navcontent DIV A.navOrder {}
.navigation .navcontent DIV A.navOrderActive {}
.navigation .navcontent DIV A.navNews {}
.navigation .navcontent DIV A.navNewsActive {}
.navigation .navcontent DIV A.navContact {}
.navigation .navcontent DIV A.navContactActive{}

/* ----------- */
.pagebody	{clear:both; padding: 8px 0 0 0; width: 800px; }

TABLE TD.left {}
TABLE TD.left TABLE {}
TD.left-head {}
TD.left-body {width: 178px; float: left;}
TD.left-foot {}


DIV.featuredproducts {width: 158px; background-color: #D1E2BE /* SECONDARY */; height: auto; float: left;}
DIV.productcategories {width: 158px; padding: 5px 0px 10px 0px; height: auto; margin: 0px 0 5px 0; float: left;}

DIV.fp-head {}
DIV.fp-body {padding: 17px 0px 17px 0px; border-right: none; float: left;}
DIV.fp-foot {}

DIV.fp-cap-head {}
DIV.fp-cap-body {}
DIV.fp-cap-foot {}

DIV.title {width: 158px; display: block; float: left; text-transform: normal; font-size: 14px; font-weight: bold; color: rgb(0,0,0); height: 31px; position: relative; left: 8px;}
DIV.title DIV {}

DIV.body {width: 90%; display: block; float: left; min-height: 200px; position: relative; left: 8px;}
SPAN.image IMG {width: 119px; margin: 0 0 5px 0; height: 144px; float: left;}
SPAN.info {width: 158px; float:left; margin: 3px 0 0 0; color: rgb(0,0,0);}
SPAN.productnumber {width: 158px; float: left;}
SPAN.productnumber a {color: #006600 /* PRIMARY */; font-weight: bold;}
SPAN.productname {font-weight: bold;}
SPAN.aslowas {color: #006600 /* PRIMARY */;}
SPAN.price {font-weight: bold;}

.left-body .pc-contentarea {margin: 0px; width: 100%; display: block;  float: left;}

.left-body .pc-contentarea h1 {width: 158px; display: block; float: left; text-transform: normal; margin: 0; font-size: 14px; font-weight: bold; color: rgb(0,0,0); height: 31px;}
.left-body .pc-contentarea h1 div {}

.left-body .pc-list {width: 143px; margin: 0px; padding: 0px; list-style: square; float: left;}
.left-body .pc-list LI {padding: 0; font-size: 11px; width: 100%; height: auto; margin: 0 0 4px 0px; display: block;}
.left-body .pc-list LI A {color: rgb(96,96,96); display: block; width: auto; font-weight: normal; padding: 2px 0 2px 9px;}
.left-body .pc-list LI.active {}
.left-body .pc-list LI.active A {font-weight: bold; color: #006600 /* PRIMARY */ ;}
.left-body .pc-list LI:hover {}
.left-body .pc-list LI:hover A {color: #006600 /* PRIMARY */ ; text-decoration: none;}
.left-body .pc-list LI DIV.bullet {background:url(bullet-pc.gif) no-repeat #D1E2BE left top; width: 5px; height: 10px; margin-top: 4px; float: left; display: block; padding: 0; overflow: hidden;} 

.right-body .pc-contentarea {margin: 0px; width: 100%; display: block;  float: left;}

.right-body .pc-contentarea h1 {width: 100%; display: block; float: left; text-transform: normal; margin: 0; font-size: 2em; font-weight: bold; color: rgb(0,0,0); height: 31px;}
.right-body .pc-contentarea h1 div {}

.right-body UL.pc-list {width: 223px; margin: 10px 0 0 0; padding: 0px; list-style: square; float: left;}
.right-body UL.pc-list LI {padding: 0; font-size: 13px; width: 100%; height: auto; margin: 0 0 4px 0px; display: block;}
.right-body UL.pc-list LI A {color: rgb(96,96,96); display: block; width: auto; font-weight: normal; padding: 2px 0 2px 9px;}
.right-body UL.pc-list LI.active {}
.right-body UL.pc-list LI.active A {font-weight: bold; color: #006600 /* PRIMARY */ ;}
.right-body UL.pc-list LI:hover {}
.right-body UL.pc-list LI:hover A {color: #006600 /* PRIMARY */ ; text-decoration: none;}
.right-body UL.pc-list LI DIV.bullet {background:url(bullet-pc.gif) no-repeat #D1E2BE left top; width: 5px; height: 10px; margin-top: 6px; float: left; display: block; padding: 0; overflow: hidden;} 



TABLE TD.right {}
TABLE TD.right TABLE {margin: 0; padding: 0;}
.right-head {}
.right-body {padding: 10px 0px 0 0px; width: 500px;}
.right-foot {}

.main-body-content {font-size: 12px; padding: 10px 0 0 0px; float: left; width: 100%;}

TABLE.categorymasthead {width: 100%;}

TD.categoryheader {width: 500px; padding: 0;}
TD.categoryheader H1 {text-transform: uppercase; font-size: 28px; padding: 0;}

.itemcount {background-color:#D1E2BE; height: 10px; padding: 5px;}
.itemcount SPAN {padding: 3px 0 0 0; display: block; font-weight: bold; color:rgb(0,0,0);}
.pagination {background-color:#D1E2BE; height: auto; padding: 5px; text-align: right; width: 100%; display: block; float: left;}

.pagination SPAN {padding: 3px 0 0 0; display: block;}
.numberOfItems {width: 20%; text-align: left; float: left;}
.navAnchors {width: 30%; float: right; text-align: right}
.pagination SPAN A {font-weight: bold; color:rgb(0,0,0); margin: 0 1px;}
.pagination SPAN A:hover, TD.pagination SPAN A.active {color:#006600;}
.pagination SPAN A.prev, TD.pagination SPAN A.next {font-weight: normal;}

TR.bottomrow {background: url(border-horizontal.gif) repeat-x bottom; height: 20px;}
TD.sortby {padding: 0 0 4px 0;}
TD.sortby SPAN {padding: 9px 0 0 0; display: block; width: auto;}
TD.caditems {padding: 0 0 4px 0; text-align: right;}
TD.caditems SPAN {padding: 9px 0 0 0; display: block; width: auto;}
TD.sortby SPAN A, TD.caditems SPAN A {font-weight: bold; color:#006600;}
TD.sortby SPAN A:hover, TD.caditems SPAN A:hover {color:rgb(0,0,0); text-decoration: none;}

.itemshowcase {margin: 10px 0 0px 0; float: left;}
.itemshowcase TD {vertical-align: top; }
.itemshowcase TD:last-child {border: 0;}
.itemshowcase TD.divider {height: 20px; border-top: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); border-right: 0; padding: 0; margin: 10px 0;}
.itemshowcase TD IMG {margin-top: 20px; padding-bottom: 4px; border-bottom: 1px solid rgb(200,200,200); float: left;}
.itemshowcase TD A.new {background: url(../images/flag/newtransparent.gif) right top no-repeat; width: 130px; height: auto; display: block;}

.itemshowcase .thumbnail {float: left; width: 130px; height: 230px; border-right: 1px solid rgb(200,200,200); padding: 5px 5px; margin: 10px 0;}
.itemshowcase .thumbnail .thNumber {float: left; width: 100%; display: block; font-weight: bold;}
.itemshowcase .thumbnail .thName {float: left; width: 100%; display: block; font-weight: bold; color: rgb(0,0,0);}
.itemshowcase .thumbnail .thPrice {float: left; width: 100%; display: block; font-weight: bold;}

TABLE.paginationbottom {width: 603px;}


/** DETAILS **/


TABLE.productmasthead {width: 100%;}

TD.middlerow {width: 100%; height: 15px;}
TD.middlerow H1 {text-transform: uppercase; font-size: 28px;}

TD.categoryheader {height: auto; padding: 0px 0 0 2px;}
TD.categoryheader SPAN {padding: 0; display: block; font-weight: normal; font-size: 17px; color: #006600; background: url(border-horizontal.gif) repeat-x bottom; font-weight: bold;}


.product-top-container {width:580px; height: auto; float: left; margin: 10px 0 5px 0;}
.product-top-container .product-top-leftside {width:300px; float: left; border-right: 1px solid rgb(206,206,206);}
.product-top-container .product-top-rightside {width:276px; float: left;}

.product-top-leftside .product-top-image {width:298px; float:left;}
.product-top-leftside .product-top-options {width: 300px; float: left; border-top: 1px solid rgb(206,206,206); padding-top: 5px;}
.product-top-rightside .product-top-pricing {padding: 0px 0 7px 7px; border-bottom: 1px solid rgb(206,206,206); float: left;}
.product-top-rightside .product-top-colors {padding: 7px 0 7px 7px; float: left;}
.product-top-rightside .product-top-addtocart {padding: 7px 0 7px 7px; float: left;}

.product-top-options A {display: block; background: url(../../inc/images/button-options.jpg); width: 146px; height: 23px; text-align: center; color:rgb(0,101,149); line-height: 22px; text-decoration: none;}
.product-top-options A:hover {color:rgb(0,140,206);}
.product-top-options A.viewlarger {float: left;}
.product-top-options A.virtualsample {float: right; margin-right: 5px;}
.product-top-options A SPAN {position: relative; left: -5px;}

.product-top-pricing TABLE {width: 266px;}
.product-top-pricing TABLE TD.header {border-bottom: 1px solid rgb(230,230,230); padding-bottom: 3px;}
.product-top-pricing TABLE TD.header H2 {text-transform: uppercase; color:#006600; font-weight: bold; font-size: 14px; margin: 0; padding: 0;}
.product-top-pricing TABLE TH {text-align: left; color: rgb(0,0,0); padding: 2px 0 2px 0px; border-bottom: 1px solid rgb(230,230,230)}
.product-top-pricing TABLE TD {text-align: left; color: rgb(0,0,0); padding: 2px 0 2px 0px; border-bottom: 1px solid rgb(230,230,230)}
.product-top-pricing TABLE TD.cdnpricing {text-align: left; color: rgb(0,0,0); border: 0;}

.product-top-colors P.color-title {font-weight: bold; margin: 0 0 3px 0;}

.swatch  {padding: 3px; width: 60px; display: block; text-align: center; float: left; margin-right: 1px; font-size: 11px;}
.cartcolorselect{padding: 1px; width: auto; display: block; text-align: center; float: left; margin-right: 1px; font-size: 11px;}

.product-top-addtocart TABLE {width: 276px;}
.product-top-addtocart .tabsDiv {padding: 5px; background: #006600; margin-bottom: 2px;}
.product-top-addtocart .tabsDiv SPAN {color: rgb(255,255,255); font-weight: bold;}
.product-top-addtocart .tabsDiv A {margin-left: 10px; color: rgb(255,255,255); font-weight: normal;}
.product-top-addtocart .tabsDiv A:hover {color: #D1E2BE; text-decoration: none;}

.product-top-addtocart .addToCartView {background: rgb(230,230,230);}
.product-top-addtocart .cartquantityfield {width: 40px}

.product-top-addtocart TABLE TH {background-color: #D1E2BE; text-align: left; color: rgb(255,255,255); padding: 2px 0 2px 4px;}
.product-top-addtocart TABLE TD {padding: 3px 10px 3px 3px;}
.product-top-addtocart TABLE TD.cqoptions {background-color: rgb(220,222,223); border-bottom: 2px solid rgb(255,255,255); padding: 12px 0;}
.product-top-addtocart TABLE TD.cqoptions TABLE {padding: 0 10px;}
.product-top-addtocart TABLE TD.cqoptions TABLE TD {padding: 0 0 5px 0;}
.product-top-addtocart TABLE TD.submit A {color: #006600; font-weight: bold; font-size: 13px; text-transform: uppercase; padding: 0 26px;}
.product-top-addtocart TABLE TD.requestquote A {color: #006600; font-weight: bold; font-size: 13px; padding: 0 26px;}
.product-top-rightside A.rfqButton {background-color: rgb(230,230,230); width: 270px; height: 17px; display: block; float: left; margin: 0 0 0 7px; padding: 3px; color: #006600; font-weight: bold;}
.product-top-rightside A.rfqButton:hover {background-color: #D1E2BE;}
.product-top-addtocart .submit {margin: 3px}



.product-module {width:580px; height: auto; float: left; margin: 10px 0 5px 0;}
.product-module .pm-head {background: url(bg-detail-mod-head.gif) no-repeat; width: 580px; height: 10px; float: left;}
.product-module .pm-body {background: url(bg-detail-mod-body.gif) repeat-y; width: 580px; height: auto; float: left;}
.product-module .pm-foot {background: url(bg-detail-mod-foot.gif) no-repeat; width: 580px; height: 10px; float: left;}

.product-module .pm-body DIV {background-color:#006600; margin: 0 0 0 1px; padding: 0; height: auto; width: 560px; display: block;}
.product-module .pm-body DIV H2 {background: url(bg-detail-mod-h2.gif) repeat; margin: 0 0 0 10px; padding: 0 0 0 5px; height: 25px; line-height: 32px; color: #006600; font-size: 14px;}

.product-module .pm-body UL {margin: 5px 0 0 28px; padding: 0;}
.product-module .pm-body UL LI {margin: 0 0 3px 0;}

.product-module .pm-body UL.hires {list-style: none; margin: 10px 0 0 6px; padding: 0;}
.product-module .pm-body UL.hires LI {float: left; margin: 0 1px;}

.otheritems {margin: 20px 0 0 0em; float: left; width: 580px; padding: 0;}
.otheritems .oi-head {background: #006600; width: 100%; height: 30px;}
.oi-head P {padding: 10px 0 0 10px; line-height: 20px; font-size: 11px; color: rgb(255,255,255); font-weight: bold; display: block; float: left; margin: 0;}

.ogEven, .ogOdd {margin: 10px 0 0px 5px; padding: 0 10px 10px 0; border-bottom: 1px solid rgb(230,230,230)}
.orderguidelink {font-weight: bold; font-size: 13px;}
.ogEven P, .ogOdd P {margin: 2px 0;}

/* ----------- */
.pagefoot	{text-align:center; margin: 30px 0 0 0;}
.pagefoot A	{margin:0 1em;}


span.cartHead	{font-size:16px;}
table.cartTable th {text-align:left;;padding:2px 5px;}
table.cartTable td {text-align:center;padding:2px 5px;}

TD.newsTDDate, TD.newsTDDescription {vertical-align: top; border-bottom: 40px solid rgb(255,255,255);}
TD.newsTDDate {border-right: 1px solid rgb(100,100,100); padding-right: 10px;}
TD.newsTDDescription {padding-left: 10px;}
.newsDateSpan {font-size: 12px; font-style: italic; float: left; display: block; margin: 3px 0; line-height: 24px; width: 100%;}
.newsHeadlineSpan {font-size: 18px; float: left; display: block; margin: 3px 0; width: 100%; color:#006600;}
.newsAbstractSpan {font-size: 12px; line-height: 16px; float: left; display: block; margin: 3px 0; width: 100%;}
.newsLink {font-size: 11px; font-weight: bold; float: left; display: block; margin: 3px 0; width: 100%; color: rgb(0,0,0);}
div.main-body-content div table tr td	{vertical-align:top;}

.newsDateSpan {cont-size:14px;color:#006600;font-weight:bold;}
.newsHeadingSpan {width:400px;display:block;font-weight:bold;}
.newsBodySpan {width:400px;display:block;margin:15px 0}
.newsMorInfoLink {width:400px;display:block;font-weight:bold;margin-bottom:10px;}