/* SOS Specific Styles */
<!--
body { background: #B9BDBE; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; margin: 0; padding: 0; text-align: center; padding-bottom: 20px; }
div, span, p, td, select, input { font-size: 11px; }
div#container { width: 940px; background: #FFFFFF; margin: 20px auto; margin-top: 0px; text-align: left; }

h2 {text-transform: uppercase; font-family: "Helvetica Light", Helvetica, Verdana, Arial, sans-serif; font-size: 18px; line-height: 1em; font-weight: normal;}
h3 {text-transform: uppercase; font-family: "Helvetica Light", Helvetica, Verdana, Arial, sans-serif; font-size: 16px; line-height: 1em; font-weight: normal;}

a { text-decoration: none; font-weight:bold; outline: none; color: #808080; }
a img { border: 0; }
a:hover { text-decoration: none; outline: none; color: #f05a25; }
a:focus { text-decoration: none; outline: none; color: #f05a25; }
-->

h3 { font-size: 15px; padding: 0; margin: 0; }

a.ButtonLink {
  background: #e6e6e6;
  border: 1px solid #666;
  padding: 3px 8px;
  width: auto !important;
  color: #666;
  display: inline;
}

a.ButtonLink:hover { text-decoration: none; outline: none; color: #f05a25; }

div#blogContainer { width: 940px; background: #FFFFFF; margin: 20px auto; margin-top: 0px; text-align: left; }
div#blogContent { clear: both; position: relative; width: 940px; margin: 40px 0 0 0;  }

#contentoff{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
}

#sidebaroff{
float: left;
width: 200px; /*Width of right column in pixels*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
}


/* Header styles */

div#header { position: relative; width: 940px; height: 89px; z-index: 9; }

h1#sosLogo { position: absolute; left: 42px; top: 10px; background: url(/images/h1_logo.jpg) top no-repeat; width: 90px; height: 89px; margin: 0 0 0 0; padding: 0 0 0 0; text-indent: -9999px; cursor: pointer; }

/* Main content styles */

div#mainContent { clear: both; position: relative; width: 940px; _height: 500px; min-height: 500px; margin: 40px 0 0 0;  }

div#leftHeading { float: left; margin: 0 0 0 20px; }
div#soloColumn { float:left; width:760px; }

div#leftColumn { float: left; background: url(/images/vr_bg_long.jpg) top right repeat-y; padding: 0 10px 0 0; margin: 0 30px 0 0; width: 360px;  border: 0px solid red; }
div#rightColumn { position: relative; float: left; width: 310px; height: 100%; border: 0px solid blue;}

div#leftHeading h2 { float: left; width: 115px; height: 24px; margin: 85px 0 0 0; padding: 0;  }

h2#leftH2_TheGoods { float: left; background: url(/images/h2_thegoods.gif) top left no-repeat; width: 115px; height: 24px; margin: 85px 0 0 0; padding: 0; text-indent: -9999px; }
h2#leftH2_HiyaDresser { float: left; background: url(/images/h2_hiyadresser.gif) top left no-repeat; width: 134px; height: 24px; margin: 85px 0 0 0; padding: 0; text-indent: -9999px; }

h2#storeLocator { background: url(/skins/default/en/images/h2_storelocator.gif) top left no-repeat; width: 200px; height: 24px; margin: 0; padding: 0; text-indent: -9999px; }
h2#buyOnline { background: url(/skins/default/en/images/h2_buyonline.gif) top left no-repeat; width: 200px; height: 24px; margin: 0; padding: 0; text-indent: -9999px; }

ul#productList { width: 872px; position: margin: 0px; padding: 0px; relative; margin-top: -5px; }
ul#productList li { position: relative; width: 218px; height: 195px; float: left; list-style: none; text-align: center; }
ul#productList li a { position: absolute; bottom: 0px; left: 0px; width: 190px; text-align: center; }

div#productDetail { width: 520px; position: relative; margin-top: -5px; text-align: center; }

div#productDetail ul#thumbBrowseLink { list-style: none; }
div#productDetail ul#thumbBrowseLink li { display: inline; font-size: 120%; font-weight: bold; padding: 0 8px 0 8px; }
div#productDetail ul#thumbBrowser { list-style: none;  padding-right:10px;}
div#productDetail ul#thumbBrowser li { display: inline; padding: 0 16px 0 16px; }

div#productOptions { margin: 0 0 40px 0; }
div#productOptions form { margin: 40px 0 24px 0; }
div#productOptions form label { text-transform: uppercase; }
div#productOptions form select { display: block; margin: 0 0 10px 0; width: 200px; text-transform: none; color: #808080; }
div#productOptions a { font-size: 110%; font-weight: bold; }

div.collection_description {float: right; width: 235px; padding: 0px; margin: 0px; }
div.collection_description h2 {margin-top: 0px; }
div.home_footer_splash {padding-left: 35px;}
ul.home_press {margin: 0px; padding: 0px; list-style-type: none; }
ul.home_press li { display: inline; width: 120px; margin: 0px 20px 0px 0px; height: 127px; padding: 0px; }
ul.home_press li img { border: 0; }

ul.online_dealers {margin: 0px; padding: 10px 0px;}
ul.online_dealers li {color: #333; font-weight: bold; padding: 2px 0px; list-style: none;}
ul.online_dealers li a {color: #333; font-weight: normal !important; margin-left: 5px;}

div#rightColumn p { margin: 0 0 1.5em 0; }

img#productLine_FlavorPhoto { margin: 70px 0 0 0; }

/* Footer styles */

div#footer { clear: both; position: relative; width: 940px; height: 75px; background: #FFFFFF; margin: 0; padding: 33px 0 0 0; color: #333; }
div#footerContent { padding: 5px 30px 0px 35px; float: left;}

div#footer ul { float: right; margin: 0; padding: 0; }
div#footer ul li { float: left; text-indent: -9999px; list-style: none; height: 29px; margin: 0 3px 0 3px; padding: 0; overflow: hidden; }
div#footer ul li a { display: block; height: 29px; }
div#footer ul li.generic { text-indent: 0px; }

div#footer ul li#footerPhone { background: url(/images/SoS_phone_number.jpg) bottom left no-repeat; width: 78px; }
div#footer ul li#footerShipping a { background: url(/images/SoS_button_shipping.jpg) bottom left no-repeat; width: 46px; cursor: pointer; }
div#footer ul li#footerShipping a:hover { background: url(/images/SoS_button_shipping.jpg) bottom right no-repeat; }
div#footer ul li#footerFAQ a { background: url(/images/SoS_button_faq.jpg) bottom left no-repeat; width: 20px; cursor: pointer; }
div#footer ul li#footerFAQ a:hover { background: url(/images/SoS_button_faq.jpg) bottom right no-repeat; }
div#footer ul li#footerDealer a { background: url( /skins/default/en/images/footer_nav/SoS_button_dealers.jpg) bottom left no-repeat; width: 41px; cursor: pointer; }
div#footer ul li#footerDealer a:hover { background: url(/skins/default/en/images/footer_nav/SoS_button_dealers.jpg) bottom right no-repeat; }
div#footer ul li#footerTerms a { background: url(/images/SoS_button_terms.jpg) bottom left no-repeat; width: 31px; cursor: pointer; }
div#footer ul li#footerTerms a:hover { background: url(/images/SoS_button_terms.jpg) bottom right no-repeat; }
div#footer ul li#footerRegister a { background: url(/images/SoS_button_register_product.jpg) bottom left no-repeat; width: 88px; cursor: pointer; }
div#footer ul li#footerRegister a:hover { background: url(/images/SoS_button_register_product.jpg) bottom right no-repeat; }


div#footer ul li.footerDivider { background: url(/images/vr_29tall.jpg) bottom left no-repeat; width: 4px; }

div#footer form { float: right; margin: 0; padding: 0 0 0 46px; position: relative; }
div#footer form input { margin: 0 0 8px 0; }
div#footer form div { display: inline; }
div#footer form img { margin: 0 34px 0 0; padding: 0; }

div#footer #jpma { float:left;  padding-left: 15px; margin-top:-15px; }
div#footer #jpma table tr #jpma_text {  font-size:9px; padding-left: 5px;  }

#welcome { position: absolute; top: 65px; left: 300px; }

div#splashfooter { clear: both; position: relative; width: 940px; height: 150px; background: #FFFFFF; margin: 0; padding: 33px 0 0 0; }
div#splashfooter #enterStore { font-size:14px; padding: 0px 0px 0px 300px; }


table.two_col { width:100%; }
table.two_col tr td.left_col { padding: 0px 30px 30px 40px; vertical-align: top; width: 50%; }
table.two_col tr td.right_col { text-align: left; padding: 0px 40px 30px 30px; vertical-align:top; width: 50%; }
table.two_col tr td.right_col ul#store_locator_list li { margin-bottom: 1.5em; }
ul#store_locator_list li { margin-bottom: 1.5em; }
table.two_col_large_left { width:100%; }
table.two_col_large_left tr td.left_col { padding: 0px 20px 30px 20px; vertical-align:top; width: 55%; }
table.two_col_large_left tr td.left_col ul { list-style-type: none; }
table.two_col_large_left tr td.left_col ul li { display: inline; width: 100px; height: 127px; }
table.two_col_large_left tr td.left_col ul li img { border: 0; }
table.two_col_large_left tr td.right_col { padding: 0px 30px 30px 30px; vertical-align:top; width: 25%; }
table.two_col_large_left tr td.right_col ul { margin: 0 0 30px 0; padding: 0; list-style-type: none; }
table.two_col_large_left tr td.right_col ul li#press_link_online { width: 134px; height: 24px; text-indent: -9999px; }
table.two_col_large_left tr td.right_col ul li#press_link_online a { width: 56px; height: 24px; display: block; background: url(/images/press_online.gif); outline: none; }
table.two_col_large_left tr td.right_col ul li#press_link_online a:hover { width: 56px; height: 24px; display: block; background: url(/images/press_online_on.gif); outline: none; }
table.two_col_large_left tr td.right_col ul li#press_link_online_on { width: 134px; height: 24px; text-indent: -9999px; }
table.two_col_large_left tr td.right_col ul li#press_link_online_on a { width: 56px; height: 24px; display: block; background: url(/images/press_online_on.gif); outline: none; }
table.two_col_large_left tr td.right_col ul li#press_link_print { width: 134px; height: 24px; text-indent: -9999px; }
table.two_col_large_left tr td.right_col ul li#press_link_print a { width: 42px; height: 24px; display: block; background: url(/images/press_print.gif); outline: none; }
table.two_col_large_left tr td.right_col ul li#press_link_print a:hover { width: 42px; height: 24px; display: block; background: url(/images/press_print_on.gif); outline: none; }
table.two_col_large_left tr td.right_col ul li#press_link_print_on { width: 134px; height: 24px; text-indent: -9999px; }
table.two_col_large_left tr td.right_col ul li#press_link_print_on a { width: 42px; height: 24px; display: block; background: url(/images/press_print_on.gif); outline: none; }


// FAQ
div.faq_section { clear: all; margin-bottom: 15px; }
ul.faq {  list-style:none; padding-left:0px; margin-left:0px; }
ul.faq li { list-style:none; height:18px; padding-left:0px; margin-left:0px; }
div.faq_group { margin-bottom:15px; }
div.faq_q { font-weight: bold; margin-bottom:3px; }
div.faq_a { margin-bottom: 15px; }



/* END SOS Specific Styles */

/** START lightbox styles */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/** END lightbox styles */


#menu {
	background: #fff;
	height: 35px;
    margin-top: 45px;
    margin-right: 35px;
    top: 45px;
    z-index: 5;
    float: right;
    
}

#menu ul {
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	list-style: none;
    z-index: 5;
}

#menu ul li {
	float: left;
	margin: 0 3px 0 0;
	padding: 0px;
    font-size: 10.5pt;
	line-height: 1, 5em;
	list-style-type: none;
    z-index: 5;
	display: block;
}

#menu ul li a {
	float: left;
	display: block;
	width: auto;
	font-weight: normal;
	background: transparent;
	text-decoration: none;
	color: #333;
	margin: 0;
	padding: 4px 15px 7px 3px;
    z-index: 5;
}

#menu  ul li a:hover {
	color: #dd480a;
	text-decoration: none;
}

#menu  ul li.sep {
	color: white;
	padding: 0.8em 0em 0.5em 0em;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu  ul li a {
  float: none;
  text-transform: uppercase;
  font-size: 85%;
}

/* End IE5-Mac hack */
#menu ul.level2, #menu ul.level3 {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
    z-index: 5;
	vertical-align: bottom
}

