html, body {
	height: 100%;
}


body {
	margin: 0;
	padding: 0;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: white;
}

body#popup {
	padding: 10px 10px 0 10px;
	text-align: center;
}

div.body {
	background:  url(/images/regular-bgr.jpg) left bottom no-repeat;
}

body#catalog-page div.body  {
	background-image: url(/images/catalog-bgr.jpg);
}

body#index div.body  {
	background-image: url(/images/index-bgr.jpg);
	background-position: 0 535px;
}

div.body {
	min-width: 996px;
	position: relative;
   min-height: 100%;
   height: 100%;
}

html>body div.body {
	height: auto;
	width: auto;
}

div.footer {
	width: 100%;
	position: absolute;
	bottom: 0;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
	margin-top: 25px;
}

h4 {
	font-size: 14px;
	margin-top: 25px;
	margin-bottom: 10px;
}

a img {
	border: 0 none;
	text-decoration: none !important ;
}

a {
	color: black;
	outline: none;
}

form {
	margin: 0;
	padding: 0;
}

div.header {
	position: relative;
	height: 252px; 
	background: url(/images/header-bgr.jpg) 184px 0 no-repeat;
	
}

html>body div.header {
	border-top: 1px transparent solid;
}

div.header div.logo {
	position: absolute;
	z-index: 100;
	left: 150px;
	top: 13px;
}

div.facebook {
	margin-top: 60px;
	margin-left: 12px;
}

div.header div.sitename {
	background: #76B6D1 url(/images/sitename-bgr.gif) left top no-repeat;
	color: white;
	margin-top: 100px;
	margin-left: 194px;
	margin-left: 214px;
	margin-bottom: 0;
	text-align: center;
	height: 125px;
	height/**/: /**/81px;
	padding-top: 44px;
}

div.header div.sitename h1 {
	font-size: 36px;
	width: 470px;
	margin: 0 auto;
	visibility: hidden;
}

ul.main-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 193px;
	width: 213px;
	height: 295px;
	height/**/: /**/272px;
	padding-top: 23px;
	position: absolute;
	left: 0;
	top: 70px;
	background: url(/images/left-menu-bgr.gif) left top no-repeat;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

ul.main-menu li {
	margin-bottom: 9px;
	margin-left: 23px;
	width: 150px;
	line-height: 18px;
}

ul.main-menu a {
	color: #808080;
	text-decoration: none;
}

ul.main-menu a:hover {
	text-decoration: underline;
}

ul.main-menu li.active a {
	color: black;
}

div.personal {
	position: absolute;
	right: 25px;
	top: 17px;	
	color: #434343;
	font-size: 12px;
	text-align: right;
}

div.personal a {
	color: #434343;
}

div.personal p {
	margin: 0;
	margin-bottom: 5px;
}

div.personal ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 7px;
}

div.personal ul li {
	display: inline;
}

div.main {
	height: 100px;
	padding-bottom: 50px;
}

html>body div.main {
	height: auto;
	overflow: auto;
}


div.left-col {
	float: left;
	width: 250px;
	margin-top: 100px;
}

div.center-col {
	margin-left: 255px;
	margin-right: 35px;
	padding-bottom: 20px;	
	height: 100px;
}

html>body div.center-col {
	border-top: 1px transparent solid;
	height: auto;
}

ul.left-menu {
	margin: 0;
	margin-left: 25px;
	margin-top: 35px;
	padding: 0;
	list-style: none;
	font-size: 13px;
	font-weight: bold;
}

ul.left-menu li {
	padding-left: 10px;
}

ul.left-menu li.active {
	background: url(/images/bullet.gif) 0 4px no-repeat;
}

ul.left-menu ul {
	font-weight: normal;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 7px;
	margin-bottom: 5px;
	margin-top: 2px;
}

ul.left-menu ul li {
	padding-bottom: 1px;
}

ul.left-menu ul ul {
	margin-bottom: 3px;	
	margin-top: 0;
}

ul.left-menu ul ul sup {
	color: red;
	font-size: 11px;
}

form.search {
	float: right;
}

