@charset "utf-8";
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
font-weight:inherit;
font-style:inherit;
font-family:inherit;
text-align:left;
}

body {
width:100%;
text-align:center;
color:#fff;
background:#7c7c7c;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1, h2, h3, h4, h5 ,h6{
color:#0084ba;
font-weight:bold;
margin-bottom:10px;
}
h1{
font-size:24px;
font-weight:normal;
}
h2 {
font-size:16px;
}
h3{
font-size:14px;
}
h4, h5, h6{
font-size:12px;
}
a, a:visited{
color:#0084ba;
font-weight:normal;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
cite {
display:block;
font-size:11px;
font-style:normal;
line-height:1.4em;
color:#767676;
margin:0 0 20px 2px;
}
strong{
font-weight:bold;
}
td {
vertical-align:top;
}
acronym{
border:0;
}
ul, ol{
margin-bottom:10px;
}
hr {
clear:both;
height:0px;
padding-top:15px;
margin-bottom:10px;
border:none;
border-bottom:1px solid #d9d9d9;
}

/*
Classes
*/

.center{
width:900px;
margin:0 auto;
}
.clear{
clear:both;
}
.floatleft{
float:left;
margin-right:10px;
}
.h2gap{
font-size:16px;
margin-bottom:15px;
}

/*
Use the .floatright-*** classes for pictures with captions or multiple pictures in a column.
For single images, use the .imgwrap-*** classes.
*/
.floatright, .floatright-150, .floatright-200, .floatright-250, 
.floatright-300, .floatright-350{
float:right;
margin-left:10px;
}
.floatright-150{ width:154px; }
.floatright-200{ width:204px; }
.floatright-250{ width:254px; }
.floatright-300{ width:304px; }
.floatright-350{ width:354px; }

/*
Use the .imgwrap-*** classes for single images
For pictures with captions or multiple pictures in a column, use the .floatright-*** classes.
*/
.imgwrap, .imgwrap-150, .imgwrap-200, .imgwrap-250,
.imgwrap-300, .imgwrap-350{
padding:1px;
border:1px solid #ccc;
}
.imgwrap-150, .imgwrap-200, .imgwrap-250,
.imgwrap-300, .imgwrap-350{
float:right;
margin:0 0 10px 10px;
}
.imgwrap-150{ width:150px; }
.imgwrap-200{ width:200px; }
.imgwrap-250{ width:250px; }
.imgwrap-300{ width:300px; }
.imgwrap-350{ width:350px; }

.minheight{
height:400px;
width:0px;
float:left;
}
.nogap, #content .nogap{
margin-bottom:0;
}
.note{
color:#090;
}
.listsplit{
width:50%;
float:left;
}
.smallblackh1{
color:#333;
font-size:20px;
font-style:italic;
}
.smallblackh2{
color:#333;
font-size:14px;
font-weight:bold;
}
.smalltext{
font-size:11px;
}
.totop{
text-align:right;
}

/*
Top Bar
*/

#topbar{
background:#000;
padding:3px 4px 3px 0px;
overflow:hidden;
}
#topbar a, #topbar a:visited{
display:block;
float:right;
color:#ccc;
text-decoration:none;
padding:5px 24px 3px 20px;
}
#topbar a:hover{
text-decoration:underline;
}

#topbar form{
text-align:right;
float:right;
}
#topbar #search{
display:block;
font-size:10px;
width:120px;
height:12px;
margin:3px 0;
background:#ccc;
}
#topbar label{
display:block;
}
#topbar label a, #topbar label a:visited{
text-transform:uppercase;
padding:5px 11px 3px 5px;
}
#topbar label a:hover{
}

/*
Header
*/

@media screen {
#printheader{
visibility:hidden;
display:none;
}
}

#header{
height:154px;
background:#00a2e3 url(images/header-bg.png) top left repeat-x;
text-align:left;
}
#header .logo{
float:left;
position:relative;
left:-43px;
z-index:1;
}
#header .slogan{
float:right;
margin-top:49px;
position:relative;
left:5px;
}

