/* CSS Document */

/* BODY
-------------------------------------------------------------------*/

ul, ol, dl {
position:relative;	
}

img {
border:0px solid #000;
}


body {
font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
font-size:10px;
background: #3f484d url('/assets/images/graphics/body_bg3.gif');
margin:0;
padding:0;
}

div.cleaner {
clear:right;
height:1%;
}

a {
text-decoration:none;
}

#wrapper {
position:relative;
top:-26px;
margin: 0px auto;
padding:0;
width:950px;
background:white;
z-index:1;
}



#header_wrapper {
width:100%;
background: url('/assets/images/graphics/body_bg.gif') repeat-x;
position:relative;
top:-26px;
z-index:2;
}

/* HEADER
-------------------------------------------------------------------*/

/*start*/
#header {
width:950px;
position:relative;
margin: 0px auto;
z-index:1000;
height:118px;
}

#header_links {
text-align:center;
position:relative;
left:-17px;
margin:0;
padding:0;
width:950px;
}

#header_links ul {
display:inline;
list-style:none;   
}

#header_links ul li {
display:inline;
}

#header_links a, #header_links a:visited {
color:#e9eae8;
font-size:1.3em;
}

#header_links a:hover {

}

#header_links span {
color:#e9eae8;
}

#header_logo {
position:relative;
top:8px;
left:-30px;
}

#home_button img {
position:absolute;
top:45px;
left:200px;
height:20px;
z-index:500;
float:left;
}

#header_tagline {
background: url(/assets/images/graphics/header_tagline.gif) no-repeat;
position:relative;
top:15px;
left:25px;
height:20px;
width:400px;
float:left;
}

#header_nav {
position:absolute;
top:27px;
left:230px;
z-index:500;
}

div.facebook_header {
float:right;
position:relative;
height:30px;
width:100px;
left:-192px;
top:3px;
}

.facebook_header a {
color:white;
position:relative;
top:-5px;
}

.facebook_header img {
position:relative;
top:15px;
}

div.google_search {
float:right;
position:relative;
top:4px;
height:25px;
padding: 3px 3px 0px 3px;
border: 2px solid #39444a;
margin:6px 1px 0px 0px;
background:#b6b6b6;
}

div.google_search input {
clear:right;
width:auto;
padding:2px;
height: auto;
border: 1px solid #3a464c;
background: white url(/assets/images/graphics/google_custom_search_watermark.gif) no-repeat 0px 2px;
}

form#cse-search-box2 .googleButton {
height:21px;
background:white;
}

li.cse_dropdown {
padding: 5px 0;
}
/*end*/

/* AD ZONES
-------------------------------------------------------------------*/

.adZone1, .adZone3 {
clear:both;
position:relative;
width:950px;
height:auto;
}

.adZone1_ad, .adZone3_ad {
margin-top:0px;
margin-left:0px;
text-align:center;
float:left;
width:475px;
}

.adZone3 {
margin:-20px 0px 0px 0px;
padding-bottom: 5px;
}

.adZone1_ad img, .adZone3_ad img {
border:1px solid black;
}

ul#featured {
list-style-type:none;
margin-left:5px;
}

ul#featured li {
width:100%;
text-align:left;
}

ul#featured li a {
float:left;
width:90px;
margin: 0px 10px 12px 0px;
}

.homepage_feature_ad {
border:1px solid black;
}

.sub_ads {
position:relative;
width:930px;
height:100px;
margin: 0px 0px 3px 8px;
padding: 1px 0 10px 0;
}

.sub_ads p.paid {
float:right;
width:100px;
color:white;
margin-top:40px;
margin-left:10px;
font-size:1.2em;
}

/* LEFT COLUMN
-------------------------------------------------------------------*/

.column_left {
clear:left;
float:left;
position:relative;
left:10px;
width:170px;
padding:0px;
margin-bottom:10px;
min-height:610px;
height: auto !important;
height: 610px;
}

*html .column_left {
left:15px;    
}

.column_left p {
font-size:1.2em;
}

.savedforlater {
position:relative;
top:0px;
left:103px;
height:14px;
width:14px;
border:1px solid red;
}

.column_left h1 {
width:96%;
font-weight:normal;
color:#e2e3e3;
font-size:1.4em;
margin:-5px 0px 0px 0px;
padding-left:5px; 
border-bottom:1px solid #8e9193;
}

.column_left h2 {
font-size: 1.2em;
letter-spacing:.05em;
padding-left:5px; 
margin:-5px 0px 0px 0px;
}