form.search input.text {
	font-size: 12px;
	width: 170px;
	margin-right: 5px;
}

form.search input.submit {
	border: 0 none;
	height: 21px;
	width: 62px;
	background: url(/images/button-bgr.gif) no-repeat;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	padding-bottom: 2px;
}

div.index-intro {
	margin-top: 5px;
}

div.index-intro h1 {
	font-size: 36px;
	line-height: 36px;
	margin: 0;
}

div.index-intro p {
	background: #F4F4F3;
	margin: 0;
	margin-left: 100px;
	padding: 20px 24px;
	font-size: 12px;
	
}

ul.catalog-menu {
	margin: 0;
	margin-top: 25px;
	margin-left: 80px;
	padding: 0;
	list-style: none;
	height: 100px;
}

body#catalog-page ul.catalog-menu {
	margin-left: 50px;
}

html>body ul.catalog-menu {
	height: auto;
	overflow: auto;
	//overflow: visible;
}

ul.catalog-menu li {
	width: 45%;
	margin-right: 10px;
	float: left;
	height: 154px;
	padding-bottom: 25px;
	background-position: left top;
	background-repeat: no-repeat;
}

ul.catalog-menu h2 {
	font-size: 14px;
	margin: 0;
	margin-top: 30px;
	margin-left: 106px;
}

ul.catalog-menu p {
	font-size: 12px;
	margin: 0;
	margin-top: 6px;
	margin-left: 106px;
}

ul.catalog-menu h2 span {
	color: red;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: super;
	xfont-weight: normal;
}

div.footer p {
	margin: 0;
	margin-left: 250px;
	background: #76B6D1 url(/images/footer-bgr.gif) left top no-repeat;
	line-height: 33px;
	text-align: right;
	padding-right: 14px;
	color: white;
	font-size: 12px;
}

div.footer a {
	color: white;
	padding: 0 13px;
}

div.footer span {
	padding-left: 12px;
	border-left: 1px white dotted;
}

div.footer span a {
	padding: 0;
}

div.footer div.note {
	text-align: right;
	font-size: 11px;
	padding-bottom: 3px;
	padding-right: 14px;
}

div.footer div.stats {
	float: left;
	margin-left: 7px;
	margin-top: 15px;
	color: #c9c9c9;
}

div.footer div span {
	cursor: help;
}

div.breadcrumb {
	font-size: 12px;
}

h1.section-title {
	padding-left: 30px;
}

div.content {
	padding-left: 32px;
	padding-right: 20px;
	padding-bottom: 20px;
}

div.content ol li {
	margin-bottom: 6px;
}

/* Product list */
 
 div.products-list {
 	height: 50px;
	margin-bottom: 10px;
 }
 
 html>body  div.products-list {
 	height: auto;
	overflow: auto;
 }
 
  div.product-container {
 	float: left;
	height: 127px;
	width: 48%;
	margin: 10px 0 15px 0;
	margin-right: 20px;
 }
 
 div.no-margin  {
 	margin-right: 0;
 }
 
 div.product {
	height: 127px;
	width: 313px;
	padding-right: 10px;
	background: url(/images/product-bgr.gif) 145px 0 no-repeat;	
	margin: 0 auto;
	position: relative;
	margin-top: 10px;
 }

div.product div.image {
	float: left;
	width: 150px;
	padding-top: 9px;
	margin-right: 20px;
	height: 113px;
}

div.product h4 {
  	font-size: 12px;
	padding-top: 40px;
	margin-top: 0;
	margin-bottom: 7px;
}

div.product h4 img {
	position: absolute;
	top: -3px;
	left: 258px;
}

div.product p {
	margin: 0;
}

#catalog-page div.content {
	padding-right: 0;
}

table.spec {
	width: 400px;
	border-collapse: collapse;
}

table.spec td {
	background: url(/images/dot.gif) bottom repeat-x;
	padding: 0;
	padding-top: 4px;
}

table.spec td span {
	background: white;
	padding-right: 2px;
}

table.spec td.right {
	text-align: right;
}

