/* fonts */

body { font: normal 11pt/1.38em "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif; color:#333333;}
h1, table, input, select, optgroup, textarea {font-size: 11pt;}
body.diary, body.column {font-size:10pt;}


#content { line-height: 1.4em; }

a, a:link {
	color: #8B4141;
	background-color: transparent;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

a:hover img{
	text-decoration:none;}

/* default for some elements */

a img {border:none;}
div {margin:0; padding:0;}
ul {margin-left: 0; padding-left: 0}
ul li {list-style-type: none; margin-left: 0; padding-left: 1em; background: transparent url(images/bullet.gif) no-repeat 0 0.4em;}
ul.nobullet li {padding-left: 0; background-image: none;}
ol li {
	list-style: decimal outside;
/*	white-space: nowrap; */
}
dt {margin-left:0; margin-top:0.5em; padding-left:0; font-weight:bold;}
dd {margin-left:0; padding-left:0;}
form, fieldset {margin:0; padding:0; border:none;}
hr {display: none;}
hr.v {display: block;}
blockquote{margin: 1em 0; padding: 0 1em ; border-left:solid 6px #CC9999; color: #AC5959;}
pre {padding:5px; background-color:#D8D8D8;}

#skipLink{display:none;}




body {
	text-align: center;
	margin: 0 0 30px 0;
	padding:0;
	min-width: 760px;
	background: #F7F4F4 url(images/body.gif) repeat-y top center;
}

#wrap {
	width: 760px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	}

#header {
	width: 760px;
	height: 95px;
	background: #FFFFFF url(images/header.jpg) no-repeat top left;
	position: relative;
	display: block;
	margin:0;
	padding:0;
	}

#header h1 {
	margin:0 0 0 12px;
	padding: 0;
	width: 235px;
	height: 70px;
	}

#header h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 169px;
	height: 70px;
	text-indent: -5000em;
	background: url(images/logo.jpg) no-repeat top left;
	overflow: hidden;
	}

#header a {color:#FFFFFF;}

#header #lang {
	display: block;
	font-size: .8em;
	position:absolute;
	top:40px;
	left:200px;
	color: #fff;
	font-size:1.1em;
	}

#header #lang a {
	height:20px;
	margin:0; 
	padding:0 0 0 20px;
	background: url(images/flag.gif) no-repeat left 2px;
	}

#header #lang .en a {
	background-position: 0 -48px;
	}

#header #lang a.current	{
	font-weight: bold;
	}

/* gnavi */



#nav{
	font-size:10px;
	margin:0;
	padding:0;
	list-style:none;
	height:24px;
	width:760px;
	}

#nav ul {
	display:block;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 24px;
	width: 95px;
	}

#nav li { /* all list items */
	list-style-type:none;
	float: left;
	width: 95px;
	height: 24px;
	margin: 0;
	padding: 0;
	background-image:none;
	}

ul#nav a{
	height:24px;
	width:95px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-5000em;
	background-image: url(images/gnavi/gnavi.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	}

#nav li#home, #nav li#home a {width:95px !important;}

#nav li#home a {background-position:0 0;}
#nav li#services a {background-position:-95px 0;}
#nav li#cosmetics a {background-position:-190px 0;}
#nav li#news a {background-position:-285px 0;}
#nav li#voice a {background-position:-380px 0;}
#nav li#salon a {background-position:-475px 0;}
#nav li#journal a {background-position:-570px 0;}
#nav li#about a {background-position:-665px 0;}

#nav li#home a:hover {background-position:0 -25px;}
#nav li#services a:hover {background-position:-95px -25px;}
#nav li#cosmetics a:hover {background-position:-190px -25px;}
#nav li#news a:hover {background-position:-285px -25px;}
#nav li#voice a:hover {background-position:-380px -25px;}
#nav li#salon a:hover {background-position:-475px -25px;}
#nav li#journal a:hover {background-position:-570px -25px;}
#nav li#about a:hover {background-position:-665px -25px;}

#nav a:hover {border-bottom: none;}

#nav li ul { /* second-level lists */
	width: 95px;
	margin: 0 0;
	padding: 0;
	line-height: 1.3em;
	position: absolute;
	left: -5000px;
	}


#nav li ul li { /* second-level lists */
	padding: 0;
	margin: 0;
	height: auto;
	}

