/*
	primary: #330066
	second : #CCCC99
*/

HTML	{}
BODY 	{margin:0; padding:0; background:rgb(255,255,255); font-family:arial, sans-serif;font-size:12px; }
P 		{}
A		{color:rgb(0,0,0); text-decoration:none; outline: 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		{}
.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; width: 100%; background: #330066 /* PRIMARY */ url(stripe.gif) top left; height: 45px; margin: 20px 0;}

.navigation .navcontent {height: 43px; margin: 0 auto; width: 547px; display: block;}

.navigation .navcontent DIV {float: left;}

.navigation A {width:126px; font-size:14px; font-weight:bold; color:rgb(255,255,255); text-transform: uppercase; display: block; background-color: #330066 /* PRIMARY */; margin: 0 5px;}

.navigation .navcontent DIV A.navProduct {padding: 7px 0 0 0; height: 33px;}
.navigation .navcontent DIV A.navProductActive {}
.navigation .navcontent DIV A.navOrder {padding: 16px 0 0 0; height: 24px;}
.navigation .navcontent DIV A.navOrderActive {}
.navigation .navcontent DIV A.navNews {padding: 16px 0 0 0; height: 24px;}
.navigation .navcontent DIV A.navNewsActive {}
.navigation .navcontent DIV A.navContact {padding: 16px 0 0 0; height: 24px;}
.navigation .navcontent DIV A.navContactActive{}

/* ----------- */
.pagebody	{clear:both; margin: 8px 0 20px 0;}

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

DIV.featuredproducts {width: 165px; float: left;}
DIV.productcategories {width: 450px; float: left; margin: 0 0 0 13px;}

DIV.fp-head {}
DIV.fp-body {background-color: rgb(255,255,255); padding: 0; height: 500px; border-right: none; margin: 0 0 20px 0; float: left;}
DIV.fp-foot {}

DIV.title {width: 165px; display: block; float: left; text-transform: normal; margin: 0px 0 19px 0px; font-size: 12px; font-weight: bold; color: rgb(255,255,255); background: url(bigstripe.gif) repeat-x left center #CCCC99 /* SECONDARY */; height: 31px; text-align: center;}
DIV.title DIV {width: 140px; margin: 0 auto; height: 31px; background-color: #CCCC99 /* SECONDARY */; line-height: 30px; text-transform: uppercase; }

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

DIV.pc-contentarea {float: left; width: 445px;}

DIV.pc-contentarea h1 {width: 100%; display: block; float: left; text-transform: normal; margin: 0px 0 5px 0px; font-size: 12px; font-weight: bold; color: rgb(255,255,255); background: url(bigstripe.gif) repeat-x left center #CCCC99 /* SECONDARY */; height: 31px; text-align: center; }
DIV.pc-contentarea h1 DIV { width: 80%; margin: 0 auto; height: 31px; background-color: #CCCC99 /* SECONDARY */; line-height: 30px; text-transform: uppercase }

UL.pc-list {float: left; width: 200px; margin: 10px 0 0 0; padding: 0; list-style: none;}
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 10px;}
DIV.bullet {background:url(bullet-pc.gif) no-repeat #330066 left top; width: 5px; height: 10px; margin-top: 5px; float: left; display: block; padding: 0; overflow: hidden;} 


TABLE TD.right {width: 161px;}
TABLE TD.right TABLE TD.right-head {}
TABLE TD.right TABLE TD.right-body {}
TABLE TD.right TABLE TD.right-foot {}

DIV.news {}
DIV.news DIV.news-head {}
DIV.news DIV.news-body {}

DIV.news-body h2 {width: 100%; display: block; float: left; text-transform: normal; margin: 0px 0 14px 0px; font-size: 12px; font-weight: bold; color: rgb(255,255,255); background: url(bigstripe.gif) repeat-x left center #CCCC99 /* SECONDARY */; height: 31px; text-align: center; }
DIV.news-body h2 DIV { width: 80%; margin: 0 auto; height: 31px; background-color: #CCCC99 /* SECONDARY */; line-height: 30px; text-transform: uppercase }

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; color: #330066 /* PRIMARY */; }

.newscontent {padding: 6px 0 0px 0; border-bottom: 1px solid #cdcdcd; padding-bottom: 7px;}
.newscontent .newstitle a { color: rgb(0,0,0); font-weight: bold;}
.newscontent .newsdate {font-weight: bold;}
.newscontent .newsfullstory a {width: 100%; display: block; margin-top: 2px; padding: 0 0 0 0px; color: rgb(0,0,0); font-weight: normal; font-weight: bold;}
.newscontent div.bullet { display:none;}


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