/* main */

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
* {
	margin: 0;
	padding: 0;
}

/* main elements */

a:hover {
	color: #333!important;
}

.bold {
	font-weight: bold;
}
#wrapper {
	color: #000;
	margin: 5px auto 0 auto;
	padding: 0 20px 0 20px;
	width: 960px;
	background-image: url(../images/wrapper_bg.gif);
	background-position: top;
	background-repeat: repeat-y;
}

#main {
	width: 100%;
	background-repeat: repeat-y;
	background-position: top;
	background-image: url(../images/main-bg.gif);
}

/* top menu */

#top-menu {
	width: 545px;
	text-align: center;
}
#top-menu ul {
	width: 545px;
	text-align: center;
}
#top-menu li {
	list-style-type: none;
	display: inline;
	padding: 0 7px;
}
div#top-info {
	width: 545px;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted Gray;
}
div#top-info-left {
	width: 270px;
	float: left;
}
div#top-info-right{
	width: 270px;
	float: right;
	text-align: right;
}

/* content */

#content {
  float: left;
  margin: 0 0 0 28px;
  background-color: #fff;
  color: black; 
}

/* homepage */

#header-main {
	background-image: url(../images/header-main.jpg);
	background-repeat: no-repeat;
	width: 545px;
	height: 300px;
	color: #fff;
	margin: 10px 0;
}
#header-main h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 180px 20px 0 20px;
	width: 500px
}
#header-main p {
	margin: 10px 0 0 0;
	padding: 0px 20px;
	width: 500px;
	line-height: 14px;
}
#header-main a {
	color: #fff;
}
div.center {
	width: 545px;
	border-top: 1px dotted Gray;
	border-bottom: 1px dotted Gray;
	padding: 0;
	margin: 0;
	background-image: url(../images/dots-vertical.gif);
	background-position: 271px;
	background-repeat: repeat-y;
	color: #fff;
	display: block;
	clear: both;
}
div.promotions {
	width: 545px;
	border-top: 1px dotted Gray;
	padding: 0;
	margin: 0;
	background-image: url(../images/dots-vertical.gif);
	background-position: 271px;
	background-repeat: repeat-y;
	color: #fff;
	display: block;
	clear: both;
}
div.center a {
	color: #fff;
}
div.promotions a {
	color: #fff;
}
div#center-left {
	margin: 10px 22px 10px 0;
	padding: 0;
	float: left;
	display: block;
	width: 250px;
	height: 120px;
	background-image: url(../images/center-left.jpg);
	background-repeat: no-repeat;
}
div#center-left p {
	color: #fff!important;
	font-size: 10px;
	line-height: normal!important;
}
div#center-right {
	margin: 10px 0 10px 22px;
	padding: 0;
	float: right;
	display: block;
	width: 250px;
	height: 120px;
	background-image: url(../images/center-right.jpg);
	background-repeat: no-repeat;
}
div#center-right p {
	color: #fff!important;
	font-size: 10px;
	line-height: normal!important;
}
#center-left h1, #center-right h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 10px 20px;
	width: 60px;
	height: 100px;
	float: left;
	line-height: 18px;
}
#center-left p, #center-right p {
	padding: 10px 5px;
}
#left-wines {
	float: left;
	display: block;
	width: 271px;
	color: Gray;
	/* height: 340px; */
}
#right-wines {
	float: right;
	margin: 0 0 0 10px;
	width: 261px;
	color: Gray;
	display: block;
	/* height: 340px; */
}
#left-wines h1, #right-wines h1 {
	margin: 10px 0 0 0;	
	padding: 0 0 0 10px;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#left-wines h2, #right-wines h2 {
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#left-wines p, #right-wines p {
	margin: 0;
	padding: 0;
	width: 120px;
	text-align: left;
	font-weight: normal;
}
#left-wines a, #right-wines a {
	color: Gray;
}
div#content div.wine {
	float: left;
	width: 120px;
	padding: 0;
	margin: 0 5px !important;
	display: block;
	text-align: center;
	height: 300px;
}
div#content div.wine div.content {
	height: 180px;
}
div#content div.wine-cnt {
	height: 3em;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