.column_left a {
}

.column_left hr {
width:90%;
border:0px solid #000;
height:1px;
margin-left:0px;
background:gray;
}

.column_left ul {
position:relative;
width:90%;
margin:0;
padding:0;
list-style-type:none;
}

.column_left ul li {
margin-left:0px;
font-size: 1.2em;
padding:2px 0px;
}

.column_left ul li a {
font-size: 1em;
}

ul li.list_header {
font-size: 1.4em;
width:90%;
margin-bottom:10px;
border-bottom: 1px solid #a3a3a3;
}

.column_left ul .current {
text-decoration:none;
font-style:italic;
color:gray;
}

select {
width:140px;
}

/* CENTER COLUMN
-------------------------------------------------------------------*/
.column_center {
float:left;
margin:0px 0px 5px 3px;
width:625px;
background:#ffffff;
}

.column_center h3 {
margin-left:0px;
font-size: 1.3em;
}

.column_center ul {
margin-left:25px;
}

.column_center ul li {
font-size:1.2em;
margin-left:-25px;
padding:2px 0;
color:#000000;
}

.column_center li.view_all {
position:relative;
background: transparent url(/assets/images/graphics/view_all_col2.gif) no-repeat;
background-position: bottom right;
margin-bottom:0px;
}

.column_center li.view_all a {
position:relative;
top:4px;
left:300px;
color:#ffffff;
font-size:.8em;
z-index:200;
}

.column_center li a {
font-size:1.1em;
}

.column_center li a:hover {
text-decoration:underline;
}

.column_center p {
font-size:1.3em;
}

.content {
width:100%;
padding: 3px 5px 0 5px;
margin: 10px 0px 10px 0px;
border-top:0px solid gray;
border-width: 0px 2px 2px 1px;
}


#breadcrumbs {
font-size:1em;
margin-bottom:10px;
}

#breadcrumbs a {
color:#3a464c;
}

#breadcrumbs a:hover {
text-decoration:underline;
}

.categoryList td {
vertical-align:top;
padding-right:20px;
}

.categoryList td a {
font-size:1.2em;
}

.categoryList td a:hover {
text-decoration:underline;
}


/* EDITORIAL - TABLE OF CONTENTS
-------------------------------------------------------------------*/

.column_center h1 {
font-size:2.7em;
color: gray;
font-weight:normal;
}

.column_center h2 {
font-size:2.6em;
font-weight:normal;
color:gray;
margin-bottom:0px;
}

img.cover {
float:right;
border:2px solid #e6e6e6;
padding:4px;
background:#f0f0f0;
margin: 10px;
}

ul.largeTOC {
position:relative;
list-style-type:none;
left:-30px;
}

ul.largeTOC span {
font-size:2.4em;
margin: 0px 10px 10px 0px;
}

ul.largeTOC li {
font-size:1.4em;
margin-bottom:20px;
}

/* EDITORIAL - ARTICLE STYLES
-------------------------------------------------------------------*/

.expanded_header {
width:615px;
margin: 5px 0px 10px 0px;
border-bottom:1px dashed gray;
padding-bottom:5px;
}

.expanded_header_titles {

}

.expanded_extras {
float:right;
height:25px;
margin-top:-25px;
width:325px;
}

.expanded_extras.advertiser {
float:right;
height:20px;
width:33%;
margin-top:-20px;
}

.expanded_extras.ad_index {
float:none;
height:25px;
width:225px;
margin-top:25px;
}

.expanded_extras img {
float:left;
padding:0px 3px 0px 10px;
border:0px solid #000;
}

.expanded_extras a {
float:left;
color:#3e3e3e;
}

.column_center .expanded_extras a:hover {
color:#28578c;
text-decoration:none;
}

.expanded_extras span {
margin:5px 8px 0px 2px;
position:relative;
top:5px;
}

h1.story {
margin:0;
font-weight:normal;
color: #3e3e3e;
font-size:2em;
}

h1.company {
margin:0;
font-weight:normal;
color: #3e3e3e;
font-size:2em;
width:65%;
border-bottom:1px solid silver;
}

h2.articleType {
font-size: 1.3em;
color: #3e3e3e;
font-weight:normal;
margin:10px 0 5px 0;
}

h3.posted {
font-size:1.1em;
font-weight:normal;
color:#656565;
margin:0px 0 3px 0;
}

h3.ezineLink {
font-size:1.1em;
font-weight:normal;
color:#656565;
font-style:italic;
margin:3px 0;
}

