/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#f3f3f3;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.813em;
		line-height:1.231em;
		color:#555555;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#4ed0d8;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
strong {color:#4ed0d8;}

/* ============================= main layout ====================== */

.tail-top {background:#fff url(../images/top-tail.gif) top repeat-x;}
.tail-bottom {background:url(../images/bottom-tail.gif) bottom repeat-x;}

li { background:url(../images/list-bg.gif) no-repeat 0 7px; padding-left:13px; font-size:0.923em; line-height:1.667em;}
li a {color:#808080; text-decoration:none;}
li a:hover {text-decoration:underline;}
li.group {
	background: transparent;
	padding-left:0;
}
li.group ul {
	margin:0 13px 3px;
}

h2 {font-size:1.538em; line-height:1em; color:#7ddde2; font-weight:normal; margin-bottom:12px;}
h3 {font-size:1.846em; line-height:1em; color:#383838; font-weight:normal; margin-bottom:20px; letter-spacing:-1px;}

.link {color:#4ed0d8; font-weight:bold; text-decoration:none; display:inline-block; margin-top:10px;}
.link:hover {text-decoration:underline;}

.link2 {color:#ea337c; font-weight:bold; margin-left:30px;}
.link3 {background:url(../images/list-bg.gif) no-repeat 0 5px; padding-left:15px; color:#808080;}

.imgindent {margin:0 10px 0 0; float:left;}
.cart2 {background:url(../images/cart2-bg.gif) no-repeat 0 0; padding-left:25px; color:#4ed0d8; font-weight:bold; display:inline-block; margin-top:11px;}

/* ============================= header ====================== */

#header .left {padding:10px 0 0px 32px;}
#header .right {position:absolute;right:0;padding:18px 30px 0 0; color:#cecece; text-align:right; width:600px;}
#header a {color:#4ed0d8; font-weight:bold; text-decoration:none;}
#header .cart {background:url(../images/cart-bg.gif) no-repeat 0 0; padding-left:26px; color:#ea337c; margin-left:14px;}
#header .search {background:url(../images/search-tail-bg.gif) top repeat-x; display:inline-block; font-size:0.923em; line-height:1em; color:#fff; vertical-align:middle;}
#header .search span {background:url(../images/search-right-bg.gif) top right no-repeat; display:inline-block;}
#header .search span span {background:url(../images/search-left-bg.gif) top left no-repeat; padding:4px 14px 6px 13px;}

.menu {padding-left:17px;}

/* ============================= content ====================== */

.col-pad {padding:22px 30px 0 0;}
.col-pad2 {padding-right:40px;}
.indent {padding:24px 0 0 19px;}

.margin1 {margin-top:23px;}
.margin2 {
	margin-top:38px;
	position:relative;
	border:1px solid #ccc;
	padding:0 10px;
}
.margin3 {margin-top:8px;}
.rate {padding:5px 0 6px 0;}
.rate img {vertical-align:middle;}
.price1 {color:#ea337c; font-size:1.385em; line-height:1em;}
.price2 {color:#ea337c;}
.block {overflow:hidden; zoom:1;}

.box {background:url(../images/box-tail-bg.gif) bottom repeat-x;}
.box .tail-top {background:url(../images/box-tail-bg.gif) top repeat-x;}
.box .tail-right {background:url(../images/box-tail-bg.gif) right repeat-y;}
.box .tail-left {background:url(../images/box-tail-bg.gif) left repeat-y;}
.box .corner-bottom-right {background:url(../images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(../images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(../images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(../images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .indent {padding:20px 30px 70px 29px;}

.normal {color:#555555;}

.line2 {border-bottom:1px solid #dbdbdb; padding-bottom:20px; margin-bottom:20px;}

.enlarge {display:inline-block; font-weight:bold; color:#4ed0d8; padding:10px 0 0 55px;}

/* ============================= footer ====================== */

#footer {text-align:center; font-size:0.846em; color:#282828; line-height:1.818em;}
#footer .list { color:#808080; padding:24px 0 0 0;}
#footer a {font-size:1.091em; color:#808080;}

/* ============================= forms ============================= */

#SearchForm {padding:17px 0 0 0;}
#SearchForm .input {width:266px; height:20px; border:1px solid #c6c6c6; background:none; padding:0 0 0 5px; font-size:1em; margin-top:0px; }

.rowi {font-size:0.846em; height:21px;}
.rowi span {display:inline-block; width:58px;}
select {width:135px; border:1px solid #c6c6c6; font-size:0.833em; line-height:1em; color:#808080;}
.select {width:185px;}



a.boldbuttons{
	background: transparent url('../images/roundedge-gray-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
	color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.contact input {
	width:200px;
	height:17px;
	margin-top:10px;
	padding:3px;
}
.contact textarea {
	width:200px;
	height:70px;
	margin-top:10px;
	padding:3px;	
}
.container3 {
	width:315px;
	float:left;
	height:130px;
	position:relative;
	border:1px solid #ccc;
	padding:0 10px;
	margin: 0 10px 10px 0;
}

	.cos {
		width:650px;
		border: solid 1px silver;
		margin-top:20px;
	}
	.cos .top td {
		text-align:center;
		font-weight:bold;
		height:30px;
		vertical-align:middle;
	
	}
	.cos td {
		padding:4px 0px;
	}
	.cos .top {
		border-bottom: solid 1px silver;
	}
	.cos input {
		width:30px;;
	}
	.cos {
		text-align:center;
	}
	.cos .elementprodus {
		text-align:left;
		margin-left:10px;
	}
	.cos .sterge {
		width:80px;
	}
	.cos_bottom {
		margin-top:10px;
		width:550px;
	}
	.cos_bottom a {
		margin-right:10px;
	}
	.cos_bottom .total {
		text-align:right;
	}
	
h3 {
	color:orange;
	font-size:16px;
	font-weight:bold;
	font-face:verdana;
	margin-bottom:10px;
	margin-top:10px;
}
.input {
	margin-top:10px;	
}
input {
	width:200px;
	height:12px;
	margin-top:0px;
	padding:3px;
}
label {
	width:150px;
	height:21px;
	float:left;
	display:block;
	font-face:verdana;
	font-size:15px;
}

.breadbrumbs {
	position: absolute;
	top:0;
	color: #4ED0D8;
}

.breadbrumbs a {
	display: block;
	padding: 0 13px 0 0;
	margin-right: 4px;
	float: left;
	background: url(../images/bullet.jpg) no-repeat right center;
	text-decoration:none;
}

.mr0 { margin-right:0; }