
/*
CSS - CL Services
He was a husband who drove his wife home drunk from the parties, He was a husband who drove his wife home
And in the car he would gently lean her head on the side door window, And in the bathroom he would hold her hair back and hope, saying; 
ON THIS DAY...23.10.02 - Chechen rebels seized a crowded theater in Moscow, taking approximately 700 theatergoers and performers hostage in the Moscow theater hostage crisis.
*/

img { border: 0; }
.hidden { display: none; }
p { margin-bottom: 15px; }
ul.list { list-style: disc; margin: 0 0 15px 30px; }
#products-detail_content div { text-align: left!important; }
#products-detail_content ul { list-style: disc; margin: 0 0 15px 30px; }
#products-detail_content ul li { margin-top: 5px; }

/* =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 */

/* =Containers
height,width,padding,margin,position,top,left,right,bottom,float and clear only
----------------------------------------------- */
body {
	margin: 10px 0;
	padding: 0;
}
div#wrapper {
	height: auto;
	margin: 0 auto;
	width: 770px;
}
div#header {
	height: 120px;
	position: relative;
	width: 770px;
}
div#navigation {
	height: 24px;
	margin: 0 10px;
	width: 750px;
}
div#content-wrapper {
	height: auto;
	margin: 0 10px;
	width: 750px;
}
div#footer {
	margin: 10px auto 0;
	width: 750px;
}

/* =Body and =Wrapper
----------------------------------------------- */
body {
	background: #a1c65c;
	font-family: "Verdana", "Helvetica", sans-serif;
	font-size: 62.5%; /* 1em = 10px */
}
div#wrapper {
	background: #fff url(../images/wrapper-bg.jpg) no-repeat left bottom;
	padding-bottom: 20px;
}

/* =Header
----------------------------------------------- */
div#header {
	background: #fff url(../images/header-bg.gif) no-repeat 0 0;
}
div#header a#header-logo {
	background: url(../images/header-logo.jpg) no-repeat 0 0;
	display: block;
	height: 101px;
	left: 15px;
	position: absolute;
	top: 13px;
	width: 315px;
}
div#header div#header-shopping_cart {
	background: url(../images/header-shopping_cart.gif) no-repeat 0 0;
	height: 23px;
	left: 565px;
	padding-top: 22px;
	position: absolute;
	top: 61px;
	width: 190px;
}
div#header div#header-shopping_cart p {
	margin: 0;
	padding: 0;
}
div#header div#header-shopping_cart p span.price {
	color: #117f05;
}
div#header div#header-shopping_cart a {
	color: #0063a8;
	text-decoration: underline;
}
div#header div#header-shopping_cart a:hover {
	color: #e84c01;
}

/* =Navigation
----------------------------------------------- */
div#navigation {
	border-bottom: 5px solid #d8d8ca;
}
div#navigation ul#navigation-ul,
div#navigation ul#navigation-ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#navigation ul#navigation-ul li {
	float: left;
	margin-left: 3px;
}
div#navigation ul#navigation-ul li.first {
	margin-left: 0;
}
div#navigation ul#navigation-ul li a {
	display: block;
	height: 24px;
	text-decoration: none;
}
div#navigation ul#navigation-ul li a:hover {
	background-position: 0 -24px !important;
}
div#navigation ul#navigation-ul li a.nav-home {
	background: url(../images/nav-home.jpg) no-repeat 0 0;
	width: 83px;
}
div#navigation ul#navigation-ul li a.nav-company_profile {
	background: url(../images/nav-company_profile.jpg) no-repeat 0 0;
	width: 135px;
}
div#navigation ul#navigation-ul li a.nav-our_products {
	background: url(../images/nav-our_products.jpg) no-repeat 0 0;
	width: 120px;
}
div#navigation ul#navigation-ul li a.nav-sauna_therapy {
	background: url(../images/nav-sauna_therapy.jpg) no-repeat 0 0;
	width: 130px;
}
div#navigation ul#navigation-ul li a.nav-faqs {
	background: url(../images/nav-faqs.jpg) no-repeat 0 0;
	width: 80px;
}
div#navigation ul#navigation-ul li a.nav-links {
	background: url(../images/nav-links.jpg) no-repeat 0 0;
	width: 80px;
}
div#navigation ul#navigation-ul li a.nav-contact_us {
	background: url(../images/nav-contact_us.jpg) no-repeat 0 0;
	width: 104px;
}