div#content div.wine-cnt p {
	font-weight: normal;
}
div#content span.bold-right {
	text-align: left;
	padding: 0;
	font-weight: bold;
	display: block;
	height: 2em;
}
div#content div.wine h2 {
	text-align: left;
	display: inline;
}
div#content div.wine img {
	display: block;
	margin: 7px auto;
}
div#content div.wine div.wine-cnt span.name {
	display: block;
	font-weight: bold;
	text-align: left;
}
div#content div.wine div.wine-cnt span.producer-name {
	display: block;
	font-weight: bold;
	text-align: left;
}
div#content div.wine p.product-desc {
	font-weight: normal;
	display: block;
	text-align: left;
	height: 5em !important;
}
div#content div.wine h2.price {
	display: inline;
	float: left;
	margin: 0;
	width: 65px;
}
div#content div.wine p.old-price {
	display: block;
	font-size: 10px !important;
	margin: 0;
	padding: 0;
	height: 3em!important;
}
div#content div.wine p.old-price img {
	display: inline;
	margin: 5px 0;
}
div#content div.wine .red {
	color: #CC0033;
	font-weight: bold;
}

div#content div.wine img.add {
	float: right !important;
	display: inline !important;
	padding: 4px 0 0 0!important;
	margin: 0;
}

/* checkout */

#checkout-view {
	width: 545px;
	margin: 20px 0;
	color: #666;
}

#checkout-view h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	width: 200px !important;
	padding: 20px 0 0 0;
}

#checkout-view p {
	padding: 10px 0;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
}
#checkout-view table {
	width: 545px;
}
#checkout-view th {
	border-bottom: 1px dotted Silver;
	padding: 10px 5px 10px 5px;
	width: 140px;
}
#checkout-view td {
	border-bottom: 1px dotted Silver;
	padding: 10px 5px 10px 5px;
	width: 140px;
}

/* basket page */

#content-basket {
	width: 545px;
}

#content-basket h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	width: 200px !important;
	padding: 20px 0 0 0;
}
#content-basket h1.name {
	width: 200px !important;
}
#content-basket h1.producer {
	font-size: 16px !important;
	font-weight: normal !important;
	padding: 0 !important;
	width: 200px !important;
}
#content-basket div#small-wine {
	display: inline;
	padding: 20px 250px 0 0;
	float: right;
}
#content-basket p.question {
	display: block;
	clear: both;
	font-weight: bold;
}
#content-basket div.add {
	text-align: center;
	width: 545px;
}
#content-basket div.add  img.add {
	display: inline;
	margin: 15px 5px 0 10pz !important;
	vertical-align: bottom;
}
#content-basket div.add input {
	text-align: center!important;
}
#content-basket div.left {
	float: left;
	width: 400px;
}
#content-basket div.right {
	float: right;
	width: 120px;
	text-align: right;
}
#content-basket div.left a.refresh {
	margin: 0 0 0 150px;
}
#content-basket div#left-wines {
	height: 450px;
	text-align: left;
}
#content-basket div#right-wines {
	height: 450px;
	text-align: left;
}

#content-basket .inner {
  margin:  20px 0;
}
#content-basket p {
	padding: 10px 0;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
}
#content-basket .intro {
	width: 305px;
}
#content-basket table {
	width: 100%;
}
#content-basket table td {
	color: #666;
	font-size: 10px;
	margin: 10px 0;
	text-align: center;
}
#content-basket table td.left {
	text-align: left;
}
#content-basket table td.none {
	border-bottom: 0;
}

