
/*-Begin Section -_theme.css-*/
/******************************
	Soothagel
	by
	Dean Smith - 2009
	
******************************/
html
{
	overflow-y: scroll;
}
body 
{
	font: 67%/1.2em verdana,sans-serif;
	background:#e7ecf0 url(../_images/soothagel/body_bg.jpg) repeat-x top left;
}


#base 
{
	width:882px;
	margin: 0 auto;
}

/******************************
	Zone Definitions
******************************/
#ZoneHeaderRow
{
	width:882px;
	clear:both;
	margin:0 auto;
	overflow:hidden;
}
#LeftRightContainer 
{
	overflow: hidden;
	clear:both;
}

#ZoneLeftColumn 
{

	float: left;
	display: inline;
	min-height:10px;
}
#ZoneMiddleColumn 
{
	float: left;
	display: inline;
	min-height:10px;
}
#ZoneRightColumn
{

    float: left;
	display: inline;	
	min-height:10px;
}

#ZoneCentreRow 
{
	padding-bottom:52px;
	overflow:hidden;
}

form.elPageHome #ZoneCentreRow 
{
	padding-bottom:52px;
	overflow:visible;
}


#ZoneFooterRow 
{
	margin:0 auto;
	width:882px;
	clear:both;
	padding-bottom:20px;
}



a.linkskip {
	position: absolute;
	top: -200px;
}


form.contentpage #ZoneFooterRow
{
padding-top:45px;
}
/******************************
	Logo
******************************/

#ZoneHeaderRow h1.ident
{
	display:block;
	width:263px;
	height:86px;
	margin-top:36px;
	float:left;
	padding:35px 0 0 0;
	margin:0;
}

#ZoneHeaderRow h1.ident a,
#ZoneHeaderRow h1.ident a:link,
#ZoneHeaderRow h1.ident a:visited
{
	background:url(../_images/soothagel/logo.gif) no-repeat top left;
	display:block;
	width:263px;
	height:86px;
}

#ZoneHeaderRow h1.ident a span,
#ZoneHeaderRow h1.ident a:link span,
#ZoneHeaderRow h1.ident a:visited span
{
	display:none;
}

form.contentpage #ZoneHeaderRow h1.ident
{
	height:110px;
}
/******************************
	Menu
******************************/


ul.elMainMenu span
{
display:block;
float:left;
}


ul.elMainMenu span.Right
{
display:block;
width:2px;
height:18px;
display:block;
float:left;
background:url(../_images/soothagel/nav_divide.gif) no-repeat top right;
padding:0 0 0 10px;
margin:13px 0 0 0;
}

ul.elMainMenu li.last span.Right
{
display:none;
}

ul.elMainMenu
{
	display:block;
	width:565px;
	height:43px;
	background:url(../_images/soothagel/_menu/menu_bg.gif) no-repeat top left;
	margin:57px 0 0 0;
	padding:0 10px;
	list-style-type:none;
	float:right;
}

ul.elMainMenu li
{
	height:43px !important;
	display:inline !important;
	float:left !important;
	clear:none !important;
	line-height:40px !important;
	padding:0 12px 0 0!important;

}

ul.elMainMenu li.first
{

	padding:0 12px 0 10px !important;

}
ul.elMainMenu li a,
ul.elMainMenu li a:link,
ul.elMainMenu li a:visited
{
	font-family:Arial !important;
	font-size:1.1em !important;
	color:#4d4d4d !important;
	text-decoration:none !important;
	font-weight:bold !important;
}

ul.elMainMenu li a.current,
ul.elMainMenu li a.current:link,
ul.elMainMenu li a.current:visited,
ul.elMainMenu li a:hover
{
	color:#005697 !important;
}



/* Element Horizontal Nav - Crosse style */



ul.elMainMenu li 
{

}

ul.elMainMenu ul li {
    background-image: none !important;
}

