/* Base CSS File for Bowman Sales & Service */


/*****************************************************************************************************************************
*****************************************************************************************************************************
		$rego-> is Stock Number for Back End Sorting in EZ AUTOS - REMEMBER FOR ALL PHP FILES SO YOU DON'T GET CONFUSED
****************************************************************************************************************************
****************************************************************************************************************************/


body {
background: #0c0c51;
margin: 0px;
color: #000;
font-size: 12px;
text-align: center;
font-family: arial, helvetica, sans-serif;
}

body.contentpane {
background: #fff;
margin: 0px;
color: #000;
font-size: 12px;
text-align: center;
font-family: arial, helvetica, sans-serif;
}

tbody {
margin-bottom: 0px;
padding-bottom: 0px;
}

table {
margin-bottom: 0px;
padding-bottom: 0px;
}

a {
color: #264593;
}

div {
margin: 0px;
padding-bottom: 0px;
}

a:hover {
color: #19195b;
}

img {
border: 0px;
}

#clr {
position: relative;
clear: both;
height: 0px;
}

.clr {
position: relative;
clear: both;
height: 0px;
}

span.article_seperator {
float: right;
height: 0px !important;
padding: 0px !important;
margin-top: -15px !important;
line-height: 0px !important;
}

div#top {
position: relative;
background: url('../../BowmanSalesHome/images/topBackground.jpg') repeat-x;
height: 149px;
width: 100%;
}

#bowmanSalesLogo {
position: relative;
float: left;
margin: 38px 0px 0px 13px;
}

#topPhone{
position: relative;
float: right;
margin: 2px 10px 0px 0px;
font-size: 19px;
font-weight: bold;
color: #fff;
text-align: right;
}

#topPhone ul {
list-style-image: none;
margin: 0px;
padding: 0px;
}

#topPhone ul li{
list-style-type: none;
padding-right: 15px;
background: url('../../BowmanSalesHome/images/altMenuArrow.gif') no-repeat right center;
margin: 0px;
font-weight: 100;
line-height: .8em;
}

#topPhone ul li:hover{
background: url('../../BowmanSalesHome/images/altMenuArrowHover.gif') no-repeat right center;
}

#topPhone strong{
font-size: 19px;
font-weight: bold;
color: #a9a9a9;
}

div#headerWrapper {
background: url('../../BowmanSalesHome/images/headerBackground.jpg') no-repeat center bottom;
position: relative; 
margin: 0px auto; 
height: 111px;
width: 770px;
}

ul#mainlevel-nav {
padding: 0px;
margin: 7px 3px 0px 0px;
list-style-image: none;
}

ul#mainlevel-nav  a {
background: none !important;
font-size: 12px;
color: #fff;
text-decoration: none;
}

ul#mainlevel-nav  a:hover {
color: #ccc !important;
}

#homeBoxBottom {
clear: both;
}

/********************************************************Main Menu Styles********************************************************/

div#menu {
margin-top: 10px;
}

div#menu ul {
display: inline;
padding: 0px;
margin: 0px;
height: 29px;
}

div#menu ul li {
display: inline;
background: url('../../BowmanSalesHome/images/menuDot.jpg') no-repeat left center;
height: 29px;
padding: 6px 0px 6px 14px;
margin-left: 1px;
font-size: 16px;
}

div#menu ul li a{
background: url('../../BowmanSalesHome/images/menuExpander.jpg') no-repeat right center;
line-height: 29px;
font-size: 15px;
padding: 8px 19px 7px 6px;
text-decoration: none;
color: #fff;
}

div#menu ul li a:hover{
color: #191919;
}

/********************************************************Content Area Styles********************************************************/

div#middle {
background: #dcdcdc url('../../BowmanSalesHome/images/greyBackgroundBar.jpg') repeat-x left top;
position: relative;
width: 100%;
font-size: 11px;
}

