@charset "UTF-8";
/*----- Web Solutions 3.0 Compatible -----*/
* {margin:0;padding:0;border:0;outline:none}
ul li{list-style:none}
html, 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, hr{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
td {vertical-align:top}



/*----- CORE ELEMENTS -----*/
#mainBody {background:#fff}
#mainBG{background:url(../images/bg.gif) repeat-x center top}
#wysiwygBody{background:#fff}
#siteWrap {margin-right:auto;margin-left:auto;position:relative;background:url(../images/bkg.gif) no-repeat left 54px; height:404px; width:950px; padding-left:10px; padding-right:10px}
.clearFloats {clear:both}
strong.bulky {color: #920606; font-size: 1.15em;}
#printHeader {display:none}
.nobr { white-space: nowrap}
td {empty-cells:show;}
.even{}
.odd{background:#efefef}

/*----- Text Styles -----*/
body, .text{font-family: Verdana, Geneva, sans-serif;font-size:11px;line-height:1.4em;color:#686a6f}
body, .text, th{text-align:left}

a{color: #6fa807;text-decoration:none}
a:hover, a:active{color:#7aadd1;text-decoration:underline}

p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:10px}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:normal}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#0063a7}
em, i{font-style: italic}
b, strong, .BlueHeader{font-weight:bold}
u { text-decoration:none}
hr, .borderTop, dt{border-top:1px solid #ccc;padding-top:6px}
hr{height:0px;margin-top:5px}
p{font-size:1.1em}
h1, .pageTitle {font-size:1.58em;margin-bottom:15px; color:#0063a7; line-height:18px}
h2{font-size:1.33em; color:#6fa807}
h3{font-size:1.3em;margin-bottom:7px}
h4, th{font-size:1.3em}
h5, h6, h7, h8, h9{font-size:1.2em;margin:0px 0px 0px 0px}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(../images/icons/16x16/bullet.gif) no-repeat 15px 0px;margin-top:3px;padding-left:30px}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/icons/16x16/bullet2.gif) no-repeat -5px 0px;margin-top:3px;padding-left:10px;color:#333;margin-top:2px;font-size:.92em;line-height:1.4em}
#content ul li ul li a, .contentEditor ul li ul li a{color:#666}
#content ul li ul li a:hover, .contentEditor ul li ul li a:hover{color:#f03c5e}
#content ul li ul li ul li a, .contentEditor ul li ul li ul li a{color:#999}
#content ul li ul li ul, .contentEditor ul li ul li ul{margin-bottom:0}
#content ul li ul li ul li a:hover, .contentEditor ul li ul li ul li a:hover{color:#f03c5e}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

/*----- Forms -----*/
.formBox, .formTextarea, .ValidatorTextClass input{border:1px solid #ccc;line-height:1.15em;color:#666666;background:transparent url(../images/formboxBG.gif) no-repeat 0 0}
.formBox, .ValidatorTextClass input{padding: 2px 3px;background-color:#fff}
.formTextarea{padding: 2px 0px;background-color:#fff}
.formSelect{padding:0;border:1px solid #ccc;line-height:1.15em}
.formSelect option{padding:0 3px}
.formButton, a.formButton{padding:2px 3px;background:#8cb939;cursor:pointer;color:#fff;line-height:1.15em;border:solid 1px #6fa807;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear;}
.formButton:hover, a.formButton:hover {padding:2px 3px;background:#a9cb6a;cursor:pointer;color:#fff;line-height:1.15em;border:solid 1px #6fa807}
a.formButton, a.formButton:hover{padding:3px 6px; text-decoration:none;}
input.formButton.bulky {padding:4px 6px; font-size:1.1em}
a.formButton.bulky {padding:4px 6px; font-size:1.1em;}
.subjClass{visibility:hidden;width:1px;height:1px}
#mainBody #Captcha label{padding-left:0}

.formButton2, a.formButton2{cursor:pointer;color:#6fa807;line-height:1.15em; font-weight:bold; background:none; margin:10px 0}
.formButton2:hover, a.formButton2:hover{cursor:pointer;color:#95be48;line-height:1.15em; font-weight:bold}
/*----- FormCheck Errors -----*/
.fc-tbx .tl{background: url('../images/formCheck/tl.png') no-repeat}
.fc-tbx .t{background:url('../images/formCheck/t.png') repeat-x;height:16px}
.fc-tbx .tr{background: url('../images/formCheck/tr.png') no-repeat}
.fc-tbx .l{background: url('../images/formCheck/l.png') repeat-y;width:16px}
.fc-tbx .r{background: url('../images/formCheck/r.png') repeat-y;width:16px}
.fc-tbx .bl{background: url('../images/formCheck/bl.png') no-repeat}
.fc-tbx .b{background: url('../images/formCheck/b.png') no-repeat;height:25px}
.fc-tbx .b2{background: url('../images/formCheck/b2.png') no-repeat;height:25px}
.fc-tbx .br{background: url('../images/formCheck/br.png') no-repeat}
.fc-tbx .c{background: url('../images/formCheck/c.png') repeat}
.fc-tbx a.close{float: right;background: url('../images/formCheck/close.png') no-repeat;position:relative;margin-left:5px;display:block;width:10px;height:10px;cursor:pointer}
.fc-tbx .err{float:left}
.fc-tbx p{width:auto;display:block;font-size:10px; font-family:Tahoma, Verdana, sans-serif;margin:0;padding:0;border:0;color:#FFF}

.ajax_loader{width:200px;height:150px}
.fc-error{border:1px solid #888;margin-top:5px;background-color:#EAEAEA}
.fc-error p{margin:5px;color:#A00}

/*----- Fancy Checkbox -----*/
#mainBody label{padding-left:20px}
#mainBody .checked{background:transparent url(../images/chk_on.png) no-repeat 0 0}
#mainBody .unchecked{background:transparent url(../images/chk_off.png) no-repeat 0 -2px}
#mainBody .selected{background:transparent url(../images/rdo_on.png) no-repeat 0 -1px}
#mainBody .unselected{background:transparent url(../images/rdo_off.png) no-repeat 0 -1px}



/*----- HEADER -----*/
#brand{width:200px;height:54px;position:absolute;left:15px;top:0;background:url(../images/logo.gif) no-repeat 0 0;display:block}

#t0 {width:500px;height:20px;position:absolute;left:368px;top:19px;color:#ccc;font-size:10px;line-height:10px;text-align:right; font-weight:bold; text-transform:uppercase}
#t0 a {text-decoration:none;color:#999; }
#t0 a:hover, #tier0 a:active {color:#666}
#t0 a.on {text-decoration:none;color:#666;}

#contactNumber{font-size:10px;line-height:10px;text-align:right; font-weight:bold; text-transform:uppercase;color:#999;width:115px;position:relative;left:743px;top:34px}
#productContactNumber{color:#000;line-height:18px;text-align:right;margin-top:10px}
#productContactNumber span{font-size:17px;color:#920606;font-weight:bold}

.iconHome {background: url(../images/iconHome.gif) no-repeat left 2px; width:8px; height:8px; padding-left:10px}
.iconLogin {background: url(../images/iconLogin.gif) no-repeat left 2px; width:8px; height:8px; padding-left:10px}
.iconAccount {background: url(../images/iconAccount.gif) no-repeat left 2px; width:8px; height:8px; padding-left:10px}
.iconCart {background: url(../images/iconCart.gif) no-repeat left 2px; width:9px; height:8px; padding-left:10px}

#clock {width:74px;height:27px;position:absolute;left:880px;top:10px}

.t1{width:940px;position:absolute;left:15px;top:60px;height:33px;z-index:2000}
.t1_home{}
.t1 li, .t1_home li{float:left}
.t1 a:link, .t1 a:visited{display: block;text-decoration:none}
.t1 a:hover, .t1 a:active{background:#42597d;}
.t1 a.on:link, .t1 a.on:visited, .t1 a.on:hover, .t1 a.on:active{}
.t1 img, .t1_home img{margin-right:0}
.t1 li ul, .t1_home li ul{position:absolute;z-index:9999;width:200px;padding:5px 0;top:33px;background:transparent url(../images/navigation/menu_background.png) repeat-y 0px 0px;font-size:12px;line-height:14px}
.t1 li ul li, .t1_home li ul li{float:none;display: block}
.t1 li ul li a, .t1_home li ul li a{color:#fff;text-decoration:none;padding:5px 10px}
.t1 li ul li a:hover, .t1 li ul li a:active, .t1_home li ul li a:hover, .t1_home li ul li a:active{color:#26350c;background:#fff}

#searchBox{width:311px;height:33px;position:absolute;left:628px;top:0px; background:url(../images/navigation/search_bkg.gif) no-repeat left top}
#search .formBox{ margin:6px 0 0 100px;color:#abadb0;font-size:11px;line-height:11px;border:0;height:20px;width:175px;background: url(../images/navigation/search_left.gif) no-repeat left top;}
#searchButton{width:15px;height:21px;position:absolute;left:275px;top:6px}


/*----- SITEWRAP2 -----*/
#siteWrap2{float:left;margin-top:97px; width:950px}
#siteWrap2Home{float:left;margin-top:97px; width:949px; background:url(../images/home/sitewrap_bkg.gif) repeat-x left top}

/*----- Left Column -----*/
#leftCol{float:left;width:156px;min-height:1px;overflow:hidden; margin:22px 44px 0 6px}

#sidenavWrapper {background: url(../images/navigation/sidenav_top.gif) no-repeat left top; width:156px}

.sidenav{width:156px;overflow:hidden}
.sidenav li{display:inline}
.sidenav li a{width:130px;padding:0px 0px 0px 0px;text-decoration:none;color:#fff;display:block;font-size:12px;line-height:14px}
.sidenav li a:hover, .sidenav li a:active{color:#000}
.sidenav li.on a{color:#fff}

.sidenav li a span {background:url(../images/navigation/sidenavt1_bottom.gif) no-repeat left bottom; padding:4px 20px 4px 13px; width:118px; display:block; font-weight:bold; cursor:pointer}
.sidenav li a:link, .sidenav li a:visited { color:#fff; font-size:12px; background:url(../images/navigation/sidenavt1_top.gif) no-repeat top left; width:146px; border-bottom:none; border-top:none; padding:0; margin:5px;  font-weight:bold}
.sidenav li a:hover, .sidenav li a:active { color:#fff; font-size:12px; text-decoration:underline; background:url(../images/navigation/sidenavt1_top_hover.gif) no-repeat; width:146px; text-decoration:none; border-bottom:none; border-top:none; padding:0; margin:5px; font-weight:bold}


.sidenav li.on ul li a:link, .sidenav li.on ul li a:visited {width:116px;padding:03px 10px 0px 20px;text-decoration:none;color:#686a6f;display:block;font-size: 11px;line-height: 11px; font-weight:normal;background:url(../images/navigation/nav.gif) no-repeat 0 0;}
.sidenav li.on ul li a:hover, .sidenav li.on ul li a:active{width:116px;padding:03px 10px 0px 20px;text-decoration:none;color:#0063a7;font-size: 11px;line-height: 11px; font-weight:normal;background:url(../images/navigation/nav.gif) no-repeat 0 0;}
.sidenav li ul li.on a{width:116px;padding:04px 10px 0px 20px;text-decoration:none;color:#0063a7;font-size: 11px;line-height: 11px; font-weight:normal;background:url(../images/navigation/nav.gif) no-repeat 0 0;}

.sidenav li.on ul li.on a span {background:url(../images/navigation/sidenavt2_bottom.gif) no-repeat left bottom; padding:3px 10px 4px 20px; width:116px; display:block; font-weight:normal; cursor:pointer}
.sidenav li.on ul li.on a:link, .sidenav li.on ul li.on a:visited { color:#fff; font-size:11px; background:url(../images/navigation/sidenavt2_top.gif) no-repeat top left; width:146px; border-bottom:none; border-top:none; padding:0; margin:4px}
.sidenav li.on ul li.on a:hover, .sidenav li.on ul li.on a:active { color:#0063a7; font-size:11px; background:url(../images/navigation/sidenavt2_top.gif) no-repeat; width:146px; border-bottom:none; border-top:none; padding:0; margin:4px}


.sidenav li.on ul li.on ul li a:link, .sidenav li.on ul li.on ul li a:visited {width:100px;padding:0px 0px 0px 30px;text-decoration:none;color:#999;display:block;background:url(../images/navigation/nav.gif) no-repeat 0 -100px;font-size: 10px;line-height: 12px}
.sidenav li.on ul li.on ul li a:hover, .sidenav li.on ul li.on ul li a:active{color:#333;background:url(../images/navigation/nav.gif) no-repeat 0 -100px}
.sidenav li.on ul li.on ul li.on a{color:#1c77b2;background:url(../images/navigation/nav.gif) no-repeat 0 -100px}

.sidenav li.on ul li.on ul li.on ul li a:link, .sidenav li.on ul li.on ul li.on ul li a:visited{width:90px;padding:0px 0px 0px 40px;text-decoration:none;color:#686a6f;display:block;background:url(../images/navigation/nav.gif) no-repeat 0 -200px;font-size: 9px;line-height: 10px}
.sidenav li.on ul li.on ul li.on ul li a:hover, .sidenav li.on ul li.on ul li.on ul li a:active{width:90px;padding:0px 0px 0px 40px;text-decoration:none;color:#999999;background:url(../images/navigation/nav.gif) no-repeat 0 -300px;font-size: 9px;line-height: 10px}
.sidenav li.on ul li.on ul li.on ul li a{width:90px;padding:0px 0px 0px 40px;text-decoration:none;color:#999999;background:url(../images/navigation/nav.gif) no-repeat 0 -200px;font-size: 9px;line-height: 10px}

#sidenavBottom { background: url(../images/navigation/sidenav_bottom.gif) no-repeat left bottom; width:156px; height:6px; margin:0; padding:0; line-height:0; font-size:0}

#social {margin:10px; float:left}
#social img { padding-right:2px;}
/*----- Content -----*/
#content{float:left;width:700px;padding-top:30px;overflow:hidden; min-height:500px; margin-bottom:25px}
.photoright{float:right;margin:0px 0px 10px 20px;padding:3px; border: solid 1px #d5d6d7}
.photoleft{float:left;margin:0px 20px 10px 0px;padding:3px; border: solid 1px #d5d6d7}
.phototreatment{padding:3px; border: solid 1px #d5d6d7}
.dark{background:#efefef}
.light{background:#fff}
.muted {}

/*----- FOOTER -----*/
.fatFooter {float:left;width:900px; padding:20px 25px 0px 25px;color:#8f9194; background:url(../images/fatfooter2.gif) no-repeat top left}

.fatFooter li { display:inline}
.fatFooter ul li a{color:#7c9cbd;display:block;text-decoration:none; margin:0; padding-bottom:3px; line-height:12px; white-space:nowrap; text-transform:uppercase; font-size:11px}
.fatFooter ul li a:hover, .fatFooter ul li a:active{color:#83b4c0}
.fatFooter ul li.on a {color:#83b4c0}

.fatFooter ul li ul li a, .fatFooter ul li.on ul li a{color:#8f9194;display:block; line-height:10px; text-decoration:none; margin:0; padding-right:25px; white-space:normal; text-transform:none; font-size:10px}
.fatFooter ul li ul li a:hover, .fatFooter ul li ul li a:active{color:#666666; text-transform:none}
.fatFooter ul li ul li.on a{color:#666666; text-transform:none}

.footerLine { float:left; background:url(../images/fatfooter.gif) no-repeat top left; width:900px; height:2px; margin-top:8px}
#footer{float:left;width:900px; margin:0; padding:3px 0 3px 0;color:#999;font-size:.9em;line-height:1.1em}
#footer a{color:#333}
#footer a:hover, #footer a:active{color:#333}
#footer a.on{text-decoration:none;color:#666}
#wsLogo {float:right;margin-left:20px; margin-top:9px}


/*----- HOMEPAGE ELEMENTS -----*/
#smartStart { float:left; width:200px; height:235px; background:url(../images/home/form_bkg.gif) no-repeat left top; padding:30px 20px;}
#smartStart p {font-size:10px; color:#1c77b2; line-height:14px; background:url(../images/home/icon_smartstart.gif) no-repeat left top; display:block; padding-left:50px; margin-top:10px; font-family:Verdana, Geneva, sans-serif}
#smartStart select { width:170px; height:21px; margin:0 0 5px 13px; color:#666; font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:0 0 0 10px}
.smartSearch{ margin:5px 0 0 13px}

#homeCallouts { float:left; width:949px; background:#f7f7f7; border-bottom:#d2d3d4 solid 1px; margin-bottom:20px}
#homeCallouts td { }
#homeCallouts td:hover { }
#homeCallouts a { display:block; text-decoration:none;width:222px; padding:10px 8px 15px 5px}
#homeCallouts a:hover { display:block; text-decoration:none; background:#fff}
#homeCallouts table td a{ border-left: solid 1px #f7f7f7; border-right: solid 1px #fff}
#homeCallouts table td + td a { border-left: solid 1px #d2d3d4; border-right: solid 1px #fff}
#homeCallouts table td + td + td a {border-left: solid 1px #d2d3d4; border-right: solid 1px #fff}
#homeCallouts table td + td + td + td a {border-left: solid 1px #d2d3d4; border-right: solid 1px #f7f7f7}

#homeCallouts img { float:left; width:62px; height:62px; display:block; padding-right:5px}
#homeCallouts span {  display:block; font-size:13px; font-weight:bold; color:#1071ae; padding-bottom:5px; text-align:center}
#homeCallouts span + span { display:block; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#86888c; font-weight:normal; line-height:14px; text-align:left}
#homeCallouts strong { display:block; text-transform:uppercase; color:#6fa807; padding-top:5px}

#homeContent { float:left; width:950px; margin-bottom:20px}
#homeContent div { display:block; float:left; width:156px;margin-left:15px; margin-right:40px}
#homeContent div a { display:block; text-decoration:none; padding:0}
#homeContent span:hover, #homeContent span:active { color:#000}
#homeContent div span { float:left; color:#686a6f; font-size:14px; font-family: "Helvetica Neue", Arial, sans-serif; font-weight:bold; cursor:pointer}
#homeContent div>span{float:none;clear:both}
#homeContent img { display:block; padding-right:5px}
#homeContent div span + span {float:left; display:block; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#86888c; font-weight:normal; line-height:12px; text-align:left; width:210px; cursor:pointer}
#homeContent div a + hr + a span span { display:block; float:left; padding-top:8px; width:150px; cursor:pointer}
#homeContent div a{margin-bottom:10px}
#homeContent div>a+a{background:url(../images/home/dealer_login.gif) no-repeat 0 0;width:111px;padding:19px 0 0 45px;margin-bottom:10px;}
#homeContent div>span+a+a {height:33px}
#homeContent div>a + a img{padding-right:0;float:left;margin:5px 0 0 5px}
#homeContent div>a + a + a {background:url(../images/home/hot_topic_bg.gif) no-repeat 0 0;width:156px;padding:0;font-size:10px;line-height:14px;color:#82868b}
#homeContent div>a + a + a>span{background:url(../images/home/hot_topic_bottom.gif) no-repeat left bottom;width:142px;padding:10px 0 6px 14px}
#homeContent div>a + a  + a span + span{height:0;background:none;width:100%;padding:0;display:black;clear:both;float:none}
#homeContent div>a + a  + a span span{background:none;padding:0;display:inline;width:auto;clear:both;padding-left:31px;}
#homeContent div>a + a + a span p{font-size:10px;line-height:12px;color:#82868b;font-weight:normal;margin:10px 0 8px 0}
#homeContent div>a + a + a + a {background:none;float:left; margin-right:5px; width:24px;padding:0;}



#homeContent hr{ display:block;border-top:1px solid #e1e1e1;margin-top:5px;padding-top:0px; clear:both}
#homeContent div + div { display:block; float:left; width:630px; margin:0; line-height:18px}
#homeContent div + div h1 { font-weight:bold; color:#1c77b2; font-size:20px}
#homeContent div + div a { padding:0; text-transform:uppercase; display:inline}

/*----- APPS AND COMPONENTS -----*/

/*----- Share Links -----*/
#linkBar{font-size:.9em;color:#ccc;margin-top:50px}
#linkBar a{text-decoration:none;color:#999}
#linkBar a:hover, #linkBar a:active{text-decoration:underline;color:#31659b}

/*----- Driving Directions -----*/
.ddGo { padding: 2px 3px; background: #f03c5e; cursor:pointer; color:#fff; font-size:11px; line-height:13px; border: solid 1px #e20e23; height:20px; font-size:12px; margin-left:5px}
#map h2{margin:0 0 5px 0}

/*----- Font Resizer AAA -----*/
.resizeSmall{font-size:9px}
.resizeMedium{font-size:12px}
.resizeLarge{font-size:15px}

/*----- Ad Rotator -----*/
.adRotator{ width:156px}
.adRotator img{ margin-bottom:10px}

/*----- JS Rotator -----*/
#jsRotator{ float:left; height:295px; width:696px; margin:0 4px 0 4px}
.wsRotatorMain { position:relative; width:696px; margin-top:0px; background:#000;z-index:1000}
.desc {padding:10px 20px 0 12px;}
.desc, .desc p {font-size:11px; line-height:17px; color:#666;}
.desc h2 { font-size:14px; line-height:18px; margin:0 0 6px 0;}
#slideShow DIV {height: 295px; width: 641px;}
.slideShowPhotos {display: none;} /* Must always be set to display none */
.wsRotatorMain span { display:block; height:295px; position:absolute; width:696px; z-index:500; } /* For a png image mask */

/*----- Alert App -----*/
#alertApp{width:910px;background:#900000;padding:15px 0;color:#fff;font-size:14px;line-height:16px;color:#fff;text-align:center}
#alertApp p{color:#fff}
#alertApp a:link, #alertApp a:visited{color:#ffffff;text-decoration:underline}


/*----- Callouts App -----*/
.callouts img{margin-bottom:10px;width:160px}
.callouts span{display:block}


/*----- Kaching -----*/
#content .productsList label, #content .productPage label{padding:0;}
#content .productsList{color:#686a6f;}
#content .productsList ul li{width:700px;background:none;padding:0;margin:0;border-bottom:1px solid #ccc;padding:5px 0 8px 0;}
#content .productsList ul li .productInfo ul li, #content .productPage .productInfo ul li{background:url(../images/icons/16x16/bullet.gif) no-repeat 15px -2px;margin-top:3px;padding:0 0 0 30px;width:auto;color:#686a6f;font-size:12px;line-height:16px;border-bottom:none;}
.productsList .productImage {width:100px;padding:5px 5px 0 5px ;margin:0 20px 0px 10px;overflow:hidden;float:left;text-align:center;font-size:11px;line-height:13px;background:#fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.productsList .productImage a{width:100px;height:100px;overflow:hidden;display:block;background-repeat:no-repeat;background-position:center 0;}
.productsList .productInfo {width:405px;float:left;margin-right:40px;}
.productsList .productInfo h2, .relatedProducts .productInfo h2{margin:0 0 5px 0}
.productsList .productInfo h2 a, .relatedProducts .productInfo h2 a{font-size:12px;line-height:20px;color:#3382b9}
.productsList .productAction{width:105px;padding:5px 10px 0 0;float:left}
.productsList .formBox, .productPage .formBox, .relatedProducts .formBox{width:32px;text-align:center}
.productsList .price, .relatedProducts .price, .alsoConsider .price{margin-bottom:9px;}
.productsList .price span, .productPage .price span, .relatedProducts .price span{font-size:14px;font-weight:bold;color:#920606}
.productsList .productQuantity, .relatedProducts .productQuantity, .alsoConsider .productQuantity {width:25px;padding-right:5px;float:left;margin-bottom:7px;}
.productsList .quantityBox, .relatedProducts .quantityBox, .alsoConsider .quantityBox{width:40px;float:left;margin-bottom:12px}
.productsList .addToCart, .relatedProducts .addToCart{width:80px;height:20px;display:block;overflow:hidden;margin-bottom:7px;background:url(../images/add_to_cart_hover.gif) no-repeat 0 0;}
.productsList .addToCart:hover img, .productsList .addToCart:active img, .relatedProducts .addToCart:hover img, .relatedProducts .addToCart:active img{ visibility:hidden}
.productsList .favorites, .relatedProducts .favorites{font-size:11px;line-height:13px;color:#1c77b2;text-decoration:underline;display:block;float:left}
.productsList .favorites:hover, .productsList .favorites:active, .relatedProducts .favorites:hover, .relatedProducts .favorites:active{text-decoration:none}
.productsList .productBottom, .relatedProducts .productBottom{clear:both}
#content .productsList ul li.featured{background:#eeeeef url(../images/best_seller.gif) no-repeat 0 0;padding:34px 0 0 0;border-bottom:none}
#content .productsList ul li.featured .productBottom {width:700px;height:5px;background:#fff url(../images/best_seller_bottom.gif) no-repeat 0 0;clear:both;padding-bottom:20px;border-bottom:1px solid #ccc;}

.productPage .productDetails{clear:both;padding-top:17px;border-top:1px solid #ccc;}
.productPage .productDetailsContent{width:640px;padding:20px 30px 15px 30px;clear:both;background:#eeeeef url(../images/best_seller_bottom.gif) no-repeat left bottom}
.productPage .productDetailsContent h2{color:#3382b9}
.productPage .productDetailsContent, .productPage .productDetailsContent p{font-size:12px;line-height:16px;margin:0 0 8px 0;}
#content .productPage .tabs{margin:0;padding:0;font-size:0;line-height:0}
#content .productPage .tabs li{background:none;float:left;margin:0 1px 1px 0;line-height:0;list-style:none;padding:0;}
.productPage .productImage, .alsoConsider .productImage {width:210px;float:left;overflow:hidden;}
.productPage .productImage span{width:200px;height:200px;display:block;padding:5px;overflow:hidden;background:#fff;background-repeat:no-repeat;background-position:center top}
.productPage .productInfo {width:260px;float:left;margin-right:9px;}
.productPage .productInfo h2{margin:0 0 5px 0}
.productPage .productInfo h2 a{font-size:12px;line-height:20px;color:#3382b9}
.productPage .productAction{width:200px;padding:15px 0 0 0;float:left}
.print{font-size:11px;line-height:13px;color:#666;padding-left:14px;background:url(../images/icons/inline/print.gif) no-repeat 0 0;font-weight:bold;float:right;margin-top:-10px}
.productPage td{padding:0 0 5px 10px;}
.productPage .rule span{background:#ccc;display:block;height:1px;margin:10px 0 7px 0}
.productPage .priceTitle{font-size:14px;color:#000;font-weight:bold;text-align:right;}
.productsList .addToCart, .productPage .addToCart{width:80px;height:20px;float:left;display:block;overflow:hidden;margin-bottom:7px;background:url(../images/add_to_cart.gif) no-repeat 0 0;}
.productPage .addToCart:hover img, .productPage .addToCart:active img{ visibility:hidden}
.productPage .favorites{font-size:11px;line-height:13px;float:left;color:#1c77b2;text-decoration:underline}
.productPage .favorites:hover, .productPage .favorites:active{text-decoration:none}
.productPage .thumbs{font-size:11px;line-height:13px;}
.productPage .thumbs {float:left;width:60px;margin-top:3px}
.productPage .thumbNav{text-align:center;width:135px;margin-left:auto;margin-right:auto}
.productPage .zoom{float:left;width:68px;height:19px;display:block;overflow:hidden;background:url(../images/zoom_hover.gif) no-repeat 0 0;}
.productPage .zoom:hover img, .productPage .zoom:active img{visibility:hidden}
.productPage .quantityBox{width:33px;}
.productPage .container{float:left;width:700px;padding-bottom:20px}

.relatedProducts {width:680px;padding:10px 10px 10px 10px;clear:both;background:#eeeeef url(../images/best_seller_bottom.gif) no-repeat left bottom}
#content .relatedProducts ul{margin:0;}
#content .relatedProducts ul li{width:680px;background:#fff;padding:0;margin:0;border-bottom:1px solid #eeeeef;padding:10px 0 5px 0;float:left}
#content .relatedProducts ul li .productInfo ul li{background:url(../images/icons/16x16/bullet.gif) no-repeat 2px -2px;margin-top:3px;padding:0 0 0 17px;float:none;width:auto;color:#686a6f;font-size:12px;line-height:16px;border-bottom:none;}
.relatedProducts .productImage {width:100px;margin:0 20px 5px 10px;overflow:hidden;float:left;text-align:center;font-size:11px;line-height:13px;background:#fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.relatedProducts .productImage a{width:100px;height:100px;overflow:hidden;display:block;background-repeat:no-repeat;background-position:center 0;}
.relatedProducts .productInfo {width:405px;float:left;margin-right:40px;padding-top:0}
.relatedProducts .productAction{width:95px;padding:5px 10px 0 0;float:left}

.relatedProducts .productImage {width:100px;margin:0 20px 5px 10px;overflow:hidden;float:left;text-align:center;font-size:11px;line-height:13px;background:#fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.relatedProducts .productImage a{width:100px;height:100px;overflow:hidden;display:block;background-repeat:no-repeat;background-position:center 0;}
.relatedProducts .productInfo {width:405px;float:left;margin-right:40px;padding-top:0}
.relatedProducts .productAction{width:95px;padding:5px 10px 0 0;float:left}

.alsoConsider {width:670px;padding:15px;clear:both;background:#eeeeef url(../images/best_seller_bottom.gif) no-repeat left bottom}
.alsoConsider .container{background:#fff;width:640px;padding:15px;}
.alsoConsider .productImage{margin-right:20px}
.alsoConsider .productImage a{width:200px;height:200px;display:block;padding:5px;overflow:hidden;background-repeat:no-repeat;background-position:center 5px;}
.alsoConsider .productInfo {width:275px;float:left;padding-top:15px}
.alsoConsider .productAction{width:85px;padding:15px 0 0 0;float:left;margin-right:35px}
.alsoConsider .priceTitle{font-size:14px;color:#000;font-weight:bold;text-align:right;}
.alsoConsider .productTitle{color:#3382b9}
.alsoConsider .productQuantity {width:25px;padding-right:5px;float:right;margin-bottom:7px;}
.alsoConsider .quantityBox{width:40px;float:right;margin-bottom:12px}
.alsoConsider .addToCart{width:80px;height:20px;float:right;display:block;overflow:hidden;margin-bottom:7px;background:url(../images/add_to_cart_hover.gif) no-repeat 0 0;}
.alsoConsider .favorites{font-size:11px;line-height:13px;float:right;color:#1c77b2;text-decoration:underline}
.alsoConsider .favorites:hover, .alsoConsider .favorites:active{text-decoration:none}

.cartTable td{padding:2px 0}

.moreInfo {width:80px;height:20px;float:left;display:block;overflow:hidden;margin-bottom:7px;background:url(../images/more-info.gif) no-repeat 0 0;}
.moreInfo:hover img, .moreInfo:active img{ visibility:hidden}


#breadcrumb{font-size:11px;line-height:13px;color:#ccc;margin:-20px 0 20px 0;}
#breadcrumb a{color:#999}




/*----- MANAGEMENT -----*/
#Alert{position:absolute;z-index:9996;width:100%;overflow:hidden;text-align:center;left:0;padding-top: 6px;background-color:#ADC1D7;color:#1D467C;font-size:12px;line-height:14px;opacity:0.8;filter:alpha(opacity=80)}

/*----- Manage -----*/
.manage th{padding:5px 0;border-bottom:1px solid #ccc}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage td{padding:1px}
.manage img.preload{display: none;position: absolute;z-index: 9900;top: 0px; border: solid 1px #FFFFFF}
.manage td.icons{padding-left:5px;width:45px}
.manage td.icons img{float:left;margin:3px 5px 0 0}
.manage .hidden{font-style:italic;color:red}
.button{text-align:right;padding:10px 0}



/*----- CUSTOM -----*/
/* Form Styles */
.lCell { background-color:#f0f0f1; border-left:1px solid white; border-bottom:1px solid white; text-align:right; vertical-align:top; width:35%; padding: 2px 10px 0px 5px;}
.rCell { text-align:left; padding: 2px 0px 2px 5px; background:#f9f9fa}
.hint	{margin-left:10px; font-style:italic; font-size:11px; }
.title {font-weight:bold; text-align:center; padding:1px; color:white; background-color:#1c77b2;border-bottom:2px solid white;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear; margin-right:12px}
.inputText {border:1px solid #BFBFBF;}

.empLCell { background-color:#E2E9F0; border-left:1px solid white; border-bottom:1px solid white; text-align:right; vertical-align:top; width:35%; padding: 2px 10px 0px 5px;}
.empRCell { text-align:left; padding: 2px 5px 2px 5px;}
.empEmptyCell { padding: 2px 5px 2px 5px; }


#productLanding { float:left; width:700px; background:#f7f7f7 url(../images/product_bkg.gif) bottom left; margin-bottom:20px}
#productLanding td { }
#productLanding td:hover { }
#productLanding a { display:block; text-decoration:none;width:222px; padding:10px 8px 20px 5px}
#productLanding a:hover { display:block; text-decoration:none; background:#fff}
#productLanding table td a{ border-left:none; border-right: solid 1px #fff}
#productLanding table td + td a { border-left: solid 1px #d2d3d4; border-right: solid 1px #fff}
#productLanding table td + td + td a {border-left: solid 1px #d2d3d4; border-right: solid 1px #fff}
#productLanding table td + td + td + td a {border-left: solid 1px #d2d3d4; border-rightnone}

#productLanding img {padding-right:8px; padding-top:3px}
#productLanding span {  display:block; font-size:13px; font-weight:bold; color:#1071ae; padding-bottom:5px; text-align:center}
#productLanding span + span { display:block; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#86888c; font-weight:normal; line-height:14px; text-align:left}
#productLanding strong { display:block; text-transform:uppercase; color:#6fa807; padding-top:5px}

#productLanding a + span + span +img +img { padding-top:50px}

.fileList td { padding:0 5px 6px 0px; }

.creditCards{margin:18px 0 8px 0}
.creditCards img{margin-right:5px;}

#mainBody .workflow label { display:block; margin:0; padding:0; color:#0063a7; font-size:12px}
.workflow { margin:15px 0}
.workflow td { padding-right:10px; color:#0063a7}

.workflowOption { float:left; font-size:14px; color:#0063a7; width:200px}
.finalizedQuote img { display:inline;}
.finalizedQuote td { vertical-align:middle;border-bottom: solid 1px #ccc; padding:5px 2px}
.finalizedQuote th { background:#f3f3f4; padding:5px 2px}

/*----- Wireless Landing -----*/
#jsRotatorWireless{ float:left; height:213px; width:467px; margin:0 4px 0 0}
.wirelessRotator { position:relative; width:467px; margin-top:0px; background:#000;z-index:1000}
.desc {padding:10px 20px 0 12px;}
.desc, .desc p {font-size:11px; line-height:17px; color:#666;}
.desc h2 { font-size:14px; line-height:18px; margin:0 0 6px 0;}
#slideShow DIV {height: 213px; width: 467px;}
.slideShowPhotos {display: none;} /* Must always be set to display none */

.prev {display: block;height: 31px;left: 0; opacity: 0.5;position: absolute;top: 95px;width: 31px;z-index: 500;}
.prev:hover, .next:hover {opacity: 1;}
.pause, .play {display: block;height: 24px;left: 417px;opacity: 0.5;position: absolute;top: 189px;width: 50px; z-index: 500;}
.pause:hover, .pause:hover, .play:hover, .play:active {opacity: 1;}

.next {display: block;height: 31px;opacity: 0.5;position: absolute;right: 0;top: 95px;width: 31px;z-index: 500;}


.customQuote { display: block; width:183px; height:108px; float:left; background:url(../images/build_quote.gif) no-repeat left top; color:#86888c; padding:85px 23px 20px 23px}
.customQuote:hover { display: block; width:183px; height:108px; float:left; background:url(../images/build_quote.gif) no-repeat left bottom; text-decoration:none}

.wirelessBuckets { width:700px; height:137px; float:left; background: url(../images/wireless_bucket.gif) repeat-y left top; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin:4px 0 20px 0}
.wirelessBuckets a { width:232px; float:left; display:block; min-height:137px; margin-left:1px}
.wirelessBuckets a:hover, .wirelessBuckets a:active { width:232px; float:left; display:block; text-decoration:none; background:#fff;}
.wirelessBuckets img { float:left; width:78px; height:90px; display:block; padding-right:5px; margin-left:1px}
.wirelessBuckets span {  display:block; font-size:13px; font-weight:bold; color:#1071ae; padding:10px 10px 0 10px}
.wirelessBuckets span + span { display:block; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#86888c; font-weight:normal; line-height:14px; text-align:left}
.wirelessBuckets strong { display:block; text-transform:uppercase; color:#6fa807; padding-top:5px}

.contactForm { float:right; width:210px; border-left: solid 1px #ccc; padding-left:24px}
#content .contactForm label { display:block; font-size:11px; color:#666666; font-family: Verdana, Geneva, sans-serif; padding:7px 0 2px 0; margin:0; line-height:14px;}

.customQuoteButton { float:left; display:block; width:368px; height:36px; background:url(../images/quote_button.gif) no-repeat left top; margin:20px 0;}
.customQuoteButton:hover { float:left; display:block; width:368px; height:36px; background:url(../images/quote_button.gif) no-repeat left bottom}

/*----- Time and Attendance Landing -----*/
#time{ float:left; height:243px; width:467px; margin:0 4px 0 0}
.timeRotator { position:relative; width:467px; margin-top:0px; background:#000;z-index:1000}
.desc {padding:10px 20px 0 12px;}
.desc, .desc p {font-size:11px; line-height:17px; color:#666;}
.desc h2 { font-size:14px; line-height:18px; margin:0 0 6px 0;}
#time #slideShow DIV {height: 243px; width: 467px;}
.slideShowPhotos {display: none;} /* Must always be set to display none */

#smartStartInterior { float:left; width:189px; height:203px; background:url(../images/smart_start_interior.gif) no-repeat left top; padding:20px 20px;}
#smartStartInterior p {font-size:10px; color:#1c77b2; line-height:14px; background:url(../images/home/icon_smartstart.gif) no-repeat left top; display:block; padding-left:50px; margin-top:20px; font-family:Verdana, Geneva, sans-serif}
#smartStartInterior select { width:170px; height:21px; margin:0 0 5px 13px; color:#666; font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:0 0 0 10px}
.smartSearch{ margin:5px 0 0 13px}

.timeBuckets { width:700px; height:137px; float:left; background: url(../images/time_bucket.gif) repeat-y left top; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin:4px 0 20px 0}
.timeBuckets a { width:174px; float:left; display:block; min-height:137px; margin-left:1px; text-align:center; font-family:Arial, Helvetica, sans-serif}
.timeBuckets a:hover, .timeBuckets a:active { width:174px; float:left; display:block; text-decoration:none; background:#fff;}
.timeBuckets img { text-align:center;display:block; padding-right:5px; margin:0 auto}
.timeBuckets span {  display:block; font-size:13px; font-weight:bold; color:#1071ae; padding:5px 8px 0 8px; text-align:center}
.timeBuckets span + span { display:block; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#86888c; font-weight:normal; line-height:10px; text-align:center}

.timeBuckets strong { display:block; text-transform:uppercase; color:#6fa807}