ul.elMainMenu ul 
{
	position: absolute;
	top: 20px;
	line-height: 1;
	left: -999em;
	height: auto;
	width: 100px;
	margin: 0;
	padding: 0;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #b5b2b5;
	background-image: none;
    clear: left;
	z-index: 81;	
}
ul.elMainMenu ul a, ul.elMainMenu ul a:link, ul.elMainMenu ul a:visited
{
	width: 100px;
    border-width: 0;
    font-size: .9em;
    padding: 0;
    color: #444;
    background-image: none !important;
}
ul.elMainMenu li li, ul.elMainMenu li li.first  
{
    width: 100px;
    background-image: none !important;
    line-height: 10px;
    border-bottom: solid 1px #b5b2b5;
    background-color: #E1e1e1;
	 
}
ul.elMainMenu li li span 
{
    display: inline;   
        text-transform: none;
        background-image: none !important;
}
ul.elMainMenu ul li span.Left, ul.elMainMenu ul li span.Right 
{
    display: none !important;   
}
ul.elMainMenu ul a 
{
    display: block;
    padding-left: 0;
}
ul.elMainMenu ul a span
{
    padding: 0;
    float: none;
    
}
ul.elMainMenu ul a span.Left, ul.elMainMenu ul a span.Right 
{
    display: none !important;
}
ul.elMainMenu ul a:hover, ul.elMainMenu ul a:active
{
	background-color: #f7f7f7;
	background-image: none !important;

}
ul.elMainMenu ul a span, ul.elMainMenu ul a:hover span, ul.elMainMenu ul a:link span, ul.elMainMenu ul a:visited span, ul.elMainMenu ul a:active span  
{
    background-image: none !important;   
}
ul.elMainMenu ul a.ChildItems, ul.elMainMenu ul a.ChildItems:link, ul.elMainMenu ul a.ChildItems:visited
{

    background-repeat: no-repeat;
    background-position: top right;	
}
ul.elMainMenu ul a.ChildItems:hover, ul.elMainMenu ul a.ChildItems:active
{

}
ul.elMainMenu li ul ul {
	margin: -21px 0 0 100px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #b5b2b5;	
}


ul.elMainMenu li li li, ul.elMainMenu li li li.first  
{
    border-color: #b5b2b5;	
}
ul.elMainMenu li li li a, ul.elMainMenu li li li a:link, ul.elMainMenu li li li a:visited
{
    color: #444;
}

ul.elMainMenu ul li a:hover, ul.elMainMenu ul li a:active
{
	background-color: #f7f7f7;

}

ul.elMainMenu li:hover ul ul, ul.elMainMenu li:hover ul ul ul, ul.elMainMenu li:hover ul ul ul ul, ul.elMainMenu li.MenuItemHover ul ul, ul.elMainMenu li.MenuItemHover ul ul ul, ul.elMainMenu li.MenuItemHover ul ul ul ul 
{     left: -999em; 
      display: none;
	
} 
ul.elMainMenu li:hover ul, ul.elMainMenu li li:hover ul, ul.elMainMenu li li li:hover ul, ul.elMainMenu li li li li:hover ul, ul.elMainMenu li.MenuItemHover ul, ul.elMainMenu li li.MenuItemHover ul, ul.elMainMenu li li li.MenuItemHover ul, ul.elMainMenu li li li li.MenuItemHover ul 
{

    left: auto; 
	display: block;
	z-index: 82;

} 
/******************************
	Info Area
******************************/
div.elInfoArea
{
	display:block;
	width:882px;
	height:205px;
	background:url(../_images/soothagel/_promoarea/promo_bg.png) no-repeat top left;
	position:relative;
}

div.elInfoArea div
{
	width:294px;
	height:205px;
	float:left;
	background:url(../_images/soothagel/_promoarea/promo_divider.gif) no-repeat right top;
	position:relative;
}

div.elInfoArea div.elWhy
{
    padding-left:4px;
	width:290px;
}

div.elInfoArea div h2
{
font-family:tahoma;
	color:#014a77;
	font-size:1.7em;
	line-height:1.3em;
	margin:26px 0 0 30px;
}

div.elInfoArea div p
{
	margin:13px 30px 0;
	line-height:1.3em;
	font-size:1em;
	font-family:Arial;
}

div.elInfoArea div.elHow p, div.elInfoArea div.elHow h2
{
margin-left:27px;
}

div.elInfoArea div ul
{
	list-style-type:none;
	width:234px;
	margin:13px 30px 0;
	padding:0;
	clear:both;
}

div.elInfoArea div ul li
{
	float:left;
	display:block;
	clear:both;
	width:234px;
	padding:4px 0 2px 12px;
	margin:0;
	background:url(../_images/soothagel/_promoarea/promo_listicon.png) no-repeat left 8px;
	font-size:1em;
	font-family:Arial;
}