#content-basket td {
	border-bottom: 1px dotted Silver;
	padding: 10px 5px 10px 5px;
	width: 140px;
}
#content-basket a, #content-basket a:visited {
	color: #666;
}
#content-basket input {
	border: 1px solid Silver;
	width: 20px;
	text-align: center;
}
#content-basket p.bold {
	font-weight: bold;
	width: 100%!important;
}
#submit .right, #submit .left {
	float: left;
}
#content-basket #submit .right {
	padding: 0 0 0 234px;
}
#content-basket input.button {
	border: 1px solid Silver;
	width: 160px;
	height: 20px;
	color: #666;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
}
#content-basket #delivery {
	width: 270px;
	float: left;
	padding: 20px 0;
	border-top: 1px dotted Silver;
	border-bottom: 1px dotted Silver;
}
#content-basket #billing {
	width: 270px;
	float: right;
	padding: 20px 0;
	border-top: 1px dotted Silver;
	border-bottom: 1px dotted Silver;
}

#content-basket ul#three_buttons {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content-basket div#order-view span.bold {
	color: #000;
	width: 140px;
	display: block;
	float: left;
	clear: left;
}
#content-basket div#order-view ul {
	list-style: none;
}

li.b-left, li.b-center, li.b-right {
	width: 78px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
li.b-center {
	width: 385px;
	text-align: center;
}
li.b-right {
	text-align: right;
} 

#left-wines p.top, #right-wines p.top {
	width: 200px;
}

/* product page */

#product {
	width: 545px;
	color: #666;
}

#product-wine {
	float: left;
	width: 250px;
	padding: 10px 10px 10px 120px;
}
#product-wine h1 {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	display: block;
}
#product h2 {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0;
	text-align: left;
	display: block;
}
#product img {
	float: left;
	padding: 10px 20px;
}
#product #product-wine img.star {
	float: left;
	margin: 0 0 0 50px;
}
#product #product-wine p {
	color: #666;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 250px;
}

#product div.wine h1 {
	color: #666;
	margin: 10px 0 0 0;	
	padding: 0 0 0 10px;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
#product div.wine h2 {
	color: #666;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#product div.wine p {
	color: #666;
	margin: 0;
	padding: 0;
	width: 150px;
	line-height: 14px;
	text-align: left;
}
#product div.wine a {
	color: Gray;
}
#product div.wine img {
	padding: 0 0 20px 0;
}
#product div.add {
	text-align: center;
	width: 545px;
}
#product div.add  img.add {
	display: inline;
	margin: 15px 5px 0 10pz !important;
	vertical-align: bottom;
}
#product div.add label {
	margin: 5px 10px 0 120px;
	padding: 10px 0;
	color: #666;
	float: left;
}
#product div.add input.add {
	margin: 10px 0 0 10px;
	width: 44px;
	height: 22px;
}
#product div.add input{
	float: left;
	width: 15px;
	border: 1px solid #666;
	text-align: center;
	margin: 10px 5px;
	padding: 2px;
}

/** product menu **/

#product-menu {
	text-align: center;
	width: 545px;
	color: #666;
}
#product-menu p {
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
}

#product-menu ul {
	list-style: none;
	margin: 5px 0;
}
#product-menu ul li {
	display: inline;
	float: left;
	width: 155px;
	text-align: left;
	line-height: 14px;
}
#product-menu h2 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	font-size: 22px;
	font-weight: bold;
	padding: 0 5px 0 0;
}
#product-menu h2.title {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0;
	text-align: left;
	display: block;	
}
div#product-menu div#contorlls {
	width: 100%;
	display: block;
	clear: both;
	border-top: 1px dotted Silver;
	margin: 20px 0;
	height: 40px;
	line-height: 40px;
}
div#content #product-menu div.wine {
	width: 120px;
	margin: 10px 5px !important;
}
div#content #product-menu div.wine p {
	font-size: 10px;
	line-height: normal;
}
div#content #product-menu div.wine div.wine-cnt {
	width: 120px;
	height: 3em;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
