/*
	primary: #EE2B33
	second : #E3D7CC
*/
HTML	{}
BODY 	{margin:0 0 20px 0; padding:0; background: #E3D7CC/* SECONDARY */; font-family:arial, sans-serif;font-size:11px; }
P 		{}
A		{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:801px; margin:0 auto;}
.wrapperinside	{}

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

.masthead		{position:relative; background:url(masthead.jpg) bottom center no-repeat; height:151px;}
.masthead .logo {font-size:24px; font-weight:bold; position:absolute; top:50px; left: 10px;  }
.masthead .link {text-transform:capitalize; text-align:right; margin:5px 0;}
.masthead .link A {color:rgb(0,0,0); margin:0 1em;}
.masthead .link A:hover {}
.masthead .search	{position:absolute; top:50px; right: 10px; background: #EE2B33; padding:2px; width:300px; text-align:center;}
	input.searchfield {border:1px solid rgb(153,153,153); padding:2px; margin:2px; display: inline;}
	input.searchbutton {border:1px solid rgb(0,160,166); background:rgb(242,242,242); padding:0px; margin:2px; display: inline;}

.navigation {background: #EE2B33; text-align:center; padding:10px 0 ; }
.navigation DIV { display: inline }
.navigation A {color:rgb(255,255,255); font-weight:bold; font-size:12px; text-transform:uppercase; padding:50px; text-align:center; }
.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	{background:rgb(255,255,255);}

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

DIV.featuredproducts {width: 158px; float: left;}
DIV.productcategories {width: 440px; float: left;}

DIV.fp-head {}
DIV.fp-body {background-color: rgb(255,255,255); padding: 18px 0px 0px 15px; margin: 0 0 20px 0;}
DIV.fp-foot {}

DIV.title {width: 100%; display: block; float: left; text-transform: normal; margin: 0 0 5px 0px; font-size: 14px; font-weight: bold; color: #EE2B33 /* PRIMARY */; }

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

DIV.pc-contentarea {width: 95%; padding-left: 10px; float: left; position: relative; left: 5px; border-left: 1px solid #cccccc;}

DIV.pc-contentarea h1 {width: 95%; margin: 15px 0 10px 0; }
DIV.pc-contentarea h1 DIV { display: block; width: 300px; height: 15px; font-size: 20px; color:#EE2B33 /* PRIMARY */; }

UL.pc-list {float: left; width: 190px; margin: 10px 0 10px 5px; padding: 0; list-style: none;}
UL.pc-list LI {padding: 0; font-size: 13px; display: block; float: left; width: 100%; height: auto;}
UL.pc-list LI A {color: #000000; padding: 0 0 8px 5px; position: relative; float: left; width: 90%; display: block; font-weight: normal;}
DIV.bullet {background:url(bullet-pc.gif) no-repeat #EE2B33 /* PRIMARY */ left top; width: 8px; height: 8px; margin-top: 4px; float: left; display: block; padding: 0; overflow: hidden;} 


TABLE TD.right {width: 179px; padding: 0px; border-left: 1px solid #cccccc;}
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 {width: 152px; margin: 0 0 0 8px;}


DIV.news-body h2 {font-size: 14px; text-transform: normal; font-weight: bold; color: #EE2B33 /* PRIMARY */; width: 100%; border-bottom: none; padding: 0 0 5px 0; margin: 16px 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: normal; padding: 0; color: #EE2B33 /* PRIMARY */; }

.newscontent {padding: 6px 0 0px 0; border-bottom: 1px solid #cdcdcd; padding-bottom: 7px;}
.newscontent .newstitle a { color: #000000; font-weight: bold;}
.newscontent .newsdate {font-weight: bold;}
.newscontent .newsfullstory a {display: block; margin-top: 2px; padding: 0 0 0 13px; color: #EE2B33 /* PRIMARY */; font-weight: normal;}
.newscontent div.bullet { margin-top: 5px; display: inline; }


/* ----------- */
.pagefoot	{padding:5px 5px 0 10px; border-top:1px solid rgb(204,204,204); height:30px; background: url(pagebottom.gif) bottom left no-repeat;}
.pagefoot A	{color:rgb(0,0,0);}