/* Begin Position Elements */

div#page {
	width:950px;
	background-color:#ffffff;
	margin:0 auto;
	padding:0px;
}

div#header {
	width:950px;
	height:85px;
	margin:0 auto;
	background-color: #ffffff;
	background-image: url('../images/template/header-background.jpg');
	background-position: center right;
	background-repeat: no-repeat;
}

div#logo{
	position:relative;
	top:-10px;
	left:25px;
	height:100px;
	background-image:url('../images/template/logo.png');
	background-repeat:no-repeat;
	z-index:10;
}

div#bottom_logo{
	margin:0px;
	padding:0px;
	position:relative;
	top: -200px;
	right:-375px;
	width:232px;
	height:77px;
	background-image:url('../images/template/AdvanSkin_04.jpg');
	background-repeat:no-repeat;
	z-index:5;
}

.top_nav {
	width:950px;
	height:30px;
	position:relative;
	top:0px;
	margin:0 auto;
	background-image: url('../images/template/AdvanSkin_03.jpg');
	background-repeat: repeat-x;
	background-color:#adacac;
}

.search_nav{
	width:950px;
	height:30px;
	position:relative;
	top:0px;
	right:5px;
	margin:0 auto;
	text-align:right;
}

div#left_sidebar {
	display:block;
	float:left;
	width:165px;
	margin:2px;
	top:0px;
		background-color:#ffffff;
}

div#main {
	display:block;
	float:left;
	width:585px;
	margin:2px;
	margin-left:20px;
	background-color:#ffffff;
	top:0px;
	min-height:300px;
}

div#right_sidebar {
	display:block;
	float:left;
	width:165px;
	margin:2px;
	top:0px;
	background-color:#ffffff;
}


div#footer {
	width:950px;
	margin:0 auto;

}

div#bottom_left {
	float:left;
	display:block;
	width:324px;
	background-color:#ffffff;
	margin-right:1px;
	height:225px;
}

div#bottom_right {
	float:left;
	display:block;
	width:625px;
	background-color:#dddddd;
	height:225px;
}

.bottom_left{
	margin:0px;
	padding:5px;
	background-image:none;
	background-repeat:no-repeat;
	height: 158px;

}

.bottom_right{
	padding:5px;
	height: 158px;
	margin:0px;
}


div#footer_links{
	position:relative;
	top:45px;
	margin:20px 5px 5px 5px;
	padding:0px;
	clear:both;
}

div#product{
	width:525px;
	background-color:#ffffff;
	padding:20px 35px 20px 10px;
	margin:0px 0px 0px 5px;
	font-weight:bold;
	background-image:url('../images/template/product-background.jpg');
	background-repeat:no-repeat;
}

.prod_info{
	width:595px;
	margin:5px 5px 30px 5px;
	padding:0px;
	border:1px solid #888888;
}

.prod_info_header{
	padding:3px 3px 0px 3px;
	position:relative;
	top:-23px;
	background-color:#680000;
	width:100px;
	height:23px;
	color:#ffffff;
	font-weight:bold;
	font-size:1em;
	text-align:center;
	margin:0px;
}

div#share{
	width:100px;
	border:1px solid #444444;
	padding:0px;
	float:right;
	margin-right:15px;
}

div#shopping_cart{
	margin:0 auto;
	border:1 px solid #333333;
	background-color:#ffffff;
	width:95%;
}

.header_row{
	background-color:#ff7820;
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
}

.box{
	border:1px solid #ffd0ae;
	padding:3px;
	width:95%;
}

.g-gradient{
	background-image: none;
	background-repeat: repeat-x;
	background-color:#ffffff;
	height:30px;
	color:#ffffff;
	font-weight:bold;
}

.w-gradient{
	background-image:url('../images/template/AdvanSkin_03.jpg');
	background-repeat: repeat-x;
	height:30px;
	color:#777777;
	font-weight:bold;
	background-color:#ff983b;
}

.r-gradient{
	background-image:url('../images/template/r-gradient.jpg');
	background-repeat: repeat-x;
	height:30px;
	margin:0px;
}

img.product{
	float:right;
	margin:5px 50px 5px 5px;
}


.featured{
	margin-left:5px;
	text-align:center;
	background-color:#ffffff;
	border:1 px solid #eeeeee;
}

