@import url("base.css");

html {

}

img {
border: 0;
}

body {
background: #5d8db7 url(/img/bg_body.gif) repeat-x top; padding: 0 0 75px 0; font: 14px Arial,Helvetica,sans-serif;
}

a:link {
color: #53A0DF;
}
a:hover {
color: #3794DF; text-decoration:underline;
}

#productGrid .details .buttons .addtocart a {
text-decoration: none;
}

#productGrid .details .buttons .moreinfo a {
text-decoration: none;
}



h1 {
color:#094E9F;font-family:Georgia,"Times New Roman",Times,serif;font-size:32px;font-weight:500; clear: both; margin: 0 0 10px 0; 
}

h2 {
font-family:Georgia,"Times New Roman",Times,serif;font-size:30px;font-weight:normal; color:#1764BF;
}

h3 {
color:#0569ff;font-family:Georgia,"Times New Roman",Times,serif;font-size:22px;font-weight:normal;
}

h4{color:#006600;font-size:18px;font-weight:500;font-family:Georgia,"Times New Roman",Times,serif;}
h5{color:#006600;font-family:Georgia,"Times New Roman",Times,serif;font-size:16px;font-weight:normal;}
h6{font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;font-weight:normal;}


h3.header {
color: #ffffff; background: #878787; padding: 5px; font-weight: bold; margin: 8px 0 8px 0; font-family:Georgia, "Times New Roman", Times, serif;
}

#wrapper {
background: #ffffff; width: 976px; padding: 2px; margin: 25px auto;
}

#bodywrapper {
border: 2px solid #31699a; width: 972px;
}

#body {
border: 8px solid #afbdc6; border-top: 0; border-bottom: 0; padding: 14px 0 0 0; overflow: hidden; background: url(/img/bg_c_top.gif) no-repeat top;
}

#phone {
position: absolute; top: 115px; left: 15px;
}

ul#navigation {
margin: 0 0 0 5px; padding: 0; background: url(/img/bg_header.jpg) no-repeat; padding: 100px 0 65px 275px; display: block; list-style: none;
}

ul#navigation li {
float: left; background: url(/img/bg_nav_space.gif) no-repeat right; padding-right: 2px;
}

ul#navigation li:last-child,  ul#navigation li.last{
background: none; padding: 0;
}


ul#navigation li a#link_home {
background: url(/img/btn_home.gif) no-repeat right; width: 76px; height: 44px; display: block; text-indent: -999999px;
}

ul#navigation li a#link_home:hover {
background: url(/img/btn_home_on.gif) no-repeat right;
}

ul#navigation li a#link_products {
background: url(/img/btn_products.gif) no-repeat; width: 73px; height: 44px; display: block; text-indent: -999999px;
}

ul#navigation li a#link_products:hover {
background: url(/img/btn_products_on.gif) no-repeat;
}

ul#navigation li a#link_repairs {
background: url(/img/btn_repairs.gif) no-repeat; width: 125px; height: 44px; display: block; text-indent: -999999px;
}

ul#navigation li a#link_repairs:hover {
background: url(/img/btn_repairs_on.gif) no-repeat;
}

ul#navigation li a#link_contact {
background: url(/img/btn_contact.gif) no-repeat; width: 68px; height: 44px; display: block; text-indent: -999999px;
}

ul#navigation li a#link_contact:hover {
background: url(/img/btn_contact_on.gif) no-repeat;
}


ul#navigation li a#link_cart {
background: url(/img/btn_cart.gif) no-repeat; width: 50px; height: 44px; display: block; text-indent: -999999px;
}

ul#navigation li a#link_cart:hover {
background: url(/img/btn_cart_on.gif) no-repeat;
}

ul#navigation li a#link_company {
background: url(/img/btn_aboutus.gif) no-repeat; width: 72px; height: 44px; display: block; text-indent: -999999px;
}

ul#navigation li a#link_company:hover {
background: url(/img/btn_aboutus_on.gif) no-repeat;
}

