body
{  
    margin:0;
    padding:0;
    background:#fff;
    font:400 13px "Arial Narrow", Arial;
}
a, a:visited{color:#3f31fa; text-decoration:none;}
a:hover{text-decoration: underline;}
ul{list-style:none;}
form, p{margin:0; padding:0;}
h1{font:400 32px "Arial Black", Arial; letter-spacing:-1px;}
h2{font:400 20px "Arial Black", Arial;}
h3{font:400 16px "Arial Black", Arial; text-transform:uppercase;}
img{border-width:0;}
p{width:97%;}
/* --------- Common Class --------- */
.replace {display: block; text-indent: -10000px; line-height: 0; outline:none;}
.fl {float: left;}
.fr {float: right;}
.clear{clear: both;}
.inline{display: inline !important;}
.bold{font-weight:700;}
.centerTxt{text-align:center;}
.leftTxt{ text-align:left;}
.rightTxt{ text-align:right;}
.upper{text-transform: uppercase;}
.floatingMR50{margin-right: 50px;}
.floatingMR100{margin-right: 100px;}
.colm40{margin:0; padding:0; width:40%;}
.colm49{margin:0; padding:0; width:49%;}
.colm30{margin:0; padding:0; width:30%;}
.colm30subscription{margin:0; padding:0; width:100%;}
.colm60{margin:0; padding:0; width:60%;}
.colm68{margin:0; padding:0; width:68%;}
.colm85{margin:0; padding:0; width:85%;}
.colm88{margin:0; padding:0; width:88%;}
.colm100{margin:0; padding:0; width:100%;}
.noBackground{ background:none;}
.txt95{width:95%; margin:0; padding:0;}
.txt70{width:70%; margin:0; padding:0;}
.txt30{width:30%; margin:0; padding:0;}
.requiredRed{color:#ff0000;}
.requiredBlack{color:#000;}
.indent{ text-indent: 10px;}
.font10{font-size:10px;}
/* --------- Index Id --------- */
#index
{
    height:787px;
    width:781px;
    margin:0 auto;
    padding:0;
    position: relative;
    background:#fff url(../images/index.jpg) no-repeat 0 0;
}
.enterButton
{
    top: 512px;
    left: 337px;
    height:30px;
    width:136px;
    margin:0;
    padding:0;
    border:0;
    position: absolute;
    background:url(../images/enterButton.jpg) no-repeat 0 0;
    cursor:pointer;
}
#createButton
{
    top: 576px;
    left: 337px;
    height:30px;
    width:136px;
    margin:0;
    padding:0;
    position: absolute;
    background:url(../images/createButton.jpg) no-repeat 0 0;
}
.indexEmail
{
    top: 420px;
    left: 329px;
    height:17px;
    width:156px;
    margin:0;
    padding:2px 0 0;
    border:solid 1px #acd2f9;
    position: absolute;
}
.indexPassword
{
    top: 470px;
    left: 329px;
    height:18px;
    width:156px;
    margin:0;
    padding:2px 0 0;
    border:solid 1px #acd2f9;
    position: absolute;
}
/* --------- OverlayPage Id --------- */
#overlayPage
{
	top: 10%;
	left: 20%;
    height:437px;
    width:751px;
    position: absolute;
    background:#fff url(../images/popup.jpg) no-repeat 0 0;
    display:block;
    z-index:9999;
}
#enterButton
{
    top: 250px;
    left: 279px;
    height:30px;
    width:136px;
    margin:0;
    padding:0;
    position: absolute;
    background:url(../images/enterButton.jpg) no-repeat 0 0;
}

#enterWholesale
{
    top: 292px;
    left: 129px;
    height:36px;
    width:233px;
    margin:0;
    padding:0;
    position: absolute;
    background:url(../images/popup_wholesale.gif) no-repeat 0 0;
}

#enterRetail
{
    top: 292px;
    left: 365px;
    height:36px;
    width:174px;
    margin:0;
    padding:0;
    position: absolute;
    background:url(../images/popup_retail.gif) no-repeat 0 0;
}

#exitButtonold
{
    top: 292px;
    left: 502px;
    height:36px;
    width:70px;
    margin:0;
    padding:0;
    position: absolute;
    background:url(../images/popup_exit.gif) no-repeat 0 0;
}

#exitButton
{
    top: 250px;
    left: 482px;
    height:30px;
    width:136px;
    margin:0;
    padding:0;
    position: absolute;
    background:url(../images/exitButton.jpg) no-repeat 0 0;
}
/* --------- Wrap Id --------- */
#wrap
{
    width:684px;
    margin:0 auto;
    padding:0;
    position: relative;
    background:#fff;
}
/* --------- Header Id and Classes --------- */
#header
{
    height:120px;
    width:684px;
    margin:0;
    padding:0;
    position:relative;
}
#logo
{
    height:129px;
    width:684px;
    margin:0;
    padding:0;
    background:url(../images/logo.png) no-repeat 0 0 !important;
    background:url(../images/logo.gif) no-repeat 0 0;
    z-index:10;
}
/* --------- Navigation Id and Classes --------- */
#nav
{
    bottom:0;
    right:0;
    height:18px;
    width:469px;
    margin:0;
    padding:2px 0 0 30px;
    position:absolute;
    z-index:50;   
}
* html #nav{bottom:4px;}
#nav li{margin:0;padding:0;}
#nav li a{color:#000;}
/* --------- Body Id and Classes --------- */
#body
{
    width:684px;
    margin:0;
    padding:0;
    position:relative;
}
* html #body{margin:-5px 0 0;}
#colm-l{width: 195px; margin:0; padding:0;}
#colm-r{width: 489px; margin:0; padding:0;}
#contactInfo
{
    height:90px;
    width:684px;
    margin:0;
    padding:0;
    position:relative;
    background:url(../images/contactInfo.jpg) no-repeat 0 0;
}
/* --------- Footer Id and Classes --------- */
#footer
{
    width:684px;
    margin:0;
    padding:0;
    position:relative;
    background:#fff;
}
.footerLinks
{
    height:15px;
    width:640px;
    margin:0 auto 10px;
    padding:28px 0 5px;
    position:relative;
    border-bottom:solid 1px #99aabe;
    text-align:center;
    color:#676e8a;
}
.disclaimer
{
    width:480px;
    margin:0 auto 10px;
    padding:0 0 5px 0;
    position:relative;
    text-align:center;
    color:#000;
}
/* --------- Browse Section --------- */
#browse
{
    width:184px;
    margin:0;
    padding:5px 0;
    background:#5A86B3;
}
#browse ul{width:170px; margin:0 0 0 15px; padding:15px 0 0;}
* html #browse ul{width:169px;}
#browse ul li{width:100%; margin:0 0 8px; padding:0;}
#browse ul li select
{
    width:150px;
    margin:0;
    padding:0;
    border-width:0;
    font-size:9px;
    /*background:url(../images/dropdown.gif) no-repeat 0 0;*/
}
.joinOrLogin
{
    height:15px;
    width:158px;
    margin:0 0 0 10px;
    padding:0 2px 3px;
    background:#fff;
    color:#04142d;
    text-align:center;
}
.joinOrLogin a, .joinOrLogin a:visited{color:#04142d; text-decoration: underline;}
.joinOrLogin a:hover{text-decoration:none;}
.browseLine
{
    width:178px;
    margin:5px 0 10px 6px;
    padding:0;
    position:relative;
}
.browseLine h3{word-spacing:-2px; margin:0; padding:0;}
.browseLine p a, .browseLine p a:visited{color:#000; text-decoration:underline;}
.browseLine p a:hover{text-decoration:none;}
.browseLine ul, .browseLine ul li, .browseLine dl, .browseLine dl dd{margin:0; padding:0;}
.browseLine ul{margin:5px 0 10px;}
.browseLine dl{width:133px; margin:-2px 0 5px 3px; font-size:9px;}
#anniversary
{
    margin:0 0 10px 6px;
    padding:80px 0 0;
    position:relative;
    background:url(../images/anniversaryIcon.jpg) no-repeat 0 0;
}
#anniversary .year{margin:-20px 40px 0 0; padding:0;}
/* --------- Newsletter Section --------- */
.newsletter
{
	padding-left:6px;
	margin-top: 20px;
    width:178px;
    position:relative;
    background:#243e95;
    color:#fff;
}
.newsletter form input{width:155px; margin:3px 0 0 5px; position:relative;}
.newsletter form button
{
    height:27px;
    width:96px;
    margin:0;
    padding:0;
    border-width:0;
    background:url(../images/subscribeButton.jpg) no-repeat 0 0;
    cursor:pointer;
}
/* --------- List Section --------- */
.productDisplay{margin:10px 0; padding:0;}
.listButtonBG
{
    height:224px;
    width:127px;
    margin:5px 8px;
    padding:0 5px;
    display:block;
    background:url(../images/listButtonBG.jpg) no-repeat 0 0;
    text-align:center;
}
.listButtonBG:hover{text-decoration:none;}
.listButtonBG img{margin: 15px 0 10px;}
.listButtonBG span{color:#000; font: 400 14px "Arial Narrow", Arial;}
/* --------- Boxes with Red Borders Section --------- */
.boxRedBorder
{
    min-height:198px;
    width:97%;
    margin:0 0 10px;
    padding:10px 0;
    position:relative;
    border:solid 1px #ff0078;
    overflow: auto;
}
* html .boxRedBorder{height:198px;}
.boxRedBorderSmall{min-height:100px;}
* html .boxRedBorderSmall{height:100px;}
.boxRedBorder div{margin:5px; padding:0; position:relative; white-space: nowrap;}
.boxRedBorder div a{margin:0 5px; padding:0; text-align:center;}
/* --------- Order Form list Section --------- */
.listPDF
{
    height:10px;
    width:127px;
    margin:5px 8px;
    padding:0 5px;
    display:block;
    text-align:center;
}
/* --------- Mailing list Section --------- */
.joinMailList
{
    height:23px;
    width:95%;
    margin:0 0 10px;
    padding: 6px 5px;
    position:relative;
    background:#0f698b;
    color:#fff;
    font-size:15px;
}
.joinMailList span{color:#fff;}
.joinMailList input{width:222px; border:solid 1px #c8c8c8; margin:0 5px;}
.joinMailList button
{
    top:4px;
    right:3px;
    height:26px;
    width:104px;
    margin:0;
    padding:0;
    border-width:0;
    position:absolute;
    background:url(../images/submitButton.jpg) no-repeat 0 0;
    cursor:pointer;
}
/* --------- AVN Awards Background Section --------- */
.avnAwardBG
{
    height:325px;
    width:488px;
    margin:0 0 0 -5px;
    padding:60px 0 0;
    position:relative;
    background:url(../images/avnAwardBG.jpg) no-repeat 0 0;
}
.avnAwardBG li{margin:5px;}
/* --------- AD Block Section --------- */
#adBlock
{
    width:684px;
    margin:10px 0;
    padding:0;
    position:relative;
}
/* --------- Results Section --------- */
.results{width:95%; margin:0; padding:0;}
.results li{width:99%; margin:0; padding:0;}
.results li p{width:95%; margin:2px 4px; padding:0 4px; background:#e4e4e4;}
#trailerButton{height:30px; width:136px; margin:10px; padding:0; background:url(../images/trailerButton.jpg) no-repeat 0 0;}
#orderButton{height:30px; width:136px; margin:10px; padding:0; background:url(../images/orderButton.jpg) no-repeat 0 0;}
/* --------- Contact Section --------- */
.contact{width:95%; margin:0; padding:0;}
.contact li{height:20px;width:444px; margin:-3px 0 0; padding:3px 0; background:#c1c7ca;}
.contact li p{width:394px;margin-left: 50px;}
.contact li label{margin:0 10px;}
.contact li input,.contact li select{border:0; border-bottom:solid 1px #000; border-right:solid 1px #000;}
.contact li div{background:#c1c7ca;}
.contact li textarea{height:200px; width:96%; margin:0 0 0 5px; padding:0;}
.contact li.textArea{height:220px;}
.contact li.contactUpperCorners{height:12px; padding:3px 0 0; background:url(../images/contactUpperCorners.jpg) no-repeat 0 0;}
.contact li.contactLowerCorners{height:18px; background:url(../images/contactLowerCorners.jpg) no-repeat 0 0;}
button
{
    height:19px;
    width:56px;
    margin:0;
    padding:0;
    border-width:0;
    background:url(../images/submitContactButton.jpg) no-repeat 0 0;
    cursor:pointer;
}
/* --------- Create Account Section --------- */
.createAccountContainer{margin: 10px; padding:0; position:relative;}
.createAccountContainer2{margin: 10px 0; padding:0 12px; position:relative; background:#569cf1; text-transform:uppercase; font-size:11px; letter-spacing:-1px;}
.createAccountHeader
{
    line-height:9px;
    margin:0;
    padding:2px 5px;
    background:url(../images/createAccountHeaderBG.jpg) repeat-x 0 0;
    color:#fff;
}
.createAccountBody, .createAccountBody ul, .createAccountBody ul li{margin:0; padding:0;}
.createAccountBody ul li{height:42px; padding:5px; background:#d6d6d6;}
.createAccountBody ul li{color:#3f31fa; margin:0 0 -5px;}
.createAccountList{margin: 10px 0 0 9px; padding:0 0 10px;}
.createAccountList li{height:21px;margin:0 0 -3px; padding:3px 5px; background:#d6d6d6;}
/* --------- Lightbox Section --------- */
.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 1px;
	border: 1px solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:9001;
	overflow: auto;	
}

#overlay{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

#loginbox {
	height: 115px;
	width: 184px;
	font-size: .7em;
}
#loginbox form {
	margin: 0px;
	float: left;
	width: 184px;
	height: 115px;
	background-image: url(../images/loginbox-bg.gif);
	background-repeat: no-repeat;
	padding: 0px;
}
#loginbox #usercol {
	width: 120px;
	padding-left: 14px;
	padding-top: 3px;
}
#loginbox #usercol #l_username {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	width: 140px;
}

#loginbox #usercol label {
	height: 10px;
	width: 103px;
	margin-bottom: 7px;
	font-size: 1.5em;
}

#loginbox #passcol {
	width: 120px;
	padding-left: 14px;
	padding-top: 3px;
}
#loginbox #passcol #l_password {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	width: 140px;
}
#loginbox #passcol label {
	height: 10px;
	width: 83px;
	margin-bottom: 7px;
	font-size: 1.5em;
}

#loginbox #btncol {
	float: right;
	width: 76px;
	padding-top: 10px;
}

.newsletter
{
	padding-left:6px;
    width:177px;
    position:relative;
    background:#243e95;
    color:#fff;
}

.newsletter a, .newsletter a:visited{color:#fff; text-decoration: underline;}

.newsletter form
{
    width:175px;
    margin:3px -6px 0;
    padding-left:6px;
    border:solid 1px #000;
    background:#0f698b;
    position:relative;
}