#nav li ul a { 
	text-indent: 0;
	padding: 5px;
	margin: 0;
	height: auto;
	width: auto;
	color: #333333;
	display:block;
	background-color:#EFE4E4;
	background-image:none;
	}

#nav li ul a:hover { 
	background-color: #D1B4B4;
	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

li.sfhover ul li {background-color:#FFF !important;}




/* main content */	

#content {margin:0 60px; padding:0; background-color:transparent; }
.narrow#content {width: 450px !important; float:left; padding:0; margin:0 0 0 30px; display:inline;}
#sidebar {width: 220px; float:right; margin-right:30px; margin-top:20px; display:inline; font-size:0.9em; position:relative;}
#footer {clear:both; text-align:center; margin-top:20px; padding:20px; border-top:solid 1px #B87461; position:relative;}
#footer .copy {font-size:75%; color:#888888;}

#content h3,
#content .pagetitle {
	color:#502525; font-size:1.3em; margin:1em 0; font-weight:normal;
}
.pagetitle {clear: both; }
#content h4 {font-size:1em; color:#502525;}
#content h4.hl {
	color:#CC9999;
	display:block;
	padding:5px;
	border-top:solid 1px #EFDEDE;
	border-bottom:solid 1px #EFDEDE;
	background:url(images/h4.gif) repeat-x top left;
	font-size:1em;
	font-weight:bold;
	}



/* bread crumbs */
ul#breadcrumb {
	margin:5px 5px 5px 10px;
	padding:0;
	float: left;
	list-style-type:none;
	width: 330px;
	font-size:0.75em;
	}
#breadcrumb li {margin:0; padding:0; list-style-type:none; display:inline; background-image:none;}




/* page headers */
h2.sectiontitle, 
div.sectiontitle {clear:both; height:60px; width:760px; margin:0 0 1em; padding:0; display:block; text-indent:-5000em; overflow: hidden;}