/*
div#content #product-menu div.wine h2.price {
	display: inline;
	float: left;
	margin: 3px 0 0 0;
	width: 65px;
}
div#content #product-menu div.wine img.add {
	display: inline;
	margin: 0 5px 0 0;
}
*/
div.left {
	clear: left;
	margin: 0;
	width: 120px;
	float: left;
	display: block;
	font-weight: bold;
}
div.right {
	display: block;
	margin: 0;
	float: left;
	width: 250px;
}
div.left, div.right p, a {
	color: #666;
	line-height: 14px;
}
.hr {
	border-bottom: 1px dotted #666;
	width: 545px;
	margin: 0 0 20px 0;
	font-weight: bold;
	padding: 5px 0;
}

/*login */

#content-basket #form-login label {
	color: #666;
	display: block;
	margin: 5pz 0 !important;
}
#content-basket #form-login input {
	width: 100px;
	display: block;
	text-align: left;
	margin: 5px 0 !important;
}
#content-basket #form-login .add {
	width: 78px !important;
	height: 21px !important;
	border: 0 !important;
	background-image: url(../images/basket-add.gif) !important;
	background-color: #fff !important;
}
#content-basket #form-login .edit {
	width: 78px !important;
	height: 21px !important;
	border: 0 !important;
	background-image: url(../images/basket-edit.gif) !important;
	background-color: #fff !important;
}
#content-basket #form-login .delete {
	width: 78px !important;
	height: 21px !important;
	border: 0 !important;
	background-image: url(../images/basket-delete.gif) !important;
	background-color: #fff !important;
}
#content-basket #form-login .checkout {
	width: 78px !important;
	height: 21px !important;
	border: 0 !important;
	background-image: url(../images/basket-checkout.gif) !important;
	background-color: #fff !important;
}
#content-basket #form-login select {
	width: 100px;
	border: 1px solid Silver;
}
#content-basket #form-login .login-right input.white {
	width: 100px;
	background-color: #fff;
}
#content-basket #form-login .login-right input, input.orange {
	width: 100px;
	text-align: left;
}

#content-basket #form-login .checkbox input {
	width: 10px !important;
	height: 40px !important;
	padding: 10px 0 !important;
	margin: 10px 5px !important;
	background-color: #fff !important;
	float: left;
	border: 0;
}
div.login-right {
	width: 250px;
	float: left;
}
div.login-left {
	width: 250px;
	float: left;
}
#content-basket #form-login .login-right select {
	width: 100px;
	border: 1px solid Silver;
	margin: 5px 0 !important;
}
#content-basket #form-login .login-right input {
	width: 100px;
	text-align: left;
}
#content-basket #form-login .continue {
	width: 78px !important;
	height: 21px !important;
}
#content-basket #form-login login-right .continue {
	width: 78px !important;
	height: 21px !important;
}
#content-basket #form-login fieldset {
	margin: 20px 0;
	padding: 10px;
}
#content-basket #form-login legend {
	padding: 5px;
	margin: 5px 0;
	color: #4682B4;
}

#content-basket a, #content-basket a:visited {
	color: #666;
}
#content-basket div.add {
	width: 545px;
	text-align: center;
}
#content-basket div.add label {
	margin: 5px 10px 0 200px;
	padding: 10px 0;
	color: #666;
	float: left;
}
#content-basket div.add input {
	border: 1px solid Silver;
	margin: 10px;
	width: 20px;
	text-align: left;
	float: left;
}
#content-basket div.add input.add {
	margin: 10px 0 0 10px;
	width: 44px;
	height: 22px;
	float: left;
}

#content-basket .bold {
	font-weight: bold;
}
#content-basket .right {
	text-align: right;
	width: 545px;
	margin: 10px 0;
	height: 50px;
	clear: both;
}
#content-basket input.proceed {
	width: 78px;
	height: 21px;
	background-image: url(../images/b-proceed.gif);
	background-repeat: no-repeat;
	border: 0;
}
#content-basket input.button {
	border: 1px solid Silver;
	width: 80px;
	height: 20px;
	color: #666;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
}
.hr {
	border-bottom: 1px dotted #666;
	margin: 0 0 20px 0;
	font-weight: bold;
	padding: 5px 0;
	width: 545px;
}
span.pre {
	padding: 0 0 0 140px;
}
#content-basket div.left p.remind, #content-basket div.left a {
	margin: 0;
	color: #B2B2B2;
} 