table.spec td.right span {
	padding-left: 2px;
	padding-right: 0;
}

/* Paging */
div.paging {
	text-align: right;
	overflow: auto;
	width: 99%;
	margin-top: 15px;
	padding-left: 1px;
}

div.paging.bottom {
	border-top: 1px #B2AA99 dashed;
	padding-top: 10px;
}

div.paging.top {
	border-bottom: 1px #B2AA99 dashed;
	padding-bottom: 20px;
}

div.paging span.status {
	float: left;	
}

div.paging span.current a {
	text-decoration: none;
}

/* Single product*/
div.product-details {
	margin-bottom: 25px;
}

div.product-details div.image {
	width: 250px;
	float: left;
	text-align: center;
	position: relative;
}

div.product-details div.image img {
	display: block;
}

div.product-details div.image img.new {
	position: absolute;
	top: -10px;
	right: 0px;
}

div.product-details div.props {
	height: 100px;
}

html>body div.product-details div.props {
	height: auto;
	overflow: auto;
}

div.product-details div.bordered {
	border: 2px #EAEAEA solid;
	padding: 0 23px;
	width: 250px;
	float: left;
	margin-right: 20px;

		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	margin-bottom: 15px;
}


div.notify {
	width: 300px;
	border: 2px #EAEAEA solid;
	border-radius: 3px;
	overflow: auto;
	zoom: 1;
	padding: 0 23px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div.notify div.err {
	margin: 10px 0;
	color: red;
}

div.notify div.status {
	margin: 10px 0;
	font-weight: bold;
	color: #006600;
}

div.notify h4 {
	margin: 15px 0 15px 0;
}

div.descr {
	clear: left;
	overflow: auto;
	zoom: 1;
}

div.product-details p {
	margin: 14px 0;
}

div.product-details p.price {
	font-weight: bold;
	font-size: 14px !important ;
}

div.product-details p.price del {
	display: block;
	padding-bottom: 4px;
}

div.product-details p.price del, div.product-details p.price del span {
	font-size: 14px !important ;
	text-decoration: none;
}

div.product-details p.price span {
	font-size: 24px;
}

p.product-code {
	margin-top: -15px;
	font-weight: bold;
}

p.no-stock {
	color: #ae0103;
	font-weight: bold;
}

h1.section-title {
	position: relative;
}

h1.section-title img {
	/*position: absolute;*/
	top: -8px;
	margin-left: 5px; 
}

/* Cart */

table.cart {
	margin-top: 20px;
	width: 600px;
	border-collapse: collapse;
	table-layout: fixed;
	border: 1px #76B6D1 solid;
}

table.cart th {
	font-size: 13px;
	padding: 3px 5px;
	background: #eee;
	border-bottom: 1px #666 dashed;
}

tr.disabled td {
	background: #f9f9f9;
}

table.cart td {
	padding: 3px 5px;
	border-bottom: 1px #76B6D1 dashed;
}

table.cart th.chk {
	width: 30px;
}

table.cart th.title {
	width: 230px;
}

table.cart th.price {
	width: 90px;
	text-align: right;
}

table.cart th.cost {
	width: 75px;
	text-align: right;
	padding-right: 15px;
}


table.cart td.price,  table.cart td.cost {
	text-align: right;
	padding-right: 15px;
}

table.cart th.qnt {
	width: 120px;
}

table.cart td.qnt input.text {
	width: 30px;
	text-align: right;
	border: 1px #c9c9c9 solid;
}

table.cart td.qnt input.text.error {
	color: red;
}

table.cart td.qnt input.button {
	width: 20px;
	border: 0px #c9c9c9 solid;
	height: 19px;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
}

table.cart tfoot td {
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
}

table.cart tfoot td small {
	font-size: 9px;
	font-weight: normal;
}

table.cart tfoot td#total_price {
	padding-top: 7px;
}

/* Form */
/*form.common, form.singin {
	margin-left: 40px;
}*/

form.common fieldset, form.singin fieldset {
	padding: 0 0 15px 0;
	margin: 15px 0 15px;
	border: 0px solid;
	border-bottom: 1px dashed #c9c9c9;
	color: #000;
}

