body {
	font-family: 'Trebuchet MS', Verdana, Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 9pt;
	text-align: center;
	background: #d63e44;
	margin: 0;
	padding: 0;
	color: #333;
}

p {
	margin: 0;
	padding: 0 5px 20px 5px;
}

a {
	text-decoration: none;
	color: #DD3E44;
	font-weight: bold;
}

a, a:active { outline: none; }
a:focus { -moz-outline-style: none; }

#wrapper {
	width: 781px;
	margin: 0 auto 0 auto;
}

#head {
	position: relative;
	width: 781px;
	height: 251px;
	background: url('images/head.jpg');
	margin: 20px 0 0 0;
}

#head a.gohome {
	display: block;
	position: absolute;
	top: 132px;
	left: 300px;
	width: 196px;
	height: 72px;
	text-indent: -3000px;
}

#menu {
	position: relative;
	margin: 4px 0 4px 0;
	width: 781px;
	height: 50px;
	background: url('images/menu_bg.gif');
}

#menu a {
	position: absolute;
	display: block;
	width: 100px;
	height: 33px;
	top: 18px;
	text-indent: -3000px;
}

#menu a.home, #menu a.home:hover, #menu a.homeon {
	left: 49px;
	width: 106px;
}

#menu a.home:hover, #menu a.homeon {
	background: url('images/but_home.gif');
}

#menu a.about, #menu a.about:hover, #menu a.abouton {
	left: 173px;
	width: 112px;
}

#menu a.about:hover, #menu a.abouton {
	background: url('images/but_about.gif');
}

#menu a.products, #menu a.products:hover, #menu a.productson {
	left: 308px;
	width: 108px;
}

#menu a.products:hover, #menu a.productson {
	background: url('images/but_products.gif');
}

#menu a.distributors, #menu a.distributors:hover, #menu a.distributorson {
	left: 436px;
	width: 178px;
}

#menu a.distributors:hover, #menu a.distributorson {
	background: url('images/but_distrib.gif');
}

#menu a.contact, #menu a.contact:hover, #menu a.contacton {
	left: 641px;
	width: 92px;
}

#menu a.contact:hover, #menu a.contacton {
	background: url('images/but_contact.gif');
}

#content {
	background: #d7e5e4 url('images/content_top.gif') center top no-repeat;
	padding: 5px;
	width: 771px;
	margin: 0;
}

#leftcol {
	float: left;
	width: 207px;
}

.left {
	width: 207px;
	padding: 0;
	background: url('images/left_bg.gif');
}

.left h1 {
	width: 207px;
	height: 49px;
	text-indent: -3000px;
	padding: 0;
	margin: 0;
	border: 0;
}

.left h1.products {
	background: url('images/h1_products.gif');
}

.left h1.basket {
	background: url('images/h1-basket.gif');
}

.left .content {
	padding: 10px 10px 0 10px;
	margin: 0;
}

.left .footer {
	width: 207px;
	height: 35px;
	background: url('images/left_btm.gif');
}

.left a {
	display: block;
	margin: 0 0 0 10px;
	text-align: left;
	padding: 3px 0 3px 25px;
	background: url('images/bullet.gif') left center no-repeat;
	border-bottom: 1px dotted #666;
	text-decoration: none;
	color: #777;
	font-size: 10pt;
	font-weight: bold;
}

.left a.prod {
	display: block;
	margin: 0;
	text-align: left;
	padding: 3px 0 0 0;
	text-decoration: none;
	border: 0;
	background: none;
	color: #777;
	font-size: 10pt;
	font-weight: bold;
}

.left a:hover, .left a.active {
	color: #D63E44;
}


#footer {
	width: 781px;
	height: 8px;
	background: url('images/content_btm.gif');
}


#copyright {
	margin: 0 auto 0 auto;
	font-size: 8pt;
	color: white;
	padding: 0 0 10px 0;
}

#copyright a {
	color: white;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}

#maincontent {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 552px;
	text-align: left;
	background: url('images/maincontent_bg.gif');
}

#maincontent .content {
	padding: 10px;
}

#maincontent .top, #maincontent .btm {
	height: 11px;
	background: url('images/maincontent_top.gif');
	font-size: 1px;
}

#maincontent .btm {
	background: url('images/maincontent_btm.gif');
}

.prodshort {
	width: 480px;
	margin: 5px 0 10px 10px;
	padding: 10px;
	border-bottom: 1px solid #DDD;
}

.mainphoto {
	float: left;
	margin-right: 10px;
	border: 1px solid #d53b73;
	padding: 2px;
}

.prodshort .content {
	float: right;
	width: 300px;
	padding: 0;
}

.prodshort h2, .prodshort h2 a {
	color: #777;
	text-decoration: none;
	font-size: 12pt;
	margin: -10px 0 3px 0;
	padding: 0;
}

