body {
    font-size:62.5%; /* Sets base font at 10px */
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    color:#6C6B6B;
    margin:0; padding:4px 0 0 0;
    background:url("body-bk.png") repeat-x top left;
    text-align:center;
}

a { outline:none; }
a:link { text-decoration:none; color:#417BBF; }
a:visited { text-decoration:none; color:#417BBF; }
a:hover { text-decoration:underline; }
a:active {text-decoration:none; }


table, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	margin-top: 0px;
}

form {
	margin: 0px;
}

img { border:0; }


/* Generic text formatting used throughout the store ---------------------------- */

.actCHECKOUTEM {
	background-color: #3573b7;
}

.actCHECKOUTBG {
	background-color: #c6e0d6;
}

.actlarger {
	font-size: 13px;
	color: #333333;
}

.actsmaller{
	font-size: 10px;
	color: #333333;
}

.actxxsmall {
	font-size: 10px;
	color: #333333;
}

.actxsmall {
	font-size: 11px;
	color: #333333;
}

.actsmall {
	font-size: 11px;
	color: #333333;
}

.actregular {
	font-size: 13px;
	color: #333333;
}

.actlarge{
	font-size: 16px;
	color: #333333;
}

.actxlarge {
	font-size: 20px;
	color: #333333;
}

.actxxlarge {
	font-size: 20px;
	color: #333333;
}

.actwarningcolor {
	color: #ff0000;
}
	
.actrequiredcolor {
	color: #ff0000;
}

.actsearchhighlightcolor {
	color: #ff0000;
}

.actrequired {
	color: #ff0000;
}

.actwarning {
	font-size: 11px;
	color: #ff0000;
}

.actwelcome {
	font-size: 11px;
	color: #333333;
}

.actlogotext {
	font-size: 11px;
	color: #D9090E;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.actlogout {
	font-size: 11px;
	color: #1e4d91;
}

/* Boxes and borders ------------------------------------------- */

.thinborder1 {
	border: 1px solid #ffffff;
}

.thinborder2 {
	border: 1px solid #ffffff;
}

.thinred {
	border: solid 1px #ffffff;
	border-top: 0px;
}

.thinred2 {
	border: solid 1px #ffffff;
	border-top: 0px;
} 

.boxheading {
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

a.boxlink:link{
	color: #ffffff;
	text-decoration:none;
}

a.boxlink:visited{
	color: #ffffff;
	text-decoration:none;
}

a.boxlink:hover{
	color: #ffffff;
	text-decoration:underline;
}

a.boxlink:active{
	color: #ffffff;
	text-decoration:none;
}

* html .boxhead h2 {height: 1%;}

.sidebox {
	background: url('theme_curve4.gif') no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url('theme_curve2.gif') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}

.boxhead h2 {
	background: url('theme_curve1.gif') no-repeat top left;
	margin: 0;
	padding: 5px 10px 5px;
	color: #ffffff; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}

.boxbody {
	background: url('theme_curve3.gif') no-repeat bottom left;
	margin: 0;
	padding: 5px 10px 11px;
}

.boxbody ol {
	margin: 0;
	padding: 0;
	margin-left: 1.2em;
	padding-left: 1.2em;
}

.boxbody ol li {
	margin-bottom: 0.2em;
}

/* Shopping cart and checkout fields ------------------------------------------- */

table.checkout td {
	background-color: #c6e0d6;
}

table.checkout th {
	background-color: #3573b7;
}

.cart {
	background-color: #c6e0d6;
}

.cartheading {
	background-color: #3573b7;
	font-weight: bold;
}


/* Checkout Progress Indicator  ------------------------------------------------ */

p.checkout-progress-heading {
	width: 300px;
	margin: 10px auto;
}

#checkout-progress-indicator {
	width: 300px;
	height: 19px;
	background-image: url('cpi-background.gif');
	margin: 0 auto 20px auto;
}

.checkout-progress-0 {
	width: 75px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-1 {
	width: 150px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-2 {
	width: 225px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-3 {
	width: 300px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

#checkout-progress-indicator .cpi-end {
	width: 8px;
	padding: 0;
	margin: 0;
	border: 0;
	height: 19px;
	background-image: url('cpi-end.gif');
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

/* Formatting for the site map -------------------------------------------- */

#actinic-sitemap {
	margin-left: 5px;
}

#actinic-sitemap ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Used by 'CSS Product Layout' ------------------------------------------- */

.content_left {
	text-align: left;
	float: left;
	margin-right: 20px;
}

.content_right {
	text-align: left;
	float: left;
}

/* Used by 'Standard Layout Using CSS' and related CSS-based product layouts */

.product_list	{
	margin: 20px 0px 20px 0px;
	}	

/* headings ----------------------------------------------------------------------------- */

h1.subheading	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 14px 0px;
	color: #ffffff;
	}
		
h2.clearall	{
	font-size: 16px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #ffffff;
	clear:both;
	}
	
h3.product	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: #ffffff;
	}
	
h3.product_price	{
	font-size: 11px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.text_heading_left_column	{
	margin: 0px;
	padding: 19px 0px 4px 0px;
	line-height:normal;
	color: #ffffff;
	font-weight: 900;
	font-size: 13px;
	}

/* Default formatting of all text boxes used in store pages ---------------- */

.form_input_general	{
	line-height: normal;
	font-size : 11px;
	word-spacing: normal;
	}

/* Styles for 'Quick Search Bar With Larger Button' ------------------------ */

.form_main_search_box	{
	line-height: 13px;
	width: 76px;
	height: 16px;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 2px;
	font-size : 11px;
	background-color: #c6e0d6;
	border: 1px solid #c6e0d6;
	color: #333333;
	vertical-align: top;
	}

.form_main_search_box_td	{
	background-color: #ffffff
	}

.form_button_quick_search	{
	line-height: 13px;
	height: 18px;
	width: 85px;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 12px;
	font-size : 11px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #ffffff;
	background-image: url('theme_icon_search.gif');
	word-spacing: normal;
	}


/* Styles for the 'Mini' marketing layouts ---------------------------------- */

.product_image_cost	{
	margin: 0px 12px 8px 0px;
	text-align: center;
	float: left;
	}
	
.text_product_small_info	{
	font-size: 10px;
	line-height: normal;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	}

.text_product_small_info_heading	{
	margin: 0px;
	padding: 10px 0px 12px 0px;
	line-height:normal;
	color: #ffffff;
	font-weight: 900;
	font-size: 11px;
	}
	
.text_product_small_info_price	{
	margin: 0px;
	padding: 8px 0px 0px 0px;
	line-height:normal;
	font-weight: 900;
	font-size: 11px;
	}

.best_selling_items	{
	padding: 10px;
	background-color: #ffffff;
	}
	
.best_selling_items_spacing	{
	padding: 0px 0px 8px 8px;
	}

/* Styles for product image and fragment image placement in some layouts -------------------------- */

.image_float_right	{
	float: right;
	margin: 16px 0px 15px 20px;
	}

.image_product	{
	margin: 0px 18px 10px 0px;
	text-align: center;
	float: left;
	}


/* Links to sections and pages in sidebar menus on some themes -------------------------------------*/

ul.products	{
	line-height: normal;
	padding: 0px 0px 0px 1px;
	margin: 3px 0px 4px 15px;
	font-size: 11px;
	color: #ff0000;
	}

a.product_section:visited  {
	color : #1e4d91;
	text-decoration : none;
	}
	
a.product_section:link  {
	color : #1e4d91;
	text-decoration : none;
	}
	
a.product_section:active  {
	color : #1e4d91;
	text-decoration : none;
	}
	
a.product_section:hover  {
	color : #1e4d91;
	text-decoration : none;
	}

/* lines -------------------------------------------------------------------------------- */

.dotted_line_blue	{
	height: 1px;
	background-color: #ffffff;
	background-image:url('theme_dotted_line.gif');
	clear:both;
	}
	
.solid_line_light_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	clear:both;
	}
	
.solid_line_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	clear:both;
	}
	
.dotted_outline_blue	{
	border: 1px dotted #ffffff;
	padding: 8px;
	}		



/* Styles for 'Compact Parent Section List' ------------------------ */

.text_breadcrumbs	{
	font-size: 10px;
	color: #ffffff;
	margin: 0px;
	line-height:normal;
	padding: 2px 0px 10px 0px;
	}	

a.link_breadcrumbs:visited	{	
	color : #ffffff;
	text-decoration : underline;
	}

a.link_breadcrumbs:link  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:active  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:hover  {
	color : #ffffff;
	text-decoration : underline;
	}
	

/* Page footer  --------------------------------------------------------*/

.text_footer	{
	color: #ffffff;
	font-size: 10px;
	padding:0px;
	margin:4px 0px 0px 0px;
	}

.text_menu_no_space	{
	word-spacing: normal;
	}

a.link_footer:visited  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_footer:link  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_footer:active  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_footer:hover  {
	color : #ffffff;
	text-decoration : underline;
	}


/* Heading for attributes  --------------------------------------------------------*/

.text_options	{
	font-weight: 900;
	}


/* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/

.form_button_add_to_cart	{
	line-height: 13px;
	height: 20px;
	width: 76px;
	margin: 0px 1px 0px 0px;
	padding: 1px 0px 1px 14px;
	font-size : 11px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #ffffff;
	background-image: url('theme_icon_add_to_cart.gif');
	word-spacing: normal;
	}	


/* Styles for CSS Buttons ----------------------------------------------*/

.text_menu	{
	padding: 2px 0px 2px 0px;
	font-size : 11px;
	margin: 0px;
	color : #ffffff;
	}
	

a.link_menu:visited  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff; 
	border: 1px solid #ffffff;
	}
	
a.link_menu:link  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	}
	