#menu ul.level2 li, #menu ul.level3 li {
	border-bottom: 1px solid #fff;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 170px;
    z-index: 5;
	background: #aaa;
}

#menu  ul.level2 li a, #menu ul.level3 li a {
	padding: 7px 9px 7px 5px;
	color: #fff;
    z-index: 5;
}

#menu  ul.level2 li a:hover,#menu  ul.level3 li a:hover {
	font-weight: normal;
	background-color: #ddd;
	background-image: none;
	color: #dd480a;
    z-index: 5;
}

li#navDivider {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(/images/vr_34tall.jpg) no-repeat scroll left bottom;
  width: 4px;
  height: 30px;
  margin-right: 25px !important;
  margin-left: 25px !important;
}

a.navProductsOn, a.navAboutOn, a.navStoresOn, a.navContactOn, a.navNewsOn, a.navAccountOn {
  color: #c89b58 !important;
}

a#navCart {
  -moz-background-clip:border !important;
  -moz-background-inline-policy:continuous !important;
  -moz-background-origin:padding !important;
  background:transparent url(/skins/default/en/images/header_nav/SoS_button_cart.jpg) no-repeat scroll left bottom !important;
  cursor:pointer !important;
  height:34px !important;
  width:25px !important;
  padding: 0px !important;
  margin-top: -5px !important;
}

a#navCart:hover {
  background:transparent url(/skins/default/en/images/header_nav/SoS_button_cart.jpg) no-repeat scroll right bottom !important;
}