/* CSS Document */
* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	width:100%;
	font-size:11px;
	background:url(../../images/index/bodyBkg.jpg) no-repeat center top #0c0505;
	color:#ffffff;
}
html,body {height:100%; min-height:100%;}

img {border:none; margin:0; padding:0;}
a {text-decoration:none; cursor:pointer; color:#3B74B0}
h1 {font-size:12px; color:#b8b601; margin:0 0 15px 0;}
h2 {font-size:16px; color:#4A4A4A; font-weight:normal}
input, textarea {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#808080; overflow:auto;}
ul {list-style:none;}

.spacer {clear:both; font-size:0;}
.spacerSep {clear:both; font-size:0; height:230px;}

/* containers */
#pageContainer {width:1100px; margin:auto; min-height:100%;}
#pageContainer[id] {background:url(../../images/index/headerDots.png) no-repeat center top;}
* html #pageContainer {height:100%;}


#logo {width:247px; height:84px; position:absolute; margin:55px 0 0 90px; z-index:200;}
#logo[id] {background:url(../../images/index/logo.png) no-repeat;}

#grape {width:195px; height:168px; position:absolute; margin:10px 0 0 860px; z-index:350;}
#grape[id] {background:url(../../images/index/grape.png) no-repeat;}


#shoppingCart {width:120px; position:absolute; margin:60px 0 0 750px; color:#899308; font-weight:bold; padding:0 0 0 30px;}
#shoppingCart a {color:#fbf605;}
#cart {width:19px; height:14px; position:absolute; bottom:2px; left:0;}
#cart[id] {background:url(../../images/index/cart.png) no-repeat;}


/* main navigation */
#mainNav {width:100%; height:35px; position:relative; top:120px;}
#mainNav[id] {background:url(../../images/index/mainNavBkg.png) no-repeat;}

#languages {position:absolute; z-index:500; left:50%; margin:120px 0 0 -370px; cursor:default;}
#languages li {display:inline; margin:0 20px 0 0;}
#languages li a {line-height:35px; color:#FFFFFF; position:relative; font-weight:bold; font-size:10px;}

#mainNavigation {margin:120px 0 0 350px; position:absolute; z-index:300; cursor:pointer;}
#mainNavigation li {display:inline;}
#mainNavigation li a {
	line-height:35px;
	color:#f9de58;
	margin:0 1px 0 0;
	background:url(../../images/index/mainNav.jpg) repeat-x;
	display:block;
	float:left;
	padding:0 25px;
	font-weight:bold;
	position:relative;
}
#mainNavigation li a span {display:block; float:left;}
#mainNavigation li a:hover {color:#FFFFFF;}
#mainNavigation li a:hover span, #mainNavigation li a.selected span  {
	background:url(../../images/index/mainNavHover.jpg) no-repeat center top;
}
/*\ main navigation */

/* sub navigation */
.subNav {margin:30px 0 40px 0;}
.subNav li {padding:5px 0 5px 5px; margin:0 0 5px 0; width:90%;}
.subNav[class] li {background:url(../../images/index/subNavBkg.png) repeat-y;}
.subNav li a {display:block; height:17px; line-height:17px; color:#fedd37; padding:0 0 0 22px;}
.subNav[class] li a {background:url(../../images/index/subNavArrow.png) no-repeat;}
.subNav li a:hover, .subNav li a.selected {color:#c43849;}
/*\ sub navigation */



#content {width:100%; margin:150px 0 0 0;}
#left {width:340px; float:left; display:inline;}
#right {width:760px; float:right; display:inline;}


/* regions */
#regions {width:250px; float:right; /*margin:0 40px 0 0;*/}
.circle {
	width:80px;
	height:70px;
	padding:40px 0 0 40px;
	color:#ecda94;
	display:block;
	font-weight:bold;
	position:relative;
}
.circle span {background:url(../../images/index/arrows.gif) no-repeat 15px bottom; display:block; padding:0 0 12px 0;}
.circle:hover {color:#b3c921;}
.circle[class] {background:url(../../images/index/circle.png) no-repeat;}
.circle:hover[class] {background:url(../../images/index/circleHover.png) no-repeat;}

.firstCircle {margin:0;}
.rightCircle {margin:-70px 0 0 100px;}
.leftCircle {margin:-30px 0 0 0;}
/*\ regions */


/* quick links */
#quickLinks {width:340px; margin:30px 0 0 0;}
#quickLinks li {padding:5px 0 5px 95px; margin:0 0 5px 0; width:245px;}
#quickLinks[id] li {background:url(../../images/index/quickLinksBkg.png) repeat-y;}
#quickLinks li a {display:block; width:223px; height:21px; line-height:21px; color:#b8b601; padding:0 0 0 22px;}
#quickLinks[id] li a {background:url(../../images/index/quickLinksArrow.png) no-repeat;}
/* quick links */

/* index page */
#indexContainer {background:url(../../images/index/dotsV.gif) repeat-y 420px 20px;}
#indexContent {width:400px; float:left; padding:0 0 10px 0; display:inline;}
#indexNews {width:300px; float:left; padding:0 0 10px 0; margin:0 0 0 40px; display:inline;}
#indexContainer .spacer {height:1px;}
#indexNews .archive {
	color:#e3b203;
	background:url(../../images/index/arrowsBrown.gif) no-repeat left 5px;
	padding:0 0 0 12px;
	font-weight:bold;
}
#indexNews .archive span {background:url(../../images/index/dotsBrown.gif) repeat-x bottom; padding:0 0 1px 0;}
/*\ index page */

.pageContent {margin:10px auto; width:100%;}
.pageContent[class] {background:url(../../images/index/pageContentBkg.png) repeat;}
.pageContentDots {padding:10px;}
.pageContentDots[class] {background:url(../../images/index/pageContentDots.png) no-repeat left top;}
.pageContent h1 {color:#d9a904;}

/* news */
.news {
	display:block;
	color:#FFFFFF;
	background:url(../../images/index/dotsH.gif) repeat-x bottom;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}
.newsList {padding:20px 120px;}
.newsDetails {padding:20px 50px;}
.lastNews {background:none;}
.newsDetails h1 {color:#b8b601;}
.newsDetails h1.date {background:url(../../images/index/dotsBrown.gif) repeat-x bottom; padding:0 0 3px 0; color:#e3b203;}
.newsDetails img {float:right; margin:0 0 10px 10px; width:250px;}
.news strong.date {color:#e3b203; display:block; margin:0 0 5px 0;}
.news strong.title {color:#b8b601; display:block; margin:0 0 5px 0;}
.news .newsContent {display:block; float:left; width:210px;}
.newsList .news .newsContent {width:420px;}
.news img {width:76px; float:right;}
.news span.spacer {display:block; clear:both; height:1px;}
.news .more {
	color:#b8b601;
	float:right;
	background:url(../../images/index/newsArrows.gif) no-repeat left 5px;
	display:block;
	padding:0 0 0 12px;
	margin:5px 0 0 0;
}


/*\ news */

/* products */
.product {width:225px; float:left; margin:5px 10px 25px; display:inline;}
.product h1 {color:#b8b601; font-size:11px; height:30px; margin:0;}
.product img {width:56px; height:137px; padding:4px; border:1px dotted #96853d; float:left;}
.product dl {float:left; margin:0 0 0 5px; font-size:10px;}
.product dl dt {color:#b8b601; /*float:left; clear:left;*/ margin:0 5px 0 0; display:block; font-weight:bold;}
.product dl dd {font-weight:bold; margin:0 0 5px 0;}
.product .cart {
	display:block;
	color:#fbf605;
	background:url(../../images/index/cart.gif) no-repeat left;
	margin:10px 0 0 5px;
	padding:0 0 0 25px;
	float:left;
	font-size:10px;
	line-height:14px;
	cursor:pointer;
}
.product .cart span {background:url(../../images/index/cartDots.gif) repeat-x bottom; display:block;}
.product input {float:left; margin:10px 0 0 15px; width:40px; border:none; background:#978b07; color:#000000; padding:2px;}
.product .more {
	display:block;
	float:left;
	margin:5px 0 0 5px;
	padding:0 0 0 12px;	
	color:#cd1c2f;
	background:url(../../images/index/arrowsRed.gif) no-repeat left 5px;
}
/*\ products */

/* product details */
.productDetails {margin:30px 50px;}
.productDetails .left {width:120px; float:left;}
.productDetails .right {width:460px; float:right;}
.productDetails h1 {color:#fbf605; font-size:14px; margin:0;}
.productDetails h2 {color:#b8b601; font-size:11px; margin:0 0 20px 0; font-weight:bold;}
.productDetails img {width:101px; height:248px; padding:12px; border:1px dotted #96853d;}


.productDetails .manufacturer {margin:30px 0 0 0;}
.productDetails .manufacturer strong {color:#ffffff;}
.productDetails .manufacturer strong span {color:#b8b601; display:block;}
.productDetails .manufacturer img {width:125px !important; height:auto !important; padding:0; border:none !important; margin:0 0 10px 0; display:block;}

.productDetails dl {margin:20px 0;}
.productDetails dl dt {color:#b8b601; float:left; clear:left; font-weight:bold; display:block; width:150px;}
.productDetails dl dd {font-weight:bold;}

.productDetails dl .price {margin:20px 0 0 0; color:#fbf605; font-weight:bold; font-size:14px;}

.productDetails .cart {
	display:block;
	color:#fbf605;
	background:url(../../images/index/cart.gif) no-repeat left;
	margin:10px 0 0 5px;
	padding:0 0 0 25px;
	float:left;
	font-size:10px;
	line-height:14px;
	cursor:pointer;
}
.productDetails .cart span {background:url(../../images/index/cartDots.gif) repeat-x bottom; display:block;}
.productDetails input {float:left; margin:10px 0 0 20px; width:60px; border:none; background:#978b07; color:#000000; padding:2px;}
/*\ product details */



/* search */
.searchForm {margin:0 0 20px 10px;}
.searchForm p {width:160px; float:left; margin:0 20px 0 0;}
.searchForm p label {display:block;}
.searchForm p select {width:150px; background:#bfaf02; border:1px solid #4c2619;}
.searchForm  .btn {
	width:auto !important;
	background:url(../../images/index/btnBkg.jpg) repeat-x top #80760b;
	border:2px solid #46131a;
	padding:3px 20px;
	font-weight:bold;
	color:#46131a;
	cursor:pointer;
	float:left;
	margin:30px 0 0 0;
}
/*\ search */




/* contacts */
.contacts {margin:20px; background:url(../../images/index/dotsV.gif) repeat-y 320px 0; color:#bbac07;}
.contacts .left {width:285px; float:left;}
.contacts form {display:block; float:right; width:350px;}
.contacts form label {display:block; width:60px; float:left; margin:5px 0;}
.contacts form input, .contacts form textarea {
	width:220px;
	float:right;
	margin:5px 0;
	background:#978b07;
	border:1px solid #6e4f20;
	padding:5px;
	color:#000000;
}
.contacts form textarea {height:80px;}
.contacts form .btn {
	width:auto !important;
	background:url(../../images/index/btnBkg.jpg) repeat-x top #80760b;
	border:2px solid #46131a;
	padding:3px 20px;
	font-weight:bold;
	color:#46131a;
	cursor:pointer;
}
.blur {background:#cabb15; border:1px solid #9e6a1b;}
/*\ contacts */








/* shoppingCart */
.shoppingCart {padding:20px;}
.productSection {margin:0 0 20px 0; padding:0 0 10px 0;}
.productSection img {width:56px; height:137px; padding:4px; border:1px dotted #96853d;}
.productSection .leftContainer {float:left; text-align:center;}
.productSection .remove {
	padding:0 0 0 20px;
	line-height:16px;
	display:block;
	color:#fbf605;
	text-decoration:none;
	font-weight:bold;
}
.productSection .remove[class] {background:url(../../images/index/removeBkg.png) no-repeat left center;}
.productSection .remove span {background:url(../../images/index/dotsBrown.gif) repeat-x bottom; padding:0 0 2px 0;}
.productSection .remove:hover {color:#ddad06;}

.productSection .content {width:620px; float:right;}
.preview .content {width:90% !important; float:none !important; margin:auto; background:url(../../images/index/dotsBrown.gif) repeat-x bottom;}

.qval {width:50px; float:right;	margin:5px 5px 10px 0;  float:right; font-weight:bold;}

.productSection .content .details {width:450px; float:left;}
.productSection .content .details .itemNumber {color:#ffffff; display:block; float:left; width:280px;}
.productSection .content .details .priceValues {float:right; text-align:right; color:#c8c204; font-weight:bold; width:155px; font-size:10px;}
.productSection .content .details .priceValues .title {display:block; width:65px; float:left; color:#c8c204; font-weight:bold;}
.productSection .content .details .priceValues .val {color:#E7E6E6; margin:0 0 0 5px; font-weight:bold;}
.productSection .content .details .priceValues .currency {color:#c8c204; font-weight:bold; margin:0 0 0 5px;}
.productSection .content h1 {margin:0; color:#b8b601; font-size:11px;}
.productSection .content .quantity {width:155px; float:right;}
.productSection .content .moreInfo {margin:20px 0 0 0;}
.productSection .content .moreInfo label {display:block; float:left; width:160px;}
.productSection .content .moreInfo input {float:right; width:350px; border:1px solid #000000; background:#B1B1B1; padding:3px;}
.quantity .totalPrice {margin:0 0 20px 0; font-size:10px;}
.quantity .totalPrice .title {display:block; width:65px; float:left; color:#c8c204; font-weight:bold;}
.quantity .totalPrice .totalPriceValues {display:block; width:90px; float:right; text-align:right;}
.quantity .totalPrice .val {color:#E7E6E6; margin:0 0 0 5px; font-weight:bold; display:block; float:left; width:50px; text-align:right;}
.quantity .totalPrice .currency {color:#c8c204; font-weight:bold; display:block; float:right; width:30px; text-align:center;}
.quantity label {color:#c8c204; display:block; margin:5px 0 10px 0; float:left; text-align:right; font-weight:bold;}
.quantity input {
	width:50px;
	float:right;
	margin:5px 5px 5px 0;
	background:#978b07;
	border:1px solid #6e4f20;
	padding:5px;
	color:#000000;
	float:right;
}


.productSection .content .details dl {float:left; margin:15px 0 20px 0; font-size:10px;}
.productSection .content .details dl dt {color:#b8b601; float:left; clear:left; margin:0 5px 0 0;}
.productSection .content .details dl dd {font-weight:bold;}

.totalPreview {padding:0 40px;}
.orderSubmit {margin:0 40px 0 0 !important;}
.customerDetails {margin:0 40px; background:url(../../images/index/dotsBrown.gif) repeat-x bottom;}
.customerDetails dl {float:left; margin:15px 0 20px 0;}
.customerDetails dl dt {color:#b8b601; float:left; clear:left; margin:0 5px 0 0;}
.customerDetails dl dd {font-weight:bold;}


.quantity .btn {
	border:none !important;
	background:url(../../images/index/btnBkg.jpg) no-repeat !important;
	width:180px;
	height:28px;
	padding:0;
	margin:10px auto 0;
	cursor:pointer;
}


.orderPriceDate {margin:5px 20px; background:url(../../images/index/dotsBrown.gif) repeat-x top; padding:5px 0 0 0;}
.orderDate {width:250px; float:left;}
.orderTotal {width:450px; float:right; text-align:right; font-weight:bold;}

.orderTotal .title {display:block; width:300px; float:right; color:#c8c204;}
.orderTotal .totalPriceValues {display:block; width:150px; float:right; text-align:right;}
.orderTotal .val {color:#E7E6E6; margin:0 0 0 10px; font-weight:bold; display:block; float:left; width:90px;}
.orderTotal .currency {color:#c8c204; font-weight:bold; display:block; float:right; width:30px; text-align:center;}


p {margin:0 0 10px 0;}
p.left {width:48%; float:left;}
p.right {width:48%; float:right;}

p label {display:block; width:130px; float:left; margin:5px 0; padding:5px 0; color:#bbac07; font-weight:bold;}
p input, p textarea {
	width:190px;
	margin:5px 0;
	background:#978b07;
	border:1px solid #6e4f20;
	padding:5px;
	color:#000000;
}
p textarea {height:40px;}

p.leftCol {width:31%; float:left;}
p.centerCol {width:31%; float:left; margin:0 0 0 24px;}
p.rightCol {width:31%; float:right;}
p.inheritWide {float:left; white-space: nowrap;}
p.inheritWide label {margin:0 10px 0 0}
.chBox {width:auto;}

.btnBig {
	float:right;
	border:2px solid #46131a;
	background:url(../../images/index/btnBkg.jpg) repeat-x top #80760b;
	width:auto !important;
	height:28px;
	margin:0 15px 0 0;
	padding:3px 20px;
	font-weight:bold;
	color:#46131a;
	cursor:pointer;
}

.productSectionList {margin:0 0 20px 0; border-bottom:1px solid #ADACAC; padding:0 0 10px 0;}
.productSectionList .details .info {float:left; width:500px;}
.productSectionList .details .info h1 {margin:0 0 10px 0 !important;}
.productSectionList .details .priceValues {float:right;}

.productSectionList .details .priceValues {float:right; text-align:right; color:#FF3312; font-weight:bold;}
.productSectionList .details .priceValues .val {color:#E7E6E6; margin:0 0 0 5px; font-weight:bold;}
.productSectionList .details .priceValues .currency {color:#FF3312; font-weight:bold; margin:0 0 0 0;}

/*\ shoppingCart */





/* pager */

.pager {padding-bottom:10px;}
.pager ul.pages li a.previous {}
.pager ul.pages li a.previous:hover {}
.pager {margin:0;}
.pager ul.pages {text-align:right;}
.pager ul.pages li {display:inline;}
.pager ul.pages li a {text-align:center; text-decoration:none; padding:3px; color:#c5b613}
.pager ul.pages li a:hover {color:#cd1c2f;}
.pager ul.pages li a.selected {color:#cd1c2f;}
.pager ul.pages li a.previous, .pager ul.pages li a.next {}

.pager ul.pages li a.next {background:url(../../images/index/arrowsRed.gif) no-repeat right 4px; color:#cd1c2f; padding:0 12px 0 0;}
.pager ul.pages li a.next:hover {}
.pager ul.pages li a.previous {background:url(../../images/index/arrowsRedLeft.gif) no-repeat left 4px; color:#cd1c2f; padding:0 0 0 12px;}
.pager ul.pages li a.previous:hover {}


/*\ pager */












/* footer */
#footer {height:75px; margin:-95px auto 0; line-height:24px;}
#footer[id] {background:url(../../images/index/footerBkg.png) repeat-y center;}
#footer .grape {width:280px; height:227px; margin:-135px 0 0 0 !important; position:absolute; left:0;}
#footer .grape[class] {background:url(../../images/index/grapeFooter.png) no-repeat;}

#footer .footerContent {width:1100px; margin:auto; position:relative;}
#footer ul {margin:0 0 0 280px; width:570px; float:left; display:inline;}
#footer ul li {display:inline; background:url(../../images/index/dotsV.gif) repeat-y right; padding:0 5px;}
#footer ul li a {color:#f9de58;}

#footer .cp {width:220px; float:right; text-align:right; display:inline;}
#footer .cp a {color:#d9a904;}
/*\ footer */


/*\ containers */