a.link_menu:active  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	}
	
a.link_menu:hover  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	}

/* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/

.tech_main_menu	{
	background-color: #ffffff
   }
		
.tech_menu_bottom	{
	height: 4px;
	background-color: #ffffff;
	}
		
.tech_menu_button_border	{
	width: 121px; 
	border-right: 1px #ffffff solid;
	border-top: 1px #ffffff solid;
   }
	
div.tech_menu_button {
	width: 119px; 
	top: 0px;
	left: 0px; 
	border: 1px #ffffff solid;
   }
		
div.tech_menu_button_product {
	width: 119px; 
	top: 0px;
	left: 0px; 
	border: 1px #ffffff solid;
   }
		
.tech_menu_button_title	{
	width: 122px;
	border-top: 1px #ffffff solid;
	background-color: #ffffff;
   }

.tech_text_product_section	{
	padding: 3px 3px 3px 5px;
	margin: 0px;
	color : #ffffff;
	font-size : 11px;
	font-weight: 900;
   }

div.tech_menu_button a  {
	width: 113px; 
	color: #ffffff;
	text-decoration:none;
	display:block;
	padding:3px;
	text-align:left;
	background-color: #ffffff;
	font-size: 11px;
   }
	
div.tech_menu_button a:visited {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
   }
	
div.tech_menu_button a:active {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
   }
	
div.tech_menu_button a:link {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	}

div.tech_menu_button a:hover {
	color: #ffffff;
	text-decoration:none;
	background-color: #ffffff;
   }

div.tech_menu_button_product a   {
	width: 104px; 
	color: #ffffff;
	text-decoration:none;
	display:block;
	padding:3px 3px 3px 12px;
	text-align:left;
	background-color: #ffffff;
	font-size: 11px;
   }
	
div.tech_menu_button_product a:visited {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }
	
div.tech_menu_button_product a:active {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }
	
div.tech_menu_button_product a:link {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }

div.tech_menu_button_product a:hover {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }

/* Start of styles new to v9 */

