body {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;
 margin: 0px;
 padding: 0px;
 color: #000000;
 background: url(../images/bg.jpg) repeat-x top;
 text-align: center;
}

table {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;
 color: #333333;
}

table td {
 padding: 5px;
 vertical-align: middle;
}

table th {
 background: #CCCCCC;
}

a {
 text-decoration: none;
 color: #002955;
}

a:hover {
 text-decoration: underline;
}

img {
 border: 0px;
}

form {
 margin: 0px;
}

ul {
 padding: 0px 0px 0px 0px;
 margin: 12px 3px;
 list-style-position: inside;
 color: #E10D19;
}

ul li {
 padding: 3px 0px;
 margin: 0px;
}

ul li span {
 color: #000000;
}

.fl {
 float: left;
}

.center {
 text-align: center;
}

.middle {
 vertical-align: middle;
}

.bold {
 font-weight: bold;
}

.red {
 color: #E10D19;
}

.strike {
 text-decoration: line-through;
}

#div {
 width: 900px;
 margin: auto;
}

#header {
 float: left;
 width: 100%;
 height: 157px;
}

#middle-div {
 margin: auto;
 width: 952px;
 text-align: left;
 padding-bottom: 0px;
}

#middle {
 float: left;
 padding: 20px 26px 0px 26px;
}

#middle-bg {
 float: right;
 width: 900px;
 background: url(../images/left-bg.jpg) repeat-y 7px;
}

#footer {
 float: left;
 width: 430px;
 position: absolute;
 left: 10px;
 bottom: 10px;
 z-index: 2;
 color: #999999;
 font-size: 10px;
 margin-top: 15px;
}

/******************************************************************************************************************************************/
/* header */
/******************************************************************************************************************************************/

#header-div {
 padding: 0px;
}

#header-top {
 float: right;
 width: 680px;
 height: 125px;
}

#header-top-links {
 text-align: right;
 width: 680px;
 height: 110px;
 padding-top: 15px;
}

.icon {
 margin: 0px 3px;
 vertical-align: middle;
}

#header-shopping-basket {
 color: #FFFFFF;
 text-align: right;
}

#header-shopping-basket a {
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
}

#header-shopping-basket span {
 padding: 0px 5px;
}

#header-user-login {
 width: 680px;
 text-align: right;
 margin-top: 15px;
 color: #FFFFFF;
}

#header-user-login .login-name {
 font-weight: bold;
 font-size: 13px;
 font-style: italic;
}

#header-user-login a {
 font-weight: bold;
 text-transform: uppercase;
 color: #FFFFFF;
}

#header-user-login a:hover {
 color: #FFFFFF;
}

#header-user-login span {
 padding: 0px 5px;
}

#header-user-login .text-field {
 font-family: Arial,Helvetica,sans-serif;
 width: 154px;
 height: 20px;
 border: 0px;
 margin: 0px 0px 0px 0px;
 vertical-align: middle;
 font-size: 11px;
 font-weight: bold;
 padding: 4px 0px 0px 5px;
}

#header-user-login .button {
 font-family: Arial,Helvetica,sans-serif;
 height: 20px;
 font-weight: bold;
 font-size: 11px;
 vertical-align: middle;
 padding: 0px 2px;
 border: 0px;
}

#header-links {
 width: 680px;
 text-align: right;
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 white-space: nowrap;
 margin-top: 20px;
}

#header-links a {
 font-weight: bold;
 color: #FFFFFF;
}


#header-links span {
 padding: 0px 5px;
}

#header-links a.selected, #header-links a:hover {
 color: #FFFFFF;
}

.menu {
 float: right;
 width: 680px;
 text-align: right;
}

.logo {
 float: left;
 margin-left: 10px;
 margin-top: 30px;
}

/******************************************************************************************************************************************/
/* left */
/******************************************************************************************************************************************/

.left {
 float: left;
 width: 206px;
 padding: 7px 7px 0px 7px;
 background: #FFFFFF url(../images/left.jpg) no-repeat 7px 7px;
}

.new-product {
 height: 65px;
 color: #FFFFFF;
 padding: 0px 17px;
 margin: 40px 0px 15px 0px;
}

.new-product .title {
 text-transform: uppercase;
}

.new-product .description {
 font-size: 10px;
 margin-top: 3px;
}

.new-product .title a {
 color: #FFFFFF;
 font-weight: bold;
 font-size: 11px;
}