.search{
	background-image:url('../images/template/icons/magnifier.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-color:#c9d3bb;
	border: 1px solid#dac0ad;
	color:#333333;
	width:60px;
	font-weight:bolder;
	text-align:right;
	cursor:pointer;
	padding:2px;
	margin:0px 5px 0px 0px;
	font-size:12px;
}

.search:hover {
	color:#333333;
	background-color:#dac0ad;
	border: 1px solid #333333;
}

.cartbutton{
	background-image:url('../images/template/icons/cart_add.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-color:#c9d3bb;
	border: 1px solid #dac0ad;
	color:#333333;
	font-weight:bolder;
	text-indent:20px;
	text-align:left;
	line-height:15px;
	cursor:pointer;
	padding:2px 5px 3px 2px;
	margin:3px 3px 3px 75px;
	font-size:12px;
}

.cartbutton:hover {
	color:#333333;
	background-color:#dac0ad;
	border: 1px solid #333333;
}


.emptycartbutton{
	background-image:url('../images/template/icons/cart_delete.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-color:#c9d3bb;
	border: 1px solid #dac0ad;
	color:#333333;
	font-weight:bolder;
	text-indent:20px;
	text-align:left;
	line-height:15px;
	cursor:pointer;
	padding:2px 5px 3px 2px;
	margin:3px;
	font-size:12px;
}

.emptycartbutton:hover {
	color:#333333;
	background-color:#dac0ad;
	border: 1px solid #333333;
}

.couponbutton{
	background-image:url('../images/template/icons/money_dollar.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-color:#c9d3bb;
	border: 1px solid #dac0ad;
	color:#333333;
	font-weight:bolder;
	text-indent:20px;
	text-align:left;
	line-height:15px;
	cursor:pointer;
	padding:2px 5px 3px 2px;
	margin:3px;
	font-size:12px;
}

.couponbutton:hover {
	color:#333333;
	background-color:#dac0ad;
	border: 1px solid #333333;
}

.checkoutbutton{
	background-image:url('../images/template/icons/tick.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-color:#c9d3bb;
	border: 1px solid #dac0ad;
	color:#333333;
	font-weight:bolder;
	text-indent:20px;
	text-align:left;
	line-height:15px;
	cursor:pointer;
	padding:2px 5px 3px 2px;
	margin:3px;
	font-size:12px;
}

.checkoutbutton:hover {
	color:#333333;
	background-color:#dac0ad;
	border: 1px solid #333333;
}


.emailbutton{
	background-image:url('../images/template/icons/email.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-color:#c9d3bb;
	border: 1px solid #dac0ad;
	color:#333333;
	font-weight:bolder;
	text-indent:20px;
	text-align:left;
	line-height:15px;
	cursor:pointer;
	padding:2px 5px 3px 2px;
	margin:3px;
	font-size:12px;
}

.emailbutton:hover {
	color:#333333;
	background-color:#dac0ad;
	border: 1px solid #333333;
}

.reviewbutton{
	background-image:url('../images/template/icons/pencil.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-color:#c9d3bb;
	border: 1px solid #dac0ad;
	color:#333333;
	font-weight:bolder;
	text-indent:20px;
	text-align:left;
	line-height:15px;
	cursor:pointer;
	padding:2px 5px 3px 2px;
	margin:3px;
	font-size:12px;
}

.reviewbutton:hover {
	color:#333333;
	background-color:#dac0ad;
	border: 1px solid #333333;
}

.starbutton{
	background-image:url('../images/template/icons/star.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-color:#c9d3bb;
	border: 1px solid #dac0ad;
	color:#333333;
	font-weight:bolder;
	text-indent:20px;
	text-align:left;
	line-height:15px;
	cursor:pointer;
	padding:2px 5px 3px 2px;
	margin:3px;
	font-size:12px;
}

.starbutton:hover {
	color:#333333;
	background-color:#dac0ad;
	border: 1px solid #333333;
}

.helpbutton{
	background-image:url('../images/template/icons/help.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-color:#c9d3bb;
	border: 1px solid #dac0ad;
	color:#333333;
	font-weight:bolder;
	text-indent:20px;
	text-align:left;
	line-height:15px;
	cursor:pointer;
	padding:2px 5px 3px 2px;
	margin:3px;
	font-size:12px;
}

.helpbutton:hover {
	color:#333333;
	background-color:#dac0ad;
	border: 1px solid #333333;
}

.addbutton{
	background-image:url('../images/template/icons/add.gif');
	background-repeat:no-repeat;
	background-position: center left;
	background-color:#c9d3bb;
	border: 1px solid #dac0ad;
	color:#333333;
	font-weight:bolder;
	text-indent:20px;
	text-align:left;
	line-height:15px;
	cursor:pointer;
	padding:2px 5px 3px 2px;
	margin:3px;
	font-size:12px;
}

.addbutton:hover {
	color:#333333;
	background-color:#dac0ad;
	border: 1px solid #333333;
}

.lockbutton{
	background-image:url('../images/template/icons/lock.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-color:#c9d3bb;
	border: 1px solid #dac0ad;
	color:#333333;
	font-weight:bolder;
	text-indent:20px;
	text-align:left;
	line-height:15px;
	cursor:pointer;
	padding:2px 5px 3px 2px;
	margin:3px;
	font-size:12px;
}

.lockbutton:hover {
	color:#333333;
	background-color:#dac0ad;
	border: 1px solid #333333;
}

/* End Position Elements */

/* Begin Font and Body Styles */

body{
	margin:0 auto;
	color:#636363;
padding:0px;
background-image:url('../images/template/AdvanSkin_02.jpg');
background-repeat:repeat-x;
background-color:#6d6d6d;
	font-family:arial;
	font-size: .75em;
}

td{
	font-size:.85em;
}

h1,h2,h3{
	color:#ff7820;
}

p{
	padding:5px;
}

a{
	color:#444444;
	text-decoration:none;
}

a:hover{
	color:#ff7820;
}

a:active{
	color:#222222;
}

.top_nav a{
	display:block;
	float:left;
	width:110px;
	height:25px;
	margin-right:1px;
	padding: 5px 1px 0px 1px;
	font-weight:bold;
	text-align:center;
	color:#666666;
	text-decoration:none;
	text-transform:lowercase;
}
.top_nav a:active{
	font-weight:bold;
	color:#ff7820;
}

.top_nav a:hover{
	color:#ff7820;
	height:23px;
}

/* End Font and Body Styles */

/* Begin Generic Classes */

.searchtext{
	font-size:1.25em;
	color:#7884a8;
	font-weight:bold;
}

.emphasis{
	font-weight:bold;
}

.rheader{
	color:#ff7820;
	font-size:1.25em;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.lrheader{
	color:#680000;
	font-size:1.25em;
}

.gheader{
	color:#7c847c;
	font-size:1.25em;
	margin-bottom:0px;
	padding-bottom:0px;
}

p.lheader{
padding-left:5px;
font-size:1em;
line-height:50%;
}

ul.nobull{
	margin:0px;
	padding: 0px 0px 0px 10px;
	margin-top:2px;
	text-align:left;
}

.nobull li{
	list-style:url('../images/template/derm-arrow.png');
	text-decoration:underline;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 5px 15px;
	text-align:left;
	background-color:#ffffff;
	border:0px solid #ffa949;
}

/* End Generic Classes */

.cart {
	margin:10 auto;
	border: 1px solid #eeeeee;
	border-collapse:collapse;
	width:95%;
	white-space:normal;
}

img{
border:0px;
margin:10px;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 3px solid #ffd0ae;
 font: bold 12px Verdana, sans-serif;
 color:#8f8f8f;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 color:#666666;

}

ul.tabbernav li a
{
 padding: 3px 1em;
 margin-left: 3px;
 border: 0px;
 border-bottom: none;
 background: #eeeeee;
 text-decoration: none;
 color:#666666;
  background-image: url(../images/template/AdvanSkin_12.jpg);
 background-repeat:repeat-x;

}

ul.tabbernav li a:link { color: #000000;
 border: 3px solid #ffd0ae;
  background-image: url(../images/template/AdvanSkin_12.jpg);
 background-repeat:repeat-x;
  color:#666666;
}

ul.tabbernav li a:visited { color: #000000;
 border: 3px solid #ffd0ae;
  background-image: url(../images/template/AdvanSkin_12.jpg);
 background-repeat:repeat-x;
  color:#666666;
}
ul.tabbernav li a:hover
{
 color: #ffffff;
 background: #b2b2b2;
 border-color: #ff7820;
  background-image: url(../images/template/AdvanSkin_14.jpg);
 background-repeat:repeat-x;
 background-position: top left;
}

ul.tabbernav li.tabberactive a
{
 color:#fff;
 border: 3px solid #ff7820;
  background-image: url(../images/template/AdvanSkin_14.jpg);
 background-repeat:repeat-x;
 background-position: top left;
}



ul.tabbernav li.tabberactive a:hover
{

 background: 444444;
 border-color: #ff7820;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border: 3px solid #ffd0ae;
 border-top:0;
width:570px;
max-width:570px;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {

}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.error_message{
	color:#ff0000;
	font-weight:bold;
	padding:5px;
	border: 2px dashed #ff0000;
	background-color:#FFFF00;
	text-align:center;
	font-size:16px;
}

input {
	margin:0px;
	padding:0px;
}

form {
	margin:0px;
	padding:0px;
}
