/* CSS Document */
/* Author: Sean Gilbert, Pilotage, Inc. */

/* General
--------------------------------------- */

.left {float: left;	margin-right: 1em;}

.right {float: right; margin-left: 1em;}

.small {font-size: smaller;}

.hide {display: none;}

.clear {clear:both;}

b, strong {font-weight: bold;}

i, em {font-style: italic;}

img {border:none;}

* {
margin:0pt;
padding:0pt;
}

.clear {
clear:both;
}

h1 {
color:#050401;
font-size:22px;
margin-bottom:15px;
}

h2 {
color:#050401;
font-size:18px;
margin-bottom:15px;
}

h3, h4 {
color:#666;
font-size:16px;
margin-top:10px;
margin-bottom:10px;
}

.tag {
position:absolute;
top:50px;
left:310px;
width:250px;
color:#FFF;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
font-size:20px;
}

.commitment {
color:#C2BA00;
font-size:16px;
font-style:italic;
font-weight:100;
}

.address {
position:absolute;
top:50px;
left:650px;
width:250px;
color:#FFF;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
}

.poweredby {
position:absolute;
top:110px;
left:200px;
color:#FFF;
font-size:12px;
}

.poweredby a {
color:#999;
text-decoration:none;
}

/* main
--------------------------------------- */

body {
color: #666;
font-family:"Trebuchet MS", Trebuchet, Arial, sans-serif;
font-size: 13px;
background-color:#FFF;
background-image:url(/images/bg.jpg);
background-repeat:repeat;
}
#header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 190px;
  background: #000 url(/images/bgheader.jpg) left top repeat-x;
}

#wrapper {
width:1000px;
margin:0 auto;
}

#storeTop {
position:absolute;
top:4px;
right:5px;
width:150px;
}

#storeTop ul {
color:#FFF;
}

#storeTop li {
display:inline;
}

#storeTop a {
color:#FFF;
}

#feature {
float:left;
position:relative;
width:980px;
height:363px;
padding-left:20px;
background-image:url(/images/featurebg.png);
background-repeat:repeat-x;
}

#primaryContent, #homeContent, #insideContent {
float:left;
width:990px;
padding:0 5px;
line-height:1.6em;
background-image:url(/images/shadowbg.png);
background-repeat:repeat-y;
}
#insideContent {
min-height: 400px;
}
#primarContent #contentCenter {
display:none;
}

#contentLeft {
float:left;
width:665px;
}

#homeContent #contentLeft {
float:left;
width:335px;
}

#contentCenter {
float:left;
width:330px;
}

#contentRight {
float:left;
width:325px;
padding-bottom:25px;
background-color:#D9DBDC;
}

/* Store Nav
------------------------ */

#storeNav {
float:left;
width:990px;
height:145px;
background-color:#18130D;
background-image: url(/images/bg.jpg);
background-repeat: repeat;
border-bottom:1px solid #666;
overflow:hidden;
}

#storeNavLeft {
float:left;
width:300px;
}

#storeNavCenter {
float:left;
width:300px;
}

#storeNavRight {
float:left;
width:300px;
}

.cart {
height:98px;
background-color:#FFF;
border:1px solid #666;
overflow:hidden;
}

.cartbox {
padding:0 10px;
}

.cartbox a {
color:#171717;
}

.cart h3 {
color:#050401;
height:30px;
padding-right:10px;
padding-left:10px;
margin-top:0;
line-height:1.9em;
background-color:#C1BD00;
background-image:url(/images/cartboxgrad.jpg);
background-repeat:repeat-x;
overflow:hidden;
}

/* Footer
---------------------------- */

#globalFooter {
width:100%;
clear:both;
}

#footer {
width:990px;
height:200px;
clear:both;
padding:0 5px;
margin:0 auto;
font-size:11px;
background-color:transparent;
background-image:url(/images/ftshadowbg.png);
background-repeat:repeat-y;
background-position: left top;
}

/* content boxes
--------------------------------------- */

#primaryContent p, #contentLeft p, #insideContent p, #homeContent p {
margin-bottom:15px;
}

.box {
padding:20px;
}

.box ul li {
margin-left:25px;
margin-bottom:5px;
}

.box ol li {
margin-left:28px;
margin-bottom:5px;
}

#primaryContent blockquote {
padding-top:5px;
padding-right:20px;
padding-bottom:0;
padding-left:20px;
background-image:url(/images/quote.gif);
background-position: top left;
background-repeat: no-repeat;
}

#primaryContent acronym {
color:#333;
}

/* button
--------------------------------------- */

.graybtn {
width:70px;
height:28px;
color:#FFF;
display:block;
line-height:1.5em;
text-align:center;
text-decoration:none;
background-image:url(/images/gray-btn.gif);
background-position:center;
background-repeat: no-repeat;
}

/* Fieldsets
--------------------------------------- */

fieldset {
border:none;
border
}

#bottomRight fieldset {
position:relative;
width:221px;
border:none;
background-color:#D4DEF7;
border:2px solid #4D5C80;
padding:15px;
margin:25px 0;
}

fieldset p {
padding:0;
margin-bottom:5px;
font-weight:bold;
}

legend {
color:#050401;
font-size:22px;
font-weight:bold;
padding-bottom:10px;
}

.aleft {
float:left;
}

.req {
color:red;
font-size:14px;
padding-right:5px;
}

label {
color:#666;
text-align: left;
font-size:12px;
margin-bottom:5px;
display: block;
}

input {
padding:5px;
margin-right:10px;
margin-bottom:15px;
}

select {
padding:5px;
margin-right:10px;
margin-bottom:15px;
}

textarea {
padding:5px;
margin-bottom:15px;
}

#news-name {
width:180px;
}

#email-address {
width:180px;
}