.homepage-product-list {
 float: left;
 width: 206px;
 min-height: 420px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-top: 125px;
 background: #002955;
}

.homepage-product-list .product {
 float: left;
 padding: 7px 6px 8px 6px;
}

.homepage-product-list .product .product-div {
 float: left;
 padding: 12px 6px 0px 6px;
 border-top: 1px dotted #FFFFFF;
}

.homepage-product-list .product img {
 float: left;
 margin: 2px 0px;
}

.homepage-product-list .product .title {
 float: right;
 width: 100px;
 text-transform: uppercase;
}

.homepage-product-list .product .title a {
 color: #FFFFFF;
 font-weight: bold;
 font-size: 11px;
}

.homepage-product-list .product .description {
 float: right;
 width: 100px;
 color: #FFFFFF;
 font-size: 10px;
 margin-top: 3px;
}

.more-link {
 float: right;
 clear: right;
 text-transform: uppercase;
 font-size: 10px;
 padding-right: 9px;
 margin-top: 5px;
 background-repeat: no-repeat;
 background-position: right center;
}

/******************************************************************************************************************************************/
/* footer */
/******************************************************************************************************************************************/

#footer div {
 text-align: center;
 padding: 3px 0px;
}

#footer div a {
 color: #999999;
}

/******************************************************************************************************************************************/
/* main */
/******************************************************************************************************************************************/

#main {
 float: left;
 width: 673px;
 padding-top: 192px;
 margin-left: 0px;
 background: url(../images/header.jpg) no-repeat 0px 0px;
}

#main-bg {
 float: right;
 background: url(../images/right-bg.jpg) repeat-y 458px;
}

#main-div {
 float: left;
 width: 440px;
 padding: 7px 0px 7px 0px;
 margin-left: 0px;
}

h1 {
 font-size: 15px;
 color: #002955;
 text-transform: uppercase;
}

.bold {
 font-weight: bold;
}

.italic {
 font-style: italic;
}

.right-navigation {
 position: relative;
 float: right;
 width: 206px;
 border-left: 1px solid #002955;
 padding-right: 7px;
 margin-top: 68px;
 background: #FFFFFF;
}

.right-navigation .item {
 height: 67px;
 width: 205px;
 background-repeat: no-repeat;
 background-position: 7px 7px;
 text-transform: uppercase;
 font-weight: bold;
 margin: 0px 0px 1px 1px;
}

.right-navigation .item div {
 float: left;
 width: 193px;
 height: 67px;
 border-bottom: 1px dotted #002955;
 overflow: hidden;
}

.right-navigation .item a {
 display: block;
 float: left;
 width: 116px;
 height: 66px;
 padding: 0px 10px 0px 70px;
 line-height: 66px;
 color: #002955;
 white-space: nowrap;
}

.right-navigation .item a:hover {
 color: #E10D19;
}

.right-navigation .item .color {
 float: right;
 width: 8px;
 height: 67px;
 border-right: 1px solid #FFFFFF;
 border-bottom: 0px;
}

.search-box {
 float: left;
 width: 213px;
 height: 177px;
 background-repeat: no-repeat;
 background-position: center center;
}

.find-a-wiper-blade {
 background-image: url(../images/find-a-wiper-blade-box.jpg);
}

.find-a-bulb {
 background-image: url(../images/find-a-bulb-box.jpg);
 margin-left: 7px;
}

.top-search {
 float: left;
 width: 213px;
 margin-top: 32px;
 border-bottom: 1px dotted #FFFFFF;
 padding-bottom: 5px;
}

.bottom-search {
 float: left;
}

.search-box select {
 float: left;
 width: 190px;
 margin-top: 1px;
 margin-left: 12px;
 font-size: 11px;
}

.search-box .text-input {
 float: left;
 width: 186px;
 margin-left: 12px;
 margin-top: 8px;
 font-size: 11px;
}

.search-box .search-buttom {
 float: right;
 margin-top: 5px;
 margin-right: 11px;
}

.search-box form {
 margin: 0px;
}

.breadcrumb {
 font-size: 15px;
 font-weight: bold;
 padding: 5px 10px;
 background: #E8ECF0;
 border-bottom: 1px dotted #002955;
 margin-right: 5px;
}

.category-list {
 float: left;
 margin-bottom: 30px;
 background: #EEEEEE;
 margin-top: 5px;
}