/* Styles for 'Best Seller List in Boxes' and 'New Products List in Boxes' used on the brochure home page */

.heading_marketing_box	{
	border: 2px solid #ffffff;
	width: 229px;
	margin: 0px 20px 14px 0px;
	}
		
.heading_marketing_box p.text_product_small_info_heading	{
	background-color: #ffffff;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	font-weight: 900;
	font-size: 11px;
	background-image: url('theme_marketing_header.gif');
	margin: 0px;
	padding: 4px 0px 0px 8px;
	height: 20px;
	}
	
.heading_marketing_box	p{
	padding: 8px;
	}

.heading_marketing_box .product_image_cost	{
	padding: 8px;
	}


/* Rounded header and footer used around the bulk areas in 'Expert' and 'Hotshot' themes,
but also used in the lists that have 'Rounded Corners' in the name */

.rounded-heading {
	background-image: url('theme_curve2.gif');
	background-repeat: no-repeat;
	background-position: top right;
	}

.rounded-heading p.spacer {
	margin: 0;
	padding: 3px 0;
	background-image: url('theme_curve1.gif');
	background-repeat: no-repeat;
	margin-right: 10px;
	color: #ffffff;
	}

.rounded-footer {
	background-image: url('expert_rounded_bottom_right.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	}

.rounded-footer p.spacer {
	margin: 0;
	padding: 3px 0;
	background-image: url('expert_rounded_bottom_left.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-right: 10px;
	color: #ffffff;
	}

.indented-link a {
	display: block;
	background-color: #fff;
	width: 140px;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #ffffff;
	}

.indented-link a:hover {
	background-color: #ffffff;
	}

/* Style for the 'Graduated Background' for Top Level Section lists and Brochure Page lists */

.graduated-link a {
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #ffffff;
	border-bottom: 0;
	border-right: 0;
	background-image: url('prime_link_background.gif');
	background-repeat: no-repeat;
	}

/* Style for the 'Shaded Background' for Top Level Section lists and Brochure Page lists */

.hotshot-link a {
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #ffffff;
	}

.hotshot-link a:hover {
	background-image: url('hotshot-link-highlight.gif');
	background-repeat: no-repeat;
	}

.hotshot-box-main {
	background-image: url('hotshot-box-main.gif');
	background-position: bottom;
	width: 170px;
	}

.hotshot-box-content {
	background-image: url('hotshot-box-top.gif');
	background-repeat: no-repeat;
	padding: 10px;	
	}

/* Styles for 'Quick Search Bar With Curved Box' layout */

.formbox1 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url('theme-rounded-searchfield-left.gif');
	height: 19px;
	padding-left: 10px;
	background-repeat: no-repeat;
	float: left;
	}

.formbox2 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 19px;
	background-image: url('theme-rounded-searchfield-right.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px;
	}

.inputfield {
	padding: 0px;
	margin: 1px 0;
	border: 0px;
	height: 16px;
	font-size: 12px;
	}

/* Drop down menus used for top level section lists and brochure page lists in the 'Corporation' and 'Premier' theme */

#corporate_top_menu, #corporate_top_menu ul { /* main menu lists */
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	font-size: 11px;	
	}

#corporate_top_menu a {
	display: block;
	color: #ffffff;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: 11px;	
	text-decoration: none;
	background-image: url('theme_arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	background-color: #ffffff;
	border-right: 1px solid #000000;		
	}

#corporate_top_menu li a:hover {
	display: block;
	color: #ffffff;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: 11px;	
	text-decoration: none;
	background-image: none;
	background-color: #ffffff;
	background-image: url('theme_arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	}

#corporate_top_menu li { /* all list items */
	float: left;
	padding: 0px;
	margin: 0;
	list-style-image: none;
	line-height: 18px;
	}

#corporate_top_menu li ul { /* second-level lists */
	font-size: 100%;
	width: 150px; 
	display: block;
	position: absolute;
	margin: 0px 0px 0px -2px;
	border-top: 1px solid #000000;
	list-style-image: none;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#corporate_top_menu li ul li { /* second-level lists */
	width: 150px; 
	display: block;
	background-image: none;
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
	}

