/*--------------------------------------------------------------------*//*
	IMPORTS
-----------------------------------------------------------------------*/
/*--- neutrilize cross-browser discrepancies ---*/
	/*@import url("http://yui.yahooapis.com/2.5.1/build/reset/reset-min.css");*/
	@import url("yui.css");
/*--- initial preferences ---*/
	@import url("initial.css");
/*--- initial preferences ---*/
	@import url("primaryNav.css");
/*--- initial preferences ---*/
	@import url("shadowing.css");			
	
body {background-color: #333;}
div#page {background-color: white;}
div#header {background-color: #801714;}
div#cart {background-color: black;}
div#navBar {background-color: orange;}
div#searchBar {background-color: #801714;}
div#leftPanel {background-color: black;}
div#rightPanel {background-color: black;}
div#centerPanel {background-color: black;}
div#billboard {background-color: brown;}
div#specials {background-color: tan;}
div#intro {background-color: white; color: black;}
/*div.sideColumnHead {background-color: black;} */
div.sideColumnHead {background-color: #801714; font-weight: bold; font-size: 1.4em;}
div.sideColumnHeadLeft {background-color: #000; font-weight: bold; font-size: 1.4em;}
ul.thumbsList {}
ul.thumbsList li {background-color: #222;}
ul.thumbsList li img {}

.requiredField {color: red;}
body {text-align: center; margin: 0; min-height: 100%; width: 100%;}
div#page {margin: auto; width: 950px; border: 5px solid black; background-image: url('../gfx/bg_rightColumn.jpg');}
div#header {height: 118px; background-image: url('../gfx/header.jpg'); border-bottom: 3px solid black;}
div#cart {float: right; width: 199px; height: 100%; padding: 0 5px;}
div#cartBox {background-color: #222; margin-top: 4px; width: 197px; height: 79px; padding-right: 7px; text-align: right; position: relative;}
div#navBar {height: 30px;}
div#searchBar {padding-top: 6px; padding-bottom: 4px; height: 20px; border-bottom: 5px solid black; background-image: url('../gfx/bg_search.jpg');}
div#leftPanel {float: left; width: 209px; background-color: white;}
div#leftPanel p {text-align: left; padding: 5px 5px 5px 15px; color: black; font-size: 1.1em;}
div#centerPanel {float: left; width: 532px;}
div#rightPanel {float: left; width: 209px;}
div#billboard {margin: 5px; margin-top: 0; padding: 10px; height: 283px; background-image: url('../gfx/bg_billboard.jpg'); background-repeat: repeat-y;}
div#specials {margin: 5px; height: 120px; text-align: right; position: relative;}
div#intro {margin: 5px; min-height: 300px; padding: 15px; margin-bottom: 0;}
div#intro h1 {text-align: left;}
div#intro p {text-align: left; margin-top: 15px; font-size: 1.2em; line-height: 1.4;}
div.sideColumnHead {padding: 5px;}
div.sideColumnHeadLeft {padding: 5px; margin-top: 15px;}
ul.thumbsList {}
ul.thumbsList li {margin: 5px 0;}
ul.thumblist a {margin: 0; float: left;}
ul.thumbsList li img {float: left; margin: 0 5px 0 1px; border: 1px solid #aaa;}
ul.thumbsList li a {display: block; padding: 5px 1px; color: #999;}
ul#featuredItems a {text-decoration: none; padding: 0 0 5px 0;}
ul#featuredItems span.featuredHeadline {background-color: #111; color: #bd231e; font-size: 1.4em; padding: 3px 0; display: block; font-weight: bold;}
ul#featuredItems span.price {color: #ddd; font-size: 1.4em; display: block;}
ul#featuredItems span.featuredDetails {display: block; text-decoration: underline; padding: 5px; float: right;}
ul#accessories, ul#accessories ul {margin-left: 15px; text-align: left; font-size: 1.1em;}
ul#accessories a:link, ul#accessories a:visited, ul#accessories a.off:link, ul#accessories a.off:visited {text-decoration: none; color: blue; font-size: 1.0em;}
ul#accessories a:hover, ul#accessories a.off:hover {color: red;}
ul#accessories a.on:link, ul#accessories a.on:visited {color: red; font-weight: bold; text-decoration: underline;}

div.featuredVehicle {width: 512px; height: 98px; text-align: right;}
div.featuredVehicle a {text-decoration: underline; color: lightblue;}
img.featured {border-right: 5px solid black; border-bottom: 5px solid black; margin-left: 10px; margin-right: 5px;}
img.featuredThumb {border-right: 5px solid black; border-bottom: 5px solid black; margin-top: 6px; margin-right: -5px;}

table#phoneTable {border-collapse: collapse; color: black; text-align: center; font-size: 1.1em; width: 100%; margin-top: 15px; background-color: #ddd;}
table#phoneTable th {padding: 5px; text-align: center; font-weight: bold;}
table#phoneTable td {padding: 5px;}

div#cart a {color: #999;}

form input.go {border: 2px outset black; background-color: #666; color: white; margin: 2px 4px;}
form input.text {border: 2px inset black; padding: 1px; background-color: #ddd; position: relative; top: -1px;}

body#subCat div#centerPanel {padding: 5px; width: 726px; border-left: 5px solid black;}
body#subCat div.subCatDisplay {width: 170px; background-image: url('../gfx/bg_menu2.png'); border: 2px solid black; float: left; margin-left: 5px; margin-bottom: 5px;}
body#subCat div.subCatDisplay div.catHeader {background-color: black;}
body#subCat div.subCatDisplay ul {padding: 5px; text-align: left; margin-left: 20px;}
body#subCat div.subCatDisplay ul li {list-style: disc; color: #ff6;}
body#subCat div.subCatDisplay ul li a:link, body#subCat div.subCatDisplay ul li a:visited {color: #ff6; text-decoration: none; font-size: 1.2em; line-height: 1.3em;}
body#subCat div.subCatDisplay ul li a:hover {text-decoration: underline;}

body#subCat div#centerPanel {background-color: transparent; min-height: 100%;}
body#subCat div#page {background-image: url('../gfx/bg_backPage.jpg');}

p#partsList {text-align: left; font-size: 1.2em; color: #ff6; padding: 10px; line-height: 2;}
p#partsList a:link, p#partsList a:visited {color: #ff6; text-decoration: none; white-space: nowrap;}

table#accList a.back {color: #ff6;}
table#accList a.note {text-decoration: none; font-size: 10px; font-style: italic; color: #ff6;}
table#accList a.item {text-decoration: none; font-weight: bold; color: #ff6;}
table#accList a.link {color: lightgreen;}
table#accList a.yourPrice {color: lightgreen;}
table#accList a.btn {background-color: silver; padding: 4px; text-align: center; border: 2px outset black; text-decoration: none; color: black; font-weight: bold;}

table#accList td.header {text-decoration: none; font-weight: bold; color: #ff6;}
table#accList td.colHeader {background-color: #000; padding: 3px;}

input.quantity {color: #ff6; background-color: #000; text-align: center; width: 65px;}
input.updateQuantity {width: 65px; background-color: green; color: #fff; margin-top: 2px;}
input.removeItem {width: 65px; background-color: red; color: #fff; margin-top: 2px;}
td#totalPrice {font-weight: bold; border: 1px solid black; background-image: url('../gfx/bg_menu2.png'); padding: 5px;}
span#cartActionBtns {padding: 5px 2px; border: 1px solid black; background-image: url('../gfx/bg_menu2.png');}
span#cartActionBtns input {font-size: 11px; background-color: #7f1714; color: #fff; padding: 2px;}

form#checkoutbilling table {font-size: 12px; width: 100%;}
form#checkoutbilling table td {vertical-align: top;}
form#checkoutbilling table caption {font-weight: bold; color: #ff6; font-size: 16px; margin-bottom: 10px;}
form#checkoutbilling table td.colHeader {background-color: #000; padding: 5px; font-size: 11PX; font-weight: bold;}
form#checkoutbilling fieldset {border: 1px solid #fff; background-image: url('../gfx/bg_menu2.png'); margin: 3px; padding: 10px; min-height: 103px;}
form#checkoutbilling fieldset legend {color: #ff6; padding: 0 10px; font-weight: bold;}
form#checkoutbilling fieldset table.form td {text-align: right;}
form#checkoutbilling fieldset table td p {line-height: 1.4;}
form#checkoutbilling fieldset table td a {color: lightgreen;}
form#checkoutbilling fieldset table.form td input, form#checkoutbilling fieldset table.form td select {margin: 0 0 5px 5px; width: 134px;}
form#checkoutbilling table#buttons input {font-size: 11px; background-color: #7f1714; color: #ffffff; padding: 2px; margin: 3px; margin-top: 10px;}
input.btns {font-size: 11px; background-color: #7f1714; color: #ffffff; padding: 2px; margin: 3px; margin-top: 10px;}

form#createNewAccount table {font-size: 12px; width: 100%;}
form#createNewAccount table td {vertical-align: top;}
form#createNewAccount fieldset {border: 1px solid #fff; background-image: url('../gfx/bg_menu2.png'); margin: 3px; padding: 10px; min-height: 103px;}
form#createNewAccount fieldset legend {color: #ff6; padding: 0 10px; font-weight: bold;}
form#createNewAccount fieldset table.form td {text-align: right;}
form#createNewAccount fieldset table.form td input, form#createNewAccount fieldset table.form td select {margin: 0 0 5px 5px; width: 134px;}
form#createNewAccount fieldset table#buttons input {font-size: 11px; background-color: #7f1714; color: #ffffff; padding: 2px; margin: 3px; margin-top: 10px;}
input.buttons {font-size: 11px; background-color: #7f1714; color: #ffffff; padding: 2px; margin: 3px; margin-top: 10px;}
form#createNewAccount table td.colHeader {background-color: #000; padding: 5px; font-size: 11PX; font-weight: bold;}
form#createNewAccount table caption {font-weight: bold; color: #ff6; font-size: 16px; margin-bottom: 10px;}

form#contactUs table {font-size: 12px; width: 100%;}
form#contactUs table td {vertical-align: top;}
form#contactUs {margin: 3px; padding: 10px; min-height: 103px;}
form#contactUs fieldset legend {color: #ff6; padding: 0 10px; font-weight: bold;}
form#contactUs table.form td {text-align: right;}
form#contactUs table.form td input, form#contactUs table.form td select {margin: 0 0 5px 5px; width: 134px;}
form#contactUs table#buttons input {font-size: 11px; background-color: #7f1714; color: #ffffff; padding: 2px; margin: 3px; margin-top: 10px;}
input.buttons {font-size: 11px; background-color: #7f1714; color: #ffffff; padding: 2px; margin: 3px; margin-top: 10px;}
form#contactUs table td.colHeader {background-color: #000; padding: 5px; font-size: 11PX; font-weight: bold;}
form#contactUs table caption {font-weight: bold; color: #ff6; font-size: 16px; margin-bottom: 10px;}

form#paymentInformation table {font-size: 12px; width: 100%;}
form#paymentInformation table td {vertical-align: top;}
form#paymentInformation fieldset {border: 1px solid #fff; background-image: url('../gfx/bg_menu2.png'); margin: 3px; padding: 10px; min-height: 103px;}
form#paymentInformation fieldset legend {color: #ff6; padding: 0 10px; font-weight: bold;}
form#paymentInformation fieldset table.form td {text-align: right;}
form#paymentInformation fieldset table.form td input, form#paymentInformation fieldset table.form td select {margin: 0 0 5px 5px; width: 184px;}
form#paymentInformation fieldset table#buttons input {font-size: 11px; background-color: #7f1714; color: #ffffff; padding: 2px; margin: 3px; margin-top: 10px;}
input.buttons {font-size: 11px; background-color: #7f1714; color: #ffffff; padding: 2px; margin: 3px; margin-top: 10px;}
form#paymentInformation table td.colHeader {background-color: #000; padding: 5px; font-size: 11PX; font-weight: bold;}
form#paymentInformation table caption {font-weight: bold; color: #ff6; font-size: 16px; margin-bottom: 10px;}
form#paymentInformation table td p {margin-top: 10px;}
form#paymentInformation ul#privacy {margin-top: 10px;}
form#paymentInformation ul#privacy li {margin-left: 20px; list-style: disc;}

ul#giftCards {list-style-type: none; padding: 0px; margin: 0px; margin-left: 20px; margin-bottom: 20px;}
ul#giftCards li {background-image: url('../gfx/giftCard-bullet.jpg'); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 54px; padding-top: 12px; padding-bottom: 12px;}
#giftCardApplication a.btn {background-color: silver; padding: 4px; text-align: center; border: 2px outset black; text-decoration: none; color: black; font-weight: bold;}