/* =Banner
----------------------------------------------- */
div#banner {
	background: url(../images/flash1.jpg) no-repeat 0 0;
	height: 73px;
	margin: 10px auto;
	width: 750px;
}

/* =Content
----------------------------------------------- */
a.link-arrow {
	background: url(../images/arrow_link.gif) no-repeat 0% 70%;
	padding-left: 6px;
}
div#content-left,
div#content-middle,
div#content-right {
	float: left;
}
/* =Left */
div#content-left {
	display: none;
	font-size: 1.1em;
	margin-right: 6px;
}
#p-home div#content-left { display: block; width: 191px; }
div#content-left div.left-container,
div#content-right div.right-container {
	/*
	border: 1px solid #b8e15d;
	border-bottom: 0;
	border-top: 0;
	*/
	color: #117f05;
	margin: 0 0 10px;
	padding: 0 10px;
}
div#content-left div.left-container { background: url(../images/left-container_bg.jpg) repeat-y 0 0; width: 171px; }
div#content-left div.right-container { background: url(../images/right-container_bg.jpg) repeat-y 0 0; width: 157px; }
div#content-left div.left-container div.left-container-bottom {
	background: #fff url(../images/left-container_bottom.gif) no-repeat 0 0;
	height: 8px;
	margin: 10px -10px 0;
	width: 191px;
}
div#content-right div.right-container div.right-container-bottom {
	background: url(../images/right-container_bottom.gif) no-repeat 0 0;
	height: 8px;
	margin: 10px -11px 0;
	width: 177px;
}
div#content-left div.left-container a,
div#content-right div.right-container a {
	color: #0063a8;
}
div#content-left div.left-container a:hover,
div#content-right div.right-container a:hover {
	color: #e84c01;
}
div#content-left div.left-container p,
div#content-right div.right-container p {
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
div#content-left div.left-container h3,
div#content-right div.right-container h3 {
	color: #005e1f;
	font-size: 1em;
	margin: 0 -10px 5px;
	padding: 3px 4px;
	text-transform: uppercase;
}
div#content-left div.left-container h3 { width: 183px; background: #b8e15d url(../images/left-container_top.gif) no-repeat 0 0; }
div#content-right div.right-container h3 { width: 169px; background: #b8e15d url(../images/right-container_top.gif) no-repeat 0 0;}
div#content-left div.left-container h4,
div#content-right div.right-container h4 {
	color: #e84c01;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
/* =Middle */
div#content-middle {
	/*background: #00ff00;*/
	background: url(../images/middle-container_bg_inner.jpg) repeat-y 0 0;
	color: #117f05;
	height: auto;
	margin-bottom: 10px;
	margin-right: 14px;
	padding: 0 10px;
	width: 538px;
}
#p-home #content-middle {
	background: url(../images/middle-container_bg.jpg) repeat-y 0 0;
	color: #117f05;
	height: auto;
	margin-bottom: 10px;
	margin-right: 6px;
	padding: 0 10px;
	width: 349px;
}

div#content-middle ul,
div#content-middle ol,
div#content-middle dl { margin-left: 2em; }

div#content-middle h1 {
	background: #b8e15d url(../images/middle-container_top_inner.gif) no-repeat 0 0;
	color: #005e1f;
	font-size: 1em;
	margin: 0 -10px 5px;
	padding: 3px 4px;
	text-transform: uppercase;
	width: 550px;
}
#p-home #content-middle h1 { background: #b8e15d url(../images/middle-container_top.gif) no-repeat 0 0; width: 361px; }

div#content-middle h3 {
	color: #e84c01;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 5px;
	padding: 0;
}