#corporate_top_menu li ul li a { /* second-level lists */
	background-image:none;
	padding: 3px 6px 4px 6px;
	line-height: 150%;
	display: block;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}

#corporate_top_menu li ul li a:hover { /* second-level lists */
	display: block;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 3px 6px 4px 6px;
	background-image:none;
	background-color: #ffffff;
	}

#corporate_top_menu li ul ul { /* third-and-above-level lists */
	margin: -24px 0px 0px 149px;
	}

#corporate_top_menu li:hover ul ul, #corporate_top_menu li.sfhover ul ul {
	left: -999em;
	}

#corporate_top_menu li:hover ul, #corporate_top_menu li li:hover ul, #corporate_top_menu li.sfhover ul, #corporate_top_menu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

.corporate_pages_menu ul { /* brochure list */
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1;
	font-size: 11px;	
	list-style-image: none;
	}

.corporate_pages_menu ul li {
	display: block;
	background-image:none;
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
	}

.corporate_pages_menu li a {
	color: #ffffff;
	background-image:none;
	padding: 3px 6px 4px 6px;
	line-height: 150%;
	display: block;
	}

.corporate_pages_menu li a.product_section {
	color: #ffffff
	}
	
.corporate_pages_menu li a:hover {
	color: #ffffff;
	display: block;
	padding: 3px 6px 4px 6px;
	background-image: none;
	background-color: #ffffff;
	}

/* START OF SHADED NATION STYLES */

/* ACCESS LINK  */

.accessaid { position:absolute;
            height:0;
            overflow:hidden;
}

/* WRAPPER  */

#wrapper { width:884px;
           margin:0 auto;
           text-align:left;
           }

/* BRANDING  */

#branding { width:850px; padding:0; margin:0 auto;
            position:relative;
            }

#skip-nav { width:41px; height:31px;
            padding:0; margin:0;
            background:url("shopping-cart.png") no-repeat top left;
            text-indent:-99999px;
            position:absolute;
            top:8px; right:193px;
            }

#branding h1 { width:289px; float:left; margin:0; padding:0;
               text-indent:-9999px;
               height:99px;
               position: relative;
               }

#branding h1 a {
                display: block;
               text-decoration: none;
               cursor: pointer;
               }

#branding h1 span {  height:99px;
                     position: absolute;
                     top: 0;
                     left: 0;
                     background:url("shaded-nation-branding.png") no-repeat top left;
                     width:289px;
                     }

#cart-info { padding:19px 233px 0 0; margin:0;
              float:right; color:#fff; font-size:1.2em;
              text-align:right; width:323px;
              font-weight:bold;
              }

#branding blockquote { margin:0; padding:0;
                       width:175px;
                       height:42px;
                       background:url("shaded-nation-contact.png") no-repeat top left;
                       position:absolute; right:0; top:22px;
                       }

#branding blockquote p { padding:0; margin:0; text-indent:-99999px; }

#branding ul { width:556px;
               float:right;
               list-style:none;
               padding:40px 0 0 0;
               margin:0;
               text-align:right;
               font-size:1.1em;
               }

#branding li { display:inline; }

#branding li a { color:#fff; padding:0 5px;
                 border-right:solid #fff 1px;
                 }

#branding li a.nobords { padding-right:0; border-right:none; }

/* MAIN CONTENT BRANDING  */

#content-wrap { width:832px;
                padding:26px 26px 0 26px;
                background:url("page-top-border.png") no-repeat top left;
                margin-top:-12px;
                position:relative;
                }
                
#shipmsg { padding:0; margin:0; 
           color:#fff;
           font-size:1.8em;
           position:absolute;
           top:238px; right:5px;
}                
               

#content-wrap blockquote { margin:0; padding:0;
                           background:url("shaded-nation-slogan-banner.jpg") no-repeat top left;
                           width:832px; height:238px;
                           }

#content-wrap blockquote p { margin:0; padding:0; text-indent:-99999px; }

/* GLOBAL NAV */

#nav { width:832px;
       padding-bottom:15px;
       background:url("shade-sails-nav-bottom.jpg") repeat-x bottom left;
       font-size:1.2em;
       }

#nav ul { list-style:none;
          padding:0; margin:0; border-top:solid #fff 1px;
          background:#29ABE2 url("global-nav-bk.jpg") repeat-x top left;
          font-weight:bold; width:832px;
           }