.category-list .category {
 float: left;
 width: 223px;
 padding: 10px 0px;
 font-weight: bold;
}

.category-list .category span {
 padding: 0px 10px;
}

.product-list {
 float: left;
}

.product-list .product {
 float: left;
 padding-bottom: 10px;
 margin-bottom: 10px;
 border-bottom: 1px dotted #002955;
}

.product-list .last {
 border-bottom: none;
}

.product-list .product .thumbnail {
 float: left;
 width: 100px;
}

.product-list .product .info {
 float: left;
 width: 340px;
}

.product-list .product .info  .title {
 float: left;
 width: 340px;
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 3px;
}

.product-list .product .info  .price {
 float: left;
 width: 340px;
 font-weight: bold;
 color: #E10D19;
 margin: 5px 0px;
}

.product-list .product .info  .description{
 float: left;
 width: 340px;
}

.not-available {
 margin-top: 30px;
 padding-left: 10px;
 font-style: italic;
}

.product-details {
 float: left;
 width: 445px;
}

.product-details  .image {
 float: left;
 width: 170px;
 height: 150px;
}

.product-details  .title {
 float: left;
 width: 270px;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 5px;
}

.product-details  .price {
 float: left;
 width: 270px;
 font-size: 15px;
 font-weight: bold;
 margin: 5px 0px;
}

.product-details  .options {
 float: left;
 width: 270px;
 margin: 10px 0px;
}

.product-details  .description {
 float: left;
 width: 425px;
 margin: 10px 10px;
 clear: both;
 border-top: 1px solid #CCCCCC;
}

.product-details  .add-to-cart {
 float: left;
 width: 275px;
 margin: 10px 0px;
}

table td.price-cell {
 text-align: right;
 padding-right: 7px;
}

/******************************************************************************************************************************************/
/* forms */
/******************************************************************************************************************************************/

.form-box {
 margin: 0px 3px;
}

.form-box .inputset {
 float: left;
 margin-bottom: 20px;
}

.form-box .title {
 float: left;
 width: 437px;
 font-size: 13px;
 font-weight: bold;
 padding: 3px;
 background: #E8ECF0;
 border-bottom: 1px dotted #002955;
 margin-bottom: 20px;
}

.form-box .blurb {
 float: left;
 width: 437px;
 clear: both;
 padding: 0px 0px 5px 0px;
}

.form-box .blurb p {
 margin-top: 0px;
}

.form-box .input {
 float: left;
 clear: both;
 width: 437px;
 margin: 3px 0px;
}

.form-box .input label, .form-box .input .padding {
 float: left;
 text-align: right;
 font-weight: bold;
 padding-right: 3px;
 line-height: 20px;
}

.form-box .input .widget {
 float: left;
 font-size: 12px;
 line-height: 120%;
}

.form-box .input .field {
 padding: 3px;
}

.form-box .input .text {
 padding: 1px 2px;
}

.form-box  .input .select {
 padding: 1px 2px;
}

.form-box  a {
 font-weight: bold;
}

.errors {
 float: left;
 width: 400px;
 color: #FF0000;
 font-weight: bold;
 padding: 5px;
 margin: 15px;
 border: 1px solid #FF0000;
}

/******************************************************************************************************************************************/
/* search */
/******************************************************************************************************************************************/

.wiper-search,.bulb-search {
 position: relative;
}

.wiper-search a {
 float: left;
 position: absolute;
 display: block;
 width: 120px;
 height: 20px;
 line-height: 20px;
 font-weight: bold;
 color: yellow;
 border: 0px solid yellow;
}

.bulb-search a {
 float: left;
 position: absolute;
 display: block;
 width: 70px;
 height: 20px;
 line-height: 20px;
 font-weight: bold;
 color: yellow;
 border: 0px solid yellow;
}

/******************************************************************************************************************************************/
/* width */
/******************************************************************************************************************************************/

.width30px {
 width: 30px;
}

.width50px {
 width: 50px;
}

.width100px {
 width: 100px;
}

.width150px {
 width: 150px;
}

.width170px {
 width: 170px;
}

.width200px {
 width: 200px;
}

.width250px {
 width: 250px;
}

.width400px {
 width: 400px;
}

.paddingleft20px {
 padding-left: 20px;
}

.paddingleft30px {
 padding-left: 30px;
}

.paddingleft50px {
 padding-left: 50px;
}

.paddingleft70px {
 padding-left: 70px;
}