div.elInfoArea div a,
div.elInfoArea div a:link,
div.elInfoArea div a:visited
{
	padding-right:15px;
	background:url(../_images/soothagel/_promoarea/link_bg.jpg) no-repeat right 4px;
	height: 20px;
	position:absolute;
	bottom:30px;
	left:30px;
	font-family:Arial;
	font-size:1.1em;
	color:#014a77;
}

div.elInfoArea div.elHow a
{
left:27px;
}

a.arrow
{
	padding-right:15px;
	background:url(../_images/soothagel/_promoarea/link_bg.jpg) no-repeat right 4px;
	font-family:Arial;
	font-size:1.1em;
	color:#014a77;
}

div.elInfoArea img
{
	position:absolute;
	right:54px;
	bottom:0px;
}

/******************************
	Home Page Content
******************************/
form.elPageHome  div.elContent div.Tools
{
display:none !important;
}
form.elPageHome div.elContent
{
	padding:0;
	margin:0;
	overflow:hidden;
	height:420px;
	position:relative;
	width:918px;
}

form.elPageHome div.elContent h1
{
	font-family:arial;
	font-size:5.5em;
	font-weight:bold;
	letter-spacing:-4px;
	color:#014977;
	line-height:1.2em;
	position:absolute;
	top:48px;
	left:0;
	margin:0;
	padding:0;
	margin-left: -3px;
	display:none;

}



form.elPageHome div.elContent p
{
	width:258px;
	font-family:Arial;
	text-align:left;
	font-size:1.1em;
	color:#4d4d4d;
	position:absolute;
	left:0;
	top:156px;
}

form.elPageHome img.elFlashImage
{
position:absolute;
right:0;
}

/******************************
	Footer Links Menu
******************************/
ul.elTextMenu 
{
    margin:15px 0 0 0;
	padding:0;
	float:right;
	list-style-type:none;
}

ul.elTextMenu  li
{
	float:left;
	display:inline;
	clear:none;
	padding:0 19px;
	border-right:1px solid #9b9c9d;
}

ul.elTextMenu  li.first
{
	padding-left:0px;
}

ul.elTextMenu  li.last
{
	border-right:none;
}

ul.elTextMenu  a
{
	font-family:tahoma;
	font-size:1em;
	text-decoration:none;
	color:#4d4d4d;
}



/******************************
	Copyright Menu
******************************/
ul.elFooterMenu
{
    margin:0;
	padding:0;
	float:right;
	list-style-type:none;
}

ul.elFooterMenu a
{
	text-decoration:none !important;
	color:#4d4d4d;
	font-size:0.9em;
	font-family:tahoma;
}

/* CONTENT PANEL OUTPUT */
div.elContent
{
    padding: 14px 0;
    line-height: 1.6em;
}

/* TOOLS */
div.Tools 
{
    float: right;
}
div.Tools a, div.Tools a:link, div.Tools a:visited 
{
    padding: 0 0 0 10px;
    margin-left: 10px;
    background-image: url(../_images/default/arrow.gif);   
    background-repeat: no-repeat;
    background-position: 1px 3px;   
    color: #3e3e3e; 
    font-weight: bold;
}
div.Tools a:hover, div.Tools a:active 
{
    color: #333;
}


/* SEARCH RESULTS */
.TagHighLight 
{
    background-color: #FFFF00;
}


form.contentpage div.elContent
{
	background-image: url(../_images/soothagel/content_bg.gif) !important;
	background-repeat:no-repeat;
	display:block;
	width:416px !important;
	padding:36px 38px 36px 38px !important;
	margin:17px 0 0 0;
	overflow:hidden;
	line-height:1.3em;
}

div.contentboxclose
{
	display:block;
	width:492px;
	background-image: url(../_images/soothagel/contentbase.gif) !important;
	background-repeat:no-repeat;
	background-position:2px 0;
	height:9px;
	clear:both;
}

form.contentpage #ZoneLeftColumn
{
width:386px;
}

form.contentpage div.elContent h1
{
	color:#014a77;
	font-size:1.7em;
	font-family:tahoma;
	margin-top:0;
	padding-top:0;
}

form.contentpage div.elContent h2
{
	color:#014a77;
	font-size:1.4em;
	font-family:tahoma;
	font-weight:bold;
}


form.contentpage div.elContent h3
{
	color:#333333;
	font-size:1.2em;
	font-family:tahoma;
	font-weight:bold;
}

