/* reset */

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

/* elements */

body {
background-color:#1c2529;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:0;
font-size:12px;
line-height:1em;
color:#80a1b2;/*678493*/
/*background: url(../images/ui/bg_glow.jpg) 50% -100px fixed no-repeat #1c2529;*/
/*background:url(../images/ui/18px_grid.png) 0 -1px repeat #1c2529;*/
}
img {
border:none;
vertical-align:bottom;
}
li {
list-style:none;
}
h2,
h3,
h4,
p,
span,
td,
li {
line-height:1.5em;
}
p {
margin:0 0 1.5em 0;
padding:0;
color:#80a3b5;
padding-left:0;
}
acronym {
cursor:help;
}
hr {
border:none;
/*margin:2.25em -10px 2.125em -10px !important;*/
margin:2.25em 0 2.125em 0 !important;
border-top:.25em solid #33424a;
background-color:#33424a;
float:none;
clear:both;
overflow:auto;
}
ul + p {
margin-top:3em;
}

/* links */

a,
a:link {
color:#a5e0ff;
text-decoration:none;
}
a:hover,
a:visited:hover {
color:#c2de76;
text-decoration:none;
}
a:active,
a:focus,
a:visited:focus {
color:#c2de76;
}
a:visited {
color:#81caf1 !important;
}
a:visited:hover {
color:#c2de76 !important;
}
a.external,
a.external:link {
padding-right:10px;
margin-right:3px;
background:url(../images/ui/icon_link_external.gif) 100% 5px no-repeat;
}
a.external:visited {
padding-right:10px;
margin-right:3px;
background:url(../images/ui/icon_link_visited.gif) 100% 5px no-repeat;
}
a.external.bigimage {
background:url(../images/ui/icon_link_external.gif) 100% 0 no-repeat;
padding-bottom:10px !important;
}
a.external.bigimage:visited {
background:url(../images/ui/icon_link_visited.gif) 100% 0 no-repeat;
}
a.external:hover,
a.external:visited:hover {
}
a.imglink:hover,
a.imglink:focus {
background-color:#33424A !important;
}

/* headings */

h1 {
clear:none;
font-size:2.0em;
line-height:1.5em;
margin:.625em 0 1.25em 0;
padding:0 0 0 0;
font-style:italic;
text-transform:none;
letter-spacing:-1px;
font-weight:normal;
color:#80a3b5;
}
h1 a,
h1 a:link {
color:#81caf1;
font-weight:normal;
}
h1 a:hover,
h1 a:visited:hover
h1 a:focus {
color:#c2de76;
}
#header h1 span {
position:absolute;
top:-1000px;
left:-1000px;
}
h2 {
font-size:1em;
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
margin:0 0 1.5em 0;
padding:0 0 0 0;
clear:both;
letter-spacing:2px;
}
h2 a, h2 a:link, h2 a:visited{
color:#ffffff;
}
h3,
.h3 {
font-size:1em;
font-weight:bold;
color:#fff;/*81caf1*/
margin:0 0 1.5em 0;
padding:0 0 0 0;
font-style:italic;
}
h3 span.floatrt {
font-style:normal;
font-weight:normal;
}
h4,
.h4 {
font-size:1em;
font-weight:normal;
color:#ffffff;
margin:0 0 0 0;
padding:0 0 0 0;
}
h5 {
font-size:1em;
font-weight:normal;
color:#81caf1;
/*margin:-.5em 0 .25em 0;
padding:0 0 0 0;
line-height:1.5em;
overflow:visible;*/
}
h5 * {
vertical-align:middle;
}
::selection,
::-moz-selection {
background:#506773;
color:#fff;
}

/* layout */

