@charset "UTF-8";
/* CSS Document */




/* default style */

blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}


html {
	height: 100%;
}
body {
	font:76%/1.5  Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
	color: #333;
	background: #A6C3A7 url(/elements/images/bg.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
	
}

h1 { font-size: 1.6em; line-height: 1.1em; margin:10px 0; color:#08421b;}
h2, h3, h4{margin-top:1.2em;}

h2, h3, h4, h5, h6 { font-weight: bold; letter-spacing: -1px; margin-bottom: 0.2em; }

h2 { font-size: 1.5em; color: #643a47;  }

h3 { font-size: 1.3em; color: #4b697d; letter-spacing: 0; }

h4 { font-size: 1.1em; font-weight:bold; color: #448230; letter-spacing: 0; }


p { font-size: 1em; color: #333; line-height: 1.5em; margin-bottom:12px; }

a, a:link { color: #b8661d; text-decoration: none; }

a:hover, a:active { text-decoration: none; color:#648664; }



ul li {
	list-style: disc;
	margin-left: 2em;
}

ul.no-markers li {
	list-style: none;
	margin-left: 0;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	line-height: 1em;
}

ol li {
	list-style-type: decimal;
	margin-left: 2em;
}

em {
	font-style: italic;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#skip{display:none;}

.floatleft img{float:left; margin:0 20px 20px 0;}


/* Home Container Structure */

#topheaderContainer{width:100%; margin:0; padding:0;}
#topheaderContent{width:950px; height:105px; margin: 0 auto; padding:0 0 0 0; position:relative; }
#topheaderContent H1{width:136px; height:74px; background:url(/elements/images/logo2.png); text-indent:-9999px; margin:16px 0 0 18px; padding:0; float:left;}
#topheaderContent .phNumber{float:left; margin:20px 20px  0 395px; font-family: Georgia, "Times New Roman", Times, serif; font-size:22px; color:#86a085;  }
#topheaderContent .address{float:left;  color:#86a085; font-size:0.9em; margin:20px 0 0 0; padding:0 0 0 20px; text-align:left; border-left:1px solid #eef1ec; width:auto; }

#birthdaytag a{width:109px; height:92px; background:url(/elements/images/teasertag.png) 0 0 no-repeat; position:absolute; top:0; right:0; display:block; cursor:pointer;}

.twoColFixLt #container { 
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 11px auto 0  auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
}
.twoColFixLt #leftColumn {
position:relative;
	float: left; /* since this element is floated, a width must be given */
	width: 703px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 
	padding: 0;
}


	.twoColFixLt #leftColumn .top{ float:left; width:703px; height:5px; background:url(/elements/images/hm_cont_top.png) top left no-repeat;}
	.twoColFixLt #leftColumn .mid{float:left; border-left: 3px solid #dce7dc; border-right: 3px solid #dce7dc; background: #fff url(/elements/images/hm_cont_bg.png) bottom left repeat-x; padding:33px 30px 0 95px; width:572px}
	.twoColFixLt #leftColumn .mid p.byline{color:#537e53; font-weight:bold; margin:5px 0 20px 0; text-align:center;}
	.twoColFixLt #leftColumn .bottom{ float:left; width:703px; height:5px; background: url(/elements/images/hm_cont_bott.png) top left no-repeat; }
	.award{position:absolute; top:0; left:0; width:119px; height:118px; background:url(/elements/images/ribbon2.png) top left no-repeat;}
	.award a{width:119px; height:118px; display:block;text-indent:-9999px;}



.twoColFixLt #rightContent { position:relative;

	margin: 0 0 0 718px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position:relative;
} 

.twoColFixLt #rightContentwide { position:relative;

	margin: 0 0 0 718px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position:relative;
}

	.twoColFixLt #rightContent h2{ float:left; width:222px; height:31px; background: url(/elements/images/news_bg.png) top left no-repeat; padding:5px 0 0 10px; margin:0; color:#6a8b6a; font-size:1.5em;}
	
		
		.viewnews a{ color:#668866; margin:15px 0 5px 0; font-weight:bold;}
		 .viewnews a:hover{color:#9bc39b;}
		
		
	.twoColFixLt #rightContent .mid{float:left; border-left: 3px solid #dce7dc; border-right: 3px solid #dce7dc; background: #fff url(/elements/images/hm_cont_bg.png) bottom left repeat-x; padding:15px 10px; font-size:0.9em; width: 206px; }
		.twoColFixLt #rightContent .mid p.date{color: #999; font-size:0.9em; margin:0 0 1px 0; padding:0;}
		.twoColFixLt #rightContent .mid p.title{font-weight:bold; margin:0 0 4px 0; padding:0; }
		.twoColFixLt #rightContent .mid p.lead{ border-bottom: 1px dotted #999; margin-top: -8px; padding-top: 0px; padding-bottom:9px; margin-bottom:9px;}
		.twoColFixLt #rightContent .mid p.leadbottom{ border:none; margin-top: -8px; padding-top: 0px; padding-bottom:9px; margin-bottom:9px;}
	
	
	
	
	.twoColFixLt #rightContent .bottom{ float:left; width:232px; height:5px; background: url(/elements/images/hm_cont_bott.png) top left no-repeat; }
	


/* Secondary Container Structure */

.twoColFixLtSec #container { 
	width: 944px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto 0  auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	border-left: 3px solid #dce7dc; border-right: 3px solid #dce7dc; background-color: #fff;
}


.twoColFixLtSec .contenttop{  width:950px; height:5px; background:url(/elements/images/sec_top.png) top left no-repeat; margin:9px auto 0 auto;}
.twoColFixLtSec .contentbottom{  width:950px; height:5px; background:url(/elements/images/sec_bott.png) top left no-repeat; margin:0 auto;}



.twoColFixLtSec #leftColumn {
position:relative;
	float: left; /* since this element is floated, a width must be given */
	width: 170px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 
	padding: 0;
	margin:0 0 40px 0;
}

.twoColFixLtSec #rightContent { 
	margin: 0 0 0 187px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 30px 40px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position:relative;
} 


.twoColFixLtSec #rightContentwide { 
	margin: 0 0 0 35px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 30px 40px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position:relative;
} 



/* Second level nav */

ul.postnav{margin:10px 0 0 10px; padding:0;list-style-type:none}

ul.postnav li{margin:0;padding:0;list-style-type:none}
ul.postnav li{float:left;width: 9em; margin:0 0 4px 0;}
ul.postnav a{display:block;width:144px; padding:4px 8px 4px 8px;
    background-color: #f0e8d8;color: #725d48; 
    text-decoration:none;}
ul.postnav a:hover{background: #dde7dd;color:#725d48}

ul.postnav a.current{display:block;width:144px; padding:4px 8px 4px 8px;
    background: #dde7dd url(/elements/images/currebt_bg.jpg) top left no-repeat; color: #284a27; 
    text-decoration:none;}

ul li ul li.sec{ margin:0;}
ul li ul li.sec a, ul li ul li.sec a:link, ul li ul li.sec a:visited{display:block; width:144px; padding:3px 8px 3px 8px !important; background-color: #fff; color: #725d48; font-weight:normal;
    text-decoration:none; font-size:0.9em;  }
ul li ul li.sec a:hover{color:#a4be0d;}
ul.postnav li ul b.niftycorners, ul.postnav li ul b.niftyfill { display: none }

ul li ul li.third{margin:0;}

ul li ul li.third a, ul li ul li.third a:link, ul li ul li.third a:visited{display:block; width:140px; padding:3px 8px 3px 24px !important; background-color: #fff; color: #b8661d; font-weight:normal;
    text-decoration:none; font-size:0.9em; margin:0; 
background-repeat: no-repeat;
background-position: 15px 50%;
 }

ul li ul li.third a:hover{color:#3d613c;}


	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloat12 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:4px;
    font-size: 1px;
    line-height: 0px;
}


/*TopNavigation*/


#navContainer{width:100%; margin:0 0 12px 0; padding:0;  }
#navContent{font-size: 1.1em; font-weight:bold;width: 950px; background:url(/elements/images/nav_bg.jpg) no-repeat;  height:46px; margin:0 auto;}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 7px 0 0 13px;
}

ul.dropdown {
 position: relative;
 z-index: 2000;
 float: left;

}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
 
}

ul.dropdown li a{color:#fff; margin-right:10px;}
ul.dropdown li a.current{color:#f9eba2; }

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 color:#b2cdb2;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 200px;
 background: #e7efe4 url(/elements/images/dropdown_bg.jpg) top left repeat-x;
 text-align:left;
 margin:0;
 padding:0;
  border-top:1px solid #668860;
border-bottom:1px solid #668860;
 
}

ul.dropdown ul li {
 float: none;
border-top:1px solid #fff;
border-bottom:1px solid #d8e1d8;
border-right:1px solid #668860;
border-left:1px solid #668860;
padding:0 8px;
margin:0;
}

ul.dropdown ul li a{color:#517751; font-size:0.8em;  line-height:24px;  margin:0;}
ul.dropdown ul li a:hover{color:#b2cdb2; background-color:#FFFFFF; }

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown ul li.arrow, ul.dropdown ul li ul li.arrow{background: url(/elements/images/arrow.gif) 98% 50% no-repeat;}


ul.dropdown li:hover > ul {
 visibility: visible;
}


/*flash*/

.audio{float:right; padding-top:6px; }



/* Slider Container with temporary pic - Homepage*/


#slideContainer{width:100%; margin:0; padding:0; clear:both; float:left;}
#slideContent{width: 950px; margin:0 auto;  position:relative;}
#slidePic{width:703px; height:307px; margin:0 15px 0 0; background:url(/elements/images/3.jpg) no-repeat; float:left;}

.birthdayteaserLink{width:703px; height:307px; margin:0 0 15px 0; float:left; }
a.teaserLink{width:703px; height:307px; position:absolute; top:0; left:0; z-index:1000; cursor:pointer; }

#quickLinks{width:232px; height:307px; float:right; margin:0 0 0 15px; position:relative; z-index:100}
#quickLinks ul{margin:0; padding:0; list-style:none; }
#quickLinks ul li{ float:left; margin:0;  list-style:none;  }
#quickLinks ul li a.appointment{display:block; width:222px; height:74px; margin:0 0 13px 0; padding:19px 0 0 10px; background: #86a186 url(/elements/images/hm_pn_1.jpg) no-repeat top left; text-align:left; font-size:1.1em; font-weight:bold; color:#fff;}
#quickLinks ul li a.promotions{display:block; width:222px; height:74px; margin:0 0 13px 0; padding:19px 0 0 10px; background:#86a186 url(/elements/images/hm_pn_2.jpg) no-repeat top left; text-align:left; font-size:1.1em; font-weight:bold; color:#fff;}
#quickLinks ul li a.vouchers{display:block; width:222px; height:74px; margin:0; padding:19px 0 0 10px; background:#86a186 url(/elements/images/hm_pn_3.jpg) no-repeat top left; text-align:left; font-size:1.1em; font-weight:bold; color:#fff;}

#quickLinks ul li a:hover.appointment{background: url(/elements/images/hm_pn_1.jpg) no-repeat bottom left; }
#quickLinks ul li a:hover.promotions{background: url(/elements/images/hm_pn_2.jpg) no-repeat bottom left; }
#quickLinks ul li a:hover.vouchers{background: url(/elements/images/hm_pn_3.jpg) no-repeat bottom left; }


/* Secondary Page hero pic and quick links*/


#secslideContainer{width:100%; margin:0; padding:0; clear:both; float:left;}
#secslideContent{width: 950px; margin:0 auto; clear:both; }


#secslidePic p:first-letter
{
margin-left:-5px;
}

#secquickLinks{width:232px; height:187px; float:left;}
#secquickLinks ul{margin:0; padding:0; list-style:none; }
#secquickLinks ul li{ float:left; margin:0;  list-style:none;  }
#secquickLinks ul li a.appointment{display:block; width:222px; height:36px; margin:0 0 11px 0; padding:19px 0 0 10px; background: #86a186 url(/elements/images/sec_pn_1.jpg) no-repeat top left; text-align:left; font-size:1.1em; font-weight:bold; color:#fff;}
#secquickLinks ul li a.promotions{display:block; width:222px; height:36px; margin:0 0 11px 0; padding:19px 0 0 10px; background:#86a186 url(/elements/images/sec_pn_2.jpg) no-repeat top left; text-align:left; font-size:1.1em; font-weight:bold; color:#fff;}
#secquickLinks ul li a.vouchers{display:block; width:222px; height:36px; margin:0; padding:19px 0 0 10px; background:#86a186 url(/elements/images/sec_pn_3.jpg) no-repeat top left; text-align:left; font-size:1.1em; font-weight:bold; color:#fff;}

#secquickLinks ul li a:hover.appointment{background: url(/elements/images/sec_pn_1.jpg) no-repeat bottom left; }
#secquickLinks ul li a:hover.promotions{background: url(/elements/images/sec_pn_2.jpg) no-repeat bottom left; }
#secquickLinks ul li a:hover.vouchers{background: url(/elements/images/sec_pn_3.jpg) no-repeat bottom left; }


/* Secondary Page hero pic images and heading styles*/
body.services #secslidePic{width:663px; height:177px; margin:0 15px 0 0; padding: 10px 0 0 40px; background:url(/elements/images/services.jpg) no-repeat; float:left; text-align:left; font-family:"Times New Roman", Times, serif;}
body.services #secslidePic h1{ color:#553321; font-size:4em; font-weight:normal; margin-bottom:7px; }
body.services #secslidePic p{color:#553321; font-size:1.5em; width:335px; font-style:italic; line-height:20px; }


body.products #secslidePic{width:663px; height:177px; margin:0 15px 0 0; padding: 10px 0 0 40px; background:url(/elements/images/products.jpg) no-repeat; float:left; text-align:left; font-family:"Times New Roman", Times, serif;}
body.products #secslidePic h1{ color:#50774e; font-size:4em; font-weight:normal; margin-bottom:7px; }
body.products #secslidePic p{color:#689166; font-size:1.5em; width:335px; font-style:italic; line-height:20px; }


body.currentnews #secslidePic{width:663px; height:177px; margin:0 15px 0 0; padding: 10px 0 0 40px; background:url(/elements/images/currentnews.jpg) no-repeat; float:left; text-align:left; font-family:"Times New Roman", Times, serif;}
body.currentnews #secslidePic h1{ color:#fff6dc; font-size:4em; font-weight:normal; margin-bottom:7px; }
body.currentnews #secslidePic p{color:#fff6dc; font-size:1.5em; width:335px; font-style:italic; line-height:20px; }


body.giftvouchers #secslidePic{width:663px; height:177px; margin:0 15px 0 0; padding: 10px 0 0 40px; background:url(/elements/images/giftvouchers.jpg) no-repeat; float:left; text-align:left; font-family:"Times New Roman", Times, serif;}
body.giftvouchers #secslidePic h1{ color:#638437; font-size:4em; font-weight:normal; margin-bottom:7px; }
body.giftvouchers #secslidePic p{color:#638437; font-size:1.5em; width:335px; font-style:italic; line-height:20px; }

body.aboutus #secslidePic{width:663px; height:177px; margin:0 15px 0 0; padding: 10px 0 0 40px; background:url(/elements/images/aboutus.jpg) no-repeat; float:left; text-align:left; font-family:"Times New Roman", Times, serif;}
body.aboutus #secslidePic h1{ color:#fff; font-size:4em; font-weight:normal; margin-bottom:7px; }
body.aboutus #secslidePic p{color:#fff; font-size:1.5em; width:335px; font-style:italic; line-height:20px; }

body.contactus #secslidePic{width:663px; height:177px; margin:0 15px 0 0; padding: 10px 0 0 40px; background:url(/elements/images/contactus.jpg) no-repeat; float:left; text-align:left; font-family:"Times New Roman", Times, serif;}
body.contactus #secslidePic h1{ color:#a46a4c; font-size:4em; font-weight:normal; margin-bottom:7px; }
body.contactus #secslidePic p{color:#a46a4c; font-size:1.5em; width:335px; font-style:italic; line-height:20px; }

#flashbanner { float: left; width:703px; height: 320px;  }


/* JQuery Slider*/

.strip_wrapper{width:10px; height:10px;}

#photos{ float:left; margin:0;  }

.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}
#content {
	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}
pre {
	background: #e8e8e8;
	border-left: 10px solid #777;
	font-size: 0.85em;
	padding: 1em;
	color: black !important;
	overflow-x: auto;
}
.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}
	
.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;

	
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}

.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}