.prodshort h2 a:hover {
	color: #d53b73;
}

.prodshort .intro {
	color: #44ac4d;
}

.prodshort .price, .productcontent .price {
	padding-top: 10px;
	color: #888;
}

.prodshort .buts {
	padding-top: 5px;
	text-align: right;
}

.prodphotos, .pagephotos {
	float: right;
	width: 150px;
	text-align: center;
	padding: 10px 20px 0 0;
}

.prodphotos img, .pagephotos img {
	border: 1px solid #d53b73;
	padding: 2px;
}

h1 {
	height: 25px;
	background: url('images/h1.gif');
	color: #D63E44;
	font-family: Tahoma;
	font-size: 11pt;
	padding: 3px 0 0 25px;
	margin: 0 5px 5px 0;
	border-bottom: 1px solid #DDD;
}

.productcontent {
	width: 330px;
	float: left;
	padding: 10px;
}

.productcontent .buts {
	padding: 10px;
	text-align: right;
}

table.lst {
	border: 1px solid #CCCCCC;
	text-align: left;
}

table.lst th {
	background: #DD8507;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	text-align: center;
	border-right: 1px solid #CCCCCC;
	padding: 4px;
	border-bottom: 1px solid #EEEEEE;
}

table.lst th.subth {
	background: #000095;
}

table.lst td {
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #CCCCCC;
}

table.lst tr.row0 {
	background: #F4F4F4;
}

table.lst tr.row1 {
	background: #FFFFFF;
}

table.lst tr.rowfoot {
	background: #DD8507;
	color: white;
	font-weight: bold;
}

.slidephoto {
	margin: 5px;
	border: 1px solid #d53b73;
	padding: 2px;
}

.caption {
	padding: 3px 0 10px 0;
}

.frminput, .inputnum {
	color: #000000;
	background: #F7F7F7;
	font-family: Arial;
	font-size: 8pt; 
    border: 1px solid #333;
	padding-left: 3px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

.inputnum {
	border: 1px solid #DD3E44;
	width: 30px;
	margin: 0 6px 4px 0;
}

.frmbutton {
	color: #FFFFFF;
	background: #DD3E44;
	font-size: 8pt;
	font-weight: bold;
    border: 1px solid #94193F;
	margin-bottom: 6px;
}

div.msg_err {
	color: red;
	font-weight: bold;
	padding:3px;
	margin: 5px;
}

div.msg_ok {
	color: green;
	font-weight: bold;
	padding:3px;
	margin: 5px;
}

div.colors {
	padding: 10px 0 10px 0;
}

div.colors span {
	display: block;
	float: left;
	width: 100px;
}


div.colors a {
	display: block;
	float: left;
	width: 20px;
	height: 16px;
	font-size: 7pt;
	border: 1px solid #AAA;
	text-align: center;
	margin-right: 5px;
}

div.colors a.color1, div.colors a.colorsel1 {
	background: white;
}

div.colors a.color2, div.colors a.colorsel2 {
	background: #efea26;
}

div.colors a.color3, div.colors a.colorsel3 {
	background: orange;
}

color4, colorsel4 {
	background: red;
}

div.colors a.color5, div.colors a.colorsel5 {
	background: #ffb6f5;
}

div.colors a.color6, div.colors a.colorsel6 {
	background: #18a346;
}

div.colors a.color7, div.colors a.colorsel7 {
	background: #80bbd9;
}

div.colors a.color8, div.colors a.colorsel8 {
	background: #8d7f99;
}

div.colors a.colorsel1, div.colors a.colorsel2, div.colors a.colorsel3, div.colors a.colorsel4, div.colors a.colorsel5, div.colors a.colorsel6, div.colors a.colorsel7, div.colors a.colorsel8 {
	border: 1px solid black;
}

ul {
	margin: 0 0 7px 0;
}

ul  li {
	margin: 0 0 7px 0;
	padding: 0;
}

a:hover img {
	border: 1px solid #CF7811;
}

#loading {
	position: absolute;
	visibility: hidden;
	z-index:3000;
	text-align: center;
	background: white;
	border: 1px solid #D70202;
	width: 350px;
	height: 40px;
	color: #333;
	font-size: 14pt;
}

#loadingbox { 
	margin: 260px auto 0;
	border: 3px solid #153d74; 
	width: 200px; 
	height: 34px; 
	color: #fff;
	padding-top: 20px;
	font-size: 1.2em; 
	background: #4578a7; 
	font-weight: bold;
}

strong {
	font-size: 105%;
}

a.prod, a.prodactive {
	display: block;
	margin: 0 0 0 10px;
	text-align: left;
	padding: 2px 0 2px 15px;
	text-decoration: none;
	color: #d5559b;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

a.prodactive {
	color: #a02b6b;
}