/* Layout CSS Document */
/* Media: Screen */
/* Created by Studio 24 Ltd 01.11.06 */
/* Updated: 31.01.07 by DMR */

/* Layout */
/* --------------------------------- */

body {
	margin:0 0 0 10px;
	padding:0;
	border:none;
	color:#1b1b1b;
	font: medium Verdana, Arial, Helvetica, sans-serif;
}

body#home,
body#shopping,
body#support {
	background:url(../images/bg_one_col_body.gif) repeat-y 0% 0%;
}

body#products,
body#purchase,
body#blog,
body#careers,
body#about
{
	background:url(../images/bg_two_col_body.gif) repeat-y 0% 0%;
}

#container {
	position:relative;
	width:100%;
	max-width:1000px;
	min-width:765px;
	margin:0;
	padding:0 0 100px 0;
	border:none;
	font-size:70%;
	overflow: hidden;
}

body#home #container,
body#shopping #container,
body#support #container {
	background:url(../images/bg_one_col_main_body.gif) no-repeat 0% 0%;
}

body#products #container,
body#purchase #container,
body#blog #container,
body#careers #container,
body#about #container
{
	background:url(../images/bg_two_col_main_body.gif) no-repeat 0% 0%;
}

#skip {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

#header {
	width:100%;
	clear:both;
}

#nav-primary {
	position:relative;
	width:100%;
	clear:both;
}

#main-body {
	margin: 50px 0 0 193px;
	padding:0;
	border:none;
}

/* Negative padding on content combined with padding on innertube allows 
 * fixed width content-secondary to float to the right of the content (central column)
 * 
 * Please note this doesn't work in combination with the expression CSS rule for  
 * both min and max-widths in IE. Because of this we have used the minmax.js to make 
 * max and min  widths work reliably in IE. This has a slight lag when the window is 
 * resized, but this seems preferential to IE crashing.
 */
#content {
	float: left; 
	width: 100%;
	margin-right: -240px;
	padding:0;
	border:none;
	background:none;
}

#content div.innertube {
	margin-right: 240px;
	background:none;
}

#content-secondary {
	float: right;
	width:240px;
	margin:0;
	padding:0;
}

#nav-secondary {
	position:absolute;
	left:0;
	top:138px;
	width:193px;
	margin-right:-193px;
	padding:0;
	border:none;
	background:none;
	z-index:9999;
}

#footer {
	clear: both;
	width:100%;
	position:absolute;
	bottom:-20px;
	left:0px;
	background:none;
	margin: 0 0 40px 0;
}
body#products #footer,
body#purchase #footer,
body#support #footer,
body#blog #footer,
body#careers #footer,
body#about #footer
{
	clear: both;
	width:100%;
	position:absolute;
	bottom:-20px;
	left:203px;;
	background:none;
	margin: 0 0 40px 0;
}
/* Branding */
/* --------------------------------- */

#branding {
	width:49%;
	height:74px;
	margin:0;
	padding:0;
	border:none;
}

#branding img {
	display:block;
	float:left;
	margin:0;
	padding:0;
	border:none;
}

/* Utilites */
/* --------------------------------- */

#nav-utilities {
	position:absolute;
	right:0;
	top:0;
	width:49%;
	margin:0;
	padding:0;
	border:none;
}

#nav-utilities ul {
	float:right;
	margin:35px 0 0 0;
	padding:0 10px 0 0;
	border:none;
	list-style:none;
}

#nav-utilities ul li {
	float:left;
	margin:0;
	padding:0;
	border:none;

}

#nav-utilities ul#international-sites {
	margin:38px 5px 0 0;
	padding:0;
	float:right;
	border:none;
	list-style:none;
	width:50px;

	
}
#nav-utilities ul#international-sites li {

	
}

#nav-utilities img {
	margin:0;
	padding:0;
	border:none;	
}

#nav-utilities a, #nav-utilities a:active, #nav-utilities a:visited {
	float:left;
	display:block;
	margin:0;
	padding:0;
	border:none;
	color:#cd0809;
	text-decoration:underline;
}

#nav-utilities a:hover {
	text-decoration:none;
}

#nav-utilities #utility-cart a {
	padding:11px 6px 0 25px;
	background: url(../images/icon_shopping_cart.gif) no-repeat 0% 0%;
}

