/*
	primary: 
	second : 
*/
HTML	{}
BODY 	{margin:0; padding:0; background:rgb(165,147,105) url(background.jpg) top right repeat-x; font-family:arial, sans-serif;font-size:11px; overflow-x: hidden;}
P 		{}
A		{text-decoration:none;}
A:hover	{text-decoration:underline;}
A IMG {border: 0;}

H1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: normal; margin: 2px 0 0 0;}
H2 {margin: 1px 0 8px 0; font-size: 12px;}
H3 {}
H4 {}
H5 {}
H6 {}

FORM {margin:0; padding:0;}
/* ----------- */
.wrapperoutside {display:block; width:810px; margin:0 auto;}
.wrapperinside	{}

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

.masthead {background:url(masthead.jpg) center top repeat-y; display:block; width: 810px; height: 90px; padding-bottom: 10px}
.masthead-foot {display: block; background: url(masthead-foot.jpg) no-repeat; width: 810px; height: 16px;}
.masthead-inner {width: 806px; display: block; background: url(masthead-bg.jpg) no-repeat right top;}
.masthead .logo {float: left; font-size:24px; font-weight:bold; position: relative; left: 15px;}
.masthead .link {padding-top:10px; text-align:right; font-family:times new roman; text-transform:capitalize; color:rgb(40,40,47); font-size:12px;}
.masthead .link A {color:rgb(40,40,47); padding:0 1em;}
.masthead .link A:hover {}
.masthead .search	{text-align:right; padding:20px 10px 0 0;}
	input.searchfield {font-size:10px; border:1px solid rgb(206,206,206); }
	input.searchbutton {padding:0; margin:0;  font-size:10px;}


