/* CSS Document */

* {padding:0; margin:0;}
body {color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; line-height:17px; background-attachment:fixed; background-position:right top; background-repeat:no-repeat; background-color:#fcf3e2;background-image: url(http://inspireddiversions.com/sun/images/home-feature.jpg);}

table {font-size:13px; line-height:17px;}

/*Text, Formatting*/
a {color:#000099; text-decoration:underline; font-weight:bold;}
	a:hover {color:#144B8C;}
	a img {border:none; }
	.link-quiet {color:#fff;}
	a.link-quiet:hover {color:#DBE8F4;}
p {padding:5px 0;}

h1 {font-size:11px; font-weight:normal; color:#0D64B8; text-align:right; line-height:13px; position:absolute; width:185px; top:590px;}
h2 {font-size:20px; font-weight:normal; padding-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFDE3B;}
	h2 span, h3 span {color:#fff;}
	h2 span a {color:#fff;}
	h2 a:hover {color:#DBE8F4;}
h3 {font-size:17px; font-weight:normal; padding-bottom:8px; font-family:Georgia, "Times New Roman", Times, serif; color:#000033;}
h4 {font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-bottom:8px; color:#ffffff; }
	h4 a:hover {text-decoration:underline;}
h5 {font-size:14px; font-weight:bold; padding:9px 0; color:#B6D0E9;}
h6 {font-size:12px; font-weight:bold; padding:4px 0 12px; color:#DBE8F4; font-style:italic; line-height:14px;}

#content ul {padding:4px 10px;}
#content ul li { list-style:inside;padding:1px 0 1px 6px;}

.hr, .hr-top {height:1px; line-height:1px; background:#fff; filter:alpha(opacity=20); opacity:0.2; clear:both;}
	.hr {margin:14px 0;}
	.hr-top {margin:0 0 17px 0;}
	
.light-blue {color:#E9F1F8;}
.med-blue {color:#B6D0E9;}
.blue {color:#0D64B8;}
.tiny {font-size:10px;}
.small {font-size:12px;}
.large {font-size:15px;}
.right {float:right;}
.left {float:left;}
.blue-bold {color:#0D64B8; font-weight:bold;}

/*Fixed Column - Some crazy stuff going on here :) */
#fixed-col {position:fixed; top:0; left:0; width:247px; z-index:2;}
	* html #fixed-col {position:absolute;}/*IE6 fixed position help*/
	#logo {padding:18px 0 20px 21px;}
		#logo img {width:217px; height:79px; behavior:url('http://inspireddiversions.com/sun/trans/pngbehavior.htc'); }
	#search {margin-top:25px; background-color:#426195; left:20px; height:96px; z-index:200;  line-height:13px; }
		

/*Content layout*/

#content-wrap {
	position:relative;
	padding-left:5.7%;
	z-index:1;
	margin-top: 118px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 190px;
}
#content {
	width:700px;
	background:url(http://inspireddiversions.com/sun/images/bg-content.gif) repeat-y;
	filter:alpha(opacity=85);

	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.92;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 20px;
}
#content a {color:#FFCC00; text-decoration:underline; font-weight:bold;}
#content a:hover {color:#000033;}
#content2 {width:700px; background:url(http://inspireddiversions.com/sun/images/bg-content2.gif) repeat-y; filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;	padding:15px 15px 0 20px; color:#000000;}
#content2 h2{color:000033;}
#footer2 { width:715px; height:20px; background:url(http://inspireddiversions.com/sun/images/bg-bottom.gif) no-repeat; color:#0D64B8; font-size:12px; padding:17px 15px; position:relative;filter:alpha(opacity=85);

	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.92;	}
	#footer3 { width:715px; height:20px; background:url(http://inspireddiversions.com/sun/images/bg-bottom2.gif) no-repeat; color:#0D64B8; font-size:12px; padding:17px 15px; position:relative; filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;}

#footer {width:590px; height:20px; color:#0D64B8; font-size:10px; padding:25px 15px; position:relative;	clear:both;
	color: #000;
	text-align:center;
	width:100%;
	margin-top: 25px;
}

#footer a:link {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#footer a:visited {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	font-weight: underline;
	color: #000;
	text-decoration: none;
}


/*PNG fix for IE6*/* html #logo img, * html #content, * html #footer, * html .box, * html .box-bottom, * html .product, * html .product-image img, * html .detail-image img, * html .special-image img, * html .large-button, * html .button-over, * html .small-button {behavior:url('http://inspireddiversions.com/sun/trans/pngbehavior.htc');}
	.box a {position:relative; z-index:5;}

/*Inner Boxes*/
.box-wrap {position:relative; margin-top:60px;  z-index:2;}
.box, .product {
	width:680px;
	background:url(images/bg-box.png) no-repeat;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 4px;
	padding-left: 14px;
}
.box-bottom {width:560px; height:10px; background:url(images/bg-box-bottom.png) no-repeat;}

/*Home Specials*/
.special {clear:both; position:relative; border-right:solid 1px #006699; padding-left:7px;}
	.special p {padding-right:3px;}
		
/*Product - Row View*/
.product {margin-top:25px;}
.prod-left {float:left; width:101px;}
.prod-right {float:right; width:310px;}
.product-image {width:101px; height:67px; background-repeat:no-repeat;}
	.product-image img {float:left; width:101px; height:67px;}
.product p {line-height:16px; color:#fff;}
.product h4 {padding-bottom:3px;}
.product h5 {padding:16px 0 9px 2px;}
.purchase, .purchase a {width:84px; height:21px; display:block; background:url(/images/button-purchase.gif);} .purchase {margin:5px 0;}
.purchase a:hover {background-position:bottom;} .purchase b {display:none;}

.product .sale {float:right; margin-top:-20px; width:13px;}
.product .new {float:right; margin-top:-20px; width:13px; padding-right:13px; *padding-right:0;}

	
#back-to-top, #back-to-top a {width:100px; height:15px; display:block; background:url(http://www.calmamedispa.com/images/button-backtop.gif);}
#back-to-top a:hover {background-position:bottom;} #back-to-top b {display:none;} #back-to-top {margin:8px 0 0 360px;}

/*Product - Detail View*/
.detail-head h4 {font-size:18px; line-height:20px; width:155px;}
.detail-head h5 {font-size:14px; line-height:16px;}
.detail-image {float:right; width:272px; height:180px; background-repeat:no-repeat; margin-bottom:20px;}
	.detail-image img {float:right; width:272px; height:180px;}
.detail-content {float:left; width:330px; clear:both; border-right:1px solid #88b6de; padding-right:10px;}
.detail-keywords {float:right; width:75px; font-size:11px; line-height:12px;}
	.detail-keywords h6 {font-style:normal; text-transform:uppercase; font-size:11px; color:#B6D0E9;}
	.detail-keywords a {float:left; width:75px; clear:both; padding-bottom:8px; display:block;}
	.detail-keywords a:hover {text-decoration:underline;}
	.purchase-large {position:absolute; top:175px;} * html .purchase-large {top:162px;}
	.purchase-large a:hover {background-position:bottom;} .purchase-large b {display:none;}
.price-table {font-size:14px; font-weight:bold; padding:9px 0; color:#B6D0E9; position:absolute;}
.many-prices {font-size:14px; font-weight:bold; padding:9px 0; color:#B6D0E9;}

/*Category*/
.category-heading {float:right; width:331px; font-size:17px;}
	.category-heading a {display:block; padding:22px 0 26px 36px; background:url(http://www.calmamedispa.com/images/arrow-blue.gif) no-repeat 15px 22px;}
	.category-heading a:hover {text-decoration:none; background:url(http://www.calmamedispa.com/images/arrow-blue-ro.gif) no-repeat 15px 23px;}
.product-image a {filter:alpha(opacity=20); opacity:0.2;}


	/*Buttons*/
  .large-button {cursor:pointer; pointer:hand;}
	
	.small-button, .small-button-disabled {border:none; background:url(/images/button-small.png); width:82px; height:22px; color:#DBE8F4; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

	.btn-over {background-position:bottom; border:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; pointer:hand;}
	.large-button-disabled {background:url(../images/button-large-disabled.gif); color:#76A7D6;}
	.small-button-disabled {background:url(../images/button-small-disabled.gif); color:#76A7D6;}

/*Nav - Uses image sprites*/
	
#menu3 {
	width: 230px;
	margin-left: 3px;
margin-top:-10px;
	filter:alpha(opacity=85);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.85;	}
	
#menu3 li a {
	height: 35px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 27px;
	text-decoration: none;
	font:Verdana, Arial, Helvetica, sans-serif;  
	font-size:15px;
	font-weight:normal;
	
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #000033;
	display: block;
	background:  url(http://inspireddiversions.com/sun/menu.png); 
	padding: 8px 0 0 10px;

	}
	
#menu3 li a:hover {
	color: #ffffff;
	background:url(http://inspireddiversions.com/sun/menu.png) 0 -35px;
	padding: 8px 0 0 10px;
	}
	
#menu3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu3 img {
    border: none;
	} 

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
	 font-family: Verdana, Helvetica;
    font-size: 10pt; color:#000000;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor:move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/*Misc*/
.hidden {display:none;}
.popup {position:absolute; background:#fff; border-left:1px solid #0d64b8; border-top:1px solid #0d64b8; border-right:1px solid #0d64b8; border-bottom:2px solid #0d64b8; color:#0D64B8; font-size:11px; line-height:13px; width:160px; padding:2px 9px 6px; margin:-99px 0 0 306px; *margin:-99px 0 0 -73px;}
.pad-none {padding:0;}
.pad10 {padding:10px 0; width:20px;}
.indent {padding-left:30px;}
.white-li li a {color:#fff;}
	.white-li li a:hover {color:#DBE8F4;}
.search-h2 {float:left; font-size:17px; padding-left:5px;}
	
/*Crazy IE. Could probably be cleaner*/
.ie-btn-fix2 {width:100%; position:relative; z-index:5;}
.ie-btn-fix  {width:100%;}
	.ie-btn-fix input, ie-btn-fix2 input {z-index:6;}
form {z-index:98;}