#nav-utilities #utility-quote a {
	padding:11px 6px 0 6px;
	background:url(../images/bg_footer.gif) no-repeat 0% 90% #FFF;
}

#nav-utilities #utility-japan a, #nav-utilities #utility-korea a {
	padding:6px 6px 0 0;
	background:none;
}

#nav-utilities form.search {
	padding:0;
	margin:0;
	border:0;
}

#nav-utilities .formInput {
	height:1.2em;
	width:5em;
	margin:8px 0 0 0;
	padding:3px 0 0 2px;
	border:1px solid #b2b3b5;
	float:left;
	
}

#nav-utilities .formButton {
	margin:7px 0px 5px 7px;
	padding:40px 0 0 0;
	background:#FFFFFF url(../images/search_button_round_002.gif) no-repeat scroll 50% top;
	border:none;
	color:#1b1b1b;
	width:22px;
	height:22px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	overflow:hidden;
	line-height:0em;
	font-size:0em;
	float:left;
	display:block;
	/*text-indent:100px;	*/
}

#content input.subscribeButton {
	margin:0 0 2px 0;
	padding:45px 0 0 0;
	overflow:hidden;
	background:#FFF url(../images/button_subscribe.jpg) no-repeat 0% 0%;
	border:none;
	color:#1b1b1b;
	width:93px;
	height:33px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
}

/* Primary navigation */
/* --------------------------------- */

#nav-primary ul {
	position:absolute;
	width:100%;
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	width:100%;
	background:url(../images/bg_primary_nav_bottom.gif) bottom repeat-x #E4E4E4;
}

#nav-primary li {
	float:left;
	width:9em;
	padding: 0;
	margin:0;
	background:url(../images/bg_primary_nav.gif) 0% 23% no-repeat;
	border:none;
}

#nav-primary a:link, #nav-primary a:visited, #nav-primary a:hover, #nav-primary a:active {
	display:block;
	width: 95%;
	margin: 0;
	padding: 6px 0 19px 4px;
	border:none;
	color:#1b1b1b;
	text-decoration:none;
	font-weight:bold;
}

#nav-primary a:hover {
	background: #efefef url(../images/bg_primary_nav_bottom.gif) bottom repeat-x;
}

#nav-primary #nav-home {
	width:18.1em;
}

/* Primary navigation highlighting for the home option */

	/* Target none CSS compliant browsers */

	body#home #nav-home
	{
	width:15.3em;
	margin:0 0 0 16px;
	background: url(../images/primary_nav_highlight.gif) top right no-repeat;
	}

	body#home #nav-home a:link,
	body#home #nav-home a:visited,
	body#home #nav-home a:active
	{
	color:#FFF;
	background-color: #cd0809;
	}
	
	body#home #nav-home a:hover {
		color:#FFF;
		background: #cd0809;
	}
	
	/* Target CSS compliant browsers */
	
	html>body#home #nav-home
	{
	margin:0 0 0 33px;
	background: url(../images/primary_nav_highlight.png) top right no-repeat;
	}
	