/*
Body/Page
*/

#pagebody{
background:#fff url(images/page-bg.png) 0 0 repeat-x;
}
#pagebody div.center{
background:url(images/page-borders.png) right top repeat-y;
padding-bottom:10px;
}

/*
Topnav
*/

#topnav{
width:690px;
float:right;
margin-top:-38px;
position:relative;
z-index:2;
}
#topnav img{
display:block;
float:left;
}
#topnav a{
color:#fff;
}

/*
Subheader/Models/Sweepers
*/
#subheader{
clear:both;
width:672px;
float:right;
padding:0 9px 0px 9px;
background:url(images/side-shadows.png) 0 0 no-repeat;
}
#subheader h2{
color:#a2d3e4;
background:#000;
font-size:16px;
font-weight:bold;
margin:0;
padding:4px 0 4px 10px;
border-bottom:2px solid #a2d3e4;
}
#subheader .blackbar {
color:#ccc;
background:#000;
font-size:11px;
margin:0;
border-bottom:2px solid #a2d3e4;
overflow:hidden;
}
#subheader .blackbar a.icon-print {
padding:5px 10px 5px 25px;
background-position: 4px -302px;
}
#subheader img {
border-top:1px solid #000;
}
#subheader .breadcrumbs {
color:#ccc;
float:left;
padding:5px 0 5px 10px;
}
#subheader .breadcrumbs a, #subheader .breadcrumbs a:visited {
color:#ccc;
}
#subheader .breadcrumbs a:hover {
text-decoration:underline;
}
#subheader img{
float:left;
border-bottom:3px solid #000;
}
.modelinfo{
color:#fff;
background:#333;
float:left;
width:172px;
height:192px;
padding:10px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:3px solid #000;
}
.modelinfo p{
margin-bottom:10px;
}
#subheader h3{
color:#a2d3e4;
font-size:12px;
font-weight:bold;
margin-bottom:0;
}
.tabs{
clear:both;
background:url(images/tab-bg.png) 0 0 repeat-x;
overflow:hidden;
border:1px solid #ababab;
border-top:none;
}
.tabs a{
display:block;
float:left;
text-decoration:none;
color:#333;
padding:5px 28px;
border-right:1px solid #ababab;
}
.tabs a:hover{
background:url(images/tab-hover.png) 0 0 repeat-x;
}
.tabs a.current{
background:#ccc url(images/tab-select.png) 0 0 repeat-x;
}
a.icon-print{
display:block;
float:right;
font-size:11px;
background:#000;
color:#ccc;
padding:7px 10px 0px 25px;
}

/*
Shadows
*/
#content{
background:url(images/side-shadows.png) left -56px no-repeat;
}

/*
Breadcrumbs
*/
.breadcrumbs {
clear:both;
color:#000;
padding:10px 10px 5px 15px;
font-size:11px;
text-transform:capitalize;
}
.models-interior .breadcrumbs{
padding-top:5px;
}

/*
Content
*/
#rightcolumn{
clear:both;
width:690px;
float:right;
}

#content {
clear:both;
color:#333;
padding:2px 15px 10px 15px;
width:660px;
}

.models-interior #content {
padding:5px 15px 10px 15px;
width:660px;
}

#sidecontent {
width:181px;
float:right;
padding:0 25px 10px 0;
}