#nav li { float:left; position:relative; z-index:888; }

#nav li a { color:#fff; line-height:3.1em;
            padding:0 16px 0 15px; background:url("nav-div-bk.jpg") no-repeat top right;
            display:block;
            }

/* SUB NAV */

#nav ul li ul {
		position: absolute;
		left: -10000px;
		list-style:none;
        z-index:88;
        background-color:#29ABE2;
        border-right:solid 1px #1B80C3;
        border-left:solid 1px #1B80C3;
        border-top:solid 1px #1B80C3;
        background-image:none;
		}


#nav ul li:hover ul {
		display: block;
		left:-1px;  width:270px;
		margin:0; padding:0;
		}


#nav ul li ul li {
        float:none!important;
        font-size:12px; line-height:normal;
		}

#nav ul li ul li a { 
                       color:#fff!important;
                        padding:0 5px 0 15px!important;
                       display:block; 
                       background-image:none!important;
                       line-height:1.8em!important;
                        border-bottom:solid 1px #1B80C3;
                       }
                       
#nav ul li ul li a:hover { text-decoration:none; background-color:#1B80C3; }



/* DEFINITION LIST LAYOUTS  */

#promo-pods { width:833px; }

#promo-pods dl { margin:0; float:left; }

#promo-pods dt, #promo-pods dd { margin:0; padding:0; }

#promo-pods dd { height:78px; border-top:solid #fff 1px; }

#promo-pods dt { height:116px; background-color:green; }


/* Custom Shade Sails Pod */

#custom-sails { width:206px; padding:0 5px 0 0; }

#custom-sails dt { text-indent:-99999px;
                  background:url("custom-made-shade-sails.jpg") no-repeat top left; 
                   }


#custom-sails dd { width:206px;
               text-indent:-9999px;
               position: relative;
               }

#custom-sails dd span {  height:78px;
                     position: absolute;
                     top: 0;
                     left: 0;
                     background:url("custom-made-pod-hr.png") no-repeat top left;
                     width:206px;
                     }

/* Premium Shade Sails */

#premium-sails { width:202px; padding:0 5px 0 0; }

#premium-sails dt { text-indent:-99999px;
                   background:url("premium-shade-sails.jpg") no-repeat top left;
                   }


#premium-sails dd { width:202px;
               text-indent:-9999px;
               position: relative;
               }


#premium-sails dd span {  height:78px;
                     position: absolute;
                     top: 0;
                     left: 0;
                     background:url("preimum-shade-sails-pod-hr.png") no-repeat top left;
                     width:202px;
                     }

/* Standard Shade Sails */

#standard-sails { width:203px; padding:0 5px 0 0; }

#standard-sails dt { text-indent:-99999px;
                   background:url("standard-shade-sails.jpg") no-repeat top left;
                   }


#standard-sails dd { width:203px;
               text-indent:-9999px;
               position: relative;
               }


#standard-sails dd span {  height:78px;
                     position: absolute;
                     top: 0;
                     left: 0;
                     background:url("standard-shade-sails-pod-hr.png") no-repeat top left;
                     width:203px;
                     }

/* Lightweight Shade Sails */

#lightweight-sails { width:206px; padding:0; }

#lightweight-sails dt { text-indent:-99999px;
                   background:url("lightweight-shade-sails.jpg") no-repeat top left; 
}


#lightweight-sails dd { width:206px;
               text-indent:-9999px;
               position: relative;
               }


#lightweight-sails dd span { height:78px;
                     position: absolute;
                     top: 0;
                     left: 0;
                     background:url("lightweight-shade-sails-pod.png") no-repeat top left;
                     width:206px;
                     }


/* All Definition Pods */

#premium-sails dd a, #custom-sails dd a, #standard-sails dd a, #lightweight-sails dd a {
                display: block;
               text-decoration: none;
               cursor: pointer;
               }


/* MAIN CONTENT STYLES  */

#maincontent { width:832px; font-size:1.1em; margin:0 auto; padding:4px 0 0 0;  }

#suppcontent { width:268px; float:left; }
#bro-content, #content, #chk-content { width:555px; float:right; }
#content, #chk-content { padding-bottom:80px; }


/* content styles */

#bro-content h2, #sec-hr, .sec-hr { color:#077BC3; padding:14px 12px;
              border-top:solid #D2D2D2 1px;
              border-bottom:solid #D2D2D2 1px;
              background:url("page-hr-bk.jpg") repeat-x top left;
              line-height:normal;
              font-size:2.0em;
              margin:0 0 8px 0;
              }

#bro-content p { margin:0 0 15px 0; padding:0; line-height:1.4em; }

/* supp content styles */

/* search form */

#search-frm { width:268px;
              background:url("search-bk.jpg") repeat-x top left;
              height:37px; padding:8px 0 0 0;
              margin:0 0 8px 0!important;
              }

#search-frm p { padding:0 0 0 60px;
                margin:0; height:28px;
                background:url("search-label-txt.png") no-repeat 10px 9px;
                }

#search-frm p input, #maillist p input { vertical-align:middle; }

