/*
	CSS Style Definitions for
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
/*img{behavior: url('../js/png.htc');}*/
html, body{ margin:0; padding:0; }
body{ font: .7em Verdana, Arial, Helvetica, sans-serif; text-align:center; }
#page-container{ width:770px; margin:0 auto; text-align:left; }
	#header{ background:url("../images/header-bg.gif") no-repeat; width:770px; float:left; height:142px; position:relative; }
		#header a#homelink{ display:block; width:200px; height:58px; position:absolute; top:16px; left:134px; }
		#header div#cart{ position:absolute; right:30px; top:12px; color:#69C20A; }
		#header div#cart a{ color:#69C20A; font-weight:bold; margin-left: 16px; }
		#header div#cart span#basket{ color:#69C20A; font-weight:bold; background:url("../images/icon-basket.gif") no-repeat left center; padding-left:16px; }
	#navigator{ width:770px; float:left; text-align:center; border-bottom:6px solid #fff; border-top:6px solid #fff; }
	#content{ width:770px; float:left; background: url("../images/left-bg.gif") no-repeat bottom left; }
		#left-side{ width:194px; float:left; }
		#right-side{ width:571px; float:right; }
			#right-side #left-end{ width:376px; float:left; }
			#right-side #right-end{ width:194px; float:right; background-color:#C6E46E; }
	#footer{ width:750px; float:left; border-top:1px solid #98B63E; color:#8EBC53; font-size:.9em; padding:10px; }
		#footer p{ float:left; margin: 0; }
		#footer ul{ margin:0; list-style: none; float:right; }
		#footer ul li{ float:left; margin-right: 12px; border-left:1px solid #8EBC53; }
		#footer ul li.first{ border-left: none; }
		#footer ul li a{ color: #8EBC53; font-weight:bold; text-decoration: none; margin-left: 12px; }


/* site wide elements */
#navigator ul{ display:inline; margin:0; padding:0; list-style:none; }
#navigator ul li{ display:inline; border-right:1px solid #44BCD7; padding:0 18px 0 0; }
#navigator ul li.last{ border-right:0; }
#navigator ul li.first a{ margin-left:0 !important; }
#navigator ul li a, #navigator ul li a:link, #navigator ul li a:visited{ text-decoration:none; color:#44BCD7; margin: 0 0 0 18px; }
#navigator ul li a:hover, #navigator ul li a:active{ text-decoration:underline; }

#left-side ul{ margin:0; padding:0; list-style:none; }
#left-side ul li{ border-bottom:1px solid #fff; margin:0; padding:8px 0 0 0; }
#left-side ul li a, #left-side ul li a:link, #left-side ul li a:visited{ color:#fff; text-decoration:none; margin:0 10px 8px 10px; display:block; font-weight:bold; }
#left-side ul li a:hover, #left-side ul li a:active{}
#left-side ul li dl{ margin:0; padding:0; border-top:1px solid #fff; }
#left-side ul li dl dd{ margin:0; padding:8px 0 8px 10px; border-bottom:1px solid #A1CF66; }
#left-side ul li dl dd.last{ border-bottom:0; _border-bottom: 1px solid #fff; }
#left-side ul li dl dd a, #left-side ul li dl dd a:link, #left-side ul li dl dd a:visited{ color:#fff; text-decoration:none; margin: 0 0 0 10px; display:block; font-weight:normal; }
#left-side ul li dl dd a:hover, #left-side ul li dl dd a:active{}

div#newsletter{ padding:20px 10px 240px 10px; }
div#newsletter p{ margin:0; color:#71963B; font-size:.9em; }
div#newsletter input[type=text]{ width:166px; border:1px solid #5E963B; background-color:#fff; padding:2px 4px; float:left; }
div#newsletter input[type=submit]{ width:70px; float:right; background-color:#98B63E; border:1px solid #73A645; margin:8px 0; color:#fff; font-weight:bold; font-size:.9em; }