#content p.brochure{
margin:0 0 0 25px;
padding:0;
}
.brochure a{
display:block;
padding:5px 0 5px 25px;
background:url(images/icons.png) 0 -144px no-repeat;
}
p.textsize{
margin:0 0 10px 50px;
}
.textsize a{
font-weight:bold;
margin-right:10px;
}
#smalltext{
font-size:10px;
}
#medtext{
font-size:14px;
}
#largetext{
font-size:18px;
}
#content p{
line-height:1.6em;
margin-bottom:20px;
}
#content ul{
list-style:none;
}
#content ul li{
line-height:1.6em;
background:url(images/blue-arrow-small.png) 10px 5px no-repeat;
padding:0px 0px 0px 25px;
margin-bottom:10px
}
#content ul.condensed {
list-style:disc;
padding-left:20px;
}
#content ul.condensed li{
font-size:11px;
background:none;
padding:0px;
margin:0px
}
#content ul.shoppingtools li{
line-height:1.2em;
background:none;
padding:0;
margin:0;
}
#content ol{
margin-left:25px;
margin-bottom:20px;
}
#content ol li{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
line-height:1.6em;
}

/*
linkbox
*/
.linkbox{
overflow:hidden; /* for IE */
background:url(images/linkbox.png) left bottom no-repeat;
width:460px;
}
.linkbox h2{
font-size:16px;
border-bottom:1px solid #0084ba;
margin:10px 0 10px 0;
}
.linkbox ul{
width:50%;
float:left;
}
#content .linkbox li{
line-height:1.2em;
background:url(images/blue-arrow-small.png) 10px 7px no-repeat;
padding:5px 0px 5px 25px;
margin-bottom:0px
}

/*
Subnav
*/

#subnav{
float:left;
margin-top:5px;
}

/*
Left Column/Sidenav
*/

.floatbox{
clear:both;
width:201px;
color:#333;
padding-bottom:15px;
margin-top:15px;
background:url(images/subnav-box-bottom.png) left bottom no-repeat;
}
.floatboxfirst{
margin-top:10px;
}
.floatbox .inner{
padding:15px 0px 0px 0px;
background:url(images/subnav-box-top-white.png) left top no-repeat;
}
.floatboxfirst .inner{
padding:15px 0px 0px 0px;
background:url(images/subnav-box-top.png) left top no-repeat;
}
.floatbox h2{
color:#09c;
font-size:16px;
font-weight:bold;
margin:0;
padding:0 5px 6px 15px;
}
.floatbox ul{
list-style:none;
padding:0 5px 0px 15px;
margin:0;
}
.floatbox li ul{
display:none;
background-image:none;
padding:0;
margin-left:15px;
}
.floatbox li.current ul{
display:block;
}
.floatbox li{
}
.floatbox li a{
display:block;
color:#0084ba;
font-weight:normal;
background:url(images/arrow-gray.png) 1px 5px no-repeat;
padding:3px 0px 3px 15px;
}
.floatbox li.current a, .floatbox li a.current{
background:url(images/arrow-blue.png) 1px 5px no-repeat;
}
.floatbox li.hasnav a, .floatbox li.hasnav a.current {
background:url(images/arrow-blue-down.png) 0 7px no-repeat;
}
.floatbox li ul li a, .floatbox li.current ul li a{
padding:3px 0px 3px 14px;
background:url(images/bullet-gray.png) 0 6px no-repeat;
}
.floatbox li.current ul li a.current {
background:url(images/bullet-blue.png) 0 6px no-repeat;
}

.bluebox{
color:#fff;
padding-bottom:17px;
margin-top:15px;
background:#014d6c url(images/bluebox-bottom.png) left bottom no-repeat;
}
.bluebox .inner{
padding-top:0;
background:url(images/bluebox-top.png) left top no-repeat;
}
.bluebox h2{
color:#fff;
margin:0;
padding:11px 0px 10px 44px;
background:url(images/training-icon.png) 0 0 no-repeat;
}
.bluebox .inner p{
color:#fff;
line-height:1.6em;
padding:0px 10px 0px 22px;
}
.bluebox a{
color:#ff0;
}

/*
Small floatbox / callouts
*/