form.common fieldset legend, form.singin fieldset legend {
	padding: 5px 5px 14px 0;
	margin-left: -7px;
	font-weight: bold;
	font-size: 13px;
	color: #000;
	border: 0px solid;
}

form.common div.field {
	height: 15px;
	margin-bottom: 6px;
}

html>body form.common div.field {
	height: auto;
	overflow: auto;
}

form.common div.field span {
	display: block;
	float: left;
	width: 180px;
	text-align: right;
	padding-top: 4px;
	padding-right: 3px;
}

form.common .mandatory {
	font-weight: bold;	
}

form.common .error {
	color: red;
}

form.common div.field input {
	width: 200px;
}

form.common div.field textarea {
	width: 200px;
	overflow: auto;
	height: 80px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
} 

form.common div.wide select {
	width: 205px;
}

form.singin fieldset input {
	vertical-align: middle;
	margin-left: 4px;
}

p.button input {
	background: #f2fbfd;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	margin-right: 6px;
}

form.common div.legend {
	margin-left: 156px;
	font-size: 10px;
	font-family: Tahoma, sans-serif;
}

/* Messages */
p.message {
	margin: 17px 0;
	padding: 7px 12px;
	background: #f9f9f9;
	border: 1px #76b6d1 solid;
	font-weight: bold;
}

p.error {
	background: #FFF1F1; /* #f5d4d4;*/
	border-color: red;
}

/* Other */
div.shipping-cost {
	margin-top: 14px;
}

div.shipping-cost strong {
	font-size: 16px;
}

form.common div.shipping-cost span {
	padding-top: 3px;
}

div.shipping-cost p {
	margin-top: 20px;
}

table.order-cost {
	font-size: 13px;
	border: 1px #76B6D1 solid;
	width: 300px;
	margin-bottom: 35px;
}

table.order-cost td {
	border-bottom: 1px #76B6D1 dashed;
	padding: 3px 5px;
}

table.order-cost td.price {
	text-align: right;
	padding-left: 15px;
}

table.order-cost tr.total {
	font-weight: bold;
	font-size: 15px;
}

table.order-cost tr.total td {
	border-bottom: 0 none;
}

table.orders {
	width: 99%;
	border: 1px #76B6D1 solid;
	border-collapse: collapse;
}

table.orders td, table.orders th {
	padding: 3px 6px;
	vertical-align: top;
	border-right:  1px #76B6D1 solid;
}

table.orders th {
	border-bottom: 1px #76B6D1 solid;
	background: #eee;
}
table.orders td {
	border-bottom: 1px #76B6D1 dashed;	
}

table.orders .right {
	text-align: right;
}

table.orders .center {
	text-align: center;
}

/* News */
p.news-date {
	color: #76ABD6;
	font-weight: bold;
}

div.news-list div {
	height: 10px;
	margin-bottom: 15px;
}

html>body div.news-list div {
	height: auto;
	overflow: auto;
}

div.news-list {
	margin-right: 180px;
}

div.no-nav {
	margin-right: 20px;
}

div.news-list span {
	color: #76ABD6;
	font-weight: bold;
}

div.news-list h4 {
	display: inline;
	padding-left: 5px;
	margin-bottom: 8px;
}

div.news-list p {
	margin-top: 8px;
}

div.news-nav {
	float: right;
	width: 170px;
	font-size: 16px;
	border-left: 2px #f3f3f3 solid;
	padding: 10px 15px;
	font-weight: bold;
}

div.news-nav h4 {
	margin-top: 0;
	margin-bottom: 10px;
}

div.news-nav a {
	color: #76ABD6;
}

div.news-nav a, div.news-nav span {
	padding-right: 5px;
}

div.news-nav p {
	margin-top: 9px;
	padding-bottom: 0;
	font-size: 12px;
}

/* Error pages */
body#errors-page div.personal {
	display: none;
}

div.float-container {
	height: 30px;
}

html>body div.float-container {
	height: auto;
	overflow: auto;
}

div.cert {
	margin-left: 330px;
}