#search-intro { position:absolute;
            height:0;
            overflow:hidden;
            }

#src-bx { height:28px; width:171px;
          background:url("search-input-bk.png") no-repeat top left;
          border:0; font-size:16px;
          font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
          color:#3573B7;
          }

/* adverts */

/* news link */


#news-lnk {
               text-indent:-9999px;
               height:138px;
               position: relative;
               width:268px;
               margin:0 0 8px 0; padding:0;
               }

#news-lnk a {
                display: block;
               text-decoration: none;
               cursor: pointer;
               }

#news-lnk span {  height:138px;
                     position: absolute;
                     top: 0;
                     left: 0;
                     background:url("latest-news-bk.png") no-repeat top left;
                     width:268px;
                     }

/* delivery */

#delivery-ad {
               text-indent:-9999px;
               height:138px;
               position: relative;
               width:268px;
               margin:0 0 8px 0; padding:0;
               }

#delivery-ad a {
                display: block;
               text-decoration: none;
               cursor: pointer;
               }

#delivery-ad span {  height:138px;
                     position: absolute;
                     top: 0;
                     left: 0;
                     background:url("delivery-bk.png") no-repeat top left;
                     width:268px;
                     }

/* mailing list */

#sails-news { position:absolute;
            height:0;
            overflow:hidden;
            }

#maillist { width:268px;
              background:url("signup-bk.png") repeat-x top left;
              height:40px; padding:99px 0 0 0;
              margin:0 0 8px 0;
              }

#maillist p { padding:0 0 0 10px; margin:0; }

#myemails { height:28px; width:202px;
          background:url("email-signup-input.png") no-repeat top left;
          border:0; font-size:16px;
          font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
          color:#3573B7;
          }
          
#unsub-lnk { margin:-4px 0 0 10px!important; padding:0!important; font-size:10px; }

/* FOOTER PODS */

#footer-pods { width:841px; margin:0 auto;
               list-style:none;
               padding:15px 0 0 0;
               clear:both;
                 }

#footer-pods li { float:left; }

#footer-pods li a { display:block; height:185px; }

#footer-pods li a span { display:block; text-indent:-9999px; }

#footer-pods li#fittings-link a { width:205px;
                                  background:url("fittings-accessories-bk.png") no-repeat top left;
                                  padding-right:5px;
                                  }

#footer-pods li#offers-link a { width:206px;
                                  background:url("special-offers-pod-bk.png") no-repeat top left;
                                  padding-right:5px;
                                  }

#footer-pods li#comp-link a { width:205px;
                                  background:url("comp-pod-bk.png") no-repeat top left;
                                  padding-right:5px;
                                  }

#footer-pods li#info-link a { width:210px;
                                  background:url("helpful-info-pod-bk.png") no-repeat top left;
                                  }

/* FOOTER STYLES  */

#footer { width:100%;
          margin-top:15px; padding-top:24px;
          height:2.7em;
          background:#148ECF url("footer-bk.jpg") repeat-x top left;
          clear:both;
          }

#sitecredits { width:832px; margin:0 auto; }

#sitecredits ul { width:420px; float:left;
                   list-style:none; margin:0 0 0 -4px;
                   padding:0;
                   }

#sitecredits li { color:#fff; float:left; padding:0 5px 0 4px;
                  background:url("footer-border.gif") no-repeat center right;
}

#sitecredits li a { color:#fff;  }

#sitecredits li#nobords { background-image:none; }

#sitecredits address { width:410px; float:right; text-align:right;
                       padding:0; margin:0; font-style:normal;
                       color:#fff;
                       }
/* CRUMB LINKS */

#crumb-lnk { font-size:1.1em; color:#417BBF; padding:3px 0 8px 0; margin:0; } 

#crumb-lnk { color:#417BBF; }

/* SECTION, PRODUCT AND NEWS SUMMARY LAYOUT */

.sec-wrap, .prod-sum { width:535px; padding:10px 10px; 
            background:#C4DED4 url("sec-bk.jpg") repeat-x top left; 
            margin-bottom:10px; 
}

