/*-------------------------+
 | Site: Peppermint Grove  |
 +-------------------------*/
 

/* Core layout */

* {padding: 0; margin: 0;}
body {margin: 0; padding: 0; background:url(../images/core/big_bg-repeat.gif) center repeat-y; font: 12px Verdana, Arial, Helvetica, sans-serif; }

#banner-container{width:auto; height:250px; background: #fff  url(../images/core/bg-repeat.jpg) top repeat-x; }

#banner{width:850px; height:191px; margin: 0 auto; }
#banner-logo{float:left; width:186px;}
#banner-flash{float:left; width:536px;}
#banner-affiliates{float:left; width:128px;}
	
#navigation{margin: 0 auto; width:745px; height:59px; padding:0 0 0 180px;}

#container-bottom{width:auto; background:url(../images/core/med_bg-norepeat.gif) center top no-repeat; }

#content-container{width:850px; margin:0 auto;}
#content-left{width:186px; float:left; /*background-color:#c7b2b8;*/}
#content-right{width:622px; float:left; background-color:#FFF; padding:0 20px 0 20px;}

#footer{float:right; width:622px; background-color:#d8d8d8; margin:10px 27px 0 0;}
a img#voucher { margin: 20px 0 20px 150px; border:0; }

 /* Headers */
.home h1{text-indent:-9999px;overflow:hidden; background:url(../images/titles/home.gif) bottom left no-repeat; padding:10px 0 0 0; height:45px; margin:0 0 25px 0;}
.treatments h1{text-indent:-9999px;overflow:hidden; background:url(../images/titles/treatments.gif) bottom left no-repeat; padding:10px 0 0 0; height:45px; margin:0 0 25px 0;}
.ipl h1{text-indent:-9999px;overflow:hidden; background:url(../images/titles/ipl.gif) bottom left no-repeat; padding:10px 0 0 0; height:45px; margin:0 0 25px 0;}
.giftvouchers h1{text-indent:-9999px;overflow:hidden; background:url(../images/titles/giftvouchers.gif) bottom left no-repeat; padding:10px 0 0 0; height:45px; margin:0 0 25px 0;}
.contact h1{text-indent:-9999px;overflow:hidden; background:url(../images/titles/contact.gif) bottom left no-repeat; padding:10px 0 0 0; height:45px; margin:0 0 25px 0;}

.pic-right {float:right;margin:0 0 10px 10px;}


 /* Fonts */
#content-left h2{font:12px Verdana, Arial, Helvetica, sans-serif; color:#811c3c; padding:20px 0 10px 0; font-weight:bold; text-transform:uppercase;}
#content-left p{font:11px Verdana, Arial, Helvetica, sans-serif; color:#c1325f;}
#content-left .small{font:9px Arial, Helvetica, sans-serif; color:#811c3c;}

#content-right h2{font-size:15px; color:#811c3c; margin-bottom: 15px;}
#content-right h3{font-size:13px; color:#811c3c; margin-bottom: 15px;}
#content-right h4{font-size:12px; color:#333; margin-bottom: 15px;}
#content-right h5{font-size:12px; color:#333; font-weight:normal; margin-bottom: 15px;}
#content-right p{font-size:11px; color:#666; line-height:19px; padding:0 0 15px 0;}

#footer p{font-size:10px; color:#858585; padding:10px 0 15px 0;}
.products h1{text-indent:-9999px;overflow:hidden; background:url(../images/titles/products.gif) bottom left no-repeat; padding:10px 0 0 0; height:45px; margin:0 0 25px 0;}

ul {list-style: disc;margin-left: 30px;font-size: 11px;color: #666;margin-bottom: 15px;}
ul li {line-height: 1.9em;}
ol {padding-left: 30px;margin-bottom: 15px;color: #811c3c;}
ol li {line-height: 1.9em;}
a {color: #811c3c;text-decoration: none;}
a:hover {color: #a4677a;text-decoration: underline;}



 /* Nav */
#footer a{color:#666;}
#footer a:hover{color:#333;}



 /* Extras */
#content-right img{margin:5px;}
#back-top { border-top: 1px solid #666666; text-align: right; margin: 10px 0; font-size: 10px; }

td.vouch { width: 70px; height: 60px; background: url('../images/photos/voucher.gif') 5px 10px no-repeat;} 
td.vouch span { font-weight: bold; padding: 0 0 0 40px; }

/* Gift Vouchers Page */

.gift-voucher-row {padding:0 0 10px 0;margin:0 0 20px 0;border-bottom:1px solid #ddd;}
.gift-voucher-pic {float:left;width:100px;}
.gift-voucher-detail {float:left;width:302px;padding:0 20px 0 0;}
.gift-voucher-duration, .gift-voucher-price {float:left;width:100px;}



/* IPL PAGE */

table#iplTable {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	font-size:11px;
	color:#666;
}
table#iplTable td {border-right:1px solid #ddd;padding:3px;border-bottom:1px solid #ddd;padding:3px;}






 /* Clearfix */
.clearfix:after {content: ".";clear:both;display:block;height:0;visibility:hidden;}
.clearfix {display: inline-block;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */




/*---------------------------------------------   
    forms
----------------------------------------------*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
	vertical-align:top;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}