ul.filmstrip{border:1px solid #000; list-style:none; }
ul.filmstrip li{list-style:none;}

/* Footer */

#footerContainer{width:100%; margin:0; padding:0 0 20px 0;}
#footerContent{width:950px; height:105px; margin: 0 auto; padding:0; }
#footerBrands{ padding:0; margin:27px 0 0 0; }
#footerBrands li{float:left; list-style:none; margin:0 45px 0 0;}
#footerBrands li.last{float:left; list-style:none; margin:0;}
#footerBrands li a{disply:block; text-indent:-9999px;}

	#footerBrands li a.decleor{float:left; width:145px; height:40px; margin:0; padding:0; background:url(/elements/images/logo_decleor.png) top left no-repeat;}
	#footerBrands li a.pevonia{float:left; width:139px; height:34px; margin:8px 0 0 0; padding:0; background:url(/elements/images/logo_pervonia.png) top left no-repeat;}
	#footerBrands li a.joyce{float:left; width:134px; height:41px; margin:0; padding:0; background:url(/elements/images/logo_joyce.png) top left no-repeat;}
	#footerBrands li a.opi{float:left; width:100px; height:31px; margin:3px 0 0 0; padding:0; background:url(/elements/images/logo_opi.png) top left no-repeat;}
	#footerBrands li a.sparitual{float:left; width:144px; height:25px; margin:8px 0 0 0; padding:0; background:url(/elements/images/logo_sparitual.png) top left no-repeat;}
	#footerBrands li a.bare{float:left; width:203px; height:57px; margin:0; padding:0; background:url(/elements/images/logo_bare.png) top left no-repeat;}
	


#footerLinks{float:left; width:950px;  color:#fff; font-size:0.9em; padding: 30px 0 20px 0;}
#footerLinks p{float:left; color:#fff; padding:4px 0 0 0; margin:0; }
#footerLinks ul{margin:0; padding:0;list-style:none; float:right;  }
#footerLinks ul li{display:inline; list-style:none; margin:0; padding:0;}
#footerLinks ul li a{color:#FFF;  border-right:1px solid #dee8db; padding:0 13px;}
#footerLinks ul li a.noline{  border-right:none; }
#footerLinks ul li a.last{  border-right:none; padding:0;}
#footerLinks ul li a:hover{color:#517751;}


/**slideshow css***/

#imgslidecontainer { margin:0; padding:0; float: left; width: 702px; height: 320px;  }
#headlineslide ul, #slider-control { padding:0; margin:0;}
#imgslidecontainer ul li { background: none; list-style-type:none; padding:0; margin:0; }
#slider-control li { list-style-type:none; display:inline; border: 0; padding:0; margin:0;width: 10px; height: 10px; cursor: pointer; }
#slider-control li img { margin:0 3px;  }
#slider-control { position: relative; z-index: 100; margin-right: 8px; bottom: 30px; text-align: right; }
#imgslidecontainer img {  border: none; margin: 0; padding: 0;  }
#imgslidecontainer .clear { clear: both; }
#slider-control a.activeSlide img { border:1px solid #fff;  }
#slider-control a { margin: 0 3px; padding:0 }
#slider-control a:focus { outline: none; }


/* FORMS
-------------------------------------------- */
  /* Form style 1 (default) 
  input,
  select,
  textarea {
     background:#fefefe;
     border:1px solid #d3d2bd;
  }
  .submit input {
     border:none;
  }*/
  .form_1 {
     width:532px;
     margin:7px;
     position:relative;
     padding:0;
  }
  .form_1 fieldset {
     /*clear:both;*/
     margin:0 0 12px 0;
     padding:0 0 0.7em;
  }
  .form_1 p {
     margin:0 0 7px 0;
     /*clear:both;*/
     font-size:0.92em;
  }
  .form_1 ul {
     font-size:0.92em;
  }
  .form_1 label {
     color:#21485c;
     color:#739673;
     display:block;
     width:180px;
     margin-right:12px;
     padding-top:7px;
     float:left;
  }
  .form_1 form span {
     width:269px;
     margin-left:192px;
     display:block;
     min-height:31px;
     background: url(/resources/images/ui/forms/input-off-bottom.gif) left bottom no-repeat;
  }
  .form_1 form span span {
     margin:0;
     background: url(/resources/images/ui/forms/input-off-top.gif) left top no-repeat;
  }
  .form_1 form span span input,
  .form_1 form span span textarea {
     font-size:1em;
     background:none;
     border:none;
     border-bottom: 1px solid gray;
     width:244px;
     color:#5d5c5c;
     margin:3px 28px 0 9px;
     min-height:25px;
     padding-top:5px;
  }
  .form_1 form span span textarea {
     min-height:10em;
     width:252px;
     margin-bottom:5px;
  }
  .form_1 form select {
     font-size:1em;
     padding:0.25em 0.2em 0.2em 0.3em;
     margin:5px 0.2em 0.2em;
     border:1px solid #d3d2bd;
     color:#444;
     width:263px;
  }
  .form_1 form label span {
     background:none;
     display:inline;
     width:auto;
     margin:0 !important;
     color:#c9252b;
  }
  .form_1 span.form_validationerror,
  .form_1 span.form_help {
     display:block;
     color:#c9252b;
     background:none !important;
     min-height:inherit;
  }
  .form_1 span.form_help {
     color:#76787b;
  }
  /* form style 1 -> checkboxes  */
  .form_1 p.checkbox span {
     clear:both;
     width:300px;
     background:none;
  }
  .form_1 p.checkbox span input {
     width:auto;
     margin:2px 4px 0 0;
     float:left;
  }
  .form_1 p.checkbox span label {
     padding:0;
     width:250px;
  }
  .form_1 p.submit input {
     margin:4px 0 0 192px;
     border:none;
  }
  /* Customisations */
  
  /* validation */
  .error {
     color:#c9252b;
  }
  
  /* form messages */
  .form_messages {
     
  }


/**GENERIC SITE WIDE STYLES**/
.red{color: red !important;}


#giftVoucher_form label { width: auto; font-size:0.92em;}
#giftVoucher_form input, #giftVoucher_form textarea { margin: 0 0 10px 10px;border:0;border-bottom: 1px solid #000; color:#5D5C5C;font-size: 12px; font-family:Lucida Sans Unicode,Arial,Helvetica,sans-serif; }




/**Xmas homepage 2011 specific styles**/

.xmasPackages{width:347px; float:left; border:3px solid #c4a482; background:#fcf8f2 url(/elements/images/xmas_packages.jpg) 0 0 no-repeat; position:relative; padding:0 15px 15px 197px; margin:10px 0 10px 0;}
.xmasPackages .pic{width:155px; height:142px; position:absolute; top:16px; left:16px;}
.xmasPackages .restore{background:url(/elements/images/xmas_restore1.png) 0 0 no-repeat; }
.xmasPackages .restore2{background:url(/elements/images/xmas_restore2.png) 0 0 no-repeat; }
.xmasPackages .radiance{background:url(/elements/images/xmas_radiance.png) 0 0 no-repeat; }
.xmasPackages .bliss{background:url(/elements/images/xmas_bliss.png) 0 0 no-repeat; }
.xmasPackages .xmasButton a{position:absolute; width:165px; height:46px; top:173px; left:10px; display:block; text-indent:-9999px; background:url(/elements/images/xmas_pack_butt.png) 0 0 no-repeat; cursor:pointer;}
.xmasPackages h1{margin:20px 0 10px 0; padding:0;}
.xmasPackages h1 a{color:#af5f19; text-transform:uppercase; font-size:15px;}
.div30{height:30px;}
.div35{height:35px;}
.div40{height:40px;}
.div50{height:50px;}.div60{height:60px;}
.div70{height:70px;}
.div80{height:80px;}