/***** Body stuff *****/
body { min-width: 978px; min-height: 100%; background: #364833 url('/images/layout/bg_gr_stripe.png') center top; font-family: Verdana, Tahoma, Sans-serif; font-size: 14px; line-height: 1.4em; }

/***** Layout *****/
div.gradient { height: 292px; position: relative; top: 0; z-index: 0; margin-bottom: -292px; background: url('/images/layout/bg_gradient_gr_stripe.png') left top repeat-x; }
table.wrapper { height: 100%; width: 978px; position: relative; z-index: 2; min-height: 100%; margin: 0 Auto; }
table.wrapper td.top { vertical-align: top; }
table.wrapper td.bottom { vertical-align: bottom; }
td { font-size: 14px; line-height: 1.4em; vertical-align: top; }

/***** Design *****/
.photo, .pic { border: solid 1px #336699; }
.photo2 { border: solid 10px #336699; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #336699; }
.photo2 .photo { border-color: #000; }
float-left, float-right { position: relative; }
h1 { color: #336699; font-size: 36px; line-height: 48px; font-weight: bold; font-style: italic; }
.main_srv h1 { color: #98012e; }
strong { color: #336699; }
strong.alt { color: #98012e; }
.b2b_1 { color: #98012e; }
.b2b_2 { color: #000; }
.bcc_1 { color: #336699; }
.bcc_2 { color: #98012e; }

.cufon-active .rockwell canvas { margin-top: -1px; }

div.em { text-align: center; margin:1em 0 1em 0; font-size: 1.5em; color: #336699; }
div.em strong { color: #98012e;}

.top_slide { width: 324px; height: 224px; float: right; position: relative; z-index: 15; float: right; margin: -60px 10px 10px 15px; }
.sphoto { padding: 10px; border: solid 1px #336699; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #336699; }
.sphoto img { border: solid 1px #000; }

/***** Headers *****/
div.header { position: relative; }
div.header div.logo { width: 552px; height: 122px; position: absolute; }
div.header #logo_b2b { top: -122px; }
div.header #logo_bcc { top: 0px; }

div.header div.phone { float: right; width: 330px; height: 100px; margin-top: 20px; position: relative; }
div.phone img { position: absolute; }
div.phone #ph_sales { top: 0; }
div.phone #ph_service { top: 40px; }

/***** Offers *****/
div.offer { margin: 0 50px 1em 50px; border: 10px solid #336699; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
div.offer2 { border-color: #98012e; }
div.offer div { border: 1px solid #000; padding: 1em; background: #f8f9fa; font-size: 14px; line-height: 1.5em; }

/***** Menu *****/
div.nav { height: 59px; position: absolute; width: 978px; overflow: hidden; top: -59px; background: url(/images/layout/menu_bg_bcc.png) top left no-repeat; }
div.nav div#bg_bcc { background: url(/images/layout/menu_bg_bcc_noshadow.png) top left no-repeat; width: 978px; height: 59px; top: 0; left: 0; position: absolute; z-index: 8; }
div.nav div#bg_b2b { background: url(/images/layout/menu_bg_b2b_noshadow.png) top left no-repeat; width: 978px; height: 59px; top: 59px; left: 0; position: absolute; z-index: 9; }
div.nav div.menu { position: absolute; width: 960px; top: 25px; left: 29px; color: #fff; z-index: 10; font-size: 18px; font-style: italic; line-height: 24px; height: 30px; vertical-align: top; }
div.menu a:link, div.menu a:visited { color: #fff; }
div.menu a:hover { color: #ccc; }

div.outer { margin-top: 209px; position: relative; background: url(/images/layout/page_bg.png) top left repeat-y; height: auto; }
div.outer div.cornercar { position: absolute; z-index: 12; top: -79px; right: -5px; }
div.outer div.cornercar { top: -89px; }
div.outer div.content { background: #fff url(/images/layout/content_bg_nosides.png) 0 0 no-repeat; padding: 10px 10px; min-height: 168px; z-index: 3; }
div.content { margin: 0 10px; background: #fff; z-index: 5; }
div.outer div.banner { position: relative; left: -21px; }

div.main { margin: 0 10px; color: #444; font-family: Arial; font-weight: bold; }
div.main { position: relative; margin: 0  0 0 220px; width: 705px; }

div.content div.list-enc { overflow: auto; }

/***** Inventory Mockup *****/
div.inv_specials { width: 182px; float: left; position: relative; padding: 20px 15px 0 5px; border-right: solid 1px #c1c1c1; margin-right: 20px; z-index: 10; }
div.inv_specials a { display: block; width: 172px; padding: 5px; margin-bottom: 20px; background: #336699; border: 1px #336699 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
div.inv_specials img { border: 1px solid #000; margin: 0; }
div.inv_specials h3 { color: #336699; margin-bottom: 5px; }
div.inv_specials ul { list-style: none; padding: 0; }
div.inv_specials ul li { margin: 0; font-weight: bold; height: 24px; line-height: 21px; padding-left: 10px; vertical-align: top; }
div.inv_specials ul li.currentcat { background: url(/images/layout/cat_current.png) top left no-repeat; }
div.inv_specials ul li a { display: inline; background: none; border: none; color: #000; margin: 0; padding: 0; line-height: 21px; }
div.inv_specials ul li.currentcat a { color: #fff; }
div.inv_specials ul a:hover { color: #98012e; }
div.inv_specials ul li.currentcat a:hover { color: #ffa; }
table.inv_fields { width: 250px; margin-bottom: 1em; }
table.inv_fields td { width: 50%; padding: 0 10px; }
table.inv_fields td.title, table.inv_fields td.inv-field-header { text-align: right; font-weight: bold; color: #336699; border-right: solid 1px #c1c1c1; }
.inv_images { float: left; position: relative; margin-right: 20px; width: 402px; }
.inv_details { float: left; position: relative; margin: 0; width: 275px; }
.inv_large { width: 400px; height: 300px; overflow: hidden; }
ul.carousel { margin: 20px 0 20px 23px; width: 380px; }
ul.carousel li { margin: 5px; display: inline; }
div.title { font-weight: bold; color: #336699; }

/***** Contact *****/
table.contact_block { width: auto; margin-bottom: 20px; }
table.contact_block td { width: 50%; }
table.contact_info { width: 300px; }
table.contact_info td { width: 50%; padding: 0 10px 10px 10px; white-space: nowrap; }
table.contact_info td.title { text-align: right; font-weight: bold; color: #336699; border-right: solid 1px #c1c1c1; }

/***** Credit App *****/
.form-text { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #000000; }
.form-text td { padding: 2px; }
.headline { padding: 3px; border-bottom: 1px solid #002D96; font-weight: bold; font-size: 18px; line-height: 24px; color: #FFFFFF; background-color: #336699; }
.content-frame { border: 1px solid #000000; background-color: #CEE0EA; width: 700px; margin: 0 auto; }
.content-inner { padding: 10px 10px 10px 10px; }
.content-text { padding: 5px 5px 5px 5px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10pt; color: #000000; font-weight: bold; text-align: justify; text-justify: distribute; }
.specials-text { font-family: Comic Sans MS, Verdana, Arial, Helvetica, Sans-Serif; font-size: 12pt; font-weight: bold; color: #000000; }

/**** Commercials *****/
.vid_thumbs { margin-top: 5px; padding-left: 15px; }
.vid_thumbs a { display: block; width: 214px; float: left; margin: 15px 15px 0 0; text-align: center; }
.vid_thumbs a img { border: solid 1px #336699; }

/***** Specials *****/
table.specials { width: 920px; margin-left: 10px; }
.specials h1 { margin-bottom: 20px; }
.bcc_special { width: 419px; border-right: 1px solid #ccc; padding: 0 20px; }
.b2b_special { width: 419px; padding: 0 20px; }

/***** Service *****/

.service_slide { width: 300px; height: 243px; float: right; position: relative; z-index: 15; float: right; 
	margin: -60px 10px 10px 15px; border: solid 10px #336699; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; }
.service_slide embed { margin: 0; }
.service_slide object { margin: 0; }


/***** Footer *****/
#curve_bottom { background: transparent url(/images/layout/footer_top.png) top center no-repeat; height: 60px; vertical-align: top; color: #ccc; }
#curve_bottom a:link, #curve_bottom a:visited { color: #aaa; }
.footer { margin: 0 30px 5px 30px; color: #ccc; }
.footer a:link, .footer a:visited { color:#aaa; }