html, body, blockquote, div, form, img, input, h1, h2, h3, h4, h5, h6, p, ol, ul, table, tr, th, td {font-family: arial, verdana, sans-serif; padding: 0; margin: 0;}

body {color: #676767; background:#5e6a71 url(/autostore/images/pattern_bkgd.gif); text-align: center;}

img {border: none;}


a {text-decoration: none; font-size: 11px; color: #01758c; font-weight: bold;}
a:hover {color: #cf8d05; cursor: pointer;}
p {font-size: 11px; line-height: 22px; padding-bottom: 10px;}
td {font-size: 11px;}
ol, ul {font-size: 11px; padding-bottom: 10px; margin-left: 15px;}
h1 {font-size: 17px; padding-bottom: 10px; line-height: 26px;}
h2 {font-size: 15px; padding-bottom: 10px; line-height: 24px;}
h3 {font-size: 13px; color: #a71930; padding-left: 12px; padding-bottom: 0px; line-height: 22px; }
h4 {font-size: 11px; padding-bottom: 10px; line-height: 20px;}
.rightPad {padding-right: 30px;}
.leftPad {padding-left: 30px;}


.noListStyle {list-style: none; padding: 0; margin: 0;}
.noListStyle li {padding: 0; margin: 0;}

.hide {display: none;}
.show {display: block;}
.noShow {position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden;}
.clearAll {clear: both;}	

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

/* layout */

.pageContainer { position: relative; width: 900px; text-align: left; margin: 0 auto; background: transparent;}

#header {position: relative; height: 116px !important; width: 900px; margin: 0; padding: 0; background: #a71930 url(/autostore/images/header_bkgd.gif) no-repeat;}

.topNav {position: relative; width: 900px; height: 28px; margin: 0; padding: 0; background-color: #000; color: #fff;}

#logo { position: absolute; width: 200px; height: 60px; left: 35px; top: 25px;}
#siteTitle { position: absolute; width: 368px; height: 22px; left: 140px; top: 94px;}
#insetImg { position: absolute; width: 282px; height: 116px; left: 515px; top: 0;}

.contentContainer { position: relative; width: 900px; margin: 0; padding: 0; background-color: #fff; color: #676767;}
.leftCol {position: relative; float: left; margin: 30px 0; padding: 0; width: 170px; border-right: 1px solid #ccc;}
.mainBody {position: relative; float: left; width: 685px; margin: 30px 0px 30px -1px; padding: 0 0 0 20px; border-left: 1px solid #ccc;}

#breadCrumbs p, #breadCrumbs p a {font-size: 17px; color: #676767; font-weight: bold; margin-bottom: 20px;}
#breadCrumbs p a:hover {color: #cf8d05;}

/* ------for products.jsp page -----------------------------------------*/
.prodDisplay {position: relative; width:685px; margin: 0; padding: 0;}
.prodItem {position: relative; float: left; height: 265px; width: 120px; margin: 15px 15px; padding: 0; text-align: center;}
.prodItem, .prodItem p {line-height: 15px; font-size: 11px; font-weight: bold;}
.price {font-size: 13px;}
.prodItem p a:link, .prodItem p a:active, .prodItem p a:visited {font-size: 11px; color: #01758c; font-weight: bold; z-index: 500;}
.prodItem p a:hover {color: #cf8d05;}
.prodItem .imgDiv {width: 77px; height: 95px; text-align: center; padding: 7px; margin: 0 auto;}
.imgBorder {position: absolute; top: 0; left: 0; width: 77px; height: 95px; padding: 7px; margin: -5px 15px 0 15px; text-align: center; background: url(/autostore/images/thumbnail_frame_off.gif) no-repeat; z-index: 500;}
a:hover .imgBorder {background: url(/autostore/images/thumbnail_frame_on.gif) no-repeat;}
.prodItem input {margin-top: 3px;}
/*-----------*/


/* ------for product_detail.jsp page (some defs also used on cart_detail.jsp ) -----------------------------------------*/
.prodTitleBar {position: relative; width: 644px; margin: 0 17px; padding: 0; font-size: 14px; color: #a71930; font-weight: bold;}
.one {float: left; width: 340px;}
.two, .three {float: left; width: 152px; text-align: right;}

.prodFrameTop, .prodFramBttm {position: relative; width: 678; height: 16px; margin: 0; padding: 0;}
.prodFrameTop {margin-top: 5px;}
.prodDetail {position: relative; width: 636px; border-left: 1px solid #999; border-right: 1px solid #999; margin: 0; padding: 0 20px 10px 20px;}
.prodDetailImg {position: relative; float: left; width: 285px; margin: 0 20px 0 0; padding: 0;}
.prodDetailImg #thumbDiv {margin-top: 10px;}
.prodDetailImg #thumbDiv img {border: 1px solid #999; margin-left:-4px; padding: 0 2px;}
.prodDetailImg #thumbDiv img.picture1 {margin-left: 0;}
.prodDetailText {position: relative; float: left; width: 400px; margin: 0; padding: 0;} 
/*-----------*/
/* ------ for checkoutBillingInfo ----------------------------------------------*/
#billingInfo .prodFrameTop {margin-top: 3px;}
#billingInfo .prodFrameBttm {margin-bottom: 20px;}
#billingInfo .prodDetail {padding-bottom: 0;}
#billingInfo h3 {padding-bottom: 0; padding-left: 17px;}


/* ------ for login.jsp page & validate_user ----------------------------------------------*/
.loginSection {position: relative; float: left; width: 324px; padding: 0; margin: 0 20px 20px 0;}
.loginSection h3 {margin: 10px 0 0 16px;}
.loginFrameTop, .loginFrameBttm {position: relative; width: 324px; height: 16px; margin: 0; padding: 0;}
.loginSectionContent {position: relative; width: 302px; margin: 0; padding: 0 10px 10px 10px; border-left: 1px solid #999; border-right: 1px solid #999;}

.loginSectionContent td {font-size: 11px;}
.loginSectionContent p, .loginSectionContent h4 {line-height: 16px;}
p.guestCkOut a {font-size: 15px; margin: 0; padding: 0;}
p.guestCkOut {padding: 15px 0 10px 15px;}

/*-----------*/

/* ------ for cart_detail.jsp page ----------------------------------------------*/
.prodDetail table {width: 636px;}
/*-----------*/

#tabImage { position: absolute; left: 620px; top: 10px; width: 270px; height: 20px; text-align: right; font-size: 10px; font-family: arial, sans-serif; font-weight: bold; padding-right: 0px; margin: 0;}
#tabImage a, #tabImage a:visited, #tabImage a:link { color: #cf8d05; font-size: 11px; padding: 0 8px; border-left: 1px solid #cf8d05;}
#tabImage a:hover, #tabImage a:active { text-decoration:underline;}
#tabImage a.first {border: none;}

#navContainer {position: absolute; left: 520px; height: 28px; z-index: 100; margin: 0; padding: 0;}
#navContainer li {float: left; list-style: none; font-size: 11px; text-transform: uppercase; arial, sans-serif; padding: 7px 2px 3px 2px; margin: 0; position: relative;}
#navContainer li a, #navContainer li a:hover { display: inline; position: relative; width: 174px; color: #fff; padding: 7px 10px; font-size: 11px; font-family: arial, sans-serif;font-weight: normal;}
#navContainer li a:hover {background-color: #676767;}

.searchForm {position: absolute; left: 700px; width: 200px; }
.searchForm input {font-size: 10px; line-height: 13px; padding: 1px; margin: 0;}
.searchForm input.submitbtn {background: transparent; border: none; color: #efab1f; font-size: 11px; margin-top: 2px; padding-top: 4px; *padding-top: 5px; text-transform: uppercase;}
.searchForm input.submitbtn:hover {color: #fff;}
input#button { margin: 3px auto; padding: 0; color: #fff; border: #333 solid 2px; background-color: #01758c; font-family:Arial, Helvetica, sans-serif; cursor: pointer; font-size:12px; font-weight: bold; vertical-align: top;}
input#button:hover, input#button:active, input#button.sfhover { color: #000000; background-color: #efab1f; border: #333 solid 2px;}


.imgBox {position: relative; float: left; width: 215px; height: 260px; margin-top: 15px; padding-right: 13px; text-align: center; font-weight: bold; color: #01758c;}
.imgBox a {font-size: 17px;}

form th { vertical-align: top; text-align: right; font-size: 12px; padding-right: 10px;}

#column1 a, #column1 a:visited, #column1 a:link {font-size:11px; color: #676767; font-weight: bold; text-decoration: none;}
#column1 a:hover, #column1 a:active { color: #cf8d05;}
#column1 .TreeviewSpanArea a.topLink {font-size:14px; color: #01758c; line-height: 30px;}
#column1 .TreeviewSpanArea a.topLink:hover {color: #cf8d05;}

#column2 {float:left; margin: 10px 5px; min-height:200px; color: #01758c; font-family: arial, verdana, sans-serif; font-weight: bold; font-size: 10px;}
#column2 ul { font-size: 11px; margin: 10px 0px; padding-left: 0px;}
#column2 .menu { border-top: 1px solid #01758c; padding: 0px;}
#column2 .content { border-top: 2px solid #01758c; padding: 0px;}
#column2 li { list-style: square; margin-left: 20px; margin-bottom: 0px;}
#column2 a, #column2 a:visited, #column2 a:link {font-size:11px; color:#01758c; text-decoration: none;}
#column2 a:hover, #column2 a:active { font-size:11px; color: #cf8d05;}


.rightModule {float: right; width: 200px; background-color: #98A175; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; padding: 0 5px 5px 5px;}

/* -- footer CSS: See footer.css file -------------- */

.landing  p {min-height: 40px; _height: 40px;}

.categoryTab { font-size: 12px; font-family: arial, sans-serif; float: left; clear: right; padding: 5px 10px; width: 120px; background: #C7761F; text-align: left; border-right-color: #fff; border-right-style: solid; border-right: 1px}

.sub_header { font-family: arial, verdana, sans-serif; font-size:12px; line-height:15px; font-weight: bold;}

.quantity { font-family: arial, sans-serif; font-size:10px; color:#000000; vertical-align: top;}