#submit {
font-size:16px;
padding:2px;
margin-top:5px;
}


/* Side Store Navigation
--------------------------------------- */

#jeeppartsnav {
width:285px;
padding-bottom:10px;
background-color:#F1F1F1;
margin-bottom:20px;
font-size:15px;
}

#jeeppartsnav h2 {
color:#FFF;
padding:10px 10px;
background-color:#000;
background-image:url(images/jeepnavgrad.jpg);
background-repeat:repeat-x;
}

#jeepParts {
list-style:none;
background-color:#F1F1F1;
padding-top:0;
margin-top:-15px;
}

#jeepParts li, #partsnav li {
margin:0;
border-top:1px solid #CFCFCF;
}

#jeepParts li ul, #partsnav li ul {
margin-left:0;
list-style:none;
}

#jeepParts li ul li, #partsnav li ul li {
list-style:none;
background-color:#CACACA;
}

#jeepParts li ul li, #partsnav li ul li {
list-style:none;
border-top-color:#999;
}

#jeepParts li ul a, #partsnav li ul a {
width:225px;
padding-left:25px;
font-style:italic;
}

#jeepParts a, #partsnav a {
color:#171717;
display:block;
width:315px;
height:20px;
line-height:1.4em;
padding:2px 10px;
text-decoration:none;
}

#jeepParts a:hover {
color:#FFF;
background-color:#999;
}

#sidepartsnav {
float:left;
width:260px;
padding-bottom:10px;
font-size:12px;
background-color:#F1F1F1;
}

#sidepartsnav h2 {
color:#FFF;
padding:10px 10px;
background-color:#000;
background-image:url(/images/sidenavgrad.jpg);
background-repeat:repeat-x;
}

#partsnav {
list-style:none;
margin-top:-15px;
background-color:#F1F1F1;
}

#partsnav a:hover {
color:#FFF;
background-color:#999;
}

.shop {
height:80px;
padding:10px 10px;
margin-bottom:15px;
}

.nomargin {
margin-bottom:0;
}

.shop h2 {
color: #000;
font-size:16px;
margin-bottom:0;
}

.shop label {
margin:0;
}

.shop select {
margin-right:10px;
margin-bottom:0;
}

.shop .submit {
background-color:#C1BD00;
background-image:url(/images/cartboxgrad.jpg);
background-repeat:repeat-x;
}

/* Store navigation
--------------------------------------- */ 

.catalogueItem {
float:left;
width:530px;
height:100%;
margin-bottom:10px;
overflow:auto;
}

.storeItem {
width:530px;
height:100%;
border:1px solid #C6C6C6;
padding:15px;
margin-bottom:20px;
overflow:auto;
}

#homeContent .storeItem, #contentRight .storeItem {
width:230px;
height:100%;
border:1px solid #C6C6C6;
padding:15px;
margin-bottom:20px;
overflow:auto;
}


.storeItem a {
color:#171717;
}

.storeItem a:hover {
color:#C1BD00;
}

.storePhoto {
float:left;
margin-right:10px;
display:block;
}

#homeContent .storePhoto, #contentRight .storePhoto {
width:200px;
display:block;
}

.storeItem dl {
float:left;
width:70%;
margin:0 0 1em;
}

.storeItem dt {
font-weight:bold;
}

.storeItem dd {
margin:3px 0;
}

.storeItem .description {
font-family: "Times New Roman", Times, serif;
}

.storeItem .price {
color:#18130D;
}

#homeContent .storeItem .price, #contentRight .storeItem .price {
float:none;
padding-left:10px;
}

.normally {
color:#999;
text-decoration:line-through;
}

.wholesale, .wholesale a, .wholesale a:hover {
color:#B81414;
}

.wholesale a, .wholesale a:hover {
text-decoration:none;
}

.retail {
color:#171717;
}

.featuredItem {
float:left;
width:258px;
padding:15px 0;
border-bottom:1px solid #999;
font-weight:bold;
}

.featurePhoto {
width:147px;
margin-right: 10px;
}

.featurePhoto img {
border:1px solid #999;
}

.featureDesc {
line-height:0.8em;
float:left;
padding:5px 10px;
}

.featureDesc h2 {
padding:0;
margin:5px 0;
font-size:24px;
}

.featureDesc h3 {
color:#050401;
margin:5px 0;
font-size:12px;
font-style:italic;
}

.featureDesc p {
margin:5px 0;
font-size:12px;
}

.featureDesc a {
color:#283E73;
font-size:12px;
}

/* ----- TABLES ----- */

table.parts {
float:left;
margin-bottom:10px;
}

td {
color:#171717;
font-size: 11px;
line-height: 15px;
padding: 6px 3px;
border-bottom: 1px solid #CFCFCF;
}

.parts a {
color:#283E73;
}

th {
color:#FFF;
font-size: 12px;
line-height: 15px;
padding: 6px 0;
text-align: left;
border-bottom: 1px solid #CFCFCF;
}

th.highlightBG {
background-color:#000;
background-image:url(/images/sidenavgrad.jpg);
background-repeat:repeat-x;
border-bottom: 1px solid #AAA9A9;
padding: 6px;
text-align:left;
}

th.highlightBGCenter {
background-color:#000;
background-image:url(/images/sidenavgrad.jpg);
background-repeat:repeat-x;
border-bottom: 1px solid #CFCFCF;
text-align: center;
text-align:left;
}

td.highlightBG {
background-color:#000;
background-image:url(/images/sidenavgrad.jpg);
background-repeat:repeat-x;
border-top: 1px solid #CFCFCF;
padding: 2px;
font-size: 11px;
font-weight: normal;
}

td.centerCell {
text-align: left;
}

tr.clickRow:hover {
background-color: #F3F280;
}

tr.other {
background-color:#F1F1F1;
}