html {font-size: 16px;}

body {
    font-family: verdana, tahoma, arial, lucida, sans-serif;
    font-size: 0.7em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background: #000000;
    color: #FFFFFF;
}


table {font-size: 1em; color: #FFFFFF;}

form {margin: 0px;}

input, textarea {
    border: 1px solid #000000;
    background: #E5E5E5 url('/images/input-bg.png') left top repeat-x;
    font-family: verdana, tahoma, arial, lucida, sans-serif;
}

a {
    text-decoration: underline;
    color: #FFFFFF;
}

a:hover {text-decoration: none;}

a img {border: 0px;}

ul {text-align: left; color: #FFFFFF;}

ul li a{text-decoration: none;}

ul li a:hover{text-decoration: underline;}

fieldset {border: 0px; clear: left; float: left;}

p {color: #FFFFFF;}

h1 {
    margin: 0px; 
    padding: 0px;
    float: right;
}

h1 a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    width: 153px;
    right: 0px;
    top: 30px;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

h1 span {
    width: 153px;
    height: 105px;
    background: url('/images/logo-valvoline.jpg') left top no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

h2 {
    color: #FFFFFF;
    margin: 0px;
    font-size: 13px;
    text-align: left;
}

h3 {
    color: #FFFFFF;
    font-size: 1.1em;
    margin: 0px;
}

#top {
    width: 951px;
    height: 30px;
    margin: 0px auto 0px auto;
    position: relative;
    background: #022E8D url('/images/top-bg.png') left top repeat-x;
}

#top form {
    float: left;
    padding-top: 3px;
    margin-left: 10px;
    display: inline;
}

#top input {width: 130px;}

#top form input.btn {
    border: 0px;
    vertical-align: top;
    width: auto;
}

#top p {
    float: right;
    margin: 0px;
    padding: 0px;
    line-height: 30px;
    text-align: right;
    width: auto;
}

#top p b {font-size: 1.2em;}

#top p#hCart {
    margin: 0px 10px 0px 40px;
}

#top p#hCart a {
    padding-left: 25px;
    position: relative;
    background: url('/images/ico-hcart.jpg') left top no-repeat;
}

#top p.hUser span {
    padding-right: 20px;
    position: relative;
    background: url('/images/ico-huser.jpg') right top no-repeat;
}

#flash {
    width: 951px;
    height: 105px;
    margin: 0px auto 0px auto;
    background: url('/images/no-flash.jpg') left top no-repeat;
}

#topMenu {
    width: 951px;
    height: 32px;
    padding: 0px;
    margin: 0px auto 0px auto;
    _margin: 0px;
    list-style-type: none;
    background: #022E8D url('/images/topmenu-bg.png') left top repeat-x;
}

#topMenu li {
    float: left;
}

#topMenu li a {
    float: left;
    padding: 0px 10px;
    display: block;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    font-size: 0.9em;
}

#topMenu li a:hover, #topMenu li.active {
    text-decoration: none;
    background: #00589E url('/images/topmenu-o.png') left top repeat-x;
}

#main {
    width: 951px;
    margin: 0px auto;
    background: #0D1836 url('/images/main-bg.png') left top repeat-x;
}

#hLeft {
    width: 680px;
    float: left;
    margin-left: 15px;
    padding-top: 15px;
    text-align: left;
    display: inline;
    position: relative;
}

#hLeft #hText {
    width: 704px;
    height: 143px;
    position: absolute;
    left: -16px;
    top: 0px;
    background: #021F64 url('/images/h-text-bg.png') left top repeat-x;
}

#hLeft #hText img {
    position: absolute;
    top: 0px;
    right: -21px;
}

#hLeft #hText h2 {
    margin-left: 20px;
    font-size: 1.3em;
}

#hLeft #hText p {
    text-align: left;
    margin: 10px 20px;
}

#hLeft .hPr {
    width: 251px;
    height: auto;
    float: left;
    margin: 0px 0px 15px 60px;
    display: inline;
    text-align: left;
}

#hLeft p {line-height: 1.4em;}

#hLeft h2 {
    font-family: arial, tahoma, verdana;
    font-size: 1.3em;
    padding-left: 20px;
    margin-top: 15px;
    background: url('/images/arrow.gif') left 2px no-repeat;
}

#hLeft .hPr h3 {
    color: #FFFFFF;
    font-family: arial, tahoma, verdana;
    font-size: 12px;
    margin: 0px 0px 4px 10px;
    text-align: left;
}

#hLeft .hPr a {
    padding-left: 20px;
    float: left;
    display: block;
    _display: inline;
    width: 200px;
    clear: left;
    margin: 0px 0px 4px 10px;
    background: url('/images/arrow.gif') left top no-repeat;
}

#hLeft .hPr.first {margin-top: 153px;}

#hRight {
    width: 247px;
    height: 752px;
    float: right;
    text-align: left;
    background: url('/images/h-right.jpg') left top no-repeat;
}

#enquiry {
    width: 210px;
    margin: 400px 0px 0px 28px;
    border: 1px solid #103F9E;
    padding: 10px 0px;
}

#enquiry h3 {
    padding-left: 30px;
    margin-bottom: 10px;
    background: url('/images/ico-enquiry.jpg') 4px top no-repeat;
}

#enquiry a {margin-left: 10px; clear: left; display: block; text-decoration: none;}
#enquiry a:hover {text-decoration: underline;}

#enquiry img {
    height: 14px;
    margin: 3px 0px 10px 10px;
}

#left {
    width: 288px;
    float: left;
    background: url('/images/left-bg.png') left top repeat-x;
}