div.imaged {
	height: 50px;
	padding: 20px 0;
	border-bottom: 1px #76b6d1 dashed;
}

html>body div.imaged {
	height: auto;
	overflow: auto;
}

div.imaged img {
	float: left;
	margin-right: 15px;
}

div.imaged p {
	margin-top: 0;
}

div.left-col div.news-list {
	margin: 15px 10px 0 15px;
	width: auto;
	font-weight: normal;
}

div.left-col div.news-list h4, div.left-col div.news-list span {
	font-size: 12px;
}

table.common {
	border-collapse: collapse;
}

table.common th, table.common td {
	padding: 4px 7px;
	border: 1px #c9c9c9 solid;
}

table.common th {
	background: #f5f5f5;
}

div.compare-list {
	line-height: 200%;
	font-size: 13px;
}

div.compare-list label input {
	vertical-align: middle;
}

table.compare td {
	text-align: right;
}

table.compare td.name {
	text-align: left;
	font-weight: bold;
	color: #333;
}

div.accessories {
	font-size: 20px;
	color: #af0103;
	margin: 15px 0;
}

div.accessories a {
	color: #af0103;
}

div.discount {
	font-size: 14px;
	font-weight: bold;
	color: #af0103;
}

div.online-sale-poster {
	position: relative;
	left: 15px;
	margin-top: 30px;
}

div.online-sale-poster img {
	border: 1px #c9c9c9 solid;
}

span.backorder, p.backorder span {
	color: red;
}

table.delivery-time {
	margin-top: 20px;
	border: 1px #76B6D1 solid;
	text-align: center;
	border-collapse: collapse;
}

table.delivery-time td, table.delivery-time th {
	border-bottom: 1px #76B6D1 dashed;
	padding: 3px 10px;
	border-left: 1px #76B6D1 dashed;
}

table.delivery-time th {
	border-bottom: 1px #76B6D1 solid;
}

table.delivery-time .last td {
	border-bottom: 0 none;
}

.delivery-time {
	margin-left: 0px;
}

p.delivery-time {
	font-size: 11px;
}

div.galleries div {
	float: left;
	margin-bottom: 20px;
	width: 50%;
}

div.galleries div img {
	max-width: 300px;
	max-height: 300px;
	margin-right: 20px;
}

div.galleries div p {
	margin-right: 20px;
}

div.gallery div {
	float: left;
	margin-bottom: 20px;
	width: 30%;
	margin-right: 3%;
}

div.gallery div img {
	max-width: 200px;
	max-height: 200px;
	margin-right: 20px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div.gallery div p {
	margin-right: 20px;
}

div.clear {
	clear: both;
	float: none !important ;
	width: 100% !important ;
	margin: 0 !important ;
}

div.gallery h4, div.galleries h3 {
	margin-top: 0;
}



body#dealer_popup {
	/*width: 485px;*/
	padding: 0;
	padding-bottom: 30px;
}

body#dealer_popup h1.pagetitle {
	height: 90px;
	background: url(/images/popup-header.png) 10px 0 no-repeat;
	line-height: 90px;
	color: white;
	padding-left: 170px;
}

body#dealer_popup h2 {
	font-weight: normal;
}

body#dealer_popup div.content {
	padding: 0px 0 0 60px;
}

body#dealer_popup div.content div {
	width: 388px;
	background: url(/images/dealers-bgr.png) left bottom no-repeat;
	padding: 20px 20px 20px 25px;
	margin: 0 0 30px 0;

}

body#dealer_popup div.content div table {
	width: 350px;
	border-collapse: collapse;
	font-size: 13px;
}

body#dealer_popup div.content div table td {
	vertical-align: top;
	padding: 0 10px 10px 0;
	border: 0 none;
}

div.map-buttons {
	margin: 20px auto;
	width: 740px;
}

div.map-buttons a {
	display: block;
	float: left;
	width: 225px;
	height: 44px;
	padding-top: 13px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	margin-right: 20px;
	margin-bottom: 20px;
	background: url(/images/map-button.png) left top no-repeat;
}