@import "reset.css";
@import "forms.css";

body { background-color: White; color: #666; font: .76em/normal Georgia, Arial, Helvetica, sans-serif; text-align: center; }

/* Links */

a,a:link,a:visited { color: #666; }
a:hover { color: #000; }

a.link1 { color: #666; border-bottom: solid 1px #666; }
a.link1:hover { color: #000; border-color: #000; }

a.link2 { color: #000; border-bottom: solid 1px #000; }
a.link2:hover { color: #99cccc; border-color: #99cccc; }

a.on { color: #99cccc; border-bottom: solid 2px #e5f2f2; }
a.on:hover { color: #000; border-color: #000; }

#signupLink { display: block; float: right; background-color: #f3bed8; color: #fff; padding-top: 12px; font-family: Arial, sans-serif; font-size: 210%; font-weight: bold; width: 306px; text-transform: uppercase; text-indent: 6px; letter-spacing: -1px; }
#signupLink:hover { background-color: #9cc5ca; }
#underSignupLink { display: block; float: right; padding-top: 5px; font-family: georgia, Arial, sans-serif; width: 306px; text-indent: 6px; }

ul { list-style: disc; padding: .5em 0 .5em 2em; }
ol { list-style: decimal; padding: .5em 0 .5em 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }

.label { color: #99cccc; }
.normal { color: #666 !important; }
.footnote { font-size: .9em; font-style: italic; }

cite { color: #f3bed8; }

/* Titles */

#logo { float: left; padding: 44px 0 0 8px; }
#logo a, #logo a:visited { color: #9cc5ca;  }
#logo a:hover { color: #000; }
#logo img { display: block; }

#outline { position: absolute; bottom: 0; right: 0; z-index: 2; float: right; padding-top: 8px; width: 306px; text-indent: 6px; background-color: #f3bed8; color: #fff; font-family: Arial, sans-serif; font-size: 130%; text-transform: uppercase; }
#outline span { font-size: .95em; }

#simpleMsg { color: #f3bed8; font-family: Arial, sans-serif; font-size: 320%; font-weight: normal; text-transform: uppercase; line-height: 1em; letter-spacing: -2px; }
#simpleMsg strong { font-size: 115%; }

#catf { float: left; background-color: #9cc5ca; color: #fff; padding: 12px 8px 0 27px; font-family: Arial, sans-serif; font-size: 210%; font-weight: bold; text-transform: uppercase; text-indent: 6px; letter-spacing: -1px; }

#comingSoon { margin-top: 5px; font-family: Arial, sans-serif; font-size: 210%; color: #99cccc; text-transform: uppercase; letter-spacing: -1px; }

#h3 { margin-top: 5px; font-family: Arial, sans-serif; font-size: 210%; color: #f3bed8; text-transform: uppercase; line-height: 1em; letter-spacing: -1px; font-weight: normal; }
#h32 { margin-top: 5px; font-family: Arial, sans-serif; font-size: 210%; color: #9cc5ca; text-transform: uppercase; line-height: 1em; letter-spacing: -1px; }

#submitDesign { position: absolute; top: 75px; left: 340px; }


/* Layout
==============================================================================================  */

#container { width: 900px;  margin: 0 auto; text-align: left; }
#content .data { position: relative; z-index: 3; min-height: 427px; }
#content .subs { clear: both; min-height: 210px; position:relative; }

.subs #drew{ position:absolute; top:-2px; left:45px; }


#header { position: relative; z-index: 1; height: 100px; }
#sidebar { float: right; width: 290px; }
#mainbar { width: 505px; padding-left: 65px;  }
#footer { clear: both; }

/* Padders */

.inner { padding: 10px; }
.bpan { padding-bottom: 225px !important; }
.lpan { padding-left: 65px; }


* html #content .data { height: 427px; }
* html #content .subs { height: 210px; }

#main { background: url(../images/main.jpg) bottom right no-repeat; }
#submit { background: url(../images/submit-flower.jpg) bottom right no-repeat; }

.article p { margin-bottom: 1em; }
.article a { border-bottom: solid 2px #d9d9d9; }
.article a:hover { color: #000; border-color: #000; }


/* Navigation */

#nav { position: absolute; bottom: 0; left: 0; z-index: 6; width: 283px; height: 225px; background: url(../images/nav.jpg) bottom left no-repeat; }
#nav img { border: none; }

#nav_meniu_for_shop {

width:200px;
float:left;
text-align:center;
}
/* Products */

#products { margin-top: 3em; }
#products .sidebar { float: left; width: 290px; }
#products .contents { float: left; width: 462px; margin-left: 15px; }
#products ul li { float: left; font-size: .9em; margin: 0 30px 15px 0; width:100px; }
#products ul li.lastinarow { margin-right: 0; }
#products ul li .preview { border: solid 1px #9cc5ca; }
#products ul li h3 { font-weight: normal; letter-spacing: 2px; }
#products ul li h3 .label { letter-spacing: 0; }


/* Product */

#product .title { float: left; margin-top: 4em; font-size: 16px; font-weight: normal; }
#product .title span { display: block; font-size: .7em; }
#product dl.params { margin-top: 4em; }
#product dl.params dt { color: #333; } 
#product dl.params dd { margin-bottom: 1em; color: #99cccc; }
#product .controls { margin: 2em 0 1em; }


/* Basket */

#basket .contents { margin-top: 4em; padding-right: 200px;  }
#basket .bottom { position: absolute; bottom: 55px; right: 0; z-index: 5; }
#basket .title { padding: 1em 0; font-size: 1.3em; font-weight: normal; }

#basket table.products .name { width: 270px; }
#basket table.products .price { width: 70px; }
#basket table.products .quantity { width: 75px; }
#basket table.products .total { width: 65px; border-left: solid 6px #fff; }
#basket table.products th { padding: 7px 4px 2px; background-color: #99cccc; color: #fff; font-size: 16px; font-weight: normal; }
#basket table.products th.total { background-color: #666; }
#basket table.products th.remove { visibility: hidden; }
#basket table.products td { padding: 15px 4px 0; }
#basket table.products td.total { color: #000; }
#basket table.products td.quantity img { float: right; margin: 0 3px; }

#basket table.totals { float: right; }
#basket table.totals th { text-align: right !important; }
#basket table.totals th span { display: block; margin-left: auto; padding: 2px 8px 2px 0; font-size: 16px; text-align: right; font-weight: normal; }
#basket table.totals th.postage span { width: 155px; background-color: #999; color: #fff; }
#basket table.totals th.sum span { width: 182px; background-color: #99cccc; color: #fff; }
#basket table.totals td.sum { font-size: 14px; font-weight: bold; color: #99cccc; }


/* Signup page */

#signup { padding: 30px 0 0 290px; }
#signupFrm .newsletterField { margin-top: 20px; width: 280px; }

#signup_box {
	float:right;
	width:306px;
}

/* Global footer */

#footer { font-size: .9em; }
#footer .data { float: left; width: 500px; line-height: 1.7em; }
#ws { float: right; }
#ws img { margin-left: 10px; vertical-align: middle; }


.topuser a {
	display:block;
	width:100px;
	padding:5px;
	background:#9CC5CA;
	color:#fff !important;
	text-decoration:none !important;
	text-align:center;
}
.topuser a:hover {
	background:#9CC5CA;
}

.userarea input, .userarea textarea, .userarea select {styles.css (line 80)
background:#FFFFFF none repeat scroll 0%;
border:1px solid #DEDEDE;
font-size:12px !important;
padding:1px;
}

.loginarea {styles.css (line 139)
margin-left:10px;
}
.registerarea, .loginarea {styles.css (line 131)
background:#F0D5F7 none repeat scroll 0%;
float:left;
height:150px;
padding:5px;
width:210px;
}


/* General classes */
.float_left {
float:left;
}
.float_right {
	float:right;
}

a#viewuse{ position:absolute; z-index:30;top:287px;left:370px; }