﻿@media print
{
	.print 
	{
		DISPLAY:none;
	}
}
body {font-family: Arial, Helvetica, sans-serif, Verdana, Trebuchet MS;font-size: 80%;color: #525252;margin: 0px;background-color: #ffffff}
.shell {text-align: center;width: 100%;margin: 0px;padding: 0px;height: auto;}
.topnav {background: #F89A2A url('images/topslc.gif') center bottom repeat-x}
.topnav .innerbck {background: url('images/soltan-header.jpg') center bottom no-repeat;padding: 1px}

.holder {width: 1000px;text-align: left;margin: 0 auto;height: auto}
.topnav a, .topnav  a:link {font-weight: normal}
.toplinks1 {font-size: 85%;text-align: right; height: auto} 
.toplinks1 ul {float: right;margin: 0px;padding: 3px 20px 5px 0px}
.toplinks1 li {padding: 0px;margin-left: 10px;display: inline;list-style-type: none}
.toplinks1 a:link, .toplinks1 a {text-decoration: none;color: #FFF;padding: 0px 0px 0px 10px; background: url('images/tp1.gif') left center no-repeat}
.toplinks1 a:hover {text-decoration: none; color: #AB550E; background: url('images/tp1-on.gif') left center no-repeat}

.toplinks2 {float: right;width: 750px;font-size: 110%}
.toplinks2 ul {float: right;margin: 0px;padding: 0px 0px 5px 0px}
.toplinks2 li {display: inline;list-style-type: none}
.toplinks2 a {white-space: nowrap;text-decoration: none;color: #FFF;float: left;padding: 30px 15px 20px 17px; background: url('images/tp2-div.gif') left center no-repeat}
.toplinks2 a:link {color: #FFF}
.toplinks2 a:hover {text-decoration: none; color: #AB550E}
.toplinks2 .first a {background: url('') left center no-repeat}

.hmimagearea {background: #fff url('images/hm-greybck.gif') center top repeat-x}

.contentimagearea {background: #ffffff url('images/hm-whitebck.gif') center top repeat-x}
contentimagearea {background-color: #ffffff;background-image: url('images/hm-whitebck.gif');background-position:center top;background-repeat:repeat-x}

.logobottom {background: url('images/logobtm.jpg') center top no-repeat}

.contentarea {width: 963px; text-align: left; margin: 0 auto; height: auto; padding: 0px 0px 20px 0px}

.hmcnt {display:inline; float:right; width: 580px; _width: 580px; height:auto; margin:0px; padding:0px;}
.hmcnt .left {float:left; width:563px; _width:463px; padding:0px 0px 0px 5px; margin:0px;}



.hmcnt .right {float:right; width:196px;padding: 33px 0px 3px 0px}

.cntLeft {float:left; width:346px; padding:0px; margin:0px}

.cntLeft .prodImage {float:left; width:346px; padding:0px; margin:0px}
.side {display:inline; float:left; width:363px; _width:363px; padding:0px; margin:0px}
.sensitive {float:left; width:346px; padding:0px 0px 0px 0px; background: url('images/hmlinks_sensitivebkg.gif') left top no-repeat;}
.sensitive ul {float:left; width:346px; margin:22px 0px 0px 0px; padding:6px 0px 36px 0px; background: url('images/hmlinks_btm.gif') left bottom no-repeat;}
.sensitive ul li {float:left; width:245px; padding:0px 0px 0px 102px; margin:0px; display:inline; list-style-type:none}
.sensitive ul li a {color:#AB550E; font-size:85%; font-weight:normal; padding:0px 0px 0px 10px; background: url('images/arra_brown.gif') left no-repeat;text-decoration: none}
.sensitive ul li a:hover {color:#000; background: url('images/arra_black.gif') left no-repeat;text-decoration: none}

_sensitive {float:left; width:300px; padding:0px 0px 0px 0px; background: url('images/hmlinks_sensitivebkg.gif') left top no-repeat;}
_sensitive ul {float:left; width:300px; margin:20px 0px 0px 0px; padding:6px 0px 36px 0px; background: url('images/hmlinks_btm.gif') left bottom no-repeat;}
_sensitive ul li {float:left; width:100px; padding:0px 0px 0px 123px; margin:0px; display:inline; list-style-type:none}
_sensitive ul li a {color:#AB550E;  font-size:85%; font-weight:normal; padding:0px 0px 0px 10px; background: url('images/arra_brown.gif') left no-repeat}
_sensitive ul li a:hover {color:#000; background: url('images/arra_black.gif') left no-repeat}

.kids {float:left; width:346px; padding:0px 0px 0px 0px; background: url('images/hmlinks_kidsbkg3.gif') left top no-repeat;}
.kids ul {float:left; width:346px; margin:20px 0px 0px 0px; padding:6px 0px 20px 0px; background: url('images/hmlinks_btm.gif') left bottom no-repeat;}
.kids ul li {float:left; width:245px; padding:0px 0px 0px 102px; margin:0px; display:inline; list-style-type:none}
.kids ul li a {color:#fff;  font-size:85%; font-weight:normal; padding:0px 0px 0px 10px; background: url('images/arra_white.gif') left no-repeat;text-decoration: none}
.kids ul li a:hover {color:#AB550E; background: url('images/arra_brown.gif') left no-repeat;text-decoration: none}

_kids {float:left; width:300px; padding:0px 0px 0px 0px; background: url('images/hmlinks_kidsbkg3.gif') left top no-repeat;}
_kids ul {float:left; width:300px; margin:20px 0px 0px 0px; padding:6px 0px 20px 0px; background: url('images/hmlinks_btm.gif') left bottom no-repeat;}
_kids ul li {float:left; width:100px; padding:0px 0px 0px 123px; margin:0px; display:inline; list-style-type:none}
_kids ul li a {color:#fff;  font-size:85%; font-weight:normal; padding:0px 0px 0px 10px; background: url('images/arra_white.gif') left no-repeat}
_kids ul li a:hover {color:#AB550E; background: url('images/arra_brown.gif') left no-repeat}


.adults {float:left; width:346px; padding:0px 0px 0px 0px; background: url('images/hmlinks_adultsbkg2.gif') left top no-repeat;}
.adults ul {float:left; width:346px; margin:20px 0px 0px 0px; padding:6px 0px 20px 0px; background: url('images/hmlinks_btm.gif') left bottom no-repeat;}
.adults ul li {float:left; width:245px; padding:0px 0px 0px 102px; margin:0px; display:inline; list-style-type:none}
.adults ul li a {color:#fff;  font-size:85%; font-weight:normal; padding:0px 0px 0px 10px; background: url('images/arra_white.gif') left no-repeat;text-decoration: none}
.adults ul li a:hover {color:#AB550E; background: url('images/arra_brown.gif') left no-repeat;text-decoration: none}

_adults {float:left; width:300px; padding:0px 0px 0px 0px; background: url('images/hmlinks_adultsbkg.gif') left top no-repeat;}
_adults ul {float:left; width:300px; margin:20px 0px 0px 0px; padding:6px 0px 20px 0px; background: url('images/hmlinks_btm.gif') left bottom no-repeat;}
_adults ul li {float:left; width:100px; padding:0px 0px 0px 123px; margin:0px; display:inline; list-style-type:none}
_adults ul li a {color:#fff;  font-size:85%; font-weight:normal; padding:0px 0px 0px 10px; background: url('images/arra_white.gif') left no-repeat}
_adults ul li a:hover {color:#AB550E; background: url('images/arra_brown.gif') left no-repeat}

/*--.aftersun {float:left; width: 146px;padding: 0px;text-decoration: none}

_aftersun {float:left; width: 100px;padding: 0px}
.aftersun a {text-decoration: none}---*/

.aftersun {float:left; width:346px; padding:0px 0px 0px 0px; background: url('images/aftersun1_france.gif') left top no-repeat;}
.aftersun ul {float:left; width:346px; margin:23px 0px 0px 0px; padding:8px 0px 20px 0px; background: url('images/hmlinks_btm.gif') left bottom no-repeat;}
.aftersun ul li {float:left; width:245px; padding:0px 0px 0px 102px; margin:0px; display:inline; list-style-type:none}
.aftersun ul li a {color:#fff;  font-size:85%; font-weight:normal; padding:0px 0px 0px 10px; background: url('images/arra_white.gif') left no-repeat;text-decoration: none}
.aftersun ul li a:hover {color:#AB550E; background: url('images/arra_brown.gif') left no-repeat;text-decoration: none}

.register p {font-size: 80%; color: #7F7F7F}
.register a, .register a:link {display: block;font-size: 120%;font-weight: normal;padding: 8px 0px 8px 42px; background: url('images/register.jpg') left center no-repeat; color: #169CD0;}
.register a:hover {background-image: url('images/register-on.jpg')}

/*------------------- content styles ---------------*/

#products img{float:none;}
#products div{float:left;padding-left:20px; text-align:center}

.prodcnt {float:right; width: 580px}
.prodcnt .left {float:left; width:563px; padding:20px 0px 0px 5px}

.prodcnt .left h3 {font-size:160%; margin:0px; padding:10px 0px}

.prodcnt img {float:right; padding-left:10px}

.prodcnt ol li { padding:5px 0px 5px 0px}
.prodcnt .left a:link {font-weight: bold;color: #FF6800;text-decoration: underline}

.prodcnt ul li { padding:5px 0px 5px 0px}

#buiscuitTab {float:left; width:580px; margin:0px; padding:0px 0px 0px 0px;font-size:200%;}

#NavTrail ol {list-style:none; padding:0px 5px 0px 0px; margin:0px;}
#NavTrail ol li {display:inline}
#NavTrail ol li a {color:#5E5E5E; text-decoration:none; font-weight:normal; padding-right:16px; background: url('images/biscuit_arra.gif') right no-repeat}
#NavTrail ol li a:hover {color:#000}  
#NavTrail ol li span{color:#000; font-weight:normal;}


.thumbnails {float:left; margin:0px; padding:30px 0px 30px 0px; width:100%; text-align:center}
.thumbnails ul {float:left; list-style-type:none; margin: 0px 0px 3px 0px; padding: 0px; width: 100%}
.thumbnails ul li {float:left; min-height:310px;margin:1px 1px 2px 2px; display: inline; border-right: 1px solid #fff; border-left: 1px solid #C8C3B9; border-bottom: 1px solid #fff; border-top: 1px solid #C8C3B9}
.thumbnails ul li a {color:#4F4F4F; cursor:pointer}
.thumbnails ul li a:hover {text-decoration:none}

.thumbnail, .thumbnail:visited {font-size: 11px;padding: 5px;display:block;color: #666666; width: 165px;text-transform: capitalize; text-decoration:none; border-top: 1px solid #ffffff;border-bottom: 1px solid #C8C3B9;border-left: 1px solid #ffffff;border-right: 1px solid #C8C3B9}
/* for understanding browsers */ .thumbnail  {min-height:300px; height:auto;background-color: #F6F6F6}
/* for Internet Explorer *//*\*/* html .thumbnail  {height: 300px}/**/
.thumbnail:hover {background-color: #E9E9E9}

.thbimgspan {display: block;min-width: 147px;width: 147px;height:207px; border:0px;margin-bottom: 3px;border: 1px solid #C8C3B9; text-align: center; background: #fff}

.name {display:block; font-size:110%; height: 30px; font-weight:bold; padding:8px 5px 1px 5px; margin:0px}
/* for understanding browsers */ .name {min-height:30px; height:auto}
/* for Internet Explorer *//*\*/* html .name  {height: 30px}/**/

.more {display: block; padding:5px; font-size:100%; text-decoration:none}

/*------------------- list styles ---------------*/
.nobullets ul {margin: 0;padding:0;list-style-type: none;list-style-position: inside}
.nobullets li {margin: 1px 0px 1px -1.5em;list-style-type: none; padding-left:15px !important;padding-left:0px}
#cmsarea ul {margin:0px 0px 15px 0px;padding:0;list-style-position: inside}
#cmsarea li {padding:0px 0px 9px 0px;line-height:1.1em;list-style-type: square}
/*----standard styles----*/
div {margin: 0px; padding: 0px}
img {border-width:0px; padding:0}
.pdf  {display: block;padding: 0px 0px 0px 20px;background: url('images/ico_pdf8.gif') center left no-repeat}
a {color: #FF6800;text-decoration: underline; font-weight:normal!important}
a:hover {color: #525252 !important;text-decoration: none}

p {margin: 4px 0px 14px 0px}
.clear {clear:both;font-size:1%;margin:0px;padding: 0px}
h1, h3 {color: #5E5E5E; font-weight: normal;padding: 0px 0px 3px 0px;margin: 0px}
h1 {font-size: 200%;margin: 0px 0px 4px 0px}

h2 {font-size: 150%;margin: 0px; color:#F47A03;font-weight:normal;margin-bottom:4px;margin-top:4px}
h3 {font-size: 110%;margin: 0px 0px 0px 0px;padding: 0px}
.highlightline {font-size: 120%;color: #AB4D3C}
.redtxt {color: #AB4D3C}
.blktxt {color: #000}

.floatl {float: left}
.floatr {float: right; padding-left: 2px}
.alignr {text-align: right}

.textarea {height: auto}
.size90 {font-size:90%}
.red {color: red}
sup {font-size:12px;vertical-align:top}
/*-----footer styles-----*/
.footer {background-color:#E9E9E9; font-size: 85%; color: #7F7F7F}
/* for understanding browsers */.footer {min-height:72px; height:auto}
/* for Internet Explorer *//*\*/* html .footer {height: 60px}/**/
.footer .contentarea {padding: 20px 10px 20px 0px;}

.footer .contentarea a, .footer .contentarea  a:link {font-weight: normal}
.footer ul {padding: 0px; float: right;margin-top:0px }
.footer li {display: inline;color: #5191BE;padding: 0px 14px; border-right: 1px solid #CCC}
.footer a {text-decoration: none;color: #5191BE}
.footer a:link, #footer a:visited {color: #5191BE}
.footer a:hover, #footer a:visited:hover {color: #FF6800; text-decoration: underline}
.footer .last {border-right: 0px solid #5191BE;padding: 0px 0px 0px 14px}

/*-----form styles-----*/
.errorstar{font-size:18px}
.errortxt{}

#questions{margin-top:10px}
#questions h3{color:#F49124}
#questions div{border-bottom:solid 1px #B8B8B8;padding-top:6px;}
#questions input{margin-left:20px}

#productresults h3{color:#F49124}
#productresults div{float:left;width:180px;margin-left:20px;text-align:center;margin-bottom:20px}
#productresults img{float:none;display:block; text-align:center}

.footer .flags{float:right;margin-left:40px;margin-top:1px}
.footer .flags img{padding-left:4px}