.column_center img.article {
float:right;
margin:10px;
border:5px solid #222222;
}

.column_center .google_ads {
text-align:center;
}

.page_numbers_bottom {
margin-top:20px;
text-align:center;
font-size:1.3em;
}

.page_numbers_bottom a {
color:#1a4685;
}

.page_numbers_bottom a:hover {
text-decoration:underline;
}

.articleComment {
width:100%;
border:1px solid #f1f1f1;
padding:0px 5px;
margin-bottom:10px;
background:#f4f4f4
}

p.commentName {
font-style:italic;
color:gray;
font-size:1.1em;
}

p.commentBody {

}

/*----------IMAGE GALLERY---------*/

/* edit heights/widths for images */	
.pikachoose { margin:10px 0 10px 10px; position:relative; float:right; width:200px; margin: 0 120px auto 25px; text-align:left; }

/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:310px;height:auto;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:10px 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:300px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:0px;left:0px;background:#777;padding:3px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:300px;height:12px;padding-top:2px;padding-bottom:2px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('/assets/css/pikachoose/black.png') top left;color:white;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a.pika_play_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/assets/css/pikachoose/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/assets/css/pikachoose/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('/assets/css/pikachoose/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('pikachoose/fastf.png') top right no-repeat;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('/assets/css/pikachoose/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('/assets/css/pikachoose/fastf.png') top right no-repeat;}



/* ADVERTISER/PRODUCTS STYLES
-------------------------------------------------------------------*/

.companyBox {
position:relative;
left:0px;
border-top:1px solid silver;
background:white;
margin-left:-5px;
padding:5px 0px 0px 5px;
width:100%;
}

.advertiser_partial {
width:48%;
float:left;
}

.advertiser_partial.index {
width:200px;
float:left;
}

.advertiser_partial.index p {
font-size:1.1em;
color: #656565;
margin:0px 0px 3px 0px;
}

.advertiser_partial.index .saveforlater {
margin:0px 0px 0px 0px;
}

.advertiser_partial.index .saved {
margin:0px 0px 0px 0px;
}

.advertiser_logo {
float:right;
position:relative;
left:-10px;
top:-2px;
width:300px;
height:140px;
}

.advertiser_logo img {
border:1px solid silver;
}

ul#advertiserList { 
margin-left:-15px; 
}

#advertiserList li { 
list-style-type:none; 
background:#f6f5f5;
font-size:1em;
width:100%;
border:1px solid silver;
padding:0px 0px 0px 5px;
margin-top:-1px;
}

#advertiserList li:hover {
background:#eaeaea;
}

#advertiserList h3 {
font-weight:normal;
font-size:1.2em;
margin:5px 0px 5px 0px;
}

.listNav { margin:0 0 10px; }.ln-letters { overflow:hidden; }
.ln-letters a { font-size:1.2em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { margin-top:-100px; text-align:center; font-size:1em; line-height:0; margin-bottom:3px; color:#336699; }


/* HOME PAGE STYLES
-------------------------------------------------------------------*/

.home_left {
font-size:1em;
width:370px;
margin: -25px 5px 0px -5px;
}

.home_center {
float:left;
margin-left:10px;
margin-top:-12px;
width:430px;
}

.roundedcornr_box {
position:relative;
top:1px;
border:1px solid #363636;
height:197px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
width:100%;
margin-bottom:5px;
overflow:hidden;
}

.roundedcornr_top div, .roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
width: 100%;
height: 10px;
font-size: 1px;
}

.roundedcornr_content { 
margin: 0 10px; 
}

.roundedcornr_content p {
font-size:1em;
color:white;
}

.roundedcornr_content a {
font-size:1em;
color:white;
}

.em1 {
background: #272f34;
}

.em2 {
background: #44494c;
}

.em3 {
background: #a9a9a9;
}

.current_cover {
float:left;
position:relative;
overflow:hidden;
z-index:1;
}

.current_cover img {
width:175px;
}

.current_cover_text {
float:right;
width:160px;
position:relative;
left:0px;
top:10px;
z-index:2;
}

.current_cover_text ul {
position:relative;
top:10px;
left:25px;
list-style-image: url(/assets/images/graphics/current_arrow.png);
}

.current_cover_text li {
width:130px;
margin-bottom:10px;
}

.current_cover_text ul li a {
width:130px;
margin-bottom:10px;
}

.current_cover_text h1 {
font-size:1.6em;
text-align:center;
margin:-10px 0px 5px 0px;
padding-bottom:10px;
z-index:200;
}

*html .current_cover_text h1 {
margin-top:0px;    
}

.roundedcornr_box ul {
width:100%;
margin: -5px 0px -8px 0px;
}

h1.truckstop {
border:0px solid #000;
font-size:2em;
margin:-5px 0px -9px 0px;
}

hr.truckstop {
width:370px;
height:20px;
margin-left:-10px;
background: transparent url(/assets/images/graphics/truckroad.gif) bottom right repeat-x;
}

img.truckstop {
float:right;
position:relative;
top:-55px;
left:17px;
}

.view_all img {
position:bottom right;
}

div#homepage_rotation {
margin-top:-10px;
height:160px;
}

