/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	background-color: #333333;
}

#wrapper {
	width: 798px;
	margin: auto;
	padding: 0 0 10px 0;
	margin-top: 10px;	
}

#header { width: 100%; height: 131px; background: url(../images/header/rotator.php) no-repeat; }
#contentWrapper { width: 100%; background: url(../images/content_bg.gif) repeat-y; }
#menuWrapper { width: 790px; height: 30px; background: url(../images/menu_bg.gif) repeat-x; margin-left: 1px; }
#contentMain { width: 790px; margin-left: 1px; padding-bottom: 10px; background:url(../images/content_bg_top.gif) repeat-x #777777; }
#contentMain #contentInner { width: 750px; margin: 10px 20px 0px 20px; }
#contentMain #contentInner #contentLeft { float: left; width: 500px; }
#contentMain #contentInner #contentRight { float: right; width: 230px; }
#footer { width: 100%; height: 7px; background: url(../images/footer.gif) no-repeat; }
#copyright { text-align: center; font-size: 10px; color: #666666; margin-top: 5px; }

.bigcontent { float: left; width: 100%; margin-bottom: 10px; }
.bigcontent .titlebar { float: left; width: 100%; height: 20px; line-height: 20px; color: #ffffff; text-indent: 5px; font-size: 11px; font-style: italic; }
.bigcontent .titlebar .titlebar_left { float: left; width: 7px; height: 20px; background: url(../images/content_top_left.gif) no-repeat; }
.bigcontent .titlebar .titlebar_middle { float: left; width: 250px; height: 20px; background: url(../images/content_top_body.gif) repeat-x; }
.bigcontent .titlebar .titlebar_right { float: left; width: 28px; height: 20px; background: url(../images/content_top_right.gif) no-repeat; }
.bigcontent .content { float: left; width: 498px; border: 1px solid #999999; background: #333333; }
.bigcontent .content img { padding: 5px; }

.sidebox { float: left; width: 100%; font-size: 11px; color: #CCCCCC; margin-bottom: 10px; }
.sidebox .titlebar { float: right; width: 100%; height: 20px; line-height: 20px; color: #ffffff; text-indent: 5px; font-size: 11px; text-align:right; font-style: italic; }
.sidebox .titlebar .titlebar_left { float: right; width: 28px; height: 20px; background: url(../images/sidebox_top_left.gif) no-repeat; }
.sidebox .titlebar .titlebar_middle { float: right; width: 120px; height: 20px; background: url(../images/sidebox_top_body.gif) repeat-x; padding-right: 5px; }
.sidebox .titlebar .titlebar_right { float: right; width: 7px; height: 20px; background: url(../images/sidebox_top_right.gif) no-repeat; }
.sidebox .content { float: left; width: 218px; border: 1px solid #999999; background: #333333; padding: 5px; }

.newsWrapper { width: 100%; margin: 10px 0 10px 0; }
.newsHeadline { width: 100%; font-size: 12px; }
.newsDate { width: 100%; text-align: right; font-size: 10px; color: #888888; }


/*****************  PRODUCT LIST ******************/
.product { background-color: #444444; width: 725px; margin: 10px; border: 1px solid #666666; }
.product .preview { float: left; background-color: #333333; width: 150px; margin: 5px; border: 1px solid #999999; }
.product .preview img { padding: 0; margin: 0; }
.product .info { float: left; width: 540px; margin: 5px 0px 5px 10px; }
.product .info h1 { margin: 5px 0 5px 0; padding: 2px 0 2px 5px; color: #CCCCCC; font-size: 15px; font-style: italic; background-color:#555555; border-left: 5px solid #006633; }
.product .info p { margin: 0 5px 0 5px; padding: 0; line-height: 14px; }
.product .info .more { float: right; margin: 10px 0 5px 0; padding: 2px 5px 2px 5px; text-align:right; font-size: 11px; background-color:#555555; border-right: 5px solid #996600; }
.product .info .more a { color: #CCCCCC; }


/*****************  LINKS  ******************/
.links { width: 476px; margin: 10px 10px 20px 10px; }
.links h4 { width: 470px; padding: 2px 0px 2px 4px; margin: 0; background-color: #555555; border-left: 5px solid #006633; color: #cccccc; font-weight: normal; font-style: italic; }
.links p { margin: 5px; padding: 0; }
.links .clicklink { float: right; margin: 0 0 5px 0; padding: 2px 5px 2px 5px; text-align: right; background-color:#555555; border-right: 5px solid #996600; font-size: 11px; }
.links .clicklink a { color: #CCCCCC; }


/*****************  CONTACT PAGE  ******************/
.contact { float: left; width: 300px; margin: 5px 0 5px 40px; padding: 5px 0 5px 0; background-color:#555555; border-left: 5px solid #006633; }
.contact .caption {float: left; width: 100px; padding-left: 10px; font-size: 11px; color:#CCCCCC; }
.contact .detail { float: left; width: 190px; font-size: 11px; color:#CCCCCC; }

.map { margin: 10px 0 10px 35px; }


/***************** FULL WIDTH  ******************/
#fullWidthWrapper { float: left; width: 100%; }
#fullWidthWrapper .bigcontent .titlebar .titlebar_middle { float: left; width: 400px; height: 20px; background: url(../images/content_top_body.gif) repeat-x; }
#fullWidthWrapper .bigcontent .content { float: left; width: 748px; border: 1px solid #999999; background: #333333; }


/***************** PRODUCT PAGE ******************/
.productName { float: left; width: 720px; height: 30px; background-color:#555555; margin: 5px; border-left: 15px solid #006633; }
.prodname { float: left; width: 100%; height: 30px; line-height: 30px; color: #FFFFFF; font-size: 20px; text-indent: 5px; font-style: italic; }
.prodtagline { float: left; width: 100%; color:#FFFFFF; text-align:right; font-style: italic; margin-left: -5px; }

.prodimgWrapper { float: left; margin-left: 10px; }
.prodimg { float: left; background-color: #FFFFFF; border: 1px solid #666666; padding: 5px; margin: 5px; } 
.proddesc { float: left; width: 700px; margin: 10px; padding: 10px; border: 1px solid #666666; background-color: #444444; text-align:justify; color: #CCCCCC; font-size: 11px; line-height: 16px; }

.prodPrice { float: right; width: 250px; height: 30px; margin: 0 10px 10px 0; background-color: #444444; text-align: center; line-height: 30px; border-right: 15px solid #996600; font-size: 17px; color:#FFFFFF; }
.prodPrice a { color: #CCCCCC; }

blockquote { background-color: #555555; padding: 10px; border-left: 10px solid #660000; color: #FFFFFF; font-size: 13px; font-style:italic; }

.specWrapper { float: left; width: 210px; margin: 0 0 5px 5px; background-color:#444444; text-align: left; height: 18px; line-height: 18px; border-bottom: 1px solid #999999; }
.specHeader { float: left; width: 100px; padding-left: 5px; height: 100%; font-size: 10px; }
.specDetail { float: left; width: 100px; height: 100%; padding-left: 5px; font-size: 10px; }

/************* FORMS **************/
#myform { float: left; width: 90%; margin: 20px; padding-bottom: 10px; }
#myform .linesep { float: left; width: 100%; margin: 2px 0 2px 0; }
#myform .linesep .formcaption { float: left; width: 150px; height: 20px; line-height: 20px; color:#CCCCCC; font-size: 11px; }
#myform .linesep .formitem { padding-left: 5px; }
#myform .linesep .formstyle1 { border: 1px solid #777777; width: 200px; padding: 2px 5px 2px 5px; font-size: 11px; }
#myform .linesep .formstyle1:focus { border-width: 1px 3px 1px 3px; }
#myform .linesep .formstyle2 { border: 1px solid #777777; background-color: #FFFFFF; width: 100px; padding: 2px 5px 2px 5px; font-size: 11px; }

/************* TEXT & IMAGES **************/
#contentWrapper .menuContents { line-height: 30px; text-align:center; color: #BBBBBB; }
#contentWrapper .menuContents ul { margin: 0; padding: 0; list-style-type:none; }
#contentWrapper .menuContents ul li { display:inline; margin: 0 15px 0 15px; padding: 0; font-weight: bold; }
#contentWrapper .menuContents ul li a { color: #EEEEEE; text-decoration:none; }
#contentWrapper .menuContents ul li a:hover { text-decoration: underline; }

.newsHeadline a { color: #CCCCCC; }
.sectionhead { width: 464px; margin: 10px; padding: 5px 0 5px 0; background-color: #555555; border-left: 10px solid #660000; color: #FFFFFF; font-size: 16px; text-indent: 5px; font-style: italic; }
.sidebox .content ul { text-align: left; padding: 0; margin: 5px 0 5px 25px; }
.sidebox .content ul li { padding: 2px; }
.sidebox .content ul li a { color: #CCCCCC; }

a { color: #666666; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 10px; padding: 0; font-size: 11px; color: #CCCCCC; line-height: 15px; text-align: justify; }
p a { color: #999999; }
ul { list-style-type: square; color: #CCCCCC; font-size: 11px; }
li { padding: 1px; }
h2 { padding: 0; margin: 10px 0 0 20px; color: #FFFFFF; font-size: 14px; font-weight: normal; text-decoration: underline; }
h3 { padding: 0; margin: 10px 0 0 20px; color: #FFFFFF; font-size: 12px; font-weight: normal; text-decoration: underline; }

img { border: none; }
.imgpad { padding: 0 5px 0 0; }

* .prodimgWrapper { margin-left: 5px; }