﻿/* id's */

#wrapper { width:1000px; text-align:left; margin:0 auto;  background-repeat:no-repeat; background-image:url(images/bg2.jpg); background-repeat:no-repeat; background-color:#372b77 }
#header { width:980px; height:150px; margin:0px 0px 10px 10px; }
#leftcol { float:left; height:580px; width:153px; position:relative; left:10px; overflow:hidden}
#leftcol_top { background-image:url(images/sidecol_top.png); height:45px; width:153px; background-repeat:no-repeat}
#leftcol_content { background-image:url(images/sidecol_content.jpg); height:515px; background-repeat:repeat-y}
#leftcol_bottom { background-image:url(images/sidecol_bottom.png); height:20px; width:153px; background-repeat:no-repeat}
#middlecol { height:580px; width:824px; overflow:hidden}
#middlecol_top { background-image:url(images/middlecol_top.png); height:45px; background-repeat:no-repeat; background-position:right}
#middlecol_content { background-image:url(images/middlecol_content.png); height:515px; background-repeat:repeat-y; background-position:right; text-align:right; overflow:hidden}
#middlecol_text { width:615px; position:relative; right:15px; text-align:left; float:right; background-image:url(images/bg_logo.jpg); background-repeat:no-repeat; background-position:center; height:450px; overflow:hidden}
#middlecol_bottom { background-image:url(images/middlecol_bottom.png); height:20px; background-repeat:no-repeat; background-position:right}
#rightcol { float:right; height:580px; width:153px; position:relative; right:10px; overflow:hidden}
#rightcol_top { background-image:url(images/sidecol_top.png); height:45px; width:153px; background-repeat:no-repeat}
#rightcol_content { background-image:url(images/sidecol_content.jpg); height:515px; background-repeat:repeat-y; }
#brands {width:130px; overflow:hidden; position:relative; left:11px; text-align:center}
#rightcol_bottom {  background-image:url(images/sidecol_bottom.png); height:20px; width:153px; background-repeat:no-repeat}

#footer { width:1000px; height:200px}
#footer_top { width:980px; height:18px; background-image:url(images/footer_top.png); background-repeat:no-repeat; margin: 10px 0px 0px 10px}
#footer_content { width:980px; background-image:url(images/footer_content.jpg); background-repeat:repeat-y; margin-left:10px; height:35px}
#footer_bottom { width:980px; height:18px; background-image:url(images/footer_bottom.png); background-repeat:no-repeat; margin-left:10px}
#no_bg {width:1000px; text-align:left; margin:0 auto;}
/* html elements */

body { text-align:center; font-family:Garamond; font-size:12px; background-image:url(images/bg_body.jpg); background-repeat:repeat-x }
p { margin:0px 0px 5px 0px; padding:0px 0px 0px 0px}
a { text-decoration:none}
h1 { margin:10px 0px 0px 0px; padding:0px 0px 0px 10px; color:#FFF; font-size:48px}
h2 { margin:20px 0px 0px 0px; padding:0px 10px 0px 0px; color:#FFF; font-size:36px; text-align:right}
h3 { margin:0px 0px 0px 0px; padding:0px 10px 0px 0px; color:#FFF; font-size:24px; font-style:italic; text-align:right}
h4 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:14px; color:#009 }
h5 { margin:5px 20px 5px 20px; padding:0px 0px 0px 0px; font-size:14px; border:1px solid #999; font-weight:bold}
h6 { margin:0px 0px 0px 20px; padding:5px 0px 0px 0px; color:#FFF; font-size:18px}
table {margin:0px 0px 5px 50px; padding:0px 0px 0px 0px; border:1px solid #999; color:#009; text-align:center}
tr {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
td {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
form input, form textarea { filter: alpha(opacity=50):moz-opacity: .50; opacity: .50; border:1px solid #999 }

/* compound elements */
#wrapper #middlecol #middlecol_top h6 { margin-left: 193px;}
#wrapper #middlecol #leftcol #leftcol_content ul li { list-style-position: outside; list-style-image: url(images/bullet.jpg); margin: 0px 10px 10px 30px; padding:0px 0px 0px 0px}
#wrapper #middlecol #leftcol #leftcol_content ul li.active {list-style-image:url(images/bullet_active.jpg)}
#wrapper #middlecol #leftcol #leftcol_content ul { margin: 0px; padding: 0px 0px 0px 0px;}
#wrapper #rightcol #rightcol_content #brands a:link, #wrapper #rightcol #rightcol_content #brands a:visited {color:#FFF; text-decoration:none; text-align:center; margin:0px 0px 5px 0px}
#wrapper #rightcol #rightcol_content #brands a img {margin:0px 0px 10px 0px}
#wrapper #footer #footer_content div a img {height:35px; position:relative; left:10px}
#wrapper #footer #footer_content div {float:left; width:200px}
#wrapper #footer #footer_content p {text-align:right; margin:0px 10px 0px 0px; float:right; width:500px}
#wrapper #leftcol #leftcol_content ul li a:link {color:#00F}
#wrapper #leftcol #leftcol_content ul li a:active {color:#00F}
#wrapper #leftcol #leftcol_content ul li a:visited {color:#00F}
#wrapper #leftcol #leftcol_content ul li a:hover {color:#00F; text-decoration:underline}
#wrapper #footer #footer_content a {color:#FFF}
#wrapper #footer #footer_content a:visited {color:#FFF}
#wrapper #footer #footer_content p a {color:#00F}
#wrapper #footer #footer_content p a:visited {color:#00F}

/* Classes */

.fl_l {float:left}
.fl_r {float:right}
.logo { position:relative; top:-330px; left:20px; float:left}
.blue {color:#09C;}
.indent {margin:0px 10px 5px 10px}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}