@import "core.css";

@import "cmxformTemplate.css";
@import "cmxform.css";

body {
	background-color: #e2fff2;  margin:0px;
	background-image: url("http://www.unekliinik.ee/graphics/taust.png");
	background-repeat: repeat-x;
	font-family: Verdana;
	font-size: 12px;
	color: black;
}

* { padding: 0px; margin: 0px; border: 0px;} 

A:link {color: black; }
A:visited {color: black;}
A:hover {color: #444444;}
A:active {color: #444444;}

#wrap {
	margin-top: 20px;
	width: 900px;
	margin-left: auto; margin-right: auto;
	margin-bottom: 200px;
	
}

#header {
	width: 900px;
	height: 103px;
	margin-bottom: 15px;
}
#header img { float: left; margin-right: 1px; margin-left:1px;}

#menu { width: 660px; float: right; margin-top: 50px; }

#menu ul { padding: 0; list-style-type: none; margin: 0; float: right;  font-size: 15px;}
#menu a:link, #menu a:visited {color:#77797b; text-decoration:none;}
#menu ul li {float:left; padding:0px; margin:0px;}
#menu ul li span span {height:28px; padding:4px 6px 0px 8px; float:left; margin: 0px 4px 0px 0px;}
#menu ul li span {margin-left:8px; float:left;}
#menu a:hover {cursor:pointer; color: white;}
#menu a:hover span {background:url('http://www.unekliinik.ee/graphics/button.png') no-repeat right top;}
#menu a:hover span span {background:url('http://www.unekliinik.ee/graphics/button.png') no-repeat left top;}
#menu li.selected a, #menu li.selected a:visited, #menu li a.selected, #menu li a.selected:visited {color:#fff;}
#menu li.selected a span span, #menu li.selected a:hover span span, #menu li a.selected span span, #menu li a.selected:hover span span {background:url('http://www.unekliinik.ee/graphics/button.png') no-repeat left top;}
#menu li.selected a span, #menu li.selected a:hover span, #menu li a.selected span, #menu li a.selected:hover span {background:url('http://www.unekliinik.ee/graphics/button.png') no-repeat right top;}

#contents { text-align: justify; margin-top: 10px; }
#cent { width: 600px; margin: 0 auto; padding-bottom: 20px;}
#left { width: 370px; float: left; 	padding-bottom: 155px;}
#right { width: 455px; float: right; }

.sinine { background:url('http://www.unekliinik.ee/graphics/sinine.png') no-repeat top left; width: 344px; height: 35px; margin: 0px; }
.punane { background:url('http://www.unekliinik.ee/graphics/punane.png') no-repeat top left; width: 344px; height: 35px;}
.roheline { background:url('http://www.unekliinik.ee/graphics/roheline.png') no-repeat top left; width: 344px; height: 35px;}
#testest { background:url('http://www.unekliinik.ee/graphics/est_test.png') no-repeat top left; width: 187px; height: 96px;}
#testeng { background:url('http://www.unekliinik.ee/graphics/eng_test.png') no-repeat top left; width: 193px; height: 96px;}
h1 { color: white; font-size: 16px; padding: 9px 0 0px 10px; margin: 0px; }
h2 { color: white; font-size: 15px; padding: 40px 15px 0 100px; margin: 0px; }
#test a {text-decoration: none; color: white;}

p { padding: 0 0 10px 0;}
ul { list-style-type: disc; padding: 0 0 0 0;}
li { margin: 5px 0 0 30px;}
table { background: #DDDDDD; margin-left: auto; margin-right: auto;}
td, th { padding: 3px; background: white; margin: 0px;}

.imgright, .imgright img { float: right; padding-left: 5px;}
.right { text-align: right;}
.price {text-align: right; width: 45px;}

.center { text-align: center;}
.lrg { font-size: 16px; }

.teenused td:first-child + td { text-align: right;}

.imgright { align: right; padding-left: 10px; }

#footer {
	background-image: url('/graphics/footer.png');
	background-repeat: no-repeat;
	bottom: 0px;
	left: 0px;
	display: block;
	width: 446px;
	height: 184px;
	position: fixed;
	z-index: -1;
}

