/*
	primary: #01b4e2
	second : #017eb9
*/
HTML	{}
BODY 	{margin:0; padding:0; background:rgb(0,0,0) url(background.jpg) 0 0 repeat-x; 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 {display:block; width:802px; margin:0 auto;}
.wrapperinside	{}

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

.masthead		{background:rgb(255,255,255); height:81px; position:relative;}
.masthead .logo {position:absolute; top: 20px; left: 15px; font-size:24px; font-weight:bold;}
.masthead .link {padding-top:7px; text-align:right; background:url(linkbg.jpg) top left no-repeat; float:right; display:block; width:207px; height:25px; margin-right:10px;}
.masthead .link A {color:#017BE2 /* PRIMARY */; text-transform:capitalize; padding:0 5px 0 1px;font-size:10px;}
.masthead .link A:hover {}
.masthead .search	{position: absolute; top: 50px; left: 550px; float: left; display: block;}
	input.searchfield {float: left; width: 140px; margin: 0; padding: 0;}
	input.searchbutton {color:#017BE2 /* PRIMARY */; border:1px solid rgb(204,204,204); background:rgb(242,242,242); font-weight:bold; width: 80px; float: left; margin-left: 5px;}

.navigation {float:left; display:block; width:100%; border-top:1px solid #254CAF /* SECONDARY */; background:#017BE2 /* PRIMARY */; border-bottom:1px solid rgb(255,255,255); padding:4px 0 0;}
.navigation A {font-size:13px; font-weight:bold; color:rgb(255,255,255); float:left; display:block;height:16px; margin:0 5px; padding:10px;}
.navigation A.navProduct 		{}
.navigation A.navProductActive 	{background:#254CAF /* SECONDARY */;}
.navigation A.navOrder 			{}
.navigation A.navOrderActive 	{background:#254CAF /* SECONDARY */;}
.navigation A.navNews 			{}
.navigation A.navNewsActive 	{background:#254CAF /* SECONDARY */;}
.navigation A.navContact 		{}
.navigation A.navContactActive 	{background:#254CAF /* SECONDARY */;}

/* ----------- */
.pagebody	{clear:both; margin: 10px 0 0 0; float: left;}


TABLE TD.left {width: 637px; margin: 0; padding: 0;}
TABLE TD.left TABLE {margin: 0; padding: 0; width: 637px;}
.left-head {width: 100%; background: url(bg-mainarea-head.jpg) no-repeat; height: 5px; float: left;}
.left-body {width: 100%; padding: 0 0 7px 0; background: url(bg-mainarea-body.jpg) repeat-y; float: left;}
.left-foot {width: 100%; background: url(bg-mainarea-foot.jpg) no-repeat; height: 5px; float: left;}

DIV.featuredproducts {width: 158px; float: left; margin: 5px 0 0 10px; background-color: rgb(230,230,230);}
DIV.productcategories {width: 444px; float: left;}

DIV.fp-head {background: url(bg-leftside-head.jpg) no-repeat; width: 158px; height: 2px; float: left;}
DIV.fp-body {background-color: rgb(230,230,230); padding: 8px 8px; float: left; width: 142px;}
DIV.fp-foot {background: url(bg-leftside-foot.jpg) no-repeat left bottom; width: 158px; height: 5px; float: left;}

DIV.title {width: 100%; display: block; float: left; text-transform: uppercase; margin: 0px 0 2px 0px; font-size: 12px; font-weight: bold; color: #254CAF;}
DIV.title DIV {}

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

DIV.pc-contentarea { margin-left: 15px; width: 100%; }

DIV.pc-contentarea H1 { background: url(border-horizontal.gif) repeat-x -1px bottom; padding: 0 0 5px 0; width: 95%; margin: 20px 0 0 0; }
DIV.pc-contentarea H1 DIV { background: url(header-mainarea-prodcat.jpg) no-repeat; text-indent: -1000px; display: block; width: 300px; height: 15px; font-size:1px;}

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

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

DIV.news {margin: 0px 0 30px 9px; width: 100%; height: auto; min-height: 100%; float: left;}
DIV.news DIV.news-head {}
DIV.news DIV.news-body {}

DIV.news-body H2 {font-size: 12px; text-transform: uppercase; font-weight: bold; color: #254CAF; width: 141px; background: url(border-horizontal.gif) repeat-x left bottom; padding-bottom: 2px; margin: 23px 0 5px 0; }
DIV.news-body DIV.newscontent {width: 141px; margin: 0 auto; float: left;}
DIV.news-body DIV.viewallnews {width: 141px; margin: 3px 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 {background: url(bullet-news.gif) no-repeat 0px 50%; padding: 0 0 0 9px; }

.newscontent {padding: 6px 0 0px 0; background: url(border-horizontal.gif) repeat-x left bottom; padding-bottom: 7px;}
.newscontent .newsdate {font-weight: bold;}
.newscontent .newsfullstory a {width: 141px; display: block; margin-top: 2px; background: url(bullet-news.gif) no-repeat 0px 50%; padding: 0 0 0 9px; }


/* ----------- */
.pagefoot	{text-align:center; margin:5px 0; padding:10px 0 0;color:rgb(255,255,255); float: left; width: 100%;}
.pagefoot A	{color:rgb(255,255,255); padding:0 1em;}

/* ----------- */

SPAN.cap, SPAN.head, SPAN.title, SPAN.body, SPAN.foot { display: block; }