/* global */

#menuDiv
{
    clear: both;
    margin: 0;
    padding: 0;
    width:800px;
}

#menuDiv ul
{
	margin: 0;
    padding: 0;
    list-style-type: none;
    background-image: url('/images/Nav_BG_Grey.jpg');
    height: 27px;
    width: 100%;
    margin: auto;
}

#menuDiv li
{
    float: left;
}
        
#menuDiv ul a
{
    background-image: url('/images/Nav_Divider_Grey.jpg');
    background-repeat: no-repeat;
    background-position: right;
    padding-right:8px;
    padding-left: 8px;
    display: block;
    line-height: 27px;
    text-decoration: none;
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

#menuDiv ul a:hover
{
    color: #f9ae62;
}

#menuDiv ul a.current
{
    color: #f9ae62;
}

#mainDiv
{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    background-color: #fff;
    border: 1px solid #cacaca;
}

#headerDiv
{
    width: 800px;
    margin: 10px 10px 0px 0px;
    padding: 0px;
    height: 100px;
    color: #333;
}

#logoDiv
{
    float: left;
    width: 150px;
    top: 10px;
    left: 8px;
    position: relative;
}

#searchDiv
{
    float: left;
    width: 500px;
    text-align: center;
    margin: auto;
}

#topLinksDiv
{
    padding-top: 10px;
    float: left;
    width: 150px;
    font-size: 11px;
}

#headerDiv a
{
    color: #333;
    text-decoration: none;
}
#headerDiv a:link
{
    color: #333;
    text-decoration: none;
}
#headerDiv a:visited
{
    color: #333;
    text-decoration: none;
}
#headerDiv a:hover
{
    color: #ff9933;
    text-decoration: underline;
}
#headerDiv a:active
{
    color: #333;
    text-decoration: none;
}
#headerDiv a:visited:hover
{
    color: #ff9933;
    text-decoration: underline;
}
   
.searchBox
{
    background-image: url('/images/icons/main_Search_Icon.jpg');
    background-repeat: no-repeat;
    padding-left: 20px;
    margin: 0px;
    padding-bottom: 0px;
    height: 17px;
    width: 178px;
    border: 0px solid #000;
}

#footerDiv
{
	margin-left: auto;
    margin-right: auto;
    width: 800px;
	background-color: #ebeff2;
}


.noimage {background-color:#FFFFFF; background-image:none}
body {font-family: "Trebuchet MS", Arial; color: #666666; font-size:11px;  background-color: #ebeff2; line-height:1.6; margin: 0px; padding: 0px; }
table {color:#666666;}
.body {font-family: "Trebuchet MS", Arial; color: #666666; font-size:12px; }
.nobody {background-image:none; background-color:#FFFFFF; }
img {padding: 0px; margin: 0px; border:none;}
ul {}
li {padding: 0px; margin: 0px; }
p {margin-top: 5px;}

.grey { color: #666666; }

.sectionTitle { color: #336699; font-size: 16px;  font-weight: bold;}

input {height: 14px; } 
input.button {height: auto; } 
input#smaller {width: 80px;}
input#add_to_cart {width: 36px; height: 12px; }
input.checkbox {width: auto; margin: 0px; padding: 0px;}
input.checkbox2 {width: auto; margin-top: 4px; padding: 0px;}
.nopad {margin: 0px; padding: 0px;}

.black_header {font-size: 12px; font-weight:bold; color: #000000;}
.black_header2 {font-size: 13px; font-weight:bold; color: #000000;}
.black_header3 {font-size: 11px; font-weight:bold; color: #000000;}
/* content classes */
.content {
	font-family: "Trebuchet MS", Arial;
	color: #666666;
	font-size:12px;
}

.blue { color: #336699; }

.l2_content {margin-top: 20px; margin-left:12px; margin-right: 12px; color: #666666;}
.l2_content2 {margin-left:12px; margin-right: 12px; color: #666666; margin-top: 0px;}
.l2_rh_content {margin-top: 20px; margin-left:12px; margin-right: 12px; letter-spacing: 0.7px}
.recently_viewed {margin-top: 10px; margin-left: 17px;  margin-bottom: 2px;line-height: 1.5em;}
.rh_info {margin-top: 20px; margin-left: 10px;  margin-right: 5px;margin-bottom: 2px;line-height: 1.5em;}
.box_content {padding:12px 9px 0px 12px; margin: 0px; text-align: left; width: 128px; font-size:12px;color: #999999;line-height:1.6}
.box_content2 {padding:12px 9px 0px 18px; margin: 0px; text-align: left; width: 128px; font-size:12px;color: #999999;line-height:1.6}
.box_content3 {padding:12px 9px 0px 18px; margin: 0px; text-align: left; width: 80px; font-size:12px;color: #999999;line-height:1.6}


.border_bottom {border-bottom:1px solid #ccc;}
.border_bottom_hdr {border-bottom:1px solid #ccc; margin-bottom: 0px; padding-bottom: 0px;}

h1 {font:  normal normal 22px/22px Verdana, Arial, sans-serif;font-weight: normal;color: #336699;margin-left: 12px; margin-top: 0.4em;}
h1.banner {font:  normal normal 15px Verdana, Arial, sans-serif;font-weight: bold;color: #336699;margin-left: 12px; margin-top: 0.4em;}
h2.nomargin {font:  normal 15px Verdana, Arial, sans-serif; font-weight:bold; color: #336699; margin-left: 0px;}
h2 {font:  normal 15px Verdana, Arial, sans-serif; font-weight:bold; color: #336699; margin-bottom: 0px; margin-top: 0px; margin-left: 12px;padding: 0px;}
h3 {font-family: "Trebuchet MS", Arial; color: #666666; font-size:12px; font-weight:normal; margin:0;}

p.hdr_description {font-size:13px; font-weight:bold; color: #333333; margin-left: 12px;}
.hdr_description1 {font-size:13px; font-weight:bold; color: #333333; }
.content_table {margin-left: 12px; }
.large_price {font-size:14px; font-weight:bold; color: #333333; padding: 0px; margin: 0px;}
.large_price_red {font-size:14px; font-weight:bold; padding: 0px; margin: 0px; color: #990000;}
.savings { color: #990000; }
.red_msg { color: #990000; }


.prod_subheader {font-size:12px; font-weight:bold; color: #333333; }
/* links */

a.orange, a.orange:link, a.orange:active, a.orange:visited{font-family: "Trebuchet MS", Arial; color: #999999; font-size:12px; color:#ff9933; text-decoration: underline; }

a.body_link, a.body_link:link, a.body_link:active, a.body_link:visited {color: #666666;text-decoration: underline;}
a.body_link:hover {color: #ff9933; text-decoration:underline;}

a.body_link_no_line, a.body_link_no_line:link, a.body_link_no_line:active, a.body_link_no_line:visited {color: #666666;text-decoration: none;}
a.body_link_no_line:hover {color: #ff9933; text-decoration:underline;}

a.body_link_no_line2, a.body_link_no_line2:link, a.body_link_no_line2:active, a.body_link_no_line2:visited {color: #336699; text-decoration: none;}
a.body_link_no_line2:hover {color: #ff9933; text-decoration:underline;}

a.body_link_dashed, a.body_link_dashed:link, a.body_link_dashed:active, a.body_link_dashed:visited {color: #666666; border-bottom:1px dotted; text-decoration: none; }
a.body_link_dashed:hover {color: #ff9933;border-bottom: 1px solid; text-decoration: none;}

/*CSS LEFT HAND NAV*/
a.secnav_link, a.secnav_link:link, a.secnav_link:active, a.secnav_link:visited {font-weight:bold; color: #336699; text-decoration: none; display: block; padding-left: 8px; }
a.secnav_link:hover {display: block; background-image: url(/images/rollover_bullet.gif); background-repeat:no-repeat; padding-left: 8px; }
a.secnav_link_on {font-weight:bold; color: #336699; text-decoration: none; display: block; padding-left: 10px; background-image: url(/images/rollover_bullet.gif); background-repeat:no-repeat; }

/*CSS LEFT HAND SUB-NAV*/
a.secnav_sub, a.secnav_sub:link, a.secnav_sub:active, a.secnav_sub:visited {font-weight:bold; color: #999999;text-decoration: none; display: block; padding-left: 10px;}
a.secnav_sub:hover {color: #ff9933; text-decoration:underline;}
a.secnav_sub#sec_sub_on {color: #ff9933; text-decoration:underline;}

a.content3, a.content3:link, a.content3:active, a.content3:visited{font-family: "Trebuchet MS", Arial; color: #999999; display: block; text-decoration:none; font-size:12px; padding-top: 2px;}
a.content3:hover {color:#ff9933; text-decoration: underline;}

a.rec_view, a.rec_view:link, a.rec_view:active, a.rec_view:visited {color:#000000; text-decoration: none; font-size: 11px;}
a.rec_view:hover {color: #000000; text-decoration:underline; font-size: 11px;}

a.prod_resources, a.prod_resources:link, a.prod_resources:active, a.prod_resources:visited{font-family: "Trebuchet MS", Arial; color: #666666; font-size:12px; text-decoration: none; border-bottom: 1px dotted;white-space: nowrap; line-height: 1.8em;}
a.prod_resources:hover {text-decoration: none; color:#ff9933;border-bottom: 1px solid}
a.prod_resources:hover#off {text-decoration: none; color:#666666;}

a.lighter_link, a.lighter_link:link, a.lighter_link:active, a.lighter_link:visited{font-family: "Trebuchet MS", Arial; color: #999999; font-size:11px;text-decoration: underline; }
a.lighter_link:hover {color: #000;}

a.icon_blue, a.icon_blue:link, a.icon_blue:active, a.icon_blue:visited{font-family: "Trebuchet MS", Arial; color: #999999; font-size:11px;text-decoration: underline; padding-top: 2px; padding-bottom: 2px;}
a.icon_blue:hover {background-color:#CDE4FB; }

a.icon_green, a.icon_green:link, a.icon_green:active, a.icon_green:visited{font-family: "Trebuchet MS", Arial; color: #999999; font-size:11px;text-decoration: underline; padding-top: 2px; padding-bottom: 2px;}
a.icon_green:hover {background-color:#F2F2B1; }

a.darker_link, a.darker_link:link, a.darker_link:active, a.darker_link:visited{font-family: "Trebuchet MS", Arial; color: #333333; font-size:11px; text-decoration: none;}
a.darker_link:hover {text-decoration: underline; color:#ff9933;}

a.ecom_link, a.ecom_link:link, a.ecom_link:active, a.ecom_link:visited{font-size: 11px; color:#666666; border-bottom:1px dotted; line-height: 2em; text-decoration: none;}
a.ecom_link:hover {background-color:#CCCCCC; border-bottom:1px solid;}
a.ecom_link#on {background-image: url(/images/rollover_bullet.gif); background-repeat:no-repeat; color:#000000;padding-left: 8px; }

a.footer_link, a.footer_link:link, a.footer_link:active, a.footer_link:visited {font-size: 11px; color:#ffffff; text-decoration: underline; margin: 10px 0px 0px 15px; font-weight: bold;}

a.box_link, a.box_link:link, a.box_link:active, a.box_link:visited {font-size: 12px; color:#ff9933; text-decoration: underline; }

a.hd_oranglink, a.hd_oranglink:link, a.hd_oranglink:active, a.hd_oranglink:visited {font-size: 10px; color:#ff9933; text-decoration: underline;}

.copyright  {font-size: 10px; color:#666; }

/* secondary nav */
ul.space {margin: 15px 0px 0px 5px; padding: 0px;}
ul#sec_nav {padding: 0px; margin: 0px; }
li.sec_nav {text-decoration: none; list-style-type: none; padding-left: 0px; margin-right: 5px; display: block; border: 1px solid #fff; }
li.sec_nav_override {text-decoration: none; list-style-type: none; padding: 0px; margin: 0px; display: block; font-weight:bold; color: #336699; padding-left: 10px; border: none; }

/*BACKGROUND CORNERS*/

#background {background-image:url(/images/background_image.gif); height: 650px; width: 784px; background-repeat:no-repeat; background-color: transparent}

#background_prod {background-image:url(/images/background_image_prod.gif);height: 333px;width: 784px;background-repeat:no-repeat;background-color: transparent;}

#background_index_round {background-image:url(/images/background_image_prod.gif);height: 100px;width: 784px;background-repeat:no-repeat;background-color: transparent;}

/*BACKGROUND CORNERS CLASSES*/
.background_index_round {background-image:url(/images/background_image_prod.gif);height: 100px;width: 784px;background-repeat:no-repeat;background-color: transparent;}

/* header */
.search {height: 27px; width: 100%; text-align:right; margin: 0px; padding: 0px;}
.logo {margin-left:12px;}

.welcome {color: #336699;}

/* text styles*/
.blk_prodheader {color: #000000; font-weight: bold; font-size: 12px; padding: 0px; margin: 0px; } /* originally had "white-space: nowrap" */
.blk_prodheader2 {color: #000000; font-weight: bold; font-size: 12px; line-height:1.2em;}

/* Lists*/
li.rh_list {text-decoration: none; list-style-type: none; padding-left: 10px; padding-top: 10px; margin-left: 12px; background-image: url(/images/rollover_bullet.gif); background-repeat:no-repeat; background-position:left center; display: block; width: 120px;}

.boxlist {margin-left: 32px; width: 120px;}

/* footer */
.footer {position: absolute; height: 25px; width: 770px; background-color: transparent; text-align: right;
padding-right: 10px; left: 0px; top: 620px;}

.top_left {position: absolute; margin: 0px; padding: 0px; top: 0; left: 0; }

/* tables */

.tab_border {background-image:url(/images/border.jpg); background-repeat:repeat-y; background-position:right;}

/* images */
img.img_top {margin-top: 20px; margin-left: 12px;}
img.img_top2 {margin-top: 20px; margin-left: 16px;}

img.orange_arrow {margin-top: 3px;}
img.logo {padding-right: 12px;}

.pad_right {padding-right:12px;}
.pad_left {margin-left:10px; line-height:1.6;}

.icon_padding {margin-left: 5px;}
img.spacer {margin: 4px 0px 4px 0px;}
.my_account {width: 175px;}
.padleft_15px {margin-left: 15px;}
.special_savings_or {font-size: 13px; font-weight:bold; color:#ff9933 }
.special_savings_text {
	font-size:13px;
	font-weight:bold;
	color: #666666;
	padding: 0px;
	margin: 0px;
}
.lucky_p {width: 107px; text-align: center;}
.spec_home {
	width: 527px;
	margin-left: 31px;
	margin-right: 16px;
	margin-top: 10px;
	line-height:1.6
}

.padleft_31px {margin-left: 31px;  padding: 0px;}
.my_acc_subh {color: #6699cc; font-weight:bold;}
.lucky_strike {text-decoration:line-through; font-weight:bold; color: #000000;}
.dropdown {font-size: 11px; color: #000000;}

img.support {padding-top: 3px; padding-right: 5px;}
div.olink {padding-left: 20px; padding-top: 0px; padding-bottom: 5px; margin: 0px; width: 100px;}


#arrow_button {background-color: #fff; height: 20px; padding-top: 5px; margin-left: 15px; width: 130px;}
#arrow_button_table {padding-left: 10px; background-color: #fff; width: auto; height: 20px; padding-top: 5px; text-align: right;}
#arrow_button_table br {clear: both; line-height: 1px;}

a.button_link, a.button_link:hover, a.button_link:link, a.button_link:active, a.button_link:visited {float: left; color: #000000; font-weight: bold; font-size: 12px; padding: 0px; margin-bottom: 4px; white-space: nowrap; text-decoration: underline; }
a.button_link_table, a.button_link_table:hover, a.button_link_table:link, a.button_link_table:active, a.button_link_table:visited {float: left; color: #000000; font-weight: bold; font-size: 12px; padding: 0px; white-space: nowrap; text-decoration: underline;}

img.orange_button {height: auto; float: left; padding-left: 4px; padding-top: 2px;}
input.orange_button {height: auto; float: left; padding-left: 4px; padding-top: 2px;}

/* Added by Skyscape */
.footer_image_3_col {background-image: url(/images/footer_image.jpg); height: 33px; width: 800px;background-color: transparent; border:none; text-decoration:none; background-repeat:no-repeat; text-align: right; }
.footer_image_stat {background-image: url(/images/footer_stat.jpg); height: 33px; width: 800px;background-color: transparent; border:none; text-decoration:none; background-repeat:no-repeat; text-align: right; }
.footer_image_2_col {background-image: url(/images/footer_image_1line.jpg); height: 33px; width: 800px;background-color: transparent; border:none; text-decoration:none; background-repeat:no-repeat; text-align: right; }
.footer_image_3_col_even {background-image: url(/images/footer_image_3_col_even.jpg); height: 33px; width: 800px;background-color: transparent; border:none; text-decoration:none; background-repeat:no-repeat; text-align: right; }
.footer_image_spec_home {background-image: url(/images/footer_spec_home.jpg); height: 33px; width: 800px;background-color: transparent; border:none; text-decoration:none; background-repeat:no-repeat; text-align: right;}
.footer_image_no_line {background-image: url(/images/footer_image_no_line.jpg); height: 33px; width: 800px;background-color: transparent; border:none; text-decoration:none; background-repeat:no-repeat; text-align: right; }
.footer_image_2_col_righ {background-image: url(/images/footer_image_2_col_right.jpg); height: 33px; width: 800px;background-color: transparent; border:none; text-decoration:none; background-repeat:no-repeat; text-align: right; }

input, select, textarea {font-family: "Trebuchet MS", Arial; color: #666666; font-size:11px;}

.footer_content {font-size: 11px; color:#666666;}
.footer_content a:active,.footer_content a:link,.footer_content a:visited{ text-decoration: underline;}

table.productList {
margin-left: 12px;
}

table.productList td {
vertical-align: top;
}

form {
margin: 0;
}

#contentWrapperMainCol {
margin: 20px 12px 0px 12px;
}

#contentWrapperMainCol a
{
		font-family: "Trebuchet MS", Arial; 
		color: #666666; 
		font-size:12px; 
	text-decoration: none; 
	border-bottom: 1px dotted; 
	line-height: 1.8em; 
}

#contentWrapperMainCol a:hover {text-decoration: none; color:#ff9933;border-bottom: 1px solid}

.contentWrapperRightCol {
margin: 20px 5px 0px 12px;
}

.seperator {
margin: 10px 0px 10px 0px;
}

.pageTitle 
{
	margin: 0px 0px 10px 0px;
}

div.mainCol 
{
	margin: 20px 12px 0px 12px;
	font-family: "Trebuchet MS", Arial;
	color: #666666;
	font-size:12px;
}

div.mainCol a, div.mainCol a:link, div.mainCol a:active, div.mainCol a:visited{ color: #666666; text-decoration: none; border-bottom: 1px dotted; line-height: 1.8em;}
div.mainCol a:hover {text-decoration: none; color:#ff9933;border-bottom: 1px solid}

div.mainCol a.button_link, div.mainCol a.button_link:link, div.mainCol a.button_link:active, div.mainCol a.button_link:visited {float: left; color: #000000; font-weight: bold; font-size: 12px; padding: 0px; margin-bottom: 4px; white-space: nowrap; text-decoration: none;}
div.mainCol a.button_link:hover {text-decoration: underline;}

div.mainCol h2 {font-size:12px; font-weight:bold; color: #333333; margin-bottom: 0px; margin-top: 0px; margin-left: 0px;padding: 0px;}


div.mainCol2 
{
	margin: 0px;
	font-family: "Trebuchet MS", Arial;
	color: #666666;
	font-size:12px;
}

div.mainCol2 a, div.mainCol a:link, div.mainCol a:active, div.mainCol a:visited{ color: #666666; text-decoration: none; border-bottom: 1px dotted; line-height: 1.8em;}
div.mainCol2 a:hover {text-decoration: none; color:#ff9933;border-bottom: 1px solid}

div.mainCol2 a.button_link, div.mainCol2 a.button_link:link, div.mainCol2 a.button_link:active, div.mainCol2 a.button_link:visited {float: left; color: #000000; font-weight: bold; font-size: 12px; padding: 0px; margin-bottom: 4px; white-space: nowrap; text-decoration: none;}
div.mainCol2 a.button_link:hover {text-decoration: underline;}

div.mainCol2 h2 {font-size:12px; font-weight:bold; color: #333333; margin-bottom: 0px; margin-top: 0px; margin-left: 0px;padding: 0px;}


table.twoCol td {
	width: 275px;
	padding-left: 5px;
}



th {
font:  normal 12px "Trebuchet MS", Arial;
font-weight: normal;
color: #444;
margin: 0;
text-align: left;
background-color: #F5F9FC;
padding: 2px 4px;
}

th.whiteBg {
font:  normal 12px "Trebuchet MS", Arial;
font-weight: normal;
color: #444;
margin: 0;
text-align: left;
background-color: #ffffff;
padding: 2px 4px;
}

th.rt {
text-align: right;
}

/* use "mycart" on my cart table (cart/checkout page) */

table.mycart {
border: 1px solid #82B8DA;
}

table.mycart td {
padding: 6px 10px 4px 6px;
border-top: 1px solid #82B8DA;
vertical-align: middle;
}

table.mycart td span.arrow {
margin-right: 10px;
}

table.mycart td p {
margin-top: 0;
margin-bottom: 0;

}

/* additional cell classes used with mycart table */

td.rt {
text-align: right;
}

td.bg {
background-color: #F5F9FC;
}

table.mycart td.nobd {
border-top: none;
}

td.bdr {
border-right: 1px solid #82B8DA;
}

td.dataGridHead
{font:  normal 12px "Trebuchet MS", Arial;
font-weight: normal;
color: #444;
margin: 0;
text-align: left;
background-color: #F5F9FC;
padding: 2px 4px;}



.divider 
{
	background-image: url(/images/dots.gif);
	background-repeat: repeat-x;
}

#purchaseArea
{
	margin: 0 10px 0 0;
	padding: 5px 5px 5px 10px;
	border: 1px solid #82B8DA;
	background-color: #F5F9FC;
	text-align: left;
}

.section {border: 1px solid #82B8DA; margin: 0 10px 0 0; padding: 5px 5px 5px 10px; background-color: #F5F9FC;}

h1.category {
font:  normal normal 16px/16px "Trebuchet MS", Arial;
font-weight: bold;
color: #336699;
margin-top: 20px; margin-left:12px; 
}

span.price, .price { /* for right-align and bold prices (browse and addtocart pages) */
display: block;
margin: 0 0 0.5em 0;
padding: 0 4px 0 0;
text-align: right;
font-weight: bold;
}

div.productItem
{
width: 300px; 
float: left;
padding-right: 5px;
}

.priceList {
    background-color: rgb(235, 239, 242)
}

div.productItem a {color: #336699; text-decoration: none;}
div.productItem a:link {color: #336699; text-decoration: underline;}
div.productItem a:visited {color: #336699; text-decoration: underline;}
div.productItem a:hover {color: #ff9933; text-decoration: underline;}
div.productItem a:active {color: #336699; text-decoration: underline;}
div.productItem a:visited:hover {color: #ff9933; text-decoration: underline;}

#PagingArea_Top a {color: #336699; text-decoration: none;}
#PagingArea_Top a:link {color: #336699; text-decoration: underline;}
#PagingArea_Top a:visited {color: #336699; text-decoration: underline;}
#PagingArea_Top a:hover {color: #ff9933; text-decoration: underline;}
#PagingArea_Top a:active {color: #336699; text-decoration: underline;}
#PagingArea_Top a:visited:hover {color: #ff9933; text-decoration: underline;}

#PagingArea_Bottom a {color: #336699; text-decoration: none;}
#PagingArea_Bottom a:link {color: #336699; text-decoration: underline;}
#PagingArea_Bottom a:visited {color: #336699; text-decoration: underline;}
#PagingArea_Bottom a:hover {color: #ff9933; text-decoration: underline;}
#PagingArea_Bottom a:active {color: #336699; text-decoration: underline;}
#PagingArea_Bottom a:visited:hover {color: #ff9933; text-decoration: underline;}

div.productItem h3
{
	font:  bold 12px/12px "Trebuchet MS", Arial;
	color: #ff9933;
	margin: 0.1em 0 0.2em 0;

	text-align: left;
	line-height:1.2em;
}

div.productItem table {
}

div.productItem td {
vertical-align: top;
}

div.prodSeperator {
margin-left: 12px;
width: 600px; 
float: left;
}

table.ProductList td
{ 
	padding-bottom: 15px;color:#333;
}

table.ProductList a {color: #336699; text-decoration: none;}
table.ProductList a:link {color: #336699; text-decoration: none;}
table.ProductList a:visited {color: #336699; text-decoration: none;}
table.ProductList a:hover {color: #ff9933; text-decoration: underline;}
table.ProductList a:active {color: #336699; text-decoration: underline;}
table.ProductList a:visited:hover {color: #ff9933; text-decoration: underline;}
table.ProductList label.pubName
{
	font-size: 10px;color:#333;
}

div.hr 
{
	height: 15px;
	background: #fff url(/images/orange_dot.gif) repeat-x scroll center;
}

/*******************************
		Layout 
*******************************/
.clear{ clear:both; }
.group:before, .group:after { display:table; content:""; *display:inline; }
.group:after{ clear:both; }

.hide{ display:none; }
.span-half{ float:left; width:50%; }
.span-one-fourth{ float:left; width:25%; }
.span-three-fourths{ float:left; width:75%; }
.span-one-third{ float:left; width:33%;}
.span-two-thirds{ float:left; width:66%;}

.container{ width: 100%; margin-left: auto; margin-right: auto; }
.container:before, .container:after { display: table; content: ""; }
.container:after { clear: both; }


/*******************************
		Typography, Lists
*******************************/
.small{ font-size:10px; }
.text-center{ text-align:center; }
.text-right{ text-align:right; }
.text-left{ text-align:left; }
.h1,.h2{ display:block; }

ul.no-indent, ol.no-indent{  padding-left:20px; }

blockquote{ margin:10px 15px 15px 30px; padding:3px 15px; border-left:2px solid #d5d5d5; }
blockquote.apple-icon, blockquote.android-icon, blockquote.blackberry-icon, blockquote.palm-icon, blockquote.windows-mobile-icon{ position:relative; margin-left:80px; min-height:70px; }
blockquote.apple-icon:before{ background:url(/images/sprites/ss_sprite.png) -1px -29px  no-repeat; position:absolute; margin-top:-30px; width:41px; height:50px; top:50%; left:-55px; content:" "; }
blockquote.android-icon:before{ background:url(/images/sprites/ss_sprite.png) -45px -29px  no-repeat; position:absolute; margin-top:-25px; width:43px; height:50px; top:50%; left:-55px;  content:" "; }
blockquote.blackberry-icon:before{ background:url(/images/sprites/ss_sprite.png) -89px -29px  no-repeat; position:absolute; margin-top:-19px; width:54px; height:38px; top:50%; left:-65px; content:" "; }
blockquote.palm-icon:before{ background:url(/images/sprites/ss_sprite.png) -1px -81px  no-repeat; position:absolute; margin-top:-25px; width:50px; height:50px; top:50%;  left:-65px; content:" "; }
blockquote.windows-mobile-icon:before{ background:url(/images/sprites/ss_sprite.png) -52px -81px  no-repeat; position:absolute; margin-top:-25px; width:56px; height:50px; top:50%; left:-70px; content:" "; }

/*******************************
		Sprites 
*******************************/
span.icon-rope{ display:inline-block; background:url(/images/sprites/ss_sprite.png) -1px -1px no-repeat; width:8px; height:26px; }


/*******************************
		Content specific 
*******************************/
.alert-message { position: relative; padding: 7px 15px; margin:0 auto 18px; color: #443c2e; font-family:Arial, Helvetica, sans-serif; background-color: #fdf5d9; border-color: #f0c36d; border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
.alert-message .h1{ color:#222222; font-weight:bold; font-size:15px; }
.alert-message .h2{ color:#336699; font-size:15px; font-weight:bold; margin:4px 0px 10px; }
.alert-message a, .alert-message a:visited, .alert-message a:active,
.alert-message p a, .alert-message p a:visited, .alert-message p a:active{ color:#336699; text-decoration:none; border-bottom:0; }
.alert-message a:hover, .alert-message p a:hover{ text-decoration:underline; color:#336699; }
.alert-message a.close { color: #000000; font-size: 20px; font-weight: bold; line-height: 13.5px; text-decoration:none;  text-shadow: 0 1px 0 #ffffff; filter: alpha(opacity=25); -khtml-opacity: 0.25; -moz-opacity: 0.25; opacity: 0.25; }
.alert-message a.close:hover { color: #000000; text-decoration: none; filter: alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; }
.alert-message .narrow{ padding-left:50px; padding-right:50px; }
.alert-message p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #443c2e; line-height:19px; }

.fancy-banner{ color:#ffffff; padding:8px 0; font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; position:relative; margin:0 auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 1px #909090; -webkit-box-shadow:0px 0px 1px #909090; box-shadow:0px 0px 1px #909090; border:3px solid #ffffff; text-shadow:0px 1px 1px #313131;	background: #646464; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#565656'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#767676), to(#565656)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #767676,  #565656); /* for firefox 3.6+ */ }
.fancy-banner h2{ font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bolder; color:#ffffff; text-transform:uppercase; text-shadow:0px 1px 2px #384625; letter-spacing:-2px; }
.fancy-banner span{ color:#e2ffbd; font-size:13px; text-shadow:none; font-weight:normal; }
.fancy-banner strong{ font-size:15px; }
.fancy-banner span.icon-rope{ position:absolute; top:-13px; left:20px; }
.fancy-banner span.icon-rope:first-child{ left:auto; right:20px; }
 
.fancy-banner.green{ border:3px solid #dbfbbb; text-shadow:0px 1px 1px #384625;	background: #84ab50; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91ba5a', endColorstr='#759b44'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#91ba5a), to(#759b44)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #91ba5a,  #759b44); /* for firefox 3.6+ */ }
.fancy-banner.blue{ border:3px solid #c2dced; text-shadow:0px 1px 1px #022334; background: #5297c9; /* for non-css3 browsers */	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ea3d5', endColorstr='#498dbf'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#5ea3d5), to(#498dbf)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #5ea3d5,  #498dbf); /* for firefox 3.6+ */ -moz-box-shadow:0px 0px 1px #535d64; -webkit-box-shadow:0px 0px 1px #535d64; box-shadow:0px 0px 1px #535d64;}