/* Primary navigation highlighting for all other options */

	/* Target non-CSS compliant browsers */

	body#products #nav-products,
	body#purchase #nav-purchase,
	body#support #nav-support,
	body#blog #nav-blog,
	body#careers #nav-careers,	
	body#about #nav-about,
	body#shopping #nav-purchase
	{
	background: url(../images/primary_nav_highlight.gif) top right no-repeat;
	width: 8em;
	padding-right: 4px;
	}
	
	body#products #nav-products a:link,
	body#products #nav-products a:active,
	body#products #nav-products a:hover,
	body#products #nav-products a:visited,
	
	body#purchase #nav-purchase a:link,
	body#purchase #nav-purchase a:active,
	body#purchase #nav-purchase a:hover,
	body#purchase #nav-purchase a:visited,
	
	body#support #nav-support a:link,
	body#support #nav-support a:active,
	body#support #nav-support a:hover,
	body#support #nav-support a:visited, 
	
	body#blog #nav-blog a:link,
	body#blog #nav-blog a:active,
	body#blog #nav-blog a:hover,
	body#blog #nav-blog a:visited,
	
	body#careers #nav-careers a:link,
	body#careers #nav-careers a:active,
	body#careers #nav-careers a:hover,
	body#careers #nav-careers a:visited,
	
	body#about #nav-about a:link,
	body#about #nav-about a:active,
	body#about #nav-about a:hover,
	body#about #nav-about a:visited,
	
	body#shopping #nav-purchase a:link,
	body#shopping #nav-purchase a:active,
	body#shopping #nav-purchase a:hover,
	body#shopping #nav-purchase a:visited
	{
	color:#FFF;
	background:#cd0809;
	
	}

	/* Target CSS compliant browsers */	
	
	html>body#products #nav-products,
	html>body#purchase #nav-purchase,
	html>body#support #nav-support,
	html>body#blog #nav-blog,
	html>body#careers #nav-careers,
	html>body#about #nav-about,
	html>body#shopping #nav-purchase
	{
	background: url(../images/primary_nav_highlight.png) top right no-repeat;
	}
	
	html>body#products #nav-products a:link,
	html>body#products #nav-products a:active,
	html>body#products #nav-products a:hover,
	html>body#products #nav-products a:visited,
	
	html>body#purchase #nav-purchase a:link,
	html>body#purchase #nav-purchase a:active,
	html>body#purchase #nav-purchase a:hover,
	html>body#purchase #nav-purchase a:visited,
	
	html>body#support #nav-support a:link,
	html>body#support #nav-support a:active,
	html>body#support #nav-support a:hover,
	html>body#support #nav-support a:visited, 
	
	html>body#blog #nav-blog a:link,
	html>body#blog #nav-blog a:active,
	html>body#blog #nav-blog a:hover,
	html>body#blog #nav-blog a:visited,
	
	html>body#careers #nav-careers a:link,
	html>body#careers #nav-careers a:active,
	html>body#careers #nav-careers a:hover,
	html>body#careers #nav-careers a:visited,
	
	html>body#about #nav-about a:link,
	html>body#about #nav-about a:active,
	html>body#about #nav-about a:hover,
	html>body#about #nav-about a:visited,
	
	html>body#shopping #nav-purchase a:link,
	html>body#shopping #nav-purchase a:active,
	html>body#shopping #nav-purchase a:hover,
	html>body#shopping #nav-purchase a:visited
	
	{
	color:#FFF;
	background-color: #cd0809;
	}

/* Specify content 1 column layout */
/* --------------------------------- */

body#home #main-body,
body#shopping #main-body {
	margin:0;
}

body#home #nav-secondary,
body#shopping #nav-secondary
{
	display:none;
}

body#home #content,
body#shopping #content
{
	margin:60px 0 0 0;
}

body#home #content div.innertube,
body#shopping #content div.innertube {
	margin:0;
}

body#home #content-secondary,
body#shopping #content-secondary {
	display:none;
}

/* Specify homepage layout */
/* --------------------------------- */

/* Reset margins for two col layout */
body#home.content-two-col #content
{
	margin-right: -315px;
}

body#home.content-two-col #content div.innertube
{
	margin-right: 315px;
}

body#home.content-two-col #content-secondary
{
	display:block;
	width:315px;
	margin:70px 0 0 0;
}

/*Specify content 2 column layout */
/* --------------------------------- */

/* Reset margins for two col layout */
body#shopping.content-two-col #content
{
	margin-right: -315px;
}

body#shopping.content-two-col #content div.innertube
{
	margin-right: 315px;
}

body#shopping.content-two-col #content-secondary
{
	display:block;
	width:315px;
	margin:70px 0 0 0;
}

/* Specify content 1 column layout with secondary nav */
/* --------------------------------- */


body#products #main-body,
body#purchase #main-body,
body#support #main-body,
body#blog #main-body,
body#careers #main-body,
body#about #main-body
{
	margin-left:193px;

}

body#products #content,
body#purchase #content,
body#support #content,
body#blog #content,
body#careers #content,
body#about #content,
body#products #content div.innertube,
body#purchase #content div.innertube,
body#support #content div.innertube,
body#blog #content div.innertube,
body#careers #content div.innertube,
body#about #content div.innertube
{
	margin-right:0;
}

body#products #nav-secondary,
body#purchase #nav-secondary,
body#support #nav-secondary,
body#blog #nav-secondary,
body#careers #nav-secondary,
body#about #nav-secondary
{
	display:block;
}

body#products #content-secondary,
body#purchase #content-secondary,
body#support #content-secondary,
body#blog #content-secondary,
body#careers #content-secondary,
body#about #content-secondary
{
	display:none;
}

