@charset "utf-8";
/* CSS Document */
html, body{
background:url(../images/monster-bg.jpg) no-repeat center top #171717;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#e5e5e5;
padding:0;
margin:0;
}
#wrap{
width:931px;
margin:0 auto;
position:relative;
}
#header{
height:543px;
position:relative;
}
#header img{
position:absolute;
top:105px;
left:0;
}
#navigation{
width:236px;
height:174px;
margin-top:211px;
}
#navigation ul{
position:relative;
}
#navigation li{
list-style:none;
position:absolute;
}
#navigation li a{
width:236px;
left:0;
display:block;
}
.navigation-home{
top:0;
}
.navigation-home a{
background:url(../images/nav.jpg) 0 0;
height:29px;
display:block;
top:0;
}
.navigation-home a:hover{
background:url(../images/nav.jpg) -236px -0;
}
.navigation-products{
top:29px;
}
.navigation-products a{
background:url(../images/nav.jpg) 0 -29px;
height:29px;
display:block;
}
.navigation-products a:hover{
background:url(../images/nav.jpg) -236px -29px;
}
.navigation-advertising{
top:58px;
}
.navigation-advertising a{
background:url(../images/nav.jpg) 0 -58px;
height:29px;
display:block;
}
.navigation-advertising a:hover{
background:url(../images/nav.jpg) -236px -58px;
}
.navigation-special{
top:87px;
}
.navigation-special a{
background:url(../images/nav.jpg) 0 -87px;
height:29px;
display:block;
}
.navigation-special a:hover{
background:url(../images/nav.jpg) -236px -87px;
}
.navigation-posting{
top:116px;
}
.navigation-posting a{
background:url(../images/nav.jpg) 0 -116px;
height:29px;
display:block;
}
.navigation-posting a:hover{
background:url(../images/nav.jpg) -236px -116px;
}
.navigation-about{
top:145px;
}
.navigation-about a{
background:url(../images/nav.jpg) 0 -145px;
height:29px;
display:block;
}
.navigation-about a:hover{
background:url(../images/nav.jpg) -236px -145px;
}
.navigation-contact{
top:174px;
}
.navigation-contact a{
background:url(../images/nav.jpg) 0 -174px;
height:29px;
display:block;
}
.navigation-contact a:hover{
background:url(../images/nav.jpg) -236px -174px;
}
#flash{
width:621px;
height:543px;
}
#inner-wrap{
background:url(../images/upper-curve.jpg) no-repeat center top;
width:931px;
position:relative;
}
#content{
background:url(../images/middle-curve.gif);
width:100%;
padding-top:28px;
float:left;
}
.content{
width:890px;
padding:0 20px;
float:left;
}
.content .large-font{
font-size:26px;
margin-bottom:10px;
display:block;
}
.content .medium-font{
font-size:16px;
}
.content .medium-red-font{
color:#d60b00;
}
.content .small-blue-font{
color:#0084bc;
}
.content h3.h-heading{
color:#e3e3e3;
font-size:20px;
}
.content h4.h-heading{
color:#e3e3e3;
font-size:22px;
margin-top:20px;
}
.content a{
color:#d60b00;
text-decoration:none;
}
.content a:hover{
text-decoration:underline;
}
.content a.link-addservices{
color:#d60b00;
}
#lower-curve{
background:url(../images/lower-curve.jpg);
height:18px;
}
#footer{
margin:20px 0 70px;
padding-top:1px;
width:950px;
}
#footer .copyright {
color:#FFF;
text-align:center;
font-size:11px;
margin-top:20px;
display:block;
}
#footer .copyright a{
color:#70a1a5;
text-decoration:none;
}
#footer .copyright a:hover{
text-decoration:underline;
}
#lower-navigation{
background:url(../images/lower-nav.jpg);
height:18px;
margin-bottom:20px;
margin-top:10px;
}
#lower-navigation ul{
position:relative;
}
#lower-navigation li{
list-style:none;
position:absolute;
}
#lower-navigation li a{
height:18px;
top:0;
display:block;
}
.lower-navigation-home{
width:52px;
left:21px;
}
.lower-navigation-home a:hover{
background:url(../images/lower-nav.jpg) -21px -18px;
}
.lower-navigation-products{
width:67px;
left:82px;
}
.lower-navigation-products a:hover{
background:url(../images/lower-nav.jpg) -82px -18px;
}
.lower-navigation-advertising{
width:143px;
left:164px;
}
.lower-navigation-advertising a:hover{
background:url(../images/lower-nav.jpg) -164px -18px;
}
.lower-navigation-about{
width:67px;
left:322px;
}
.lower-navigation-about a:hover{
background:url(../images/lower-nav.jpg) -322px -18px;
}
.lower-navigation-posting{
width:154px;
left:404px;
}
.lower-navigation-posting a:hover{
background:url(../images/lower-nav.jpg) -404px -18px;
}
.lower-navigation-contact{
width:80px;
left:573px;
}
.lower-navigation-contact a:hover{
background:url(../images/lower-nav.jpg) -573px -18px;
}
.lower-navigation-terms{
width:141px;
left:668px;
}
.lower-navigation-terms a:hover{
background:url(../images/lower-nav.jpg) -668px -18px;
}
.lower-navigation-privacy{
width:100px;
left:824px;
}
.lower-navigation-privacy a:hover{
background:url(../images/lower-nav.jpg) -824px -18px;
}
/* Home Page */
#visa{
background:url(../images/creadit-card.jpg) no-repeat right top;
width:900px;
}
.visa-bigfont{
font-size:19px;
font-weight:bold;
}
.visa-mediumfont{
font-size:15px;
font-weight:bold;
}
#h-products {
background:url(../images/products.jpg);
width:909px;
height:231px;
padding:10px;
margin-top:20px;
position:relative;
}
#h-products div{
text-align:center;
font-size:15px;
font-weight:bold;
position:absolute;
}
#h-products div a{
color:#FFF;
text-decoration:none;
}
#h-products .h-products-thumb1{
width:156px;
height:120px;
top:36px;
left:33px;
}
#h-products .h-products-thumb1 a{
width:156px;
padding-top:120px;
display:block;
}
#h-products .h-products-thumb1 a:hover, #h-products .h-products-thumb2 a:hover, #h-products .h-products-thumb3 a:hover, #h-products .h-products-thumb4 a:hover, #h-products .h-products-thumb5 a:hover{
color:#CCC;
}
#h-products .h-products-thumb2{
width:170px;
height:140px;
top:48px;
left:184px;
}
#h-products .h-products-thumb2 a{
width:170px;
padding-top:140px;
display:block;
}
#h-products .h-products-thumb3{
width:200px;
height:160px;
top:44px;
left:376px;
}
#h-products .h-products-thumb3 a{
width:200px;
padding-top:160px;
display:block;
}
#h-products .h-products-thumb4{
width:107px;
height:150px;
top:35px;
left:600px;
}
#h-products .h-products-thumb4 a{
width:107px;
padding-top:150px;
display:block;
}
#h-products .h-products-thumb5{
width:146px;
height:125px;
top:34px;
left:731px;
}
#h-products .h-products-thumb5 a{
width:146px;
padding-top:125px;
display:block;
}
#h-products h3{
font-size:20px;
}
#advertising, #whereto{
background:url(../images/h-element1.jpg) no-repeat left top;
text-align:justify;
margin-left:30px;
margin-top:10px;
padding-left:120px;
}
#advertising{
background:url(../images/h-element1.jpg) no-repeat left top;
}
#whereto{
background:url(../images/h-element2.jpg) no-repeat left top;
}
/* Products */
.product-submenu a{
font-size:11px;
color:#FFF;
text-decoration:none;
font-weight:bold;
}
.product-submenu a:hover{
color:#d60b00;
}
.procuct-sidebar{
background:url(../images/full-produc-bg.jpg) no-repeat center top;
width:330px;
margin-top:20px;
}
.procuct-sidebar img{
border:2px solid #CCC;
}
.product-desc{
width:500px;
margin-left:20px;
margin-top:20px;
}
.product-desc a{
color:#FFF;
text-decoration:none;
}
.product-desc a:hover{
color:#d60b00;
}
.product-sidebar .red-text{
color:#d60b00;
}
.product-desc .gray-text{
color:#8e8e8e;
}
.product-button{
background:url(../images/product-button.jpg);
width:329px;
height:53px;
text-align:center;
margin:10px 0;
padding-top:5px;
}
ul.products-thumb{
width:778px;
float:left;
margin-top:20px;
}
.products-thumb-b, .products-thumb li{
background:url(../images/product-box.jpg);
width:201px;
height:242px;
line-height:none;
display:inline;
float:left;
margin:0 18px 18px 0;
padding:18px 20px 0;
}
.products-thumb-b a, .products-thumb li a {
font-size:14px;
color:#ab5657;
text-decoration:none;
display:block;
}
.products-thumb-b a:hover, .products-thumb li a:hover {
text-decoration:underline;
}
.products-thumb-b img, .products-thumb li img{
margin:0 auto 6px;
display:block;
border:1px solid #666;
}
.products-thumb-b label, .products-thumb li label{
font-size:17px;
}
.product-note{
background:url(../images/note-bg.jpg);
/*width:510px;*/
/*height:120px;*/
padding:70px 40px;
}
/* Special Offer */
.specialoffer-content, .posting-content, .about-content, .contact-content, .terms-content, .policy-content, .ad-location-content{
margin:30px 0 0 50px;
}
.contact-content{
background:url(../images/contact-bg.jpg) no-repeat right bottom;
}
.contact-content ul{
width:435px;
margin-top:20px;
}
.contact-content li{
list-style:none;
margin:4px 0;
}
.contact-content li label{
width:80px;
float:left;
}
.contact-txtbox, .contact-txtarea{
background:#2a2a2a;
width:250px;
height:22px;
color:#FFF;
border:1px solid #494949;
}
.contact-txtbox{
height:22px;
}
.contact-txtarea{
width:350px;
height:120px;
}
.contact-submit{
background:url(../images/btn-submit.jpg);
width:140px;
height:27px;
border:0;
}
.table-adloc td{
padding:10px;
}
.fb{
top:145px;
left:20px;
}
.twitter{
margin:3px;
top:145px;
left:180px;
}
/************SIGN IN**************/
.error
{
margin: 12px 0px;
width:auto;
font-size:12px;
font-weight:300
}
.info
{
margin: 12px 0px;
width:400px;
font-size:12px;
font-weight:300
}
.error p
{
margin:0px;
margin-left:60px;
}
.info
{
margin:0px;
margin-left:60px;
}
.cl{
clear:both;}
.fl
{
float:left;
}
.fr
{
float:right;
}
#formLogin
{
height:160px;
width:300px;
margin: 0 auto;
padding-bottom:30px;
}
#formLogin ul{
list-style:none;
width:400px;
}
#formLogin ul li span{
display:block;
float:left;
padding-bottom:5px;
height:20px;
}
#formLogin ul li span:nth-child(1n)
{
width:150px;
}
#formLogin ul li span:nth-child(2n)
{
width:200px;
}
#formLogin p
{
margin:0px;
}
#formLogin ul li span #login
{
margin-top:10px;
}
#formLogin ul li:nth-child(4) span
{
margin-top:50px;
}
#formLogin ul li:nth-child(4) span a
{
color:white;
text-decoration:none;
}
.logout
{
position:absolute;
top:50px;
right:10px;
color:white;
}
.cl{
clear:both;}
#customerForm ul
{
margin-top:10px;
list-style:none;
}
#customerForm ul li
{
width:440px;
}
#customerForm ul li span
{
display:block;
float:left;
width:200px;
margin-top:5px;
font-size:15px;
}
#customerForm ul li span input
{
height:20px;
}
#customerForm ul li span:nth-child(1n)
{
text-align:right;
}
#customerForm ul li span:nth-child(2n)
{
margin-left:20px;
text-align:left;
}
#customerForm ul li span select
{
width:155px;
}
#customerForm ul li span input[type=submit]
{
margin-top:20px;
width:80px;
height:50px;
}
.info-header {
size:40px;
text-align:left;
float:left;
}
.account{
margin-left:100px;
margin-top:20px;
}
#links
{
position:absolute;
top:-60px;
background-color:red;
}
#link-login
{
margin-left:10px;
}
#link-register
{
margin-left:90px;
}
#user-menu
{
border-top:2px solid #669999;
border-bottom:2px solid #669999;
width:730px;
height:30px;
margin: 0px auto;
padding-top:10px;
}
#user-menu a:nth-child(2n) img
{
border-left:2px solid #669999;
border-right:2px solid #669999;
}
.smallInput
{
width:190px;
}
.mediumInput
{
width:220px;
}
.largeInput
{
width:250px;
}
.smallInput,.mediumInput,.largeInput
{
-moz-border-radius:2px;
border-radius:2px;
border:1px solid #919191;
}
#ads ul
{
margin-top:10px;
list-style:none;
width:700px;
}
#ads ul li
{
width:700px;
}
#ads ul li span
{
display:block;
float:left;
margin-top:5px;
font-size:15px;
height:30px;
}
#ads ul li span:nth-child(1n)
{
text-align:right;
width:200px;
}
#ads ul li span:nth-child(2n)
{
margin-left:10px;
width:470px;
text-align:left;
}
#current-ads
{
margin:30px;
width:800px;
}
#current-ads ul
{
margin:10px auto;
list-style:none;
width:800px;
}
#current-ads ul li
{
width:auto;
}
#current-ads ul li span
{
display:block;
float:left;
margin-top:5px;
font-size:15px;
}
.ads-pic {width:100px;}
/*.ads-title {width:250px;}*/
.ads-desc{width:200px;}
.ads-addnote{width:200px;}
.ads-date{width:100px;}
.ads-stat{width:100px;}
.ads-options{width:100px;}
#ads-header span
{
border-bottom:1px solid #669999;
height:18px;
}
#ads-content span
{
border-bottom:1px solid #669999;
height:80px;
}
#order-history
{
margin:0 auto;
width:900px;
}
#order-history li
{
border-bottom:1px solid #669999;
height:80px;
list-style:none;
padding:20px;
}
#order-history li:first-child
{
border-bottom:1px solid #669999;
height:10px;
list-style:none;
}
#order-history ul li span
{
display:block;
float:left;
margin-top:5px;
font-size:15px;
padding-right:10px;
}
.oh-pic {width:100px;}
.oh-prod {width:100px;}
.oh-desc{width:200px;}
.oh-price{width:60px;}
.oh-add{width:230px;}
.oh-date{width:100px;}