div#contentTopper {
position: relative;
z-index: 1;
background: url('../../BowmanSalesHome/images/contentTopper.jpg') no-repeat center top;
width: 100%;
height: 174px;
margin: 0px auto 0px;
}

div#contentArea {
position: relative;
z-index: 2;
margin: -165px 1px 0px 0px;
}

div#contentWrapper {
position: relative;
width: 744px;
min-height: 300px;
margin: 0px auto;
clear: both;
}

div#contentBottom {
position: relative;
z-index: -1;
margin: -129px auto 0px;
background: url('../../BowmanSalesHome/images/contentFooter.jpg') no-repeat bottom center;
width: 770px;
height: 130px;
}

div#bottom {
position: relative;
z-index: -2;
margin: -9px auto 0px;
background: #0c0c51;
width: 100%;
height: 17px;
}

/********************************************Blue Module Boxes*****************************************/
form {
padding-bottom: 0px;
margin-bottom: 0px;
}

div.module {
margin-bottom: 8px;
}

#calc {
margin-bottom: 6px;
padding: 0px;
}

div.module div div div h3 {
background: #dcdcdc url('../images/moduleTop.gif') no-repeat center top;
padding: 8px 30px 11px; 
margin: 0px;
font-size: 16px;
color: #fff;
font-weight: 100;
text-align: left;
}

div.module div div{
background: url('../../BowmanSalesHome/images/moduleMiddle.jpg') repeat-y center top;
width: 180px;
color: #fff;
font-weight: 100;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom; 0px;
}

div.module div div div{
background: url('../../BowmanSalesHome/images/moduleBottom.jpg') no-repeat center bottom;
width: 180px;
padding-top: -5px;
padding-bottom: 15px;
}

.blueModule {
width: 156px;
margin-left: 14px;
text-align: left;
background: none !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}

.blueModule .inputbox {
margin-bottom: 3px;
}

.blueModule .button {
margin: 6px 0px;
}

#calc .button {
margin: 9px 0px;
}

#homeButtons {
margin-bottom: 8px;
}

select {
margin-bottom: 3px;
width: 150px;
}

span select {
width: 73px;
}

#intContent {
position: relative;
float: left;
width: 545px;
}

#rightSide {
position: relative;
float: right;
width: 180px;
}

/*********************************Vehicle Page****************************************************/
#vehicleInfo {
position: relative;
float: left;
width: 250px;
text-align: left;
margin-left: 10px;
}

#vehicleInfo  li {
margin-top: 2px;
color: #000 !important;
}

#vehicleInfo  ul{
margin-top: 0px;
padding-left: 27px;
list-style-image: url('../images/vehicleListDot.jpg') !important;
}

#displayBox {
position: relative;
float: right;
width: 250px;
text-align: left;
}

#vehicleInfoHeader {
background: url('../images/vehicleInfoBg.jpg') no-repeat;
width: 247px;
height: 29px;
font-size: 16px;
color: #fff;
font-weight: 100;
padding-top: 5px;
padding-left: 20px;
}

#displayBox  li {
margin-top: 2px;
color: #000 !important;
}

#displayBox  ul{
list-style-image: none !important;
list-style-type: none !important;
padding-left: 15px !important;
margin-bottom: 5px;
}

.autoThumb {
margin-bottom: 4px;
margin-top: 0px;
border: 1px solid #fff !important;
}

.autoThumb:hover {
border: 1px solid #0c0c51 !important;
}

td.h3 h4 {
margin: -5px 0px 0px;
font-size: 12px !important;
padding: 0px;
}

h2.auto {
display: inline !important;
background: url('../images/headerDot.jpg') no-repeat !important;
float: left;
font-size: 16px;
margin-right: 0px !important;
padding: 0px 0px 0px 22px !important;
margin-top: 8px !important;
margin-left: 3px !important;
margin-bottom: 0px !important;
color: #0c0c51 !important;
}

#tools {
float: right;
margin-top: 12px;
}