.navigation { background: url(bg-navi.gif) no-repeat #8D2400 /* PRIMARY */ -1px top; width: 466px; height: 37px; margin: 6px 0 0px 2px; padding: 0 0 0 336px; overflow: hidden;}

.navcontent DIV{ display: inline-table; width: 111px; height: 37px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; float: left; text-align: center; }

.navigation A { width: auto; margin: 0px auto; display: block; height: 37px; line-height: 35px; color: #ea5609;}

.navigation DIV.product-link    {margin: 0px 0 0 0px; padding: 0;}
.navigation A.navProduct 		{}
.navigation A.navProduct:hover 	{}
.navigation A.navProductActive 	{background: url(bg-navigation-tab-active.jpg) no-repeat top;}

.navigation DIV.order-link      {margin: 0 0 0 7px;}
.navigation A.navOrder 			{  }
.navigation A.navOrder:hover 	{}
.navigation A.navOrderActive 	{background: url(bg-navigation-tab-active.jpg) no-repeat top;}

.navigation DIV.news-link       {margin: 0 0 0 7px;}
.navigation A.navNews 			{}
.navigation A.navNews:hover 	{}
.navigation A.navNewsActive 	{background: url(bg-navigation-tab-active.jpg) no-repeat top;}

.navigation DIV.contact-link    {margin: 0 0 0 8px;}
.navigation A.navContact 		{}
.navigation A.navContact:hover 	{}
.navigation A.navContactActive 	{background: url(bg-navigation-tab-active.jpg) no-repeat top;}

/* ----------- */
.pagebody	{position: relative; left: 2px; background: url(bg-sub-main-bottom.jpg) no-repeat rgb(255,255,255) -1px bottom; width: 802px; float: left; padding: 0 0 165px 0; margin-bottom: 10px;}

TABLE TD.left {width: 163px;}
TABLE TD.left TABLE {}
DIV.left-head {}
DIV.left-body {}
DIV.left-foot {}

DIV.featuredproducts {width: 163px;}
DIV.productcategories {width: 163px;}

DIV.fp-head {border: 0; margin: 0; padding: 0;}
DIV.fp-body {height: 300px;}
DIV.fp-foot {}

DIV.fp-cap {width: 163px; margin-top: -1px; position: absolute;}

DIV.title {width: 163px; height: 80px; background-color: #8D2400 /* PRIMARY */; margin:0; padding: 0;}
DIV.title DIV {text-transform: normal; font-size: 14px; font-weight: normal; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; padding: 60px 0 0 5px;}

DIV.body {width: 154px; display: block; float: left; margin: 0 0 0 5px;}
SPAN.image {width: 100%; margin: 0 0 5px 0px; padding: 0 0 5px 0; height: auto; background: url(border-horizontal.gif) repeat-x left bottom; float: left;}
SPAN.info {width: 100%; float:left; margin: 3px 0 0 0px; color: #000000;}
SPAN.productnumber {width: 100%; float: left;}
SPAN.productnumber A {color: rgb(102,51,255);}
SPAN.productname {font-weight: bold;}
SPAN.aslowas {color: #ea5609; font-weight: bold;}
SPAN.price {font-weight: bold;}

.left-body .pc-contentarea {margin: 10px 0 0 5px; width: 154px; height: auto; min-height: 100%; float: left;}

.left-body .pc-contentarea h1 {width: 100%; display: block; float: left; background: url(border-hori-two.jpg) top left repeat-x; padding: 13px 0 0 0; }
.left-body .pc-contentarea h1 DIV {text-transform: normal; padding: 4px 0 4px 2px; font-size: 14px; font-weight: bold; color: #8D2400; height: 16px; border-bottom: 1px solid black; font-family: Georgia, "Times New Roman", Times, serif; }

UL.pc-list {width: 148px; margin: 0px 0 0 3px; padding: 5px 0 0 0; list-style: none; }
UL.pc-list LI {padding: 0; font-size: 11px; width: 146px; height: auto; margin: 0 0 4px 0px; display: block; float:left;}
UL.pc-list LI A {color: rgb(51,51,51); display: block; width: auto; font-weight: normal; padding: 2px 0 2px 5px;}
UL.pc-list LI.active {background-color: #8D2400; overflow: hidden; }
UL.pc-list LI.active A {font-weight: bold; color: rgb(255,255,255);}
UL.pc-list LI DIV.bullet {} 
UL.left { }

.right-body .pc-contentarea {margin: 0px; width: 100%; height: auto; margin: 0 0 0 10px;}
.right-body .pc-contentarea H1 {background: url(header-prodcate.jpg) no-repeat; width: 100%; height: 50px; text-indent: -1000px; margin: 30px 0 0 0;}
.right-body .pc-contentarea H1 DIV {width: 100%;}

.right-body UL.pc-list {width: 200px; margin: 0px 0 10px 0; padding: 0px; list-style: square; float: left;}
.right-body UL.pc-list LI {padding: 0 0 0 12px; 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 13px;}
.right-body UL.pc-list LI DIV.bullet {background:url(bullet-prodcate.gif) no-repeat #669999 left top; width: 9px; height: 9px; margin-top: 4px; float: left; display: block; padding: 0; overflow:hidden;} 

TABLE TD.right {width: 630px; margin: 0 0 0 0px; padding: 0; background: url(bg-sub-main.jpg) repeat-y -1px top #ffffff;}
TABLE TD.right TABLE {margin: 0; padding: 0;}
TABLE TD.right TABLE TD.right-head {margin: 0; padding: 0;}
TABLE TD.right TABLE TD.right-body {margin: 0; padding: 0 0 80px 0;}
TABLE TD.right TABLE TD.right-foot {margin: 0; padding: 0;}

TD.right-body .main-body-content {padding: 10px 0 0 10px; line-height: 18px; font-size: 12px; width: 605px}


/** CATEGORIES **/

TABLE.categorymasthead {width: 100%; float: left;}

TD.categoryheader {width: 100%; padding: 0 0 3px 0;}
TD.categoryheader H1 {text-transform: uppercase; font-size: 28px; border-bottom: 1px solid rgb(0,0,0); padding: 0 0 5px 0; line-height: 1em;}

TD.itemcount {background-color:#669999; height: 10px; padding: 5px; border-top: 1px solid rgb(255,255,255);}
TD.itemcount SPAN {padding: 3px 0 0 0; display: block; font-weight: bold; color:rgb(255,255,255);}
TD.pagination {background-color:#669999; height: 10px; padding: 5px; text-align: right; border-top: 1px solid rgb(255,255,255);}
TD.pagination SPAN {padding: 3px 0 0 0; display: block;}
TD.pagination SPAN A {font-weight: bold; color:rgb(0,0,0); margin: 0 1px;}
TD.pagination SPAN A:hover, TD.pagination SPAN A.active {color:rgb(255,255,255);}
TD.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:rgb(34,119,194);}
TD.sortby SPAN A:hover, TD.caditems SPAN A:hover {color:rgb(30,150,255); 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: 100%; margin: 30px 0 10px; float: left;}


/** DETAILS **/


TABLE.productmasthead {width: 100%;}

TD.categoryheader {width: 100%; height: 40px; background: url(border-hori-two.jpg) repeat-x 0px bottom;}
TD.categoryheader SPAN {text-transform: uppercase; font-size: 14px; font-weight: bold;}

TD.middlerow {height: auto; padding: 5px 0px 9px 5px; background-color: #669999;}
TD.middlerow SPAN {padding: 0 0 5px 0; display: block; font-weight: normal; font-size: 17px; color: rgb(255,255,255);}


.product-top-container {width:100%; 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; min-height:303px;}
.product-top-leftside .product-top-options {width: 100%; float: left; border-top: 1px solid rgb(206,206,206); padding-top: 5px;}
.product-top-rightside .product-top-pricing {width: 100%; padding: 0px 0 7px 7px; border-bottom: 1px solid rgb(206,206,206); float: left;}
.product-top-rightside .product-top-colors {width: 100%; padding: 7px 0 7px 7px; float: left; border-bottom: 1px solid rgb(206,206,206);}
.product-top-rightside .product-top-addtocart {width: 100%; padding: 7px 0 7px 7px; float: left;}

.product-top-options A {display: block; background: url(../Images/button-options.jpg); width: 146px; height: 23px; text-align: center; color:rgb(0,101,149); line-height: 22px; text-decoration: none; font-size: 11px;}
.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: 100%; font-size: 11px;}
.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:#8D2400; font-weight: bold; font-size: 14px; margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif;}
.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 DIV {}
.product-top-addtocart .tabsDiv {padding: 5px; background: #8D2400; 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: #669999; 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: #669999; 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: #8D2400; font-weight: bold; font-size: 13px; text-transform: uppercase; padding: 0 26px;}
.product-top-addtocart TABLE TD.requestquote A {color: #8D2400; 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: #8D2400; font-weight: bold;}
.product-top-rightside A.rfqButton:hover {background-color: #669999;}
.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:#8D2400; 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: #8D2400; 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 0; float: left; width: 580px; padding: 0;}
.otheritems .oi-head {width: 100%; height: 30px;}
.oi-head P {padding: 10px 0 0 10px; line-height: 20px; font-size: 13px; color: #8D2400; font-weight: bold; display: block; float: left; margin: 0; font-family: Georgia, "Times New Roman", Times, serif;}

.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;}
/* Cart----------- */

.cartHead	{font-size:16px;}
.selectItemLink	{color:#669999;font-weight:bold;}
a.contactLink	{color:#8D2400;font-weight:bold;}


/* News----------- */

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:#8D2400;}
.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);}
.newsDateSpan {cont-size:14px;color:#8D2400;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;}
/* OrderGuide----------- */
.orderguidelink {font-weight: bold; font-size: 13px;color:#669999}

/* Footer----------- */
.pagefoot	{color:rgb(255,255,255); text-align:center; margin:10px 0;}
.pagefoot A	{color:rgb(255,255,255); text-transform:capitalize; padding:0 1em;}