ul#navigation li a#link_login {
background: url(/img/btn_login.gif) no-repeat; width: 68px; height: 44px; display: block; text-indent: -999999px;
}

ul#navigation li a#link_login:hover {
background: url(/img/btn_login_on.gif) no-repeat;
}

ul#navigation li a#link_mailers {
background: url(/img/btn_freemailers.gif) no-repeat; width: 65px; height: 44px; display: block; text-indent: -999999px;
}

ul#navigation li a#link_mailers:hover {
background: url(/img/btn_freemailers_on.gif) no-repeat;
}

#main {
float: left; width: 700px; left: 50px; overflow: hidden; margin: 0 0 25px 0;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}

#content_background{}
.content .box{width:663px;}
.content .box .innerbox{}
.content .box .innerbox p{margin:0;margin-bottom:10px;}


#form_info input[type="text"],#form_info input[type="password"],textarea{padding:5px 4px;width:250px;font-size:12px;/*background-color:#f6f6f6;*/color:#333;margin:0;border:1px solid #ccc;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;_border:1px solid #ccc !important;_padding:none;}
#form_info input[type="text"]:focus,textarea:focus{border:1px solid #ababab;outline:none;}
#form_info input[type="radio"],input[type="checkbox"]{background:transparent !important;border:0 !important;width:16px !important;}
#form_info input[type="submit"],input[type="file"],input[type="image"]{font-size:12px;}
#form_info textarea{width:540px;}
#form_info input[type="image"]{font-size:12px;border:0;padding:0;}
#form_info select{font-size:12px;padding:4px 2px;color:#333;}
#form_info label{font-size:11px;margin-bottom:2px;font-weight:bold;}

#form_info fieldset{border:0;border-top:5px solid #CCDCED;padding:15px;margin:0;}
#form_info fieldset p{line-height:1em;}
#form_info fieldset legend{color:#0569ff;font-size:16px;font-weight:bold;padding:0 5px;}
#form_info fieldset.bottom{border:5px solid #86C986;background-color:#E0F8D1;}
#form_info fieldset.bottom p{font-size:12px;line-height:14px;}
#form_info fieldset.bottom legend{color:green;}
#form_info fieldset.error{border-top:5px solid red;}

#form_info  label{font-size:14px;margin-bottom:2px;font-weight:bold; font-family:Arial, Helvetica, sans-serif}
#form_info  hr {color:#86C986;background-color:#86C986;height:1px;border:none;}

#sidenav {
float: left; width: 185px; left: 10px; z-index: 100; overflow: hidden;
}

#sidenav * {
margin: 0; padding: 0;
}

#sidenav .box {
background: url(/img/c_top.gif) no-repeat top; margin: 0 0 2px 0;
}

#sidenav .box h2 {
border-bottom: 3px solid #ececec; margin: 0 9px 7px 0; padding: 12px 0 9px 12px; font: 12px Tahoma; font-weight: bold;
}

#sidenav .box ul {
background: #718a9e; margin: 0 9px 0 9px; list-style: none; line-height: 100%; padding: 0;
}

#sidenav .box ul li {
margin: 0; padding: 0;
}

#sidenav .box ul li a {
display: block; border-bottom: 1px solid #eeeeee; padding: 3px 3px 4px 4px; color: #eeeeee; font: 12px Tahoma, Arial, sans-serif; text-decoration: none; margin: 0; height: 1%;
}

#sidenav .box ul li a:hover {
color: #ffffff; background: #2c4559;
}

#sidenav .box ul li.img {
text-align: center; padding: 22px 0 10px 0;
}

#sidenav .box .end {
background: url(/img/c_bot.gif) no-repeat bottom; height: 10px;
}

#sidenav .box .container {
text-align: center; padding: 10px 0 0 0;
}

#sidenav form {
margin: 0 9px 0 9px;
}

#sidenav form input, #sidenav form select {
font: 11px Tahoma; color: #000000; padding: 3px 3px 3px 3px; vertical-align: 0;
}

#sidenav form select {
padding: 1px 0 1px 3px; width: 160px; font-size: 12px;
}

