/*
	primary : 000000
	second : b1d1dc /* SECONDARY */
*/
HTML	{height: 100%;}
BODY 	{margin:0; padding:0; background:rgb(255,255,255); font-family:arial, sans-serif;font-size:12px; height: 100%;}
P 		{}
A		{color:rgb(0,0,0); 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; height: 100%;}

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

.masthead		{}
.masthead .logo {font-size:24px; font-weight:bold; float:left; }
.masthead .link {font-weight:bold; 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 {margin:16px 0 0; clear:both; background: ; height:26px; padding:7px 0 0 ; text-align:center;}
.navigation DIV { display: inline }
.navigation A {color:rgb(255,255,255); font-weight:bold; font-size:14px; margin-right:30px;}
.navigation A.navProduct 		{}
.navigation A.navProductActive 	{}
.navigation A.navOrder 			{}
.navigation A.navOrderActive 	{}
.navigation A.navNews 			{}
.navigation A.navNewsActive 	{}
.navigation A.navContact 		{}
.navigation A.navContactActive 	{}

/* ----------- */
.pagebody	{padding-bottom: 20px;}


TABLE TD.left {width: 637px; margin: 0; padding: 0;}
TABLE TD.left TABLE {margin: 0; padding: 0;}
DIV.left-head {}
DIV.left-body {width: 100%;}
DIV.left-foot {}

DIV.featuredproducts {width: 158px; float: left;}
DIV.productcategories {width: 450px; float: left; margin: 0 0 0 15px;}

DIV.fp-head {}
DIV.fp-body {background: ; padding: 10px 0 20px 0px; height: 500px;width:160px;}
DIV.fp-foot {}


DIV.fp-cap-head {}
DIV.fp-cap-body {margin-left:9px;}
DIV.fp-cap-foot {}

DIV.title {width: 142px; margin:0 0 5px 0}
DIV.title DIV {text-transform: uppercase; font-size: 12px; font-weight: bold; color: rgb(0,0,0); padding: 0px;}

DIV.body {width: 100%; display: block; float: left; min-height: 200px;}
SPAN.image{width: 90%; float: left; margin: 0 0 5px 2px; padding: 0 0 5px 0; display: block; height: auto; background: url(border-horizontal.gif) repeat-x left bottom;}
SPAN.info {width: 95%; float:left; display: block; margin: 3px 0 0 2px;}
SPAN.productnumber {width: 100%; float: left; display: block;}
SPAN.productname {font-weight: bold;}
SPAN.aslowas {color:  /* PRIMARY */;}
SPAN.price {font-weight: bold;}

DIV.pc-contentarea {float: left; width: 99%;}

DIV.pc-contentarea H1 {width: 100%; margin: 20px 0 0 0; border-bottom: 1px solid black; padding: 0 0 5px 0; }
DIV.pc-contentarea H1 DIV { background: url(header-mainarea-prodcat.jpg) no-repeat; display: block; width: 300px; height: 15px; font-size: 14px;}

UL.pc-list {width: 200px; margin: 5px 0 10px 0; padding: 0px; list-style: square; float: left;}
UL.pc-list LI {padding: 0 0 0 12px; font-size: 13px; width: 100%; height: auto; margin: 0 0 4px 0px; display: block;}
UL.pc-list LI A {color: rgb(96,96,96); display: block; width: auto; font-weight: normal; padding: 2px 0 2px 13px;}
UL.pc-list LI DIV.bullet {background:url(bullet-pc.gif) no-repeat  /* PRIMARY */ left top; width: 5px; height: 10px; margin-top: 6px; float: left; display: block; padding: 0; overflow: hidden;} 


TABLE TD.right {width: 159px; padding: 0 0 0 6px;}
TABLE TD.right TABLE TD.right-head {width: 100%; background: url(bg-side-head.jpg) no-repeat; height: 5px;}
TABLE TD.right TABLE TD.right-body {width: 100%; background: url(bg-side-body.jpg) repeat-y;}
TABLE TD.right TABLE TD.right-foot {width: 100%; background: url(bg-side-foot.jpg) no-repeat; height: 5px;}

DIV.news {margin: 16px 0 5px 0;}
DIV.news DIV.news-head {}
DIV.news DIV.news-body {}

DIV.news-body H2 {font-size: 14px; text-transform: normal; font-weight: bold; color:  /* PRIMARY */; width: 100%; border-bottom: 1px solid black; padding: 0 0 5px 0;}
DIV.news-body DIV.newscontent {width: 100%; margin: 0 auto;}
DIV.news-body DIV.viewallnews {width: 100%; margin: 8px 0 10px 0; padding: 0 0 3px 0; background: url(border-horizontal.gif) repeat-x left bottom; padding-bottom: 3px;}
DIV.news-body DIV.viewallnews a {font-weight: bold; padding: 0; }

.newscontent {padding: 6px 0 0px 0; border-bottom: 1px solid rgb(200,200,200) padding-bottom: 7px;}
.newscontent .newsdate {font-weight: bold;}
.newscontent .newsfullstory a {width: 100%; display: block; margin-top: 2px; background: url(bullet-news.gif) no-repeat 0px 50%; padding: 0; color:  /* PRIMARY */; font-weight: bold;}

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