/* Specify content 2 column layout with secondary nav */
/* --------------------------------- */

/* Reset margins for two col layout */
body#products.content-two-col #content,
body#purchase.content-two-col #content,
body#support.content-two-col #content,
body#blog.content-two-col #content,
body#careers.content-two-col #content,
body#about.content-two-col #content
{
	margin-right: -240px;
}

body#products.content-two-col #content div.innertube,
body#purchase.content-two-col #content div.innertube,
body#support.content-two-col #content div.innertube,
body#blog.content-two-col #content div.innertube,
body#careers.content-two-col #content div.innertube,
body#about.content-two-col #content div.innertube
{
	margin-right: 240px;
}

body#products.content-two-col #content-secondary,
body#purchase.content-two-col #content-secondary,
body#support.content-two-col #content-secondary,
body#blog.content-two-col #content-secondary,
body#careers.content-two-col #content-secondary,
body#about.content-two-col #content-secondary
{
/* :DEL
	position:absolute; */
	display:block;
}

/* Specify column padding */
/* --------------------------------- */

body#home #content-secondary .innertube,
body#shopping #content-secondary .innertube,
body#products.content-two-col #content-secondary .innertube,
body#purchase.content-two-col #content-secondary .innertube,
body#support.content-two-col #content-secondary .innertube,
body#blog.content-two-col #content-secondary .innertube,
body#careers.content-two-col #content-secondary .innertube,
body#about.content-two-col #content-secondary .innertube

{
	padding:0 10px 0 0;
}

body#products #content .innertube,
body#purchase #content .innertube,
body#support #content .innertube,
body#blog #content .innertube,
body#careers #content .innertube,
body#about #content .innertube,
body#products.content-two-col #content .innertube,
body#purchase.content-two-col #content .innertube,
body#support.content-two-col #content .innertube,
body#blog.content-two-col #content .innertube,
body#careers.content-two-col #content .innertube,
body#about.content-two-col #content .innertube
{
	padding:0 10px 0 20px;
}

body#home #content .innertube,
body#shopping #content .innertube,
body#home.content-two-col #content .innertube,
body#shopping.content-two-col #content .innertube
{
	padding:0 10px 0 35px;
}

/* Footer elements */
/* --------------------------------- */

#footer ul {
	margin:0 0 0 23px;
	padding:0;
	border:none;
	list-style:none;
}

body#products #footer ul,
body#purchase #footer ul,
body#support #footer ul,
body#blog #footer ul,
body#careers #footer ul,
body#about #footer ul
{
	margin:0 0 0 0;
	padding:0;
	border:none;
	list-style:none;
}

#footer p {
	clear: both;
	margin:0 0 0 33px;
	line-height:2em;
}

body#products #footer p,
body#purchase #footer p,
body#support #footer p,
body#blog #footer p,
body#careers #footer p,
body#about #footer p
{
	margin:0 0 0 10px;
}



#footer li {
	float:left;
	margin:0;
	padding:0;
	border:none;
}

#footer a, #footer a:active, #footer a:visited {
	margin:0;
	padding:0 10px 0 10px;
	border:none;
	color:#cd0809;
	text-decoration:underline;
	background:url(../images/bg_footer.gif) no-repeat 100% 60% #FFF;
	line-height:2em;
}

#footer a:hover {
	text-decoration:none;
}

#footer #last-item a {
	background: #FFF;
}

/* S24 link */
#footer a:link.supplier,
#footer a:visited.supplier,
#footer a:hover.supplier,
#footer a:active.supplier {
	background: url(../images/bg_footer.gif) no-repeat 0% 50% #FFF;
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
}

/* Back to top */
#footer #utility a {
	background:url(../images/button_up_arrow_over.gif) no-repeat 0% 65% #FFF;
	padding:0 10px 0 25px;
	position: absolute;
	top: 0;
	right: 0;
}

body#products #footer #utility a,
body#purchase #footer #utility a,
body#support #footer #utility a,
body#blog #footer #utility a,
body#careers #footer #utility a,
body#about #footer #utility a
{
	background:url(../images/button_up_arrow_over.gif) no-repeat 0% 65% #FFF;
	padding:0 10px 0 25px;
	position: absolute;
	top: 0;
	right: 213px;
}