/* GENERAL */

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:75%; background:#edf1f8 url(../images/bg/footerBg.gif) bottom left repeat-x; color:#515252;}
#container5 {background:url(../images/bg/contentBg.gif) top left repeat-x;}
#containerPop a{color:#000;}

/* titles */
h1, h2, h3 {color:#253351;}
h1, h2 {font-weight:bolder;}
h1 {font-size:134%; line-height:110%;}
h2 {font-size:117%;}
h3 {font-size:100%;}

/* text */
p {line-height:115%; margin:8px 0;}

/* lists */
ul, li {margin:0; padding:0;}

/* links */
a {color:#1E85CF; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}

.cta {background:url(../images/yellowArrow.gif) top left no-repeat; padding-left:10px; line-height:110%; margin-bottom:5px;}
.cta a {color:#f9dc69; line-height:100%; margin-top:0;}
.ctaDark {background:url(../images/blueArrow.gif) top left no-repeat; color:#1e85cf; padding-left:10px;}

.add {background:url(../images/add.gif) left no-repeat; margin-top:12px; padding-bottom:1px; padding-left:14px;}

hr{margin:10px 0; background:#ddd; border:none; height:1px;}

/* images */
.rollOverTrans img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.rollOverTrans:hover img {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}

/* buttons */
.button {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.button:hover {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}

/* floats */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

/* SECTION:HEADER */

#header {background:url(../images/bg/headerBg.gif) top left no-repeat; width:963px; height:152px; position:relative; color:#FFF;}
#logo {position:absolute; top:7px; left:0; width:130px; height:189px; display:block;}
#nb1800 {position:absolute; top:43px; left:155px; width:253px; height:31px; display:block;}
#car {position:absolute; top:0; right:260px; width:320px; height:152px; display:block;}
#home {position:absolute; top:20px; left:155px; display:block; overflow:hidden;}
#home ul{float:left; margin-right:15px;}
#info {position:absolute; top:20px; right:50px; display:block; font-size:12px;}
#info p {margin-bottom:15px;}
#info .links {width:145px;}

.header-container{position:relative; z-index:100;} /* fix z-index for nav in header */
.main{position:relative; z-index:1;} /* fix z-index for nav in header */

/* SECTION:NAVIGATION */

#nav {width:830px; margin:4px 0 0 150px;}
#nav ul, #nav li {padding:0; margin: 0; list-style:none;}
#nav ul li {position: relative; float: left; display:block; padding-right:2px;}

#nav ul li ul {display: none; position: absolute; top: 2em; left: 2px;}
#nav ul li:hover ul {display: block;} /* reproduit en js pour IE avec initNav()*/
#nav ul li ul li.cta {background:#0061a3; float:none; display:block; width:165px; padding:5px 3px 5px 10px; border-bottom:#3f88bd 1px solid;}
#nav ul li ul li.cta a {background:url(../images/yellowArrow.gif) top left no-repeat; padding-left:10px; display:block; width:100%;}
#nav ul li ul li.cta a:hover {background:url(../images/yellowArrow.gif) top left no-repeat; text-decoration:none;}

#nav ul li ul li.over {background:#253351; border-bottom:#5a6882 1px solid;}

/* SECTION:CONTENT IDS */

#content{margin:12px 10px 20px; position:relative; z-index:1;}

/* search form */
#search_postal_code .input-text {width:120px;}
#search_mini_form .input-text {width:110px;}

/* mini tire form */
#miniTire {height:380px; margin-bottom:13px;}
#miniTire label {display:block;}
#miniTire select {display:block; width:170px; margin-bottom:5px;}
#miniTire button {margin-top:15px;}
#miniTire .links {margin-bottom:15px;}

/* take appointment form */
#takeAppointment {height:200px; margin-bottom:13px;}
#takeAppointment form {padding-top:10px;}
#takeAppointment label {display:block;}
#takeAppointment select {display:block; margin-bottom:5px;}
#takeAppointment button {margin-top:15px;}
#takeAppointment p {margin-bottom:15px;}
#takeAppointment .links {margin-top:5px;}

/* login form */
#login-form .col2-set .col-1 {float:left;}
#login-form .col2-set .col-2 {float:right;}
#login-form .col2-set .col-1, #login-form .col2-set .col-2 {width:49%; height:220px; overflow:hidden;}
#login-form .form-list {margin:10px 0 0 10px;}
#login-form .form-list li input.input-text {width:90%;}
#login-form .new-users, #login-form .registered-users {position:relative;}
#login-form .button-set {position:absolute; bottom:8px; right:8px;}
#login-form .registered-users .cta {font-size:80%; position:absolute; bottom:3px; left:0; background:none;}

/* contact form */
#contactForm .col2-set .col-1 {float:left;}
#contactForm .col2-set .col-2 {float:right;}
#contactForm .col2-set .col-1, #contactForm .col2-set .col-2 {width:49%; overflow:hidden; margin-top:15px;}
#contactForm .group-select{margin-top:20px;}
#contactForm .group-select li {width:100%;}
#contactForm .group-select li .input-box {width:100%;}
#contactForm .group-select li .input-text {width:260px;}
#contactForm .group-select li .date-time {float:left; margin-right:10px; position:relative; width:124px;}
#contactForm .group-select li .date-time .input-text{width:120px;}
#contactForm .group-select li textarea {width:260px; height:109px;}
#contactForm .group-select li select {width:254px;}

/* product view */
#productView .std {margin-bottom:0;}
#productView .our-price {font-size:130%;}
#productView .msrp-price {font-size:130%;}
#productView .product-name{margin-top:7px;}
#productView .product-image{margin-bottom:10px;}
#productView .product-image-zoom{position:relative; z-index:1;}

/* rating preview box */
#ratingPreview {margin-top:20px;}
#ratingPreview .rating-box {margin-bottom:10px;}

/* checkout view */
#checkout .opc{width:460px;}
#checkout .opc .step-title .number { float:left; line-height:22px; margin-right:5px; }
#checkout .opc .step-title h3 { float:left; line-height:22px;}
#checkout .opc li.section { border:1px solid #ddd; border-bottom:0; width:458px; }
#checkout .opc li.section ul li { width:438px; }
#checkout .opc li.section ul li select{width:260px;}
#checkout .opc li.section ul li .input-text{width:254px;}

#checkout .opc #payment_form_ccsave{margin-top:15px;}
#checkout .opc #payment_form_ccsave select.month, #checkout .opc #payment_form_ccsave select.year{width:120px; margin-right:20px;}
#checkout .opc #payment_form_ccsave .cvv{width:115px;}

#sitemap{margin-top:10px;}
#sitemap li{margin:5px 0 5px 0;}
#sitemap, #sitemap ul{list-style:none;}
#sitemap ul li{margin:5px 0 5px 20px;}
#sitemap a {color:#1e85cf;}
#sitemap .cta {background:url(../images/blueArrow.gif) top left no-repeat;}
#sitemap .cta a {color:#1e85cf;}

/* SECTION:CONTENT CMS */
.cms-page-view .col-main ul{list-style:disc; line-height:115%; margin:0 0 1em 25px;}
.cms-page-view .col-main ul.clean{list-style:none;}
.cms-page-view .col-main .group-select ul.clean .input-box{margin:0 0 5px; width:470px;}
.cms-page-view .col-main h2{margin-top:1.5em; margin-bottom:.2em;}
.cms-page-view .col-main h3{margin-bottom:.5em;}
.cms-page-view .col-main p{display:block; margin:0 0 1em 0;}
.cms-page-view .col-main .special{color:#F03;}
.cms-page-view .col-main img{display:block;}
.cms-page-view .col-main table p{margin-top:3px; width:166px;}
.cms-page-view .col-main table h2{margin-top:1em;}

/* SECTION:CONTENT CLASSES */

/* general blocks */
.block .cta {background:url(../images/blueArrow.gif) top left no-repeat;}
.block .cta a {color:#1e85cf;}
.block .links {margin-top:10px;}
.block .block-title {width:auto; overflow:hidden;}

/* block for list of products */
.block-list-product {margin-bottom:6px; background:#FFF; border:none;}
.block-list-product .title {padding:4px 8px 4px 8px; background:#dae8fb; border:1px solid #afbcca;}
.block-list-product .product {width:50%; height:160px; padding:10px; border:1px solid #afbcca;}
.block-list-product .photo img {border:1px solid #6781be;}
.block-list-product .our-price {font-size:115%;}
.block-list-product .msrp-price {font-size:115%;}
.block-list-product .button {margin:10px 0;}
.block-list-product .add {background:url(../images/add.gif) left no-repeat; margin-top:12px; padding-bottom:1px; padding-left:14px;}

/* block for list of info */
.block-list-info {border-bottom:none; margin-bottom:6px; background:#FFF;}
.block-list-info .block-title {padding:4px 8px 4px 8px; background:#dae8fb; border-bottom:1px solid #afbcca;}
.block-list-info .block-content {border-bottom:1px solid #afbcca;}

/* block for forms */
.block-input {background:#4371a8; color:#FFF;}
.block-input a {color:#f9dc69;}
.block-input h2 {color:#FFF;}
.block-input .cta {background:url(../images/yellowArrow.gif) top left no-repeat;}
.block-input .cta a {color:#f9dc69;}

/* block for menus */
.block-menu {background:#feffe2; color:#000;}
.block-menu h2{font-size:134%;}
.block-menu a {color:#1e85cf;}
.block-menu .cta {background:url(../images/blueArrow.gif) top left no-repeat;}
.block-menu .cta a {color:#1e85cf;}
.block-menu .cta.current {background:none; padding-left:10px; line-height:110%; font-weight:bold; margin-bottom:5px;}

/* price */
.our-price {color:#F03; font-weight:bold;}
.msrp-price {font-weight:bold; color:#253351;}
.old-price {color:#F03; text-decoration:line-through;}

/* Add to Cart */
.add-to-cart {overflow:visible;}
.add-to-cart label {margin-right:10px; width:auto;}
.add-to-cart .qty {margin-right:10px;}
.add-to-box .add-to-button {float:left; width:75px;}

/* .note-msg */
.note-msg{color:#FCD344;}

/* info box for product view */
.infoBox{display:block; margin:10px 0;}

/* full page forms in dashboard */
.dashboard-form .group-select input.input-text, .dashboard-form .group-select textarea {width:250px;}

/* pager */
.pager .amount { float:left; margin-bottom:5px; }
.pager .limiter { float:right; }
.pager .sort-by {float:right; margin-right:0; margin-bottom:5px;}
.pager .pages {margin:0 auto;}

/* validation advice */
.validation-advice{display:block;}

/* buttons-set */
.buttons-set button{margin-left:10px;}

span.required{color:#515252;}

/* rims notice */
.rimNotice{margin-bottom:15px;}


/* SECTION:FOOTER */

#footer {width:963px; height:220px; position:relative;}

#cards {position:absolute; top:91px; left:14px;}
#cards ul {list-style:none;}
#cards ul li {display:inline;}

#links {position:absolute; top:91px; left:240px; width:525px; line-height:125%;}
#links ul {list-style:none;}
#links ul li {background:url(../images/whiteLine.gif) left no-repeat; padding:0 0 2px 6px; display:inline;}
#links ul li.last {background:none; padding:0;}
#links ul li a {color:#FFF; font-weight:normal; text-decoration:none; font-size:11px;}
#links ul li a:hover {text-decoration:underline;}

#copy {position:absolute; top:158px; left:240px; font-size:9px; color:#FFF; line-height:125%;}
#copy a{color:#FFF; text-decoration:underline;}