#sidenav form input.go {
text-indent: -999999px; background: url(/img/btn_go.gif) no-repeat; width: 39px; height: 26px; border: 0; position: relative; vertical-align: 0; cursor: pointer;
}

#sidenav table {
border-collapse: collapse; margin: 0 9px 0 9px; font: 11px Tahoma;
}

#sidenav table td {
padding: 0 4px 4px 0;
}

#sidenav table a {
color: #000000;
}

#footer {
clear: both; overflow: hidden; text-align: center; margin: 50px 0 0 0; font: 11px Verdana; background: url(/img/bg_c_bot.gif) no-repeat bottom; padding: 0 5px 25px 5px;
}

table#seals {
margin: 0; padding: 0; border-collapse: collapse;
}

table#seals td {
padding: 8px;
}

ul#footerlogos {
margin: 12px auto 12px auto; padding: 0; clear: both; display: block; width: 100%;
}

ul#footerlogos li {
display: inline; list-style: none; margin: 0 5px 0 0; padding: 2px 5px 2px 0; font-size: 11px;
}

ul#footernav {
margin: 12px auto 12px auto; padding: 0; clear: both; display: block; width: 100%;
}

ul#footernav a {
color: #000000; text-decoration: underline;
}

ul#footernav li {
display: inline; list-style: none; margin: 0 0 0 5px; padding: 2px 0 2px 5px; border-left: 1px solid; font-size: 11px;
}

ul#footernav li:first-child {
margin: 0; padding: 0; border: 0;
}

#productgrid table {
border: 1px solid #d9d9d9; border-collapse: collapse; width: 100%; margin: 8px 0 15px 0;
}

#productgrid table td {
border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; width: 150px; padding: 10px; text-align: center;
}

#productgrid table td h4 a {
color: #00458b; font-size: 14px; text-decoration: underline; font-weight: bold; line-height: 16px;
}

#productgrid h2 {color:#0569ff;font-family:Georgia,"Times New Roman",Times,serif;font-size:22px;font-weight:normal;}
#productDetail h2 {color:#094E9F;font-family:Georgia,"Times New Roman",Times,serif;font-size:22px;font-weight:normal;}

#productgrid table td h5 {
font: 13px Verdana; font-weight: bold; margin: 12px 0 12px 0;
}

#productgrid a.details {
width: 85px; height: 34px; display: block; background: url(/img/btn_moreinfo.gif) no-repeat; text-indent: -999999px; position: relative; margin: auto; clear: both;
}

#productgrid a.details:hover {
background: url(/img/btn_moreinfo_on.gif) no-repeat;
}

#productgrid a.addtocart {
width: 97px; height: 34px; display: block; background: url(/img/btn_addtocart.gif) no-repeat; text-indent: -999999px; position: relative; margin: auto; clear: both;
}

#productgrid a.addtocart:hover {
background: url(/img/btn_addtocart_on.gif) no-repeat;
}

#productgrid ul li {
float: left; border-left: 1px solid #d9d9d9; list-style: none; width: 32%; overflow: hidden; height: 200px;
}


#productGrid .details {

font-size: 10px;

font-weight: normal;

float: none;

clear: none;

text-align: center;

color: #464646;
}



#repairpromo {
border: 1px solid #b4bebf; background: #f5f5f5 url(/img/bg_repair.jpg) no-repeat right top; overflow: hidden; padding: 15px 105px 10px 15px; margin: 8px 0 15px 0; width: 400px;
}

#repairpromo ul {
padding: 0; margin: 0; 
}

#repairpromo ul li {
list-style: none; float: left; margin: 0 25px 0 0;
}


.subA {
float: left; width: 250px; margin: 15px 0 15px 0;
}

.subB {
float: left; left: 25px; width: 400px; margin: 15px 0 15px 0;
}

.subC {
float: left; width: 425px; margin: 15px 0 15px 0;
}

.subD {
float: left; left: 25px; width: 250px; margin: 15px 0 15px 0;
}

.f50 {
float: left; width: 48%;
}

form table {

}