.sec-txt p, .prod-sum-txt p { color:#6C6B6B; padding:0 0 3px 0; margin:0; }

.sec-img { width:162px; float:left; }

.prod-sum-img { width:162px; float:left; position:relative; }

.sec-img p, .prod-sum-img p { margin:0; padding:0;  }

.sec-img p img, .prod-sum-img p img { display:block; border:solid #fff 1px; }

.sec-txt { width:360px; float:right; }

.prod-sum-txt { width:360px; float:right; } 

.sec-txt h3, .prod-sum-txt h3 { font-size:1.8em; margin:0 0 15px 0; padding:0; }

.sec-txt h3 a, .prod-sum-txt h3 a { color:#1E4D91; text-decoration:underline; }

.sec-txt p a, .prod-sum-txt p a { color:#1E4D91; font-weight:bold; }

a.mlink { text-decoration:underline; font-style:italic }

.promo-img { position:absolute; left:-11px; top:-11px; } 

/* PRODUCT SUMMARY */

.prod-sum-txt h5 { color:#1381C5; 
                   font-size:17px; 
                   margin:0; padding:9px 0 8px 0;
                   font-weight:normal;  
}

h5 span.rprice { color:#C51213; }

h5 span.wprice { text-decoration: line-through;}

.buy-info { width:340px; }

.stockmsg { color:#1381C5; font-weight:bold; }

.sum-lhr { color:#1E4D91; text-decoration:underline; }

/* sales and delivery buttons for product summary and detail */

#sale-options { width:408px; clear:both; float:left; padding:10px; 
                margin:0 0 30px 0;
                background-color:#efefef;
                border:solid #ccc 1px;
                
}

#sale-options table { padding:5px 0; margin:0; }

#sales-btns, #sales-msg { width:430px; clear:both; }

#plabel { font-size:22px!important; }

#sales-msg { padding-top:15px!important; }

.buy-info p, #sales-btns p { margin:0; padding:0; float:left; }

#sales-btns p { width:180px; }

.buy-info p { width:110px; }

.buy-info h6 { width:210px; }

.buy-info h6, #sales-btns h6 { margin:0; padding:0; float:right;
               font-size:1.2em;
               color:#6D6B6B; text-align:right;
               
               }
               
.buy-info h6 img, #sales-btns h6 img { padding-right:8px; vertical-align:middle; }

/* PRODUCT DETAIL PAGES  */

#main-prod-wrap { width:832px; 
                  margin-bottom:11px; 
}

#prod-detail-img { width:380px; float:left; position:relative; }
#prod-detail-txt { width:430px; float:right; }

#qtxt { width:330px;
        margin:30px 0;
        background:url("qleft.gif") no-repeat top left;
        padding:30px 0 0 40px;
       color:#417BBF;

}

#qtxt p { width:300px;
        margin:0;
        background:url("qright.gif") no-repeat bottom right;
        padding:0 30px 30px 0!important;
        font-size:13px!important;
        color:#417BBF;
        font-style:italic;
        

}   

/* left image col */

#prod-detail-img p { margin:0; padding:0; }

#prod-detail-img p img { display:block; border:solid 1px #d2d2d2; }

#prod-detail-img td { border:solid #d2d2d2 1px!important; padding:0!important; } 

#prod-detail-img table { margin:0 0 0 -2px!important; padding:0!important; }


/* right text col */

#sales-info { width:195px; float:left; }
#sales-diagram { width:230px; float:right; }

#sales-diagram p { margin:0 0 5px 0; padding:0; }

#rdiagram { text-align:right; }

#sales-info p { margin:0 0 10px 0; padding:0; }

p#preoffer { color:#f00!important; font-style:italic!important; }

#sales-info ul { margin:0 0 22px 0; padding:0;
                 list-style:none;
                 font-size:1.1em;
                 }
                 
#sales-info li a { text-decoration:underline; }

#sales-info h4 { color:#0F75BB;
                 font-size:2.2em;
                 margin:0; padding:0;
                 line-height:normal; 
}

#sales-info h5 { font-weight:normal;
                 color:#2D3191;
                 font-size:1.2em;
                 margin:0 0 15px 0; padding:0;
                 line-height:normal; 
}

#sn-selection { border-top:solid #d2d2d2 1px;
                padding-top:5px; 
                width:832px;
}

/* sales advert */

#sn-advert { width:832px; 
           border-top:solid 1px #d2d2d2; 
           padding-top:10px;
           padding-bottom:12px; 
}

#sn-advert img { float:left; padding-right:20px; }

#sn-advert p { margin:0; padding:0; }

#sn-advert p a { font-weight:bold; }

/* permutation styles */

.perm-img { display:block; padding-right:10px; }

#sn-selection table, #sn-selection p { padding:0!important; margin:0!important; }

#prod-choices { width:600px; float:left; }

#prod-choices-pre { width:500px; float:left; }

#prod-choices p.swatch-img, #prod-choices-pre p.swatch-img  { font-weight:bold;
                  width:85px; 
                  padding:10px 15px 10px 0!important; 
                  float:left; height:125px;
}

#prod-choices p.swatch-img img, #prod-choices-pre p.swatch-img img { display:block; border:solid #000 1px; }

#rel-choices { width:180px; float:right; }

#rel-choices-pre { width:280px; float:right; text-align:left; }

#rel-choices p, #rel-choices-pre p { padding:10px 0!important; }

#rel-choices-pre p { font-size:1.1em; }

#prod-choices h6, #rel-choices-pre h6 { color:#0F75BB;
                  font-size:1.2em;
                  padding:0; margin:0;
                  }

#rel-choices h3, #rel-choices-pre h3 { color:#0F75BB;
                  font-size:1.2em;
                  text-decoration:underline;
                  margin:15px 0 0 0; padding:0;
                  }
                  
#rel-choices ul, #rel-choices-pre ul { list-style:none;
                  padding:0; margin:10px 20px 0 0; 
}

#rel-choices li, #rel-choices-pre li { padding:0!important; background-image:none!important; }

#rel-choices-pre li { padding:0 0 10px 0!important; font-size:1.1em; }