.about .sectiontitle {background:#DEC9C9 url(images/sections/about.jpg) no-repeat top left;}
.salon .sectiontitle {background:#DEC9C9 url(images/sections/salon.jpg) no-repeat top left;}
.menu .sectiontitle {background:#DEC9C9 url(images/sections/menu.jpg) no-repeat top left;}
.treatment .sectiontitle {background:#DEC9C9 url(images/sections/treatment.jpg) no-repeat top left;}
.sitemap .sectiontitle {background:#DEC9C9 url(images/sections/sitemap.jpg) no-repeat top left;}
.journal .sectiontitle {background:#DEC9C9 url(images/sections/journal.jpg) no-repeat top left;}
.news .sectiontitle {background:#DEC9C9 url(images/sections/news.jpg) no-repeat top left;}
.diary .sectiontitle {background:#DEC9C9 url(images/sections/diary.jpg) no-repeat top left;}
.testimonials .sectiontitle {background:#DEC9C9 url(images/sections/testimonials.jpg) no-repeat top left;}

/* sidebar */

#sidebar h3 {font-size:0.9em; color:#888888; letter-spacing:0.1em;}
.sidebox.sb-0-menu {
	background-image:none;
	border:none;
	padding:0;
}
.sidebox ul.sidemenu {margin:0 0 20px; padding:5px 0 20px; list-style-type:none;  background:url(images/sidemenu_bottom.gif) no-repeat bottom center;}
.sidebox ul.sidemenu li {margin:0; padding:0.5em 0; border-bottom:solid 1px #F0E5E5; list-style-type:none; background-image:none;}
.sidebox ul.sidemenu li ul {margin: .2em 0 .2em 1em; padding: 0;}
.sidebox ul.sidemenu li li {margin: .1em 0; padding: 0;border-bottom:none;}
.sidebox ul.sidemenu li li a {display: block;}
.sidebox ul.sidemenu li.b {border:none;}



/********************************
 
     SECTIONS

*********************************/

#content .optbox {margin:1.5em 0; padding:0 1em; border:solid 1px #DEC9C9; background:#FFFFFF url(images/sidebox.gif) repeat-x top left; font-size:0.9em; line-height:1.3em;}
#content .optbox h4 {font-size:1em; background:#B17575; color:#FFFFFF; padding:2px; margin:10px 0; background:url(images/h02.gif) repeat-x top left;}
#content .optbox strong {color:#B17575;}
#content .optbox.clean {background-image:none;}


/* ABOUT */
/*.about #content {background:url(images/about/bed.jpg) no-repeat 490px 0px;}*/
.about h3.h01 {clear:both; height:55px; margin:10px 0; padding:0; background:url(images/about/h01.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.about h3.h02 {height:55px; margin:10px 0; padding:0; background:url(images/about/h02.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.about p.narrow {padding-right:200px;}
.about p strong {color:#724545; letter-spacing:0.1em;}
#profile {border:solid 1px #DEC9C9; background:#F0E5E5 url(images/about/profile.gif) no-repeat bottom right; margin:3em 1em 1em; padding:10px 1em 0; font-size:0.9em;}
#profile h3 {margin:0; padding:0 0 0; font-size:1em; width:135px; height:25px; background:url(images/about/h_profile.gif) no-repeat top left; text-indent:-5000em; display:block; overflow: hidden;}

/* SALON */
dl.salondetails dt {margin-top:0.5em; width:100px; font-size:0.9em; font-weight:bold;}
dl.salondetails dd { margin-left:0; font-size:0.9em;}

dl.salonhours {clear:both; border:solid 1px #724545; padding:10px;}
dl.salonhours dt {margin:0; padding:0; width:100px; font-size:0.9em; font-weight:bold; line-height:0.9em;}
dl.salonhours dd {margin-left:0;}
dl.salonhours dd em {color:#724545; font-size:0.9em;}

/* TREATMENT */
.treatment .sidebox {margin:0 0 10px; padding:10px; border:solid 1px #DEC9C9; background:#FFFFFF url(images/sidebox.gif) repeat-x top left;}
.treatment .sidebox.sb-menu {padding:0; border:none; background-color:transparent; background-image:none;}

.treatment .sidebox h4 {margin:0; padding:0; font-size:1em; color:#B58383;}
.sb-info h4.counselling {width:200px; height:30px; display:block; background:url(images/treatment/h_counselling.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.sb-info h4.massageoil {width:200px; height:30px; display:block; background:url(images/treatment/h_massagingoil.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.sb-info h4.boucher {width:200px; height:30px; display:block; background:url(images/treatment/h_boucher.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.sb-info h4.ion-machine {width:200px; height:30px; display:block; background:url(images/treatment/h_ion_machine.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.sb-info h4.sun-protection {width:200px; height:30px; display:block; background:url(images/treatment/h_sun_protection.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.sb-info h4.wrinkles {width:200px; height:30px; display:block; background:url(images/treatment/h_wrinkles.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.sb-info h4.odt {width:200px; height:30px; display:block; background:url(images/treatment/h_odt.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.sb-info h4.detox {width:200px; height:30px; display:block; background:url(images/treatment/h_detox.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.sb-info h4.sweat {width:200px; height:30px; display:block; background:url(images/treatment/h_sweat.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.sb-info h4.celllight {width:200px; height:30px; display:block; background:url(images/treatment/h_celllight.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.treatment .sidebox p, .sidebox ul {margin:0.5em 0; padding:0; font-size:1em; line-height:1.2em;}
.treatment .sidebox li {margin:0.3em 0;}
.treatment .sidebox div.i {clear:both; margin:0.5em 0; display:block; min-height:80px; _height:80px;}
.treatment .sidebox div.i img {float:left;}
.treatment .sidebox div.i p {margin-left:90px; padding-top:20px; color:#B17575; font-size:0.75em;}


.treatment div.treatmentmenu h3  {height:49px; border-top:solid 1px #D8D8D8; border-bottom:solid 1px #D8D8D8;}
.treatment div.treatmentmenu h3 a, .treatment div.treatment-cat h3 span {height:49px; display:block; text-indent:-5000em; overflow: hidden;}
.treatment div.treatmentmenu h3.facial a {background:url(images/treatment/s_facial.jpg) no-repeat top left;}
.treatment div.treatmentmenu h3.body a {background:url(images/treatment/s_body.jpg) no-repeat top left;}
.treatment div.treatmentmenu h3.eyelashes a {background:url(images/treatment/s_eyelashes.jpg) no-repeat top left;}
.treatment div.treatmentmenu h3.bridal a {background:url(images/treatment/s_bridal.jpg) no-repeat top left;}
.treatment div.treatmentmenu h3 a:hover {background-position:0 -52px;}

.treatment div.treatmentmenu li {font-size:0.9em; margin-bottom:0.8em;}
.treatment div.treatmentmenu li strong {font-size:1.1em;}

.treatment.facial h4 {margin-top:3em;}
.treatment.facial h4#relax {margin-top:1em;}
.treatment.facial ol.steps {list-style:none; width:450px; padding:.5em; margin: 1em 0 1em .5em; color:#7A3A3A ;background:transparent url(images/treatment/treatment-steps-bg.gif) no-repeat 0% 0%;}
.treatment.facial ol.steps li {display:block; float:left; margin:.2em; padding:0 0 0 18px; list-style:none; height:1.5em; width:auto; white-space:nowrap;background:transparent url(images/treatment/arrow.gif) no-repeat 0% 50%;}
.treatment.facial ol.steps li.first {padding-left:0; background-image:none;}
.treatment.facial img.treatment-image {clear:right;float:right;margin:0 0 15px 10px;}

.treatment.facial .pagetitle {display:block; width:400px; height:95px; text-indent:-5000em; background:transparent url(images/treatment/h_facial.gif) no-repeat left top;}
.treatment.body .pagetitle {display:block; width:400px; height:95px; text-indent:-5000em; background:transparent url(images/treatment/h_body.gif) no-repeat left top;}
.treatment.eyelashes .pagetitle {display:block; width:400px; height:95px; text-indent:-5000em; background:transparent url(images/treatment/h_eyelash.gif) no-repeat left top;}
.treatment.bridal .pagetitle {display:block; width:240px; height:40px; text-indent:-5000em; background:transparent url(images/treatment/bridal/bridal_title.gif) no-repeat left top;}


.treatment.body-treatment #content .pagetitle {display:block; width:400px; height:95px; text-indent:-5000em; overflow:hidden; background-image:url(images/treatment/h_body.gif);}
.treatment.body-treatment #content .menu-title a,
.treatment.body-treatment #content .menu-title span {display:block;width:450px; height:70px; text-indent:-5000em; overflow:hidden;}
.treatment.body-treatment #content .menu-title#detox a,
.treatment.body-treatment #content .menu-title#detox span {background:transparent url(images/treatment/body_detox.gif) no-repeat left top;}
.treatment.body-treatment #content .menu-title#detox-and-thalasso a,
.treatment.body-treatment #content .menu-title#detox-and-thalasso span {background:transparent url(images/treatment/body_detox_and_thalasso.gif) no-repeat left top;}



.treatment.eyelashes #content .menu-title {
	width:450px;
	height:70px;
	background: transparent url(images/treatment/eyelashes.gif) no-repeat left top;
	text-indent:-5000em;
	}

.treatment.bridal #content .menu-title {
	color:#CC9999;
	display:block;
	padding:5px;
	border-top:solid 1px #EFDEDE;
	border-bottom:solid 1px #EFDEDE;
	background:url(images/h4.gif) repeat-x top left;
	font-size:1em;
	font-weight:bold;
	}


p.desc {margin:10px; font-size:0.9em; line-height:1.2em;}
.facial .desc, .body .desc {margin-right:60px;}
ul.procedure li .seedetails, .facial .seedetails, .body-treatment .seedetails {float:right; width:46px; height:20px; margin:15px 10px 10px; padding:10px 0;}
ul.procedure li .seedetails a, .facial .seedetails a, .body-treatment .seedetails a {display:block; width:46px; height:20px; text-indent:-5000em; overflow:hidden; background:transparent url(images/seedetails.gif) no-repeat left top;}


.treatment p.narrow, .treatment h4.narrow {margin-right:240px;}


ul.treatment-options {clear:both; zoom:1;}
ul.treatment-options li {list-style-type:none; width:22%; min-height:100px; _height:100px; margin-left:2%; padding:0 0 10px; float:left; display:inline; background-image:none;}
ul.treatment-options li.first {margin-left:none;}
ul.treatment-options li img {display:block; margin-left:auto;margin-right:auto;}
ul.treatment-options li strong {display:block;}
ul.treatment-options:after {clear:both;content:".";display:block;height:0;visibility:hidden}


/* TREATMENT : procedure */
ul.procedure {margin:0; padding:0; font-size:0.9em; line-height:1.2em; width:450px;}
ul.procedure li {min-height:120px; _height:120px; width:210px; margin:0 0 20px 30px; padding:15px 0 25px; float:left; display:inline;}
ul.procedure li.clearleft {margin-left:0;}
ul.procedure li img {float:left; margin:0; padding:0;}
ul.procedure li h4 {margin:0 0 0 90px; padding:0; font-size:1em; color:#CC6666;}
ul.procedure li p {margin:.5em 0 0 90px; padding:0;}
ul.procedure li p img {float:none; display:block; margin:0.5em 0;}
ul.procedure li.wide {min-height:120px; _height:120px; width:100%; margin:0 0 20px; padding:15px 0 25px; float:none !important; display:block !important;}
ul.procedure li.wide p {margin:.5em 0 0 90px; padding:0;}
ul.procedure li.clearer {min-height:1px !important; height:1px !important;line-height:1px !important;
width:100%; background-image:none; margin:0 !important; padding:0 !important; float:none !important; display:block !important; background-color:#FAFAFA;}
ul.procedure li.s1 {background:url(images/treatment/1.gif) no-repeat top right;}
ul.procedure li.s2 {background:url(images/treatment/2.gif) no-repeat top right;}
ul.procedure li.s3 {background:url(images/treatment/3.gif) no-repeat top right;}
ul.procedure li.s4 {background:url(images/treatment/4.gif) no-repeat top right;}
ul.procedure li.s5 {background:url(images/treatment/5.gif) no-repeat top right;}
ul.procedure li.s6 {background:url(images/treatment/6.gif) no-repeat top right;}
ul.procedure li.s7 {background:url(images/treatment/7.gif) no-repeat top right;}
ul.procedure li.s8 {background:url(images/treatment/8.gif) no-repeat top right;}
ul.procedure li.s9 {background:url(images/treatment/9.gif) no-repeat top right;}
ul.procedure li.s10 {background:url(images/treatment/10.gif) no-repeat top right;}
ul.procedure li.s11 {background:url(images/treatment/11.gif) no-repeat top right;}
ul.procedure li.s12 {background:url(images/treatment/12.gif) no-repeat top right;}
ul.procedure li.s13 {background:url(images/treatment/13.gif) no-repeat top right;}
ul.procedure li.s14 {background:url(images/treatment/14.gif) no-repeat top right;}
ul.procedure li.s15 {background:url(images/treatment/15.gif) no-repeat top right;}
ul.procedure li.s16 {background:url(images/treatment/16.gif) no-repeat top right;}
ul.procedure li.s17 {background:url(images/treatment/17.gif) no-repeat top right;}
ul.procedure li.s18 {background:url(images/treatment/18.gif) no-repeat top right;}
ul.procedure li.s19 {background:url(images/treatment/19.gif) no-repeat top right;}
ul.procedure li.s20 {background:url(images/treatment/20.gif) no-repeat top right;}

ul.procedure li p.note {
	border: solid 1px #D8D8D8;
	padding: 3px;
	font-size: .9em;
	}






/* TREATMENT : EYELASHES */
ul.eyelashes li {margin:0 10px 1em 10px; padding:0 0 0 15px; background-image:none; border-left:solid 5px #B17575; font-size:0.9em; line-height:1.2em;}
ul.eyelashes li strong {color:#B17575;}

/* TREATMENT : BODY */
.treatment table.datatable {
	width: 420px;
	}
table.datatable {
	font-size: 0.9em;
	border-collapse: collapse;
	border: solid 1px #DEDEDE;
	}
table.datatable caption {
	font-size:0.9em;
	color: #B17575;
	}
table.datatable th, table.datatable td {
	margin: 0;
	padding: 2px;
	border: solid 1px #DEDEDE;
	}
table.datatable th {
	text-align: left;
	}
table.datatable th.sub {
	color: #FFFFFF;
	background-color: #B17575;
	}


/* bridal */

.bridal #wrap {
	background: #FFFFFF url(images/treatment/bridal/bridal_bg.jpg) no-repeat right 200px;
	}

.bridal #content {
	padding-top: 20px;
	}
	
.bridal p#lead {
	color: #A85377;
	font-size: .9em;
	margin:30px 10px;
	padding: 0;
	width: 270px;
	line-height: 1.2em;
	}


/* FEEDBACK */
.testimonials form#feedback {
	margin-top: 2em;
	}
.testimonials form#feedback label {
	font-weight: bold;
	display: block;
	color: #8B4141;
	}
.testimonials form#feedback label.inline {
	font-weight: bold;
	display: inline;
	color: #8B4141;
	}
.testimonials form#feedback input#name {
	width: 10em;
	font-size: 1.2em;
	padding: 2px;
	}
.testimonials form#feedback textarea#comment {
	width: 100%;
	height: 10em;
	font-size: 1.2em;
	padding: 2px;
	}
.testimonials form#feedback #submit {
	text-align: center;
	}
.testimonials form#feedback #submit input {
	padding: 3px 1.5em;
	font-size: 1em;
	text-align: center;
	}
.testimonials form#feedback .errormsg {
	color: #FF0033;
	margin-top: 2px;
	padding: 0;
	}

.fade-butt {
	padding: 2px;
	border:solid 1px #DEC9C9; 
	background-color:#E8D9D9 ;
	text-align: center;
	font-size: 1.1em;
	width: 100%;
	}

#sidebar .fade-butt { width: 218px; }
#sidebar .fade-butt a { width: 208px; }
.narrow#content .fade-butt { width: 448px; }
.narrow#content .fade-butt a { width: 438px; }

.fade-butt a, .fade-butt a:hover, input.fade-butt {
	margin: 0;
	padding: 10px 5px;
	background: url(images/fade_button.gif) repeat-x left top;
	display: block;
	width: 99%;
	}
	
/* SITEMAP */
.sitemap #content li {margin-bottom:1em;}
.sitemap #content li li {margin-bottom:0 !important;}
.sitemap #content li a {display:block; font-weight:bold;}
.sitemap #content li li a {display:inline; font-weight:normal !important;}


/* journal*/
.diary .post h3, .journal .post h3, .news .post h3, .testimonials .post h3 {font-weight:bold !important; border-left:solid 10px #CC9999; padding:0 0 0 10px;}
.diary small, .journal small, .news small {font-size:78%; color:#666666; margin:3px 0; padding:0;}
.navigation{font-size:80%;}

.archive li {padding:5px 0 10px 1.5em; background:url(images/home/bullet_leaf.gif) no-repeat left 0.5em; font-size:0.9em; line-height:1.2em;}
.archive li a {display:block; font-weight:bold; font-size:1.1em;}
.archive li p {margin:0;}
.archive li .more {margin: .5em 0; padding:0; font-weight:normal;}

.diary .monthheader, .testimonials .catheader {color:#502525; font-size:1.3em; margin:1em 0; font-weight:normal; padding-bottom:10px; margin-bottom:20px; background:url(images/border_dot.gif) repeat-x left bottom;}
.post {padding-bottom:10px; margin-bottom:20px; background:url(images/border_dot.gif) repeat-x left bottom;}


/* order form */
.cartsummary {
	position:absolute;
	top:5px;
	right:5px;
	width:200px;
	height:33px;
	background:transparent url(images/cart-summary.png) no-repeat left top;
	}

* html .cartsummary {
	background-image:url(images/cart-summary2.gif);
	}

.cartsummary a, .cartsummary span {
	margin-left:40px;
	line-height:30px;
	color: #fff;
	}
	

form.addtocart {
	padding-top: 15px;
	font-size: 1.1em;
	}

form.addtocart legend, 
form.addtocart span.sgloption,
#prod-image p.eshopshipping {
	display: none;
	}

form.addtocart {
	}

form.addtocart input.button {
	display: block;
	margin: 5px auto 0;
	padding: 0;
	width: 177px;
	height: 38px;
	background: transparent url(images/button-add-cart.png) no-repeat left top;
	text-indent: -5000em;
	overflow: hidden;
	border: none;
	}

.product-list form.addtocart input.button {
	margin: 5px auto 0;
	padding: 0;
	width: 86px;
	height: 27px;
	background: transparent url(images/button-add-cart-s.png) no-repeat left top;
	text-indent: -5000em;
	overflow: hidden;
	border: none;
	}

.product-list form.addtocart {
	padding-top:0;
	margin-top:-10px;
	}
.product-list form.addtocart .sglprice,
.product-list .eshopshipping {
	display: none;
	}

.price-orig {
	font-size: .9em;
	color: #666;
	}
.price-discount {
	color: red;
	}


table.cart {
	width: 98%;
	border: solid 1px #e7e7e7;
	background: #EFE4E0;
	margin-bottom:50px;
	}

.eshopcart table.cart {
	margin-bottom:0;
	}

table.cart caption {
	display: none;
	}
table.cart thead {
	background-color: #6C5B56;
	color: #fff;
	}

table.cart tr {
	border-bottom: solid 1px #777;
	}
table.cart th,
table.cart td {
	padding: 3px;
	margin: 0;
	}

table.cart tr.stotal {
	font-weight: bold;
	border-top: solid 1px #777;
	}
	
table.cart td.amts {
	text-align: right;
	}

.cartopt {
	zoom: 1;
	height: 2em;
	}

.cartopt input#update {
	display: block;
	float: right;
	padding:5px;
	font-size:.9em;
	border: solid 1px #A78283;
	color: #A78283;
	background: #e7e7e7;
	}

.cartopt input#unset {
	float: left;
	display: block;
	margin-left:1em;
	padding:2px;
	border: none;
	background-color: transparent;
	text-decoration: underline;
	font-size:.8em;
	}


ul.continue-proceed {
	margin: 10px 0;
	padding: 10px 0;
	clear: both;
	list-style: none;
	border-top: solid 1px #777;
	}

ul.continue-proceed li {
	list-style:none;
	margin: 0;
	padding:0;
	background-image: none;
	}

ul.continue-proceed li.continue-shopping {
	float: left;
	font-size:.9em;
	}

ul.continue-proceed li.proceed-to-checkout {
	float: right;
	display:block;
	width: 177px;
	height: 38px;
	}

ul.continue-proceed li.proceed-to-checkout a {
	display: block;
	width: 177px;
	height: 38px;
	margin:0;
	padding:0;
	background: transparent url(images/button-to-checkout.png) no-repeat left top;
	text-indent:-5000em;
	overflow: hidden;
	}


.eshopform fieldset {
	padding: 10px;
	margin: 0 0 20px;
	border: solid 1px #675B57;
	}

.eshopform fieldset fieldset {
	border: solid 1px #e7e7e7;
	}

.eshopform legend {
	font-size:1.2em;
	font-weight: bold;
	}

.eshopform fieldset#ej-checkout-mop {
	padding:20px;
	}

.eshopform input#submitit {
	float: right;
	margin:0;
	padding:0;
	display: block;
	width: 177px;
	height: 38px;
	background: transparent url(images/button-to-confirmation.png) no-repeat left top;
	text-indent:-5000em;
	overflow: hidden;
	border:none;
	cursor:pointer;
	}

strong.error {
	color: red;
	}
ul.errors {
	color: red;
	padding: 0 0 2em;
	}

.checkout-submit {
	text-align: right;
	}
	
.checkout-submit #ppsubmit {
	float: right;
	margin:0;
	padding:0;
	display: block;
	width: 177px;
	height: 38px;
	background: transparent url(images/button-finalize-order.png) no-repeat left top;
	text-indent:-5000em;
	overflow: hidden;
	border:none;
	cursor:pointer;
	}


#shopinfo {
	margin:0 0 10px;
	border-bottom: solid 1px #e7e7e7;
	padding: 10px;
	text-align:right;
	font-size:1.1em;
	}

#shophelp {
	margin-left:1em;
	}


ol#paypal-instruction li {
	padding-bottom:2em;
	}




/* footer */

ul.footmenu {margin:10px auto; padding:0; width:auto; font-size:0.8em; list-style-type:none;}
ul.footmenu li {margin:0 0.5em; padding:0; list-style-type:none; display:inline; width:auto; background-image:none;}
.footmenu a {color:#666666;}



/* additional styles */

.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.hidden {display:none;}
ul.nodecor li, li.nodecor{ background-image:none;}
strong.hl {color:#DF8580;}
img.left {clear:left; float:left; margin-right:10px; margin-bottom:10px;}
img.right {clear:right; float:right; margin-left:10px; margin-bottom:10px;}
img.center {clear:both; display:block; margin:5px auto; text-align:center}

.floatleft {float:left; clear:both; margin-right:10px;}
.floatright {float:right; clear:both; margin-left:10px;}

div.ex {border:solid 1px #D8D8D8; padding:5px;}

.clearfix{display:block}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