div#content-middle h3.breadcrumbs {
	color: #e84c01;
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 0 5px;
	padding: 0;
}
div#content-middle h3.breadcrumbs a {
	font-size: 1.2em;
}

div#content-middle h3.green {
	color: #005e1f;
	font-weight: normal;
}
div#content-middle img.borderedimage {
	border: 1px solid #ccc;
	padding: 1px;
}
div#content-middle img.floatleft {
	float: left;
	margin: 10px;
	margin-left: 0;
}
div#content-middle img.floatright {
	float: right;
	margin: 10px;
	margin-right: 0;
}
div#content-middle div.middle-container-bottom {
	background: #fff url(../images/middle-container_bottom_inner.gif) no-repeat 0 0;
	height: 8px;
	margin: 0 -10px;
	width: 558px;
}
#p-home div#content-middle div.middle-container-bottom { background: #fff url(../images/middle-container_bottom.gif) no-repeat 0 0; width: 369px; }

div#content-middle a {
	color: #0063a8;
}
div#content-middle a:hover {
	color: #e84c01;
}
/* =Right */
div#content-right {
	height: auto;
	width: 177px;
}
div#content-right div.right-container#featured_products {
	background: #fff url(../images/right-container_bg.jpg) repeat-y 0 0;
	padding: 0;
	width: 177px;
}
div#content-right div.right-container#featured_products h3 { margin: 0; }
div#content-right div.right-container#featured_products div.right-container-bottom {
	background: #fff url(../images/right-container_bottom.gif) no-repeat 0 0;
	height: 8px;
	margin: 0;
	width: 177px;
}
div#content-right div.right-container#featured_products div.featured_products-first {
	border-top: 0;
}
div#content-right div.right-container#featured_products div.featured_products-container {
	border-top: 1px solid #b8e15d;
	padding: 10px;
}
div#content-right div.right-container#featured_products div.featured_products-container div.featured_products-image {
	margin: 5px 0;
	text-align: center;
}

/* =Footer
----------------------------------------------- */
div#footer-address_details {
	border-bottom: 1px solid #ccc;
	color: #252525;
	padding-bottom: 20px;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}
div#footer-address_details span.address_details-phone {
	margin: 0 4px;
}
div#footer-address_details a {
	color: #0063a8;
}
div#footer-address_details a:hover {
	color: #e84c01;
}
div#footer-address_details div.address_details-smaller_logo {
	background: url(../images/footer-cl_logo_small.jpg) no-repeat 0 0;
	display: block;
	float: left;
	height: 21px;
	margin-left: 20px;
	width: 62px;
	position:absolute;
}
div#footer-second {
	color: #005e1f;
	text-align: center;
}
div#footer-second a {
	color: #005e1f;
	text-decoration: none;
}
div#footer-second a:hover {
	color: #0063a8;
}
div#footer-second p.footer-we_accept a {
	font-weight: bold;
}
div#footer-second p.footer-we_accept img{
	vertical-align: text-bottom;
}
div#footer-second ul#footer-nav {
	margin-bottom: 10px;
}
div#footer-second ul#footer-nav,
div#footer-second ul#footer-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#footer-second ul#footer-nav li {
	border-left: 1px solid #005e1f;
	display: inline;
	padding: 0 4px 0 8px;
	line-height: 20px;
}
div#footer-second ul#footer-nav li.first {
	border-left: 0;
}
div#footer-second ul#footer-nav li span.hidden {
	display: inline;
}

/* =Products
----------------------------------------------- */
div#products-categories_wrapper {
	margin: 10px auto;
	text-align: center;
	width: 480px;
}
div.products-category_wrapper {
	border: 1px solid #efefef;
	float: left;
	margin: 2px;
	padding: 10px 4px;
	text-align: center;
	width: 100px;
	height: 145px;
	overflow: hidden;
}

body#listings div.products-category_wrapper {
	height: 240px;
}
div.products-category_wrapper .p-image-empty {
	width: 100px;
	height: 100px;
	overflow: hdden;
	background: url('../images/no-image.gif') no-repeat 0 0;
}
div.products-category_wrapper .p-image {
	width: 100px;
	height: 100px;
	overflow: hdden;
}