/* CHECKOUT PAGES */

#chk-content { color:#333; }

#chk-content input, #chk-content select, #chk-content td, #chk-content th { font-size:12px;
                     font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
                     
}

#chk-content a, .actregular { color:#1E4D91; }

#chk-content .actregular { text-decoration:underline; font-size:12px; } 

.cartheading { color:#fff; }


/*ALSO BOUGHT RELATED ITEMS STYLES */

#rel-wrap { width:832px; padding:6px 0 15px 0; clear:both; }

#rel-hr { color:#077BC3; padding:14px 12px;
              border-top:solid #D2D2D2 1px;
              border-bottom:solid #D2D2D2 1px;
              background:url("page-hr-bk.jpg") repeat-x top left;
              line-height:normal;
              font-size:1.8em;
              margin:0 0 8px 0;
}

.related-item-wrap { width:180px; float:left; padding-right:10px; }

.related-item { width:160px; 
                padding:10px 10px; 
                background-color:#D1EEE3;
                height:330px;
                position:relative;
}

.related-item p { padding:0 0 13px 0; margin:0; }

.related-item h3 { font-size:1.4em; color:#0F75BB; margin:0;
                   padding:0 0 23px 0;
                   }
                   
.related-item h3 a { color:#0F75BB; text-decoration:none; }

.related-item h6 { padding:0; margin:0; color:#2D3191;
                   font-size:2.0em;
                   position:absolute;
                   left:10px; top:280px;

                   }
                   
/* Brochure Page Styling */

#bro-content h3 { color:#0F75BB; font-size:1.4em; 
                  padding:0; margin:0 0 8px 0;
                  }
                  
#bro-content h4 { color:#0F75BB; font-size:1.2em; 
                  padding:0; margin:0 0 8px 0;
                  }
                  
#bro-content h5 { color:#0F75BB; font-size:1.1em; 
                  padding:0; margin:0;
                  }

#bro-content p { margin:0 0 8px 0; padding:0; line-height:1.4em; }

#bro-content form { position:relative; margin:0 0 10px 0; padding:0;  }

#bro-content form input, #bro-content form textarea {  font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size:12px; }

#bro-content form p { color:#0F75BB; font-weight:bold; }                    

#bro-content fieldset { margin:0; padding:25px 10px 0 10px; width:360px; background-color:#efefef; border:solid #ccc 1px; }

#bro-content legend { background-color:#fff; 
                      color:#0F75BB; padding:0; 
                      margin:0; 
                      position:absolute;
                      top:-5px;
                      padding:0 3px;
}

input#uploadtxt { background-color:#fff; }

/* NEWS STORY */

.news-pod  { width:535px; padding:10px 10px;  
            margin-bottom:10px; 
}

.news-pod { background-image:none; border-bottom:solid #D2D2D2 1px; padding-bottom:21px; }

.news-pod img { margin:0 10px 10px 0; float:left; }

.news-hr { background-image:none!important; font-size:20px!important; 
           text-decoration:underline; border:0!important;
           padding:0!important; margin:0 0 12px 0!important; 
}

.news-links { color:#0F75BB; font-weight:bold; }

.news-links a { color:#0F75BB; text-decoration:underline; }

.ctxt { text-align:center; }

#bro-content ul { margin:10px 0 10px 30px; padding:0; list-style:none; }

#bro-content li { background:url("blue-bullet.gif") no-repeat center left;
                  padding-left:12px; 
}

#bro-content address { margin:0 0 10px 0; padding:0;
                       font-style:normal;
                       }
                       
.faq-title { margin:0!important; padding:0!important; }

#acards { padding:5px 0; margin:10px 0; }

.vidlink { font-weight:bold; font-size:1.2em; width:270px; padding-right:7.5px!important; float:left; }

.vidlink a { text-decoration:underline; }


/* SPECIAL OFFERS */

.spec-offer, .bank-hols-offer { height:136px;
              width:553px;
              margin:5px 0;
              clear:both;
              }
 
.bank-hols-offer { background:url("bank-holiday-offer-bk.png") no-repeat top left; }

.spec-offer { background:url("Special_offers_banner-bk.jpg") no-repeat top left; }
             
.spec-offer p, .bank-hols-offer p { padding:27px 10px 0 235px!important; color:#333; font-weight:bold; } 

/* IE6 MESSAGE */

.noie6 { background-color:#000;
         color:#fff;
         font-size:12px;
         text-align:center;
         position:absolute;
         top:0; left:0;
         width:100%;
         font-weight:bold;
         padding:0; margin:0;
         height:0;
         overflow:hidden;
         }

.socimg { padding:0 10px 0 0!important; display:inline; }

/* TRADE APPLICATION FORM */

#trade_frm { width:400px; padding:20px 0 20px 20px!important; 
             background-color:#efefef;
             border:solid #ccc 1px;
             clear:both;
}

#trade_frm input, #trade_frm textarea { display:block; }

.wmsg { color:#417BBF; font-weight:bold; }



/* DIV STYLES  */

.fixclear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

* html .fixclear { height:1%;}
.fixclear { display:block; }