/* checkout page */

#content-basket .inner #checkout label {
	display: block;
	padding: 10px 0 10px 0;
	color: #666;
}
#content-basket .inner #checkout select {
	width: 100px;
	border: 1px solid Silver;
}
#content-basket .inner #checkout .checkout {
	display: block;
	margin: 10px 0 0 0;
	width: 78px !important;
	height: 21px !important;
	border: 0 !important;
	background-image: url(../images/basket-checkout.gif) !important;
	background-color: #fff !important;
}


div.step {
	width: 126px;
	height: 25px;
	background-color: #666;
	margin: 20px 5px 0 0;
	padding: 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	float: left;
	border: 1px solid #666;
}
div.step-in {
	width: 126px;
	height: 25px;
	background-color: #fff;
	margin: 20px 5px 0 0;
	padding: 0;
	text-align: center;
	color: #666;
	font-weight: bold;
	line-height: 24px;
	float: left;
	border: 1px solid #666;
}
#content-basket .inner #form label {
	color: #666;
}
#content-basket .inner #form input {
	width: 100px;
	margin: 5px 0;
}
#content-basket .inner #form select {
	width: 100px;
	margin: 5px 0;
	border: 1px solid Silver;
}
#content-basket .inner #form .left {
	float: left;
	display: block;
	height: 360px;
}
#content-basket .inner #form .right {
	float: left;
	display: block;
	height: 360px;
	padding: 0 0 0 100px;
}
#content-basket .inner #form .right input {
	width: 100px;
	margin: 5px 0;
}

/* press */

/* basket page */

#press {
	width: 545px;
}

#press h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	width: 200px !important;
	padding: 20px 0 0 0;
}
#press h1.name {
	width: 200px !important;
}
#press h1.producer {
	font-size: 16px !important;
	font-weight: normal !important;
	padding: 0 !important;
	width: 200px !important;
}
#press .inner {
  margin:  20px 0;
}
#press p {
	padding: 10px 0;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
}
#press table {
	color: #666;
}
#press td {
	border-bottom: 1px dotted Silver;
	padding: 10px 5px 10px 5px;
	width: 140px;
}
#press a, #press a:visited {
	color: #666;
}

/* bottom */

div#bottom {
	padding: 0 0 20px 240px;
	width: 720px;
	display: block;
	background-image: url(../images/main-bg.gif)!important;
	background-repeat: repeat-y;
	font-weight: normal!important;
	z-index: 3;
}
#bottom-left {
	float: left;
	width: 320px;
	display: inline-block;
}
#bottom-left p {
	padding: 0 0 5px 0;
	color: Gray;
}
#bottom-left a {
	color: Gray;
}
#bottom-right {
	float: left;
	width: 300px;	
	margin: 0 0 0 43px;
	display: inline-block;
}
#bottom-right p {
	color: Gray;
	padding: 0 0 5px 0;
}

/* footer */

#footer {
  width: 100%;
  margin: 0;
  clear: both;
}
#footer a, #footer a:visited{
	color: #fff;
}
#footer p {
	font-size: 90%;
	color: #fff;
	margin: 0;
	padding: 10px;
	background-color: #999999;
}
#footer p.treacle {
	display: inline;
	float: right;
	text-align: right;
	margin: 0 20px 0 0;
	padding: 10px 0 0 0;
}
#footer p.treacle a {
	text-decoration: none!important;
}

/* other */

img {
	border: 0;
	padding: 0;
	margin: 0;
}
.green {
	color: #336600;
}
.red {
	color: #CC0033!important;
}
.clear {
    clear:both;
  }
.clear-keft {
    clear:left;
}
.clear-right {
    clear:right;
}
.space {
	width: 100%;
	height: 10px;
	display: block;
	clear: both;
}
span.br-bottom {
	border-bottom: 1px dotted #fff;
	padding: 0 65px;
}