div#search { padding:10px 10px 10px 10px; }
div#search p{ margin:0; color:#71963B; font-size:.9em; }
div#search input[type=text]{ width:166px; border:1px solid #5E963B; background-color:#fff; padding:2px 4px; float:left; }
div#search input[type=submit]{ width:70px; float:right; background-color:#98B63E; border:1px solid #73A645; margin:8px 0; color:#fff; font-weight:bold; font-size:.9em; }

dl.homeprod{ float:left; margin:0 3px 3px 0; padding:1px; width:182px; }
dl.homeprod dt{ margin:0; padding:0; text-align:center; }
dl.homeprod dd{ margin:0; padding:4px 10px; font-weight:bold; }
dl.homeprod dd a{ color:#fff; text-decoration:none; }

div#masthead{ width:100%; height:198px; _height:192px; position:relative; border-bottom:3px solid #fff; }
div#masthead img{ position: absolute; z-index:1; }
div#masthead h1{ margin:0 0 6px 0; font-size: 1em; color:#178AA4; position:absolute; top:60px; left:16px; z-index:100 }
div#masthead p{ color:#178AA4; margin:0 0 6px 0; width:60%; position:absolute; top:84px; left:16px; z-index:100 }

#right-side #right-end dl{ margin:5px; padding:0; }
#right-side #right-end dl dt{ margin:0; padding:4px 0 8px 0; }
#right-side #right-end dl dd{ margin:0; padding:0 5px; background-color:#fff; text-align:center; color:#8D8D8D; }
#right-side #right-end dl dd h1{ font-size:1em; color:#93B72A; margin:0 0 8px 0; }
#right-side #right-end dl dd p{ text-align:left; font-size:.9em; margin:0 0 8px 0; }
#right-side #right-end dl dd p span{ font-size:1.8em; font-weight:bold; }
#right-side #right-end dl dd h2{ color:#93B72A; font-size:1em;  margin:0 0 8px 0; text-align:left; }

h1.page-title{ margin: 0 0 12px 0; font-size:1.6em; }

table.product-table{}
table.product-table td{ padding:10px 0; color:#5FCFE8; width: 50%; }
table.product-table td.image{ width:95px; }
table.product-table td.image img{ padding:2px; }
table.product-table td.description{ padding:10px 4px 10px 0;}
table.product-table td h2{ margin: 0 0 8px 0; font-size:0.9em; }
table.product-table td p{ margin: 0 0 8px 0; font-size: 0.9em; }
table.product-table td a{ text-decoration:none; }


ul.pager{ margin:0; padding:0; list-style:none; text-align:right; }
ul.pager li{ margin:0; padding:0; display:inline; }
ul.pager li a{ color:#5FCFE8; text-decoration:none; margin: 0 5px; }
ul.pager li.previous a{ margin-right:16px; }
ul.pager li.next a{ margin-left:16px; }
ul.pager li.current a{ font-weight:bold; text-decoration:underline; }

ul#breadcrumb{ margin:0 0 6px 0; padding:0; list-style:none; clear:both; }
ul#breadcrumb li{ margin:0 6px 0 0; padding:0 0 0 6px; float:left; }
ul#breadcrumb li a{ text-decoration:none; }

div#product-photo{ width:300px; float:left; }
div#product-photo div#photo{ width:294px; height:294px; border:3px solid #9FD657; }
div#product-photo span.price{ display:block;font-size:2em;font-weight:bold; }

div#product-description{ width:260px; float:right; }
div#product-description h1{ font-size:1.8em; margin:0 0 .5em 0; }
div#product-description select{ font-size:1em; }

/* Special product page */
div#product-photo-special{ width:300px; clear: both; }
div#product-photo-special div#photo{ width:294px; height:294px; border:3px solid #9FD657; }

div#product-header-special h1 { font-size: 1.8em; margin: 0 0 .5em 0; }
div#product-header-special h2 { font-size: 1.2em; }

div#product-description-special{ width:100%;  }
div#product-description-special h1{ font-size:1.8em; margin:0 0 .5em 0; }
div#product-description select{ font-size:1em; }

div#product-add-special { overflow: visible; margin-bottom: em; }

div#product-price-special { width: 49%; float: left; }
div#product-price-special h3 { font-size: 1.3em; margin: 0px;}
div#product-price-special h4 { font-size: 1.6em;  margin: 0px; }

div#product-quantity-special { width: 49%; float: right; text-align: right; }
div#product-quantity-special h3 { font-size: 1.3em; margin: 0px; }
div#product-quantity-special input { width: 2em; text-align: right;}

div#product-button-special { text-align: right; margin-top: 1em; margin-bottom: 1em;}

ul#swatches{ margin:0; padding:0; list-style:none; }
ul#swatches li{ margin:0 5px 5px 0; padding:0; float:left; width:33px; height:33px; border:1px solid #ddd; }
ul#swatches li a{ width:33px; height:33px; display:block; }

table#selected{ margin:0; background-color:#cbcbcb; width:100%; }
table#selected th{ padding:4px; background-color:#fff; text-align:center; color:#ababab; }
table#selected td{ padding:4px; background-color:#fff; vertical-align:middle; text-align:center; color:#929292; }
table#selected td div{ width:22px; height:22px; float:left; margin-right:6px; }
table#selected td span{ line-height:22px; float:left; }
table#selected td a{ color:#838383; }
table#selected td select{ font-size:1em; }

p.total{ text-align:right; color:#929292 }
p.total span{ font-size:2em; font-weight:bold; }
p.total input{ margin-left:8px; }

/* Background colors */
.bg-blue-1{ background-color:#5FCFE8; }
.bg-blue-2{ background-color:#31A6C0; }
.bg-green-turc{ background-color:#57D6A5; }
.bg-green-lime{ background-color:#9FD657; }
.bg-green-cruel{ background-color:#8EBC53; }
.bg-orange{ background-color:#EBAC52; }
.bg-red{ background-color:#EB5D52; }
.bg-red-1{ background-color:#CA5660; }
.bg-purple{ background-color:#CD85F6; }
.bg-purple-1{ background-color:#A663C8; }
.bg-white{ background-color:#fff; }

.bg-num-1{ background-color:#31A6C0; }
.bg-num-2{ background-color:#8EBC53; }
.bg-num-3{ background-color:#CA5660; }
.bg-num-4{ background-color:#A663C8; }


/* Foreground colors */
.blue-1, .blue-1 *{ color:#54c1d9; }
.blue-2, .blue-2 *{ color:#31A6C0; }
.green-turc, .green-turc * { color:#57D6A5; }
.green-lime, .green-lime *{ color:#87bc41; }
.green-cruel, .green-cruel *{ color:#8EBC53; }
.orange, .orange *{ color:#EBAC52; }
.red, .red *{ color:#EB5D52; }
.red-1, .red-1 *{ color:#CA5660; }
.purple, .purple *{ color:#CD85F6; }
.purple-1, .purple-1 *{ color:#A663C8; }
.white, .white *{ color:#fff; }

/* Borders bottom colors */
.line-blue-1{ border-bottom: 1px solid #5FCFE8; }
.line-blue-2{ border-bottom: 1px solid #31A6C0; }
.line-green-turc{ border-bottom: 1px solid #57D6A5; }
.line-green-lime{ border-bottom: 1px solid #9FD657; }
.line-green-cruel{ border-bottom: 1px solid #8EBC53; }
.line-orange{ border-bottom: 1px solid #EBAC52; }
.line-red{ border-bottom: 1px solid #EB5D52; }
.line-red-1{ border-bottom: 1px solid #CA5660; }
.line-purple{ border-bottom: 1px solid #CD85F6; }
.line-purple-1{ border-bottom: 1px solid #A663C8; }
.line-white{ border-bottom: 1px solid #fff; }

/* clearing floats */
.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 */

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline:none; }