#left ul {
    _height: 700px;
    min-height: 700px;
    list-style-type: none;
    margin: 0px;
    padding: 18px 19px 0px 10px;
    font-family: arial, tahoma, verdana;
    background: url('/images/right-separ.png') right top no-repeat;
}

#left ul li {display: inline;}

#left ul li a {
    padding: 3px 0px 3px 20px;
    display: block;
    font-weight: bold;
    font-size: 1em;
    background: url('/images/arrow.gif') left 4px no-repeat;
}

#left ul li a:hover, #left ul li.active a {color: #FFCC00;}


#left ul li.sub a {
    margin-left: 20px;
    font-weight: normal;
}

#right {
    width: 623px;
    float: right;
    margin: 20px 21px 0px 0px;
    display: inline;
    text-align: left;
}

#right h2 {
    font-family: arial, tahoma, verdana;
    font-size: 1.3em;
    padding-left: 20px;
    background: url('/images/arrow.gif') left 2px no-repeat;
}

#path {margin: 4px 0px 10px 0px;}
#path span {color: #FFCC00;}

#right .list {
    width: 100%;
    height: 27px;
    margin-bottom: 17px;
    background: #FF0000 url('/images/list-bg.png') left top repeat-x;
}

#right .list ul {
    clear: both;
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    font-size: 0.8em;
    font-weight: bold;
    width: 400px;
    float: left;
}

#right .list ul li {
    display: inline;
    color: #FFFFFF;
    line-height: 25px;
}

#right .list ul li a {
    color: #FFFFFF;
    text-decoration: underline;
    margin: 0px 2px 0px 2px;
}
#right .list ul li a:hover {text-decoration: none;}
#right .list ul li a.active {text-decoration: none; color: #FF9999;}

#right .list fieldset {
    float: right; 
    margin: 3px 3px 0px 0px; 
    padding: 0px; 
    clear: none;
}

#right .list fieldset select {font-size: 12px; margin-left: 8px;}
#right .list fieldset label {vertical-align: top; position: relative; top: 4px; color: #FFFFFF; font-weight: bold;}

.pr {
    width: 305px;
    height: 129px;
    border: 1px solid #103F9E;
    float: left;
    margin: 0px 7px 7px 0px;
    position: relative;
}

.pr img {
    border: 2px solid #103F9E;
    margin: 4px 6px 4px 4px;
    float: left;
}

.pr h3 {font-size: 1em; margin: 4px 0px 4px 0px;}
.pr h3 a {color: #FFCC00;}

.pr p {font-size: 0.9em; margin: 0px;}
.pr p.price {font-size: 1.1em; position: absolute; bottom: 10px; right: 0px; width: 174px; }
.pr p.price img {position: absolute; bottom: -6px; right: 4px; border: 0px; margin: 0px;}
.pr p.price span {font-weight: bold; font-size: 0.9em;}

#detailP {
    width: 600px;
    _width: 614px;
    padding: 7px;
    border: 1px solid #0F3D9B;
}

#detailP #imgs {
    float: left;
    width: 240px;
    height: auto;
    text-align: left;
}

#detailR {
   float: left;
   width: 328px;
   _width: 354px;
   color: #FFFFFF;
   padding: 15px 12px;
   margin-left: 7px;
   background: #021F64;
}

#detailR table {
    text-align: left;
    font-size: 0.9em;
}

#detailR table td.bold {padding-left: 10px;}

#detailR h3 {font-size: 1.3em; margin-bottom: 5px; font-family: arial, tahoma, verdana, lucida, sans-serif;}
#detailR p {font-size: 1em; margin-top: 0px;}

#detailR form input {background: #FFFFFF; font-weight: bold; text-align: center;}

#files a {
    padding-left: 30px;
    line-height: 30px;
    display: block;
    color: #FFCC00;
    font-weight: bold;
    font-family: arial, tahoma, sans-serif;
    background: url('/images/ico-pdf.gif') left top no-repeat;
}

.cart {
     width: 610px;
     text-align: center;
     color: #FFFFFF;
     border-collapse: collapse;
}

.cart a {font-weight: bold; color: #FFCC00; }

.cart th {
    text-align: center;
    height: 2em;
    font-size: 0.9em;
    border-bottom: 1px solid #103F9E;
}

.cart .newQuant {width: 24px;}
.cart .left {text-align: left;}
.cart .separ td {border-bottom: 1px solid #103F9E;}


.bgBlue {
    background: #021F64;
    padding: 10px;
}
.bgBlue p {margin: 0px;}

.reg {
   width: 570px;
   font-weight: bold;
}

h3.arr {
    font-family: arial, tahoma, verdana;
    font-size: 1.2em;
    padding-left: 20px;
    margin-bottom: 20px; 
    background: url('/images/arrow.gif') left 2px no-repeat;
}
.reg textarea {background: #FFFFFF; width: 460px; height: 80px; margin-bottom: 20px;}
.reg select {width: 150px;}
.reg input {background: #FFFFFF;}

.message {
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 10px 0px;
    background: #ED1C24;
    color: #FFFFFF;
    font-size: 0.9em;
    list-style-type: none;
}

.ok {background: #006600;}

.message li {margin-left: 10px; font-weight: bold;}

.check {
    background: none;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.cleaner {clear: both;}
p.cleaner {clear: both; margin: 0px; padding: 30px 0px 10px 0px;}
.noBorder {border: 0px;} 
.bold {font-weight: bold;}
.nobold {font-weight: normal;}
.right {text-align: right;}
.red {color: #FFCC00;}