div#container {
padding:0 10px;
}
div#header {
clear:both;
overflow:visible;
width:940px;
margin:0 auto 0 auto;
padding: 0 1em 0 1em;
height:114px;
z-index:100;
}
div#main,
div.content {
margin:0 auto 0 auto;
width:940px;
padding:2em 1em 2em 1em;
z-index:10;
position:relative;
}
div.content {
margin:0 auto 0 auto;
padding:2em 10px 0 10px;
width:940px;
}
div#logo,
div#menu {
float:left;
clear:none;
}
div#logo {
margin-top:1.5em;
/*padding:0 !important;*/
}
div#logo h1 {
margin:0 !important;
padding:0 !important;
}
div#logo a,
div#logo a:link,
div#logo a:visited {
color:#81caf1 !important;
display:block;
height:114px;
width:175px;
background:url(../images/ui/logo.gif) 0 6px no-repeat transparent;
margin-left:5px;
}
div#logo a:hover {
color:#81caf1 !important;
display:block;
height:114px;
width:175px;
background:url(../images/ui/logo.gif) 0 -148px no-repeat transparent;
}
div#menu {
margin-top:4em;
}
div#menu h2 {
position:absolute;
top:-1000px;
left:-1000px;
font-weight:normal;
letter-spacing:0;
color: #4286ab;
margin:0;
padding:.75em .75em .75em 0;
font-size: 0.82em;
}
div#menu a.active:visited {
color:#ffffff !important;
}
div#menu a.active {
background-color:#455963;
text-transform:uppercase;
}

div#footer {
width:940px;
margin:0 auto 0 auto;
padding:4.5em 10px 1em 10px;
}
div#footer p {
font-family:Georgia, "Times New Roman", Times, serif;
color:#678493;
font-size:.82em;
line-height:1em;
text-transform:uppercase;
padding: 0;
}
a#toplink {
color:#4286AB;
padding-left:15px;
background:url(../images/ui/button_scroll_up.gif) 0 .5em no-repeat transparent;
}
a#toplink:hover {
color:#ffffff;
}
div#footer a {
color:#4286AB;
margin-right:10px;
}
div#footer a:hover {
color:#a5e0ff;
}
div#footer a.external,
div#footer a.external:link {
padding-right:12px;
background:url(../images/ui/icon_link_external.gif) 100% 2px no-repeat;
}
div#footer a.external:visited {
padding-right:12px;
background:url(../images/ui/icon_link_visited.gif) 100% 2px no-repeat;
}

/* grid */

.col1 {
width:50px;
}
.pl1 {
padding-left:80px;
}
.col2 {
width:130px;
}
.pl2 {
padding-left:160px;
}
.col3 {
width:210px;
}
.col4 {
width:290px;
}
.col5 {
width:370px;
}
.col6 {
width:450px;
}
.col7 {
width:530px;
}
.col8 {
width:610px;
}
.col9 {
width:690px;
}
.col10 {
width:770px;
}
.col11 {
width:850px;
}
.col12 {
width:930px;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
margin:0 30px 0 0;
float:left;
}

/* classes */

div.mediumdarkbg {
background-color:#455963;
color:#ffffff;
min-width:960px;
}
div.mediumdarkbg p {
color:#ffffff;
}
div.superdarkbg {
/*background-color:#1c2529;*/
min-width:960px;
}
div.darkbg {
/*	background:url(../images/ui/bg_grad.gif) 0 0 repeat-x #283339;*/
/*background-color:#283339;*/
padding:0 0 0 0;
min-width:960px;
position:relative;
}
div.dark {
background-color:#1c2529;;
}
div.lightbg {
/*background-color:#33424a;*/
color:#1c2529;
padding:0 0 0 0;
min-width:960px;
position:relative;
}
div.lightbg h2 {
color:#283339;
}
p.tagline {
font-size:.82em;
margin:0 0 2em 1em;
font-style:italic;
display:none;
}
ul.plain {
padding:0 0 0 0;
margin:0 0 1em 0;
}
ul.bulleted {
margin:0 0 1.5em 0;
}
ul.bulleted li{
padding-left:10px;
margin-left:-10px;
background:url(../images/ui/bullet_square.gif) 0 8px no-repeat;
}