div#trucks_homepage_rotation {
height:520px;
}

.eqtrader_trucks {
clear:both;
height:103px !important;
}

.eqtrader_trucks p {
clear:both;
margin-top:5px;
height:90px !important;
font-size:1.2em;
}

#blog_box p {
font-size:1.2em;
}

.roundedcornr_box .roundedcornr_content p {
background:transparent !important;
}

.featured_advertisers {
position:relative;
top:1px;
border:1px solid #363636;
height:197px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

h1.featured {
color:white;
margin:0px 0px 10px 0px;
font-size:2.5em;
font-weight:normal;
}

h1.dark {
color: #363636;
margin-left:10px;
}

span.homepage_story_title {
font-size:1.4em;
}

*+html ul#truckstops, * html ul#truckstops {
position:relative;
top:-30px;
}


ul#truckstops li p {
background: transparent !important;
}

.roundedcornr_content li p {

}

img.homepageEditorial {
height:120px;
max-width:200px;
width: expression(this.width > 200 ? 200: true);
float:right;
margin: 0px 20px 0px 10px;
border:1px solid white;
background:#777;
padding:2px;
}

img.eqTraderTrucks {
height:80px;
clear:both;
float:right;
margin: 0px 20px 5px 10px;
border:1px solid white;
background:#777;
padding:2px;
}

.cycle_nav {
clear:both;
position:relative;
top:-5px;
text-align:center;
}

.pager {
display:inline;
}

.pager a {
color:white;
margin-right:10px;
}

.pager a.activeSlide {
border-bottom:1px solid white;
}

#prev2, #next2 {
margin-right:5px;
font-size:1.5em;
}

#all {
margin-right:5px;
font-size:1.5em;
}
/* EZINE STYLES
-------------------------------------------------------------------*/

.ezine_left {
display:none;
}

.ezine_center {
margin-left: -5px;
background:transparent;
}


/* CLASSIFIEDS
-------------------------------------------------------------------*/

ul#classifiedList { 
margin-left:-15px; 
}

#classifiedList li { 
list-style-type:none; 
font-size:1em;
width:100%;
border:1px solid silver;
padding:0px 0px 0px 5px;
margin-top:-1px;
}

#classifiedList li:hover {
background:#eaeaea;
}

#classifiedList h3 {
width:100%;
font-weight:normal;
font-size:1.2em;
margin:5px 0px 5px 0px;
}

.classifiedBox {
border-top:1px solid silver;
background:white;
margin-left:-5px;
padding:5px 0px 5px 5px;
width:100%;
}

.advertiser_partial {
width:48%;
float:left;
}

.advertiser_partial.index {
width:200px;
float:left;
}

#classifiedTable .saveforlater {
margin:0px;
}

#classifiedTable .saved {
margin:0px;
}

#classifiedTable .table_hidden {
display:none;
}

table#classifiedTable .ad_index {
margin:0px;
width:30px;
height:20px;
padding:0px;
}

#classifiedTable .td_center {
text-align:center;
}

.classifiedThumb {
text-align:center; 
width:100%; 
}

.truckstopHomepage {
width:25%;
float:left;
border:1px solid black;
margin: 0px 5px 5px 0px;
}

.listNav { margin:0 0 10px; }.ln-letters { overflow:hidden; }
.ln-letters a { font-size:1.2em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { margin-top:-130px; text-align:center; font-size:1em; line-height:0; margin-bottom:3px; color:#336699; }

/* RIGHT COLUMN
-------------------------------------------------------------------*/

#column_right {
float:right;
position:relative;
width:120px;
top:0px;
left:-3px;
text-align:center;
margin:0;
padding-right:5px;
}

#column_right img {
border:1px solid gray;
margin-bottom:20px;
}