#mod {
	right: 10px;
	bottom: 10px;
	display: block;
	position: fixed;
	color: #CCCCCC;
}

.clear {clear:both;}

.prod { float: left; width: 215px; height: 322px; margin: 5px; border-color: #F1F1F1;border-spacing:1px;}

#cart, #cart li {list-style:none;}
#cart {
    float: right;
    position: relative;
    margin: 5px 0 0 30px;
}
#cart li {margin: 0;}
/*#cart div {
    float: left;
}*/
#cart-text {
    background: url(../images/shcart25.png) center center no-repeat;
    width:25px;
    height:25px;
    display:block;
}
div#cart-stuff {
    height: 25px;
    position:relative;
}
#cart-counter {
    width: 18px;
    line-height:18px;
    height: 18px;
    text-align: center;
    position: absolute;
    top: -10px;
    right: -15px;
    background: white;
    border: 1px solid #515151;
    border-radius: 50%;
    color:#515151;
}
#cart-dropdown {
   display: none;
}

#cart-holder:hover > #cart-dropdown {display:block;}
#cart-dropdown {
    width: 400px;
    margin-top: 0;
    position: absolute;
    z-index: 9999;
    right:0;
}
#cart-dropdown li img {
    padding-right: 15px;
}
#cart-dropdown li:not(:first-child), #cart-dropdown li:not(:last-child) {
    background: white;
    padding: 3px 0;
    padding-left: 10px;
    padding-right: 5px;
}
#cart-dropdown li:first-child {
    background-size: 100%;
}
#cart-dropdown li:last-child {
    background: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#cart-dropdown li:first-child, #cart-dropdown li:last-child {
    height: 15px;
    padding: 0;
}
.simpleCart_items {
    margin-bottom: 10px;
    border-bottom: 1px solid;
}
.simpleCart_items table {border: 0;background:white;background: transparent;width: 100%;}
.simpleCart_items table td {padding: 5px 3px;}
.headerRow {
    width: 100%;
    padding: 10px 0;
    line-height: 2em;
    display:none;
}
/*.cart-summary {position:relative;}*/
.itemRow {
    width: 100%;
    padding: 10px 0;
}
.item-name {font-size: 1.2em;
    text-align: center;
    padding: 0 10px;
}
.item-quantity {
    width: 25px;
    text-align: center;
}
.item-total {font-size: 1.2em;
    width: 100px;
    text-align: center;
}
#checkout {
    position: absolute;
    padding: 5px 10px;
    bottom: 15px;
    right: 25px;
    background: #a0508f;
    border-radius: 5px;
    color: white;
    cursor: pointer;
}
#checkout a {
    color: white;
    text-decoration: none;
}
.cart-price {
    padding: 5px 10px;
}

.prod.simpleCart_shelfItem {
    z-index:100;
    transition: transform .3s linear .2s, opacity .8s linear;
	-moz-transition: -moz-transform .3s linear .2s, opacity .8s linear;
	-webkit-transition: -webkit-transform .3s linear .2s, opacity .8s linear;
	-o-transition: -o-transform .3s linear .2s, opacity .8s linear;
}

.addDemoAnimation{
	-webkit-transform:scale(0.5,0.5);
	-o-transform:scale(0.5,0.5);
	-moz-transform:scale(0.5,0.5);
	transform:scale(0.5,0.5);
	opacity:.7;
}

#signupForm { width: 520px;margin: auto; }
#signupForm label.error { margin-left: 10px; width: auto; display: block; }
#ad_topics {
	border: 0px;
	margin-left: 100px;
	margin-top: -10px;
	padding: 0px;
}
#ad_topics label.error { display: none; }
#buttons { float: right; }
#buttons img { margin: 4px;}
.dis { background-color: #F1F1F1; color: black;}

#signupForm input[type='text'] {padding: 2px 4px;
font-size: 100%;
font-family: inherit;
width:200px;}

#fcheckout {padding: 5px 10px;
background: #a0508f;
border-radius: 5px;
color: white;
cursor: pointer;}
form.cmxform {font-size:1.2em;}

div.total {text-align: right;font-size: 1.5em;}
.simpleCart_empty {float:right;}