.smfloatbox{
clear:both;
width:181px;
color:#333;
padding-bottom:15px;
margin-left:10px;
margin-top:15px;
background:url(images/smfloat-bottom.png) left bottom no-repeat;
}
.smfloatboxfirst{
margin-top:0;
}
.smfloatbox .inner{
padding:10px 0px 0px 0px;
background:url(images/smfloat-top.png) left top no-repeat;
}
.smfloatbox h2{
color:#09c;
font-size:16px;
font-weight:bold;
padding:5px 5px 6px 15px;
}
.floatbox p, .smfloatbox p{
color:#767676;
font-size:11px;
padding:0 10px 0 15px;
}
.smfloatbox ul, #content .smfloatbox ul{
list-style:none;
margin-left:15px;
}
.shoppingtools ul, #content .shoppingtools ul{
list-style:none;
padding:0px 5px 0px 15px;
}
.shoppingtools li ul, #content .shoppingtools li ul{
background-image:none;
padding:0;
margin-left:15px;
}
.shoppingtools li{
}
.shoppingtools li a, #content .shoppingtools li a{
display:block;
background:url(images/arrow-gray.png) 1px 5px no-repeat;
padding:4px 0px 4px 22px;
}

/*
Footer
*/

#footer{
clear:both;
color:#ccc;
background:url(images/footer-bg.png) 0 0 repeat-x;
}
#footer p{
float:left;
font-size:11px;
margin:15px 5px;
}
#footer a{
color:#ccc;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
#footer p.footerright{
float:right;
text-align:right;
}

/*
Icons (uses CSS Sprites technique)
*/
#topbar a, #topbar a:visited{
background:#000 url(images/icons.png) left 5px no-repeat;
}
#topbar a.bg-cell { background-position: left -194px; }
#topbar a.bg-bubble { background-position: left -223px; }
#topbar a.bg-cal { background-position: left -248px; }
#topbar a.bg-env { background-position: left -273px; }
#topbar label a, #topbar label a:visited { background-position: right -328px; }

a.icon-print{
background:#000 url(images/icons.png) 4px -300px no-repeat;
}

#content .shoppingtools a.icon-bub, #content .shoppingtools a.icon-env, #content .shoppingtools a.icon-cal, 
#content .shoppingtools a.icon-bar, #content .shoppingtools a.icon-cell, #content .shoppingtools a.icon-clip,
.shoppingtools a.icon-bub, .shoppingtools a.icon-env, .shoppingtools a.icon-cal, 
.shoppingtools a.icon-bar, .shoppingtools a.icon-cell, .shoppingtools a.icon-clip {
background-image:url(images/icons.png);
background-repeat:no-repeat;
}
#content .shoppingtools a.icon-bub, .shoppingtools a.icon-bub { background-position: 0px 2px; }
#content .shoppingtools a.icon-env, .shoppingtools a.icon-env { background-position: 0px -22px; }
#content .shoppingtools a.icon-cal, .shoppingtools a.icon-cal { background-position: 0px -47px; }
#content .shoppingtools a.icon-bar, .shoppingtools a.icon-bar { background-position: 0px -70px; }
#content .shoppingtools a.icon-cell, .shoppingtools a.icon-cell { background-position: 0px -94px; }
#content .shoppingtools a.icon-clip, .shoppingtools a.icon-clip { background-position: 0px -119px; }

#content ol.tips li {
font-weight:bold;
}
#content ol.tips li div {
color:#333;
font-weight:normal;
padding:0px 32px 10px 0px;
}
.green { color:#090; }
.orange { color:#c60; }

/*
Classified
*/

/*
Menu/Nav
*/
#top-site-menu {
}
#top-site-menu a{
padding-right:6px;
}
.links-tl, .links-bl{
clear:left;
float:left;
}
.links-tr, .links-br {
clear:right;
text-align:right;
}
.links-br {
float:right;
}
.page-nav { clear:both; }
#xl_content { clear:both; }
.breadcrumbs .titles { color:#ccc; }
#xl { clear:both; }
#content #rmenu ul li { 
background-image:none;
padding-left:0;
}