#tools a{
background: none !important;
text-decoration: none;
}

#tools a:hover{
background: none !important;
text-decoration: underline;
}

#bigPicture {
border: 1px solid #fff;
}

#headerUnderline {
margin: 0px 0px 0px 4px !important;
height: 1px;
padding: 0px;
line-height: 1px;
}

img#headerUnderline2 {
margin: 0px 0px 0px 20px !important;
height: 1px;
padding: 0px;
line-height: 1px;
}

td.h3 h4.special {
color: #ff0000;
font-size: 10px !important;
display: inline;
}

#vehicleInfo ul li h4.special {
display: inline;
color: #ff0000;
font-size: 11px;
}

span.stock {
font-size: 10px;
}

div#moreFeatures {
width: 210px;
margin: 8px auto;
}

dive#moreFeatures strong {
display: block;
color: #0c0c51;
font-size: 12px;
}

table tr td {
font-size: 11px !important;
}

table.contentpaneopen {
text-align: left;
}

table.contentpaneopen tr td div{
margin-left: 45px;
line-height: 16px;
}

table.contentpaneopen tr td h2 {
margin-top: 0px;
margin-bottom: 10px;
color: #19195b;
background: url('../images/biggestDot.jpg') no-repeat;
padding-left: 45px;
line-height: 17px;
padding-top: 2px;
font-size: 19px;
height: 35px;
}

table.contentpaneopen tr td h2 strong {
font-size: 13px;
color: #333;
}

#contactInfo {
background: none !important;
text-align: left;
margin-left: 12px;
padding-bottom: 0px;
margin-bottom: 5px;
}

p.strong {
font-size: 13px;
font-weight: 600;
margin-top: 10px;
margin-bottom: 2px;
}

p.strong strong {
font-size: 13px;
font-weight: 600;
margin-bottom: 0px;
text-decoration: underline;
}

p.indent {
margin-top: 0px;
color: #ddd;
margin-bottom: 0px;
margin-left: 17px;
}

#footer {
position: relative;
z-index: -2;
padding-top: 5px;
background: #0c0c51;
width: 100%;
height: 133px;
text-align: center;
}

#footer div{
width: 740px;
text-align: left;
margin: 0px auto 10px;
font-size: 10px;
color: #999;
line-height: 11px;
}

#footer div#links a{
font-size: 10px;
color: #eee;
text-decoration: none;
line-height: 12px;
}

#footer div#links a:hover{
font-size: 10px;
color: #ddd;
text-decoration: underline;
}

#footer div#copy a{
font-size: 10px;
color: #999;
text-decoration: none;
}

#rightButtons {
position: relative;
float: right;
width: 180px;
margin-top: 0px;
}

div ul {
list-style-type: disc !important;
color: #333;
}

.salesman {
margin: 0px 0px 10px 80px !important;
width: 430px;
height: 97px;
}

.salesman img {
margin-right: 15px;
}

.salesman span {
color: #0c0c51;
font-size: 16px;
}

.salesman span strong {
color: #666;
font-size: 11px;
}

.salesman strong {
color: #222;
}

table.contentpaneopen tr td div {
margin-bottom: 12px;
}

.aboutLeft {
position: relative;
float: right;
width: 230px;
margin-top: 5px;
}

.aboutRight {
position: relative;
float: left;
width: 180px;
margin-top: 5px;
}

.aboutLeft strong{
font-size: 13px;
color: #0c0c51;
}

.aboutRight strong{
font-size: 13px;
color: #0c0c51;
}

div.componentheading {
background: transparent url(../images/headerDot.jpg) no-repeat scroll 0 0 !important;
font-size: 16px;
font-family: "arial black";
color: 0C0C51;
padding-left: 25px;
}

.bssthanks {
font-size: 14px;
color: #19195b;
}

div.message {
margin: 0px 0px;
font-size: 0px;
line-height: 0px;
font-weight: 100;
}