#column_right .google_ads {
text-align:center;
}

/* FOOTER
-------------------------------------------------------------------*/

#footer {
position:relative;
margin: 0px auto;
padding:0;
clear:both;
text-align:left;
width:950px;
height:76px;
background: transparent url('/assets/images/graphics/footer_bg2.gif') repeat-x;
margin-top:-10px;
top:-26px;
}

#footer p {
text-align:center;
font-size:1.2em;
color:white;
padding-top:12px;
}

#footer img {
vertical-align:middle;
border:0px solid #000;
}

#footer a {
color:white;
}

#copyright {
position:relative;
margin: 0px auto;
top:-36px;
text-align:right;
width:950px;
color:white;
}

#copyright p {
text-align:right;
margin:0;
margin-right: 20px;
}

.highlight {
    font-weight:bold;
}

#jump {
    width:145px;
}

#clearone {
clear:both;
height:1px;
}

/* TOOLTIPS
-------------------------------------------------------------------*/

#tooltip {
position: absolute;
z-index: 3000;
width: 250px;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
}

#tooltip img {
float:right;
margin-left:10px;
}


/* TABLES
-------------------------------------------------------------------*/

.categoryList td {
width:200px;
}

/* -----------------------SUPERFISH -------------------------------- */

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}

.sf-menu {
line-height: 1.0;
font-size:1.4em;
}

.sf-menu ul {
position: absolute;
top: -999em;
width: 100%; /* left offset of submenus need to match (see below) */
}

.sf-menu .nav_sub_top {
margin-bottom:0px;
margin-top:2px;
width:inherit;
height:8px;
background: #3a464c;
}

.sf-menu .nav_sub_bottom {
margin-top:0px;
padding:0px;
height:15px;
width:228px;
background: #3a464c;
border-bottom: 1px solid #4d585e;
}

.sf-menu li.menuSeparator {
height:10px;
border-bottom:1px dashed silver;
}

.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
float: left;
position: relative;
width:110px;
height:40px;
margin-right:5px;
text-align:center;
background: #3a464c;
border: 1px solid #4d585e;
}

.sf-menu a {
display: block;
position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: -1px;
top: 2.6em; /* match top ul list item height */
z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}

.sf-menu a {
margin-top:10px;
text-align:center;
width:100%;
text-decoration:none;
}

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: white;
}

.sf-menu li {
background: #3a464c;
}

.sf-menu li li {
background: #3a464c;
padding: 0px 0px;
height:25px;
width:228px;
border:none;
border: solid #4d585e;
border-width: 0px 1px 0px 1px;
text-align:left;
}

.sf-menu li li a {
font-size: .9em;
text-align:left;
height:25px;
width:inherit;
padding: 10px 0px;
margin-left:10px;
margin-top:0px;
}

.sf-menu li li a:hover {
font-size: .9em;
color:#30ac61;
}

.sf-menu li li li {
background: #9AAEDB;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
outline: 0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
position: absolute;
display: block;
right: 2.5em;
top: 1.3em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('/assets/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .3em;
background-position: 0 -100px;
/* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: transparent;
padding: 0px 0px 10px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-moz-border-radius-bottomright: 20px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
-webkit-border-radius-bottomright: 17px;
}

.sf-shadow ul.sf-shadow-off {
background: transparent;
}


/*------------PAGINATION---------------*/

/*CSS Yahoo new version style pagination*/
div.pagination {
    padding: 5px 3px;
    margin: 5px 0;
    color:green;
    text-align:left;
    font-family:Tahoma,Helvetica,sans-serif;
    font-size:1.5em;
    border:1px solid #ccc;
}

div.pagination a {
    border: 1px solid #e1e2e2;
    margin-right:3px;
    padding:2px 8px;

    background-position:bottom;
    text-decoration: none;

    color: #6c6d6d;		
}

div.pagination a:hover, div.pagination a:active {
    border: 1px solid #000;
    background-image:none;
    background-color:#939595;
    color:#fff;
}
div.pagination span.current {
    margin-right:3px;
    padding:2px 6px;
    
    font-weight: bold;
    color: #000;
}
div.pagination span.disabled {
    display:none;
}
div.pagination a.next{
    border:2px solid #ccdbe4;
    margin:0 0 0 10px;
}
div.pagination a.next:hover{
    border:2px solid #000;
}
div.pagination a.prev{
    border:2px solid #00;
    margin:0 10px 0 0;
}
div.pagination a.prev:hover{
    border:2px solid #000;
}