form.contentpage div.elContent p, form.contentpage div.elContent ul li
{
	color:#333333;
	font-family:arial;
	font-size:1em;
}

form.contentpage div.elContent p
{
padding-top:0 !important;
margin-top:0 !important;

margin-bottom:15px !important;
}

form.contentpage div.elContent ul
{
margin-bottom:15px !important;
}

form.contentpage div.elContent a
{
color:#014a77;
}

form.contentpage div.elContent ul
{
	margin:0 0 0 15px;
}

	.expand a,
	.expand a:link,
	.expand a:visited
	{
		text-decoration:none !important;
		color: #71386b;
		padding-right: 10px;
		background: transparent url(../_images/soothagel/expand_show.gif) no-repeat right;
	}


	a.expanded
	, a.expanded:link
	, a.expanded:visited
	{
		background: transparent url(../_images/soothagel/expand_show.gif) no-repeat right;
	}
	a.collapsed 
	, a.collapsed:link
	, a.collapsed:visited
	{
		background: transparent url(../_images/soothagel/expand_hide.gif) no-repeat right;
	}

	
	
form.buynow #ZoneRightColumn
{
position:relative;
}

form.buynow div.buynow
{
position:absolute; 
top:250px;
left:38px;
display:block;
list-style-type:none;
width:350px;
}

form.buynow div.buynow ul, form.buynow div.buynow ul ul, form.buynow div.buynow ul ul ul
{
margin:0;
list-style-type:none;
padding:0;
font-family:arial;
}

form.buynow div.buynow fieldset
{
border:0;
}
form.buynow div.elContent
{
height:470px;
}

form.buynow div.buynow a.formDesc
{
display:none;
}

form.buynow label
{
font-weight:bold;
}

form.buynow div.buynow legend
{
display:none;
}
div.buynow input
{
border-color:#a7a7a7;
border-width:1px;
border-style:solid;
}

div.buynow li.elCquantity input
{
width:23px;
margin:0 0 0 3px;
}

div.buynow li.elCtotal input
{
width:47px;
margin:0 0 0 12px;
}

div.buynow li.elCtotal
{
margin-top:50px !important;
}

div.buynow ul.radYesNo li
{
width:50px;
float:left;
clear:none;
}
div.buynow li.elCihavereadthetermsandconditions
{
margin-top:25px;
}

div.JSbuttons a.calculate
{
display:block;
float:left;
margin-right:6px;
width:98px;
height:18px;
clear:none;
background: transparent url(../_images/soothagel/calculate.gif) no-repeat left;
}

div.JSbuttons a span
{
display:none;
}

div.JSbuttons
{
display:block;
position:absolute;
left:0;
top:40px;
}
div.JSbuttons a.reset
{
display:block;
float:left;
width:98px;
height:18px;
clear:none;
width:49px;
height:18px;
background: transparent url(../_images/soothagel/reset.gif) no-repeat left;
}

div.buynow ul.radYesNo input
{
border-width:0 !important;
}
div.topBorder
{
margin-top:24px !important;
padding-top:22px !important;
border-top:1px;
border-left:0;
border-right:0;
border-bottom:0;
border-style:solid;
border-color:#a7a7a7 !important;
display:block;
}

div.topBorder span.flag
{
display:block;
padding:0 0 0 34px;
background: transparent url(../_images/soothagel/unionjack.png) no-repeat left;
}

div.buynow a.hoverbutton
{
width:70px;
height:19px;
background: transparent url(../_images/soothagel/checkout.png) no-repeat left;
border:0 !important;
float:left !important;
margin-top:19px;
}

div.buynow a.hoverbutton span
{
display:none;
}

div.cardlogos
{
float:left;
clear:both;
margin:28px 0 0 0 !important;
padding:40px 0 0 0 !important;
border-style:solid !important;
border-width:1px;
border-top:1px !important;
border-right:0;
border-left:0;
border-bottom:0;
border-color:#a7a7a7 !important;
width:415px;
height:43px;
background: transparent url(../_images/soothagel/cardlogos.gif) no-repeat left;
}

div.footercontact
{
font-size:1em;
font-family:tahoma;
color:#4d4d4d;
float:left;

}

div.footercontact div.logo
{
float:left;
margin:0 12px 0 0;
}

div.footercontact div.text
{
margin-top:15px;
margin-bottom:20px;
float:left;
}