div.products-category_wrapper p {
	margin: 10px 0 0;
	padding: 0;
	height: 50px;
	overflow: hidden;
}
p.products-listing_price {
	font-size: 1.3em;
	font-weight: bold;
}
a.add_to_cart {
	background: url(../images/icon-add_to_cart.gif) no-repeat left center;
	color: #e84c01 !important;
	font-weight: bold;
	padding: 5px 0 5px 20px;
}
a.add_to_cart:hover,
a.checkout:hover,
a.delete_cart:hover,
a.back_to_shopping:hover {
	color: #000 !important;
}
a.checkout {
	background: url(../images/icon-cart_go.gif) no-repeat left center;
	color: #e84c01 !important;
	font-weight: bold;
	padding: 5px 0 5px 20px;
}
a.back_to_shopping {
	color: #e84c01 !important;
	font-weight: bold;
	margin-right: 20px;
	padding: 5px 0 5px 0;
}
a.delete_cart {
	background: url(../images/icon-delete_cart.gif) no-repeat left center;
	color: #e84c01 !important;
	font-weight: bold;
	margin-right: 20px;
	padding: 5px 0 5px 20px;
}
div#products-detail_wrapper {
	height: auto;
	margin: 0 auto;
	width: 480px;
}
div#products-detail_wrapper div#products-detail_image,
div#products-detail_wrapper div#products-detail_content {
	float: left;
}
div#products-detail_wrapper div#products-detail_image {
	height: auto;
	text-align: center;
	width: 125px;
}
div#products-detail_wrapper div#products-detail_content {
	height: auto;
	padding: 10px;
	width: 300px;
}
div#products-detail_wrapper div#products-detail_content div#products-detail_pricecart {
	border: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	margin: 10px 0;
	padding: 10px 0;
	text-align: right;
}
div#products-detail_wrapper div#products-detail_content div#products-detail_pricecart p {
	margin: 0;
	padding: 0;
}
div#products-detail_wrapper div#products-detail_content div#products-detail_pricecart p.products-detail_price {
	color: #e84c01;
	font-size: 1.5em;
	font-weight: bold;
}

/* =FAQs
----------------------------------------------- */
p span.faqs-question {
	color: #e84c01;
}

/* =Links
----------------------------------------------- */
ul.links-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.links-list li {
	margin-bottom: 10px;
}

/* Misc: =Forms
----------------------------------------------- */
#enquiryform {
	border: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
}
#enquiryform fieldset {
	border: 0;
	display: block;
	height: auto;
}
#enquiryform fieldset ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#enquiryform fieldset ol li {
	/*border-bottom: 1px dotted #cbd0e9;*/
	padding: 10px;
}
#enquiryform fieldset ol li.alt {
	background: #effecd;
}
#enquiryform label {
	display: inline-block;
	padding-top: 3px;
	vertical-align: top;
	width: 100px;
}
form em {
	color: #ff0000;
}
#enquiryform textarea, #enquiryform input {
	color: #48516f;
	font-size: 1em;
	width: 180px;
}
#enquiryform textarea {
	font: 1.1em/1.2em "Arial", "Helvetica", sans-serif;
}
p.submit input {
	font-size: 10px;
	float: right;
	margin-top: -5px;
	padding: 0;
	width: 50px !important;
}

/* =Cart =Checkout
----------------------------------------------- */
#cart { margin-top:25px; }
#carttable th { text-align:left; font-weight:bold; background:#eef6eb; color:#3d9f26; padding:8px 2px; }
#carttable td { padding:2px 0; background:#fff; border-bottom:1px dashed #3d9f26; }
#carttable .right { text-align:right; }
#carttable .qty td { border-bottom:0; }
#cart .totalprice { text-align:right; font-weight:bold; padding:8px 0; }
#cart .buttons { padding-top:10px; text-align:right; }
#cart .inputbutton { padding:0; border:0; padding-left:2px; }

/*---------------------------------------------   
    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;
}

/*
END OF CSS - CL Services
*/