form table td {
padding: 2px 5px 2px 5px;
}

form table td input[type="submit"] {
width: 99px; height: 34px; background: url(/img/btn_submitform.gif) no-repeat; text-indent: -999999px; border: 0; float: right; cursor: pointer;
}

form table td input[type="submit"]:hover {
background: url(/img/btn_submitform_on.gif) no-repeat;
}

input.securelogin {
width: 99px; height: 34px; background: url(/img/btn_securelogin.gif) no-repeat; text-indent: -999999px; border: 0; float: right; cursor: pointer;
}

input.securelogin:hover {
background: url(/img/btn_securelogin_on.gif) no-repeat;
}

input.newaccount {
width: 149px; height: 34px; background: url(/img/btn_createnewaccount.gif) no-repeat; text-indent: -999999px; border: 0; cursor: pointer;
}

input.newaccount:hover {
background: url(/img/btn_createnewaccount_on.gif) no-repeat;
}


form input, form select {
font: 12px Arial,Helvetica,sans-serif;
}

p.hr {
margin: 4px 0 4px 0; padding: 0; background: #d9d9d9; height: 1px;
}

ul.testimonial {
margin: 0; padding: 0; border: 1px solid #eaeaea; padding: 1px;
}

ul.testimonial li {
list-style: none; margin: 0 12px 15px 12px; font-size:12px;
}

ul.testimonial li:first-child {
margin: 0 0 12px 0;
}

ul.testimonial li p {
margin: 0 0 3px 0;font-size:12px;
}

ul.testimonial li h4 {
background: #7493c1; color: #ffffff; text-align: center; font-weight: bold; padding: 2px 8px 2px 8px; font-size:14px;
}

ol {
list-style: none;
}

ol p {
margin: 0 0 15px 15px;
}

ul.repairlist {margin:0; padding:0;

}

ul.repairlist li {
list-style: none; margin: 10px 0 20px 0; text-align: center; border-bottom: 4px solid #CCDCED; padding-bottom:10px;
}

ul.repairlist li img {
margin: 0 0 15px 0; display: block; margin: 0 auto 15px auto; text-align: center;
}

ul.repairlist li h2 {
font: 16px Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #336699;margin: 0 0 12px 0; text-align: left; text-decoration:none;
}

ul.repairlist li em {
font-weight: bold; text-align: left; display: block;
}

ul.repairlist li p {
margin: 3px 0 12px 0; text-align: left;
}

ul.repairlist table {
background: #f2f2f2; width: 100%;
}

ul.repairlist table tr td {
padding: 2px; text-align: left;
}

ul.repairlist table tr td.value {
text-align: right;
font-weight:bold;
color:#35678F;
}

.repairs {
text-align: center;
}

.repairs img {
width: 184px; height: 200px; border: 1px solid; margin: 0 50px 0 0;
}

.repairs a img {
width: auto; height: auto; border: 0; margin: 0 100px 0 0;
}

#gatewaybuttons {
float: right; margin: 15px 0 0 0;
}

#gatewaybuttons form {
display: inline;
}

#cartAmounts {
float: right;
}

#cartItems {
width: 100%; 
}

#cartItems {
margin: 0 0 15px 0;
}


#cartItems th {
background: #878787; color: #ffffff; padding: 2px 5px 2px 5px;
}

#cartItems td {
border-bottom: 1px solid #e2e3e2; padding: 10px 0 10px 0;
}

ul.products {
margin: 0; padding: 0; overflow: hidden; width: auto;
}

ul.products li {
float: left; width: 160px; height: 250px; list-style: none; border: 1px solid #e2e3e2; text-align: center; margin: 0 10px 10px 0; font-weight: bold; font-size: 14px;
}

#extraDetails {
float: right; width: 200px;
}

#rewardbalance tr th {
background: #cccccc; color: #ffffff; font-weight: bold; font-size: 11px; border-right: 1px solid #ffffff; padding: 2px; text-align: center;
}

#rewardbalance tr td {
padding: 4px; border-bottom: 1px solid #cccccc;
}