div.footercontact div.text p
{
margin:0 !important;
padding:0 !important;
}

ul.expand 
{
list-style-type:none;
margin:0 !important;
padding:0 !important;
}
ul.expand li
{
margin:0 !important;
padding:0 !important;
}

ul.noindent
{
margin:0 !important;
padding:0 0 0 15px!important;
}

/*-End Section -_theme.css-*/


/*-Begin Section -formdisable.css-*/
div.divProtect
{
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 100% !important;
	margin: 0;
	padding: 0;
	background-color: #b0b0b0;
	z-index: 99;
	cursor: wait;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);

/*
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-moz-opacity: 60;
	opacity: 60;
*/	
}
/*-End Section -formdisable.css-*/


/*-Begin Section -messagearea.css-*/
.MessageArea
{
	z-index: 100;
padding: 18px 5px 30px 5px;
	width: 400px;
	margin: 0;
	position: absolute;
    left: 50%;
    top: 25%;
	border: solid 1px #999900;
	background: #FFF;
	background-image: url(../_images/messagearea/bg_slice.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.MessageArea a.Close
, .MessageArea a.Close:link
, .MessageArea a.Close:visited
{
	position: absolute;
	top: 2px;
	right: 2px;
	background-image: url(../_images/admin/icons/button_close/button_close.gif);
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}
.MessageArea a.Close:hover
, .MessageArea a.Close:active
{
	background-image: url(../_images/admin/icons/button_close/button_close_on.gif);
}
.MessageArea a.Close span
{
	display: none;
}
.MessageAreaText a.formDesc
{
	display: none;
}
.MessageAreaText
{
	font-weight: bold;
	padding: 3px;
}
.MessageAreaWarning
{
	border: solid 2px #FF0000;	
}
.MessageAreaValidation
{
	border: solid 2px #FF9900;	
}
.MessageAreaInfo
{
	border: solid 2px #00FF00;	
}
.MessageAreaStopError
{
    border: solid 2px #FF0000;	
}
.MessageAreaQuestion
{
	border: solid 2px #eeee11;	
}
.messagearea_list
{
    position: absolute;
    right: 2px;
    bottom: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 22px;
	width: 250px;
}
ul.messagearea_list li 
{
    display: inline;
}

/***********************************************************************************************************************/
/*                                                                                                       Hover Buttons */
/***********************************************************************************************************************/

a.hoverbutton_messagearea
{
    margin: 0 0 0 -1px;
    padding: 0 15px;
    display: block;
    float: right;
 	height: 18px;    
	color: #FFF !important;
	text-decoration: none;
	text-align: center;
    border: solid 1px #9F9F9F;
    cursor: pointer;
    line-height: 1.4em;
}   
a.hoverbutton_messagearea
, a.hoverbutton_messagearea:link
, a.hoverbutton_messagearea:visited
{
	background: url(../_images/hoverbutton/button_bkgd.gif) center repeat-x;
}
a.hoverbutton_messagearea:hover
, a.hoverbutton_messagearea:active
{
    color: #FFF !important;
	background: url(../_images/hoverbutton/button_bkgd_on.gif) center repeat-x;
	text-decoration: none;
}
span.hoverbutton_messagearea_buttonLeft
, span.hoverbutton_messagearea_buttonRight
{
    display: none;
}
a.hoverbutton_messagearea_disabled
, a.hoverbutton_messagearea_disabled:link
, a.hoverbutton_messagearea_disabled:visited
{
    margin: 0 0 0 -1px;
	background-image:url(../_images/hoverbutton/button_bkgd_on.gif);
    display: block;
	float: right;
	color: #333 !important;
	padding: 0 15px;	
	text-decoration: none;
	text-align: center;
	cursor: default;
	height: 18px;    	
    border: solid 1px #9F9F9F;
    cursor: pointer;
    line-height: 1.4em;	
}
a.hoverbutton_messagearea_disabled:hover
, a.hoverbutton_messagearea_disabled:active
{
    background: url(../_images/hoverbutton/button_bkgd_on.gif) center repeat-x !important;
    color: #333 !important;
    text-decoration: none;
}
span.hoverbutton_messagearea_disabled_buttonLeft
, span.hoverbutton_messagearea_disabled_buttonRight
{
    display: none;

}
/*-End Section -messagearea.css-*/

/*-End File-