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

HTML	{}
BODY 	{margin:0 0 30px 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;}
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 {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; background-color: #D1E2BE /* SECONDARY */;}
DIV.productcategories {width: 454px; float: left; margin: 0 0 0 10px; text-align: center;}

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

DIV.title {text-transform: normal; margin: 0px; font-size: 14px; font-weight: bold; color: rgb(0,0,0); height: 31px; padding: 0 0 0 10px;}
DIV.title DIV {}

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

DIV.pc-contentarea { margin: 16px auto 0; text-align: left; width: 400px;}

DIV.pc-contentarea h1 {width: 95%; display: block; float: left; text-transform: normal; margin: 0px; font-size: 14px; font-weight: bold; color: rgb(0,0,0); height: 25px; }
DIV.pc-contentarea h1 DIV { }

UL.pc-list {float: left; width: 200px; margin: 0; 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: #606060; padding: 0 0 8px 5px; position: relative; float: left; width: 180px; display: block; }
DIV.bullet {background:url(bullet-pc.gif) no-repeat #D1E2BE left top; width: 5px; height: 9px; margin-top: 4px; float: left; display: block; padding: 0; overflow: hidden;}  


TABLE TD.right {}
TABLE TD.right TABLE TD.right-head {}
TABLE TD.right TABLE TD.right-body {}
TABLE TD.right TABLE TD.right-foot {}

DIV.news {margin: 13px auto 0}
DIV.news DIV.news-head {}
DIV.news DIV.news-body {}

DIV.news-body h2 {text-transform: normal; font-size: 14px; font-weight: bold; color: rgb(0,0,0);}
DIV.news-body h2 DIV {}

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: #006600 /* 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; margin: 20px 0 0 0;}
.pagefoot A	{margin:0 1em;}