/* Banner Ad */
div.bannerAd {text-align:center; padding:10px; margin:5px 0; background:#333333;}





* br { background:#000; }

/* Paragraph classes (use sparingly - use tag globals whenever possible) */
p.caption {font-size:10px; color:#999999; line-height:normal;}
strong.red {color:#CC0000;}
em.red {color:#CC0000;}

/* Category Main - preferences here need to be customized for your needs */

/* category structure:
	<div class="category">
		<img>
		<h1></h1>
		<p> - for secondary text, not used in example below </p>
	</div>
*/



div.category {border-bottom:#999999 1px dashed; position:relative; padding:15px; height:250px; width:163px; float:left;}
div.category img {border:none; background:url('img/no-image.jpg') no-repeat; width:163px;}
div.category h1 {position:absolute; left:15px; top:185px; width:163px; height:42px; line-height:14px; padding:4px 0; color:#666; font-weight:900; font-size:14px; overflow:hidden;}

/* adjust div.category height if you use this:
div.category h2 {position:absolute; left:15px; top:250px; width:163px; height:42px; line-height:14px; padding:4px 0; color:#ccc; font-weight:500; font-size:12px; overflow:hidden;}



/* Products Main */

div.product img {border:none; background:url('img/no-image.jpg') no-repeat; }
div.product {border-bottom:#333 3px solid; position:relative; margin:0; padding:15px 0; height:auto; background:url('img/product-bg.jpg') repeat-y 160px 0;}
div.product label {position:absolute; left:175px; top:15px; width:500px; height:25px; line-height:14px; padding:4px 0; color:#800000; font-weight:900; font-size:14px; border-bottom:#800000 1px dotted; overflow:hidden;}
div.product p {position:absolute; left:175px; top:45px; width:500px; height:75px; line-height:normal; padding:0; color:#888; font-weight:normal; font-size:11px; overflow:hidden;}
div.product a.prodButton {position:absolute; left:700px; top:65px; background:url('img/proceed.jpg') no-repeat; display:block; height:50px; width:50px;}


/* Products Details */
/* To be elaborated... */

div.detail img {width:300px; border:none;}
div.detail {border-right:#999999 1px dashed; position:relative; width:300px; padding-right:14px;}
div.detail label {display:block; height:auto; line-height:14px; padding:4px 0; color:#800000; font-weight:900; font-size:14px; border-bottom:#800000 1px solid; margin-bottom:15px;}
div.detail p {line-height:normal; padding:0; color:#888; font-weight:normal; font-size:11px; overflow:hidden;}
div.detail form {display:block; padding:0; margin:0; position:relative; height:90px;}
div.detail input.submit 
{background:url('img/buy-now.jpg') no-repeat; display:block; height:30px; width:117px; position:absolute; top:45px; left:163px; border:none;}

div.detail select.ddl, div.detail select.ddm, div.detail select.ddr 
{width:80px;position:absolute; top:16px;}

div.detail label.ddl, div.detail label.ddm, div.detail label.ddr
{width:90px;position:absolute; top:0; display:block; font-size:12px; height:12px;}


/* Affiliated products */
/* use for related products on detail page */

#aff {float:right; width:265px; padding-right:15px;}
div.aff img {height:75px; width:75px; border:none;}
div.aff {border-bottom:#999999 1px dashed; position:relative; padding:15px 0; height:100px; margin:20px 0;}
div.aff label {display:block; height:auto; line-height:12px; padding:4px 0; color:#800000; font-weight:900; font-size:12px; border-bottom:#800000 1px dotted; margin-bottom:10px;}
#aff a {text-decoration:none; display:block; width:180px; height:14px; position:absolute; left:85px; top:107px; background:#FFFFFF url('img/view-more.jpg') no-repeat;}
#aff h1 {height:14px; line-height:14px; padding:4px 0; color:#800000; font-weight:900; font-size:14px; border-bottom:#800000 1px solid; margin:0 0 10px 0;}
div.aff p {position:absolute; left:85px; top:45px; width:180px; padding:0; margin:0; height:42px; line-height:14px; overflow:hidden;}

/* FORMS */
#form, #form li {display:block; list-style:none; margin:0; padding:0; position:relative; background:none;}
#form li label {display:block; width:200px; background:#E9E9E9; line-height:16px; padding:2px 5px; text-align:right;}
#form li input, #form li textarea {position:relative; left:215px; width:380px; top:-21px;}

/* Top H1 element */

h1#title  {display:block; text-align:center; width:850px; margin:5px auto; border:none; font-size:10px; color:#666666; padding:0; text-transform:none;}


/* CSS Document */

/* Size and center the page inside the body tag */
html, body {width:100%; background:#000; text-align:center;}
div#page {margin:0 auto; width:750px; border:none; text-align:left; background:url('img/main-tile.jpg') repeat-y #000;}

/* Font preferences */
* {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; line-height:16px;}
p, td, div  {font-size:12px; line-height:16px;}

/* Header and bold tags */
h1 {line-height:21px; padding:4px 0; color:#fff; font-weight:900; font-size:17px; border-bottom:#A20110 1px solid; text-transform:uppercase;}
h2 {line-height:19px; padding:4px 0; color:#fff; font-weight:900; font-size:17px; border-bottom:#A20110 1px dotted;}
h3 {line-height:17px; padding:4px 0; color:#A20110; font-weight:900; font-size:15px;}
h4 {line-height:17px; padding:4px 0; color:#fff; font-weight:900; font-size:15px;}
strong {color:#fff; font-weight:900;}

/* Defualt unordered lists */

ul li {background:url('img/bullet.gif') no-repeat 0 6px; padding-left:15px; list-style:none; padding-bottom:10px;}
ul {margin-left:0px; padding-left:20px;}

/* Defualt definition lists */

dt {color:#CC0000;font-weight:900;margin:10px 0pt; border-bottom: #CCCCCC 1px solid;}
dd {text-indent:0pt; padding-bottom:30px;}

/* Default link and hover preferences */

a {color:#FFF; text-decoration:underline;}
a:hover {color:#699CB3; text-decoration:underline;}
a:focus {outline:none;}

option {color:#333333;}

/* Main block elements */

#homeLeft {width:33%; vertical-align:top;}
#left {width:33%; vertical-align:top;}
#right {width:34%; vertical-align:top}
#footer {height:10px; line-height:10px; font-size:10px; padding:0 6px 8px; background:url('img/footer-bg-18h.jpg') repeat-x #000; text-align:center; color:#FFFFFF; line-height:10px;}
#footer a {color:#FFFFFF; text-decoration:none; font-size:10px;}
#footer a:hover {color:#FFFFFF; text-decoration:underline;}
#mainTable {display:block; width:100%; background:#000;}
#seo {width:750px; margin:10px auto; text-align:center; font-size:10px; color:#CCCCCC; display:none;}

/* HEASER - NAV */

#head {background:url('img/head.jpg') no-repeat; width:974px; height:209px; position:relative; margin:0 auto;}
#head a#logo {position:absolute; top:2px; left:2px; width:223px; height:205px;}
#head a#logo h1 {font-size:16px; color:#f00; text-indent:-999em; border:none;}

#nav, #nav * {padding:0; margin:0;}
#nav {height:16px; display:block; text-align:right; width:650px; position:absolute; top:171px; left:210px;}
#nav li {display:inline; color:#000;}
#nav li a {height:14px; line-height:14px; font-size:14px; display:inline; color:#fff; padding:0px 8px; text-decoration:none;}
#nav li a:hover {text-decoration:underline;}

#fnav, #fnav * {padding:0; margin:0;}
#fnav {height:16px; display:block; text-align:right; width:750px; text-align:center; padding:10px 0;}
#fnav li {display:inline; color:#444; font-size:11px; line-height:11px; }
#fnav li a {height:11px; display:inline; color:#fff; padding:0px 4px; text-decoration:none;}
#fnav li a:hover {text-decoration:underline;}

a img {border:none;}
#manufacturers {height:75px; width:750px; background:url('img/emblems.jpg') no-repeat; text-align:center; overflow:visible; padding-bottom:20px;}
#manufacturers a {height:75px; width:105px; float:left; margin-right:27px; display:block; text-decoration:none; background:url('js/blank.gif')}
#manufacturers a.last {margin-right:0px; width:88px;}


ul.list, #dataFormContainer ul.list {padding:0 0 20px 40px; margin:0; display:block; background:none;}
ul.list li, #dataFormContainer ul.list li {padding:0 0 6px 10px; background:url('img/bull.gif') 0 3px no-repeat; margin:0; display:block; line-height:11px; height:auto;}
.homeList {padding:0; margin:0; display:inline;}
.homeList li {padding:0; display:inline; list-style:none;}
.homeList li span {display:block; font-size:9px; line-height:10px; padding-top:3px;}
#home #rightContent p {margin:.5em 0;}
#rightContent {padding:20px 0; background:#000000;}

form.mainForm fieldset {padding:0; margin:0; border:none; background:none; width:748px; padding-bottom:54px;}
form.mainForm legend {width:350px; display:block; margin:0;text-transform: uppercase;font-size: 14px;font-weight: bold;padding: 2px 10px;background: url('img/footer-bg-18h.jpg') repeat-x;border: 1px solid #111;color:#fff;line-height:14px;}

form.mainForm ul {padding:75px 40px 18px 15px; margin:0; display:block; background:url('img/form_bg.jpg') no-repeat; width:100%;border-bottom:#500000 2px solid;}
form.mainForm ul.nobg {padding:0; margin:0; display:block; background:none;}
form.mainForm ul li {display:block; height:30px; position:relative;}
form.mainForm ul li .note {display:block; height:20px; position:absolute; z-index:10; left:384px; top:8px; text-align:right; width:299px;}
form.mainForm ul li.note {display:block; height:60px; z-index:9; left:384px; top:8px;}
form.mainForm ul li.note span {display:block; height:12px; position:absolute; top:25px; width:487px; left:0; padding:9px 4px; background:url('img/label_bg.jpg') repeat-x 0 28px; text-align:right; line-height:12px; color:#fff;}

form.mainForm ul li label {display:block; height:12px; position:absolute; top:0px; width:150px; left:0; padding:9px 4px; background:url('img/label_bg.jpg') repeat-x 0 28px; text-align:right; line-height:12px; color:#fff;}

li.lines2, form.mainForm ul li.lines2 {height:43px;}
li.lines2, form.mainForm ul li.lines2 label {height:26px; line-height:13px; background-position:0 41px}
li.lines3, form.mainForm ul li.lines3 {height:56px;}
li.lines3, form.mainForm ul li.lines3 label {height:40px; line-height:13px; background-position:0 54px}

form.mainForm {margin:0; padding:30px 0 0 0;}
form.mainForm ul li input, a.goButton {height:25px; position:absolute; top:4px; width:487px; left:207px; padding:5px; margin:0; border:0; background:url('img/input_bg.png') no-repeat #CCCCCC; color:#333333; font-size: 12px; line-height:12px; z-index:9;}
form.mainForm ul li input:focus, form.mainForm ul li textarea:focus, form.mainForm ul li select:focus, .goButton {background-color:#fff;}
form.mainForm ul li option:hover {background-color:#A20110; color:#FFFFFF;}
form.mainForm ul li input.checkbox, form.mainForm ul li.checkbox input {height:auto; position:absolute; top:4px; width:auto; left:206px; padding:0; margin:0; border:1px #666; background:none; color:#333333;}
form.mainForm ul li div * {height:auto; position:static; width:auto; padding:5px 5px 5px 205px; margin:0;}
form.mainForm ul li select {height:25px; position:absolute; top:4px; width:487px; left:206px; padding:5px; margin:0; border:0; background:url('img/input_bg.png') no-repeat #CCCCCC; color:#333333;}
form.mainForm ul li textarea {height:75px; position:absolute; top:4px; width:487px; left:206px; padding:2px; margin:0; border:0; background:url('img/textarea_bg.png') no-repeat #CCCCCC; color:#333333;}
form.mainForm ul li option {color:#000;}

a.goButton {display:block;
height:12px;
left:auto;
margin:0 auto 45px auto;
padding:6px 0 6px 1px;
position:static;
text-align:center;
text-decoration:none;
top:auto;}

form.mainForm ul li.checkbox {height:80px;}
form.mainForm ul li.checkbox div * {height:auto; position:static; width:auto; padding:5px 5px 5px 205px; margin:0; left:auto; top:auto;}
form.mainForm ul li.checkbox div {width:500px; left:190px; position: relative; line-height:20px}
form.mainForm ul li.checkbox div input {margin-left:20px; position:static; left:auto; top:0;}

form.mainForm ul.viewItem li div { padding-left:170px; padding-top:7px; }


/* Choose your Ad */
#chooseAd {position:relative; height:192px; width:750px; background:url('img/ads2.jpg') no-repeat}
#chooseAd a {display:block; height:192px; width:188px; position:absolute; top:0px; left:0; text-decoration:none; background:url('js/blank.gif')}
#chooseAd a:hover {text-decoration:none}
#chooseAd a:focus {outline:none;}

/* Start your Ad */
#startAd {position:relative; height:92px; width:750px; background:url('img/start-ad-campaign.jpg') no-repeat}
#startAd a {display:block; height:73px; width:241px; position:absolute; top:14px; left:253; text-decoration:none; background:url('js/blank.gif')}
#startAd a:hover {text-decoration:none}
#startAd a:focus {outline:none;}



#legal {font-size:10px; color:#888; text-align:center; padding:15px 0;}

/*  */

#sampleButton {display:block; background:url('img/sample-button.jpg') no-repeat; height:20px; width:123px;float:right; position:relative; top:7px; z-index:100; text-decoration:none; z-index:10;}


#samples {width:340px; height:340px; background: url('img/sample-photos.png') no-repeat;  position:absolute; z-index:10000; left:-390px; text-align:center;}
#dataFormContainer #samples h1 {color:#FFFFFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin:10px; padding:0 0 10px;}
#samples h1 a {display:block; float:right; width:20px; height:20px; font-size:1px; line-height:1px; text-decoration:none; padding:0; text-decoration:none; background:url('js/blank.gif')}
#samples h1 a:hover {text-decoration:none;}
#samples div.scroller {margin:0 auto 10px auto; width:320px; padding:0; overflow:auto; height:275px; border-bottom:#000000 solid 1px;}
#samples div.scroller * {padding:0;}
#samples div img {padding:5px 0;}
#samples {display:none;}



/* VALIDATION */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 0px solid #CC0000;
}

#scroll-container ul li {padding:0 0 1px 0;}

#theList a {color:#003399;}
#socialnet {position:absolute; bottom:60px; right:113px;}
#socialnet img {margin-left:5px;}