ul.textviewertable {
margin: 1.5em 0 1.5em 0;
}
ul.textviewertable li {
margin-bottom:.75em;
}
ul.textviewertable span {
overflow:hidden;
display:block;
}
.floatlt {
float:left;
}
.floatrt {
float:right;
}
.clearrt {
clear:right;
}
.clearer {
clear:both;
}
.centered {
text-align:center;
}
.amp {
line-height:.5em;
font-style:italic;
font-family:Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:.9em;
}
.last {
margin-right:0 !important;
}

/* forms */

input {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 0 .5em 0;
float:left;
border:none;
padding:.5em 5px;
}
input[type=text]{
background-color:#33424a;
color:#ffffff;
width:200px;
border:1px solid #33424a;
}
input[type=text]:hover{
background-color:#455963;
}
input[type=text]:focus{
background-color:#506773;
border-bottom:1px solid #678493;
}
input#submitbutton{
background-color:#1c2529;
color:#4286AB;
border:none;
float:right;
font-size:.82em;
text-transform:uppercase;
margin:0 .5em 0 0;
padding:1em;
cursor:pointer;
}
input#submitbutton:hover {
color:#a5e0ff;
}
label {
clear:left;
float:left;
display:block;
width:80px;
padding:.75em 0 .5em 0;
margin-bottom:.5em;
color:#4286AB;
line-height:2em;
font-size:.82em;
text-transform:uppercase;
text-align:center;
cursor:pointer;
}
span.label {
float:left;
display:block;
width:60px;
padding:.5em 0 .5em 0;
margin-right:1em;
line-height:1em;
text-align:center;
clear:left;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
p.label {
display:block;
padding:.5em .5em .5em 0;
margin:0;
color:#506773;
font-size:.82em;
line-height:1.5em;
text-transform:uppercase;
vertical-align:top;
}
span.label,
span.labelinline{
background-color:#283339;/*#1c2529*/
color:#506773;
font-size:.82em;
text-transform:uppercase;
overflow:visible;
}
textarea {
float:none;
clear:both;
border:none;
width:360px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
margin:0 0 .5em 0;
padding:.5em 5px;
background-color:#33424a;
border-bottom:1px solid #33424a;
color:#ffffff;
}
textarea:hover {
background-color:#455963;
}
textarea:focus {
background-color:#506773;
border-bottom:1px solid #678493;
}
.validation-advice {
padding-top:0.5em;
padding-left:0.5em;
overflow:hidden;
clear:both;
margin-left: 75px;
}
input.validation-failed,
textarea.validation-failed {
border-bottom:1px solid #678493;
}
label.error {
color:#73A3B5;
display:block;
width:100%;
padding-top:0;
}

/* misc */

.fatty {
border:10px solid #000;/*1c2529;*/
/*margin:0 -10px;*/
margin:0 0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color: #000;/*1c2529;*/
}
div#vin-ad {
background-color:#fff;
clear:both;
color:#333;
padding:5px 0;
margin-bottom:2em;
}
div#vin-ad img {
margin-right:10px;
margin-top:12px;
margin-bottom:5px;
}
div#vin-ad p {
margin-bottom:0;
}
div#vin-ad div {
padding:10px;
border:1px solid #ccc;
margin:0 5px !important;
}
#flashContent {
margin-bottom:1.5em;
}
#smiler {
margin-bottom:1.9em;
}
#smiler img {
width:290px;
height:155px;
}
#ie6msg {
display:none;
}
.vgrid {
background-image:url(../images/ui/18px_grid.png);
background-position:0 -7px;
background-repeat:repeat;
}
.hgrid {
background-image:url(../images/ui/12_column_grid.png);
background-position:1em -1em;
background-repeat:repeat-y;
}
.swatch {
height:4.5em;
margin-bottom:1.75em;
margin-top:-.25em;
/*outline:10px solid #1c2529;*/
}

/* clearing floats */

.clear {
clear:both;
}
.clearlt {
clear:left;
}
.clearfix:after {
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
