/* 
	Document	: default
	Created on	: Nov 9, 2009, 12:20:56 PM
	Author		: Cristian Ciobanu
	Description	: Main website stylesheet
*/

@import "reset.css";
@import "classes.css";
@import "navigation.css";

body {
	background:#faefb0 url("../images/bg.png") repeat-x top left;
	font:12px/1.3 "Verdana", serif;
	color:#030303;
}
p {
	margin-bottom:7px;
}
a, a:link {
	color:#0222b2;
	text-decoration:none;
}
a:active {
	color:#3179ce;
	text-decoration:underline;
}
a:visited {
	color:#2f3f86;
	text-decoration:none;
}
a:hover {
	color:#a00000;
	text-decoration:underline;
}
.arrow, a.arrow, a.arrow:link, a.arrow:active, a.arrow:visited {
	background:url('../images/arrow.png') no-repeat center left;
	color:#ed1c24;
	font-weight:bold;
	padding-left:12px;
}
a.arrow:hover {
	color:#000;
	text-decoration:none;
}
.orange, a.orange, a.orange:link, a.orange:active, a.orange:visited {
	color:#ed1c24;
	font-weight:bold;
	padding-left:12px;
}
a.orange:hover {
	color:#000;
	text-decoration:none;
}
.blue, a.blue, a.blue:link, a.blue:active, a.blue:visited {
	color:#2f3f86;
}
a.blue:hover {
	color:#2f3f86;
}
.black, a.black, a.black:link, a.black:active, a.black:visited {
	color:#000;
}
a.black:hover {
	color:#000;
}
.head {
	height:32px;
	margin:0;
}
.head img {
	display:block;
	margin:0 auto;
}
.head-border {
	width:432px;
	height:31px;
	margin:0 auto 10px auto;
	border-bottom:1px solid #cfd7e9;
}
.head-border img {
	display:block;
	margin:0 auto;
}
h2.headline {
	color:#db020a;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	padding:0;
}
/*************************/
a.button, button {display:block;float:left;margin:0.7em 0.5em 0.7em 0;padding:5px 10px 5px 7px;border-bottom:2px solid #f79430;border-right:2px solid #f79430;border-top:2px solid #faa854;border-left:2px solid #faa854;background:#f14d2d url('../images/button-off.png') repeat-x top left;font-family:Verdana, Tahoma, Arial, sans-serif;font-size:10px;line-height:120%;text-decoration:none;font-weight:bold;color:#fff;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;}
a.button.float-right {margin:0 0 0 0.5em;}
a.button.float-left {margin:0 0.5em 0 0;}
button {width:auto;overflow:visible;padding:4px 10px 3px 7px;}
button[type] {padding:3px 10px 3px 7px;line-height:19px;}
*:first-child+html button[type] {padding:4px 10px 3px 7px;}
button:hover, a.button:hover{background:#f37a63 url('../images/button-on.png') repeat-x top left;}

fieldset {padding:.75em 1em 0 1em;border:0;border-top:1px solid #aaa;}
legend {padding:0 .5em;color:#2f394a;font-size:11px;font-weight: bold;line-height:1.6em;}
label {float:left;margin-right:5px;color:#000;font-weight:bold;font-size:11px;text-align:right;width:30%;}
label.inline {float:none;margin:0;color:#000;font-weight:bold;font-size:11px;text-align:left;width:auto;}
input.text, select, textarea {border:1px solid #bbb;border-top:1px solid #777;border-bottom:1px solid #ddd;background:#fefefe;padding:0.1em;font-family: verdana, tahoma, arial, sans-serif;font-size:11px;}
input.text:focus, select:focus, textarea:focus {background:#f7f2d0;}
input.text:hover, select:hover, textarea:hover {background:#fffdef;}
fieldset .submit {padding-left:30%;}
fieldset p .validation {display:none;font-size:10px;color:#f37a63;margin-left:15px;}
form p.note {font-size:10px;color:#000;margin-left:1.5em;}
form em {font-size:10px;color:#f37a63;}
/*************************/
#page {
	width:1024px;
	margin:10px auto 0 auto;
	padding:0;
}
#tagline {
	height:25px;
	padding-top:75px;
	text-align:center;
}
#panel-top {
	width:1014px;
	border:5px solid #030303;
	border-bottom:none;
}
#header {
	width:1014px;
	height:35px;
	padding-top:72px;
	background:#030303 url("../images/top.jpg") no-repeat top left;
	border:5px solid #030303;
	border-bottom:none;
	position:relative;
}
#logo {
	position:absolute;
	top:-105px;
	left:337px;
}
#nav {
	height:34px;
	padding:0;
	position:relative;
}
.white-div {
	background:#fff;
	margin:0;
	padding:0;
	height:4px;
	border-left:5px solid #030303;
	border-right:5px solid #030303;
}
#container {
	border-top:4px solid #030303;
}
#container-page {
	border-top:4px solid #030303;
	border-right:5px solid #030303;
	border-left:5px solid #030303;
}
tabel#panel {
	width:1014px;
}
#panel-left {
	width:248px;
	border-right:5px solid #030303;
	background-color:#fbcf98;
}
#panel-right {
	width:761px;
	background-color: #fff;
}
#pic-left {
	display:block;
}
.content-left {
	background:#fbcf98 url('../images/bottom-left.jpg') no-repeat bottom center;
	height:654px;
}
.content-right {
	padding: 20px 50px 40px 50px;
}
#text-left {
	background:url('../images/content-left.jpg') repeat-x top left;
	padding:35px 30px 30px 30px;
	color:#c80108;
	
}
#text-left img {
	display:block;
	margin:0 auto 15px auto !important;
}
.content-right #headline {
	display:block;
	margin-bottom:20px;
}
#content-top {
	border:5px solid #030303;
	border-top:none;
	background:#fff;
}
#media-slide {
	width:443px;
	height:285px;
	border-right:4px solid #030303;
	float:left;
	display:inline;
}
#top-right {
	position:relative;
	margin-left:450px;
	padding:20px 0px 10px 30px;
	z-index:1;
}
#top-right #top-text {
	width:275px;
	margin:10px 0 0 10px;
	float:left;
	display:inline;
}
#top-right #top-text p {
	margin-bottom:7px;
}
#top-bottle {
	float:right;
}
#cow {
	position:absolute;
	top:-10px;
	left:203px;
	z-index:-1;
}
#corners {
	height:72px;
	position:relative;
}
#corner-left {
	position:absolute;
	top:-1px;
	left:0;
}
#corner-right {
	position:absolute;
	top:-3px;
	right:0;
}
#promo {
	height:36px;
	padding-top:18px;
	border-top:4px solid #030303;
}
#copyright {
	height:20px;
	text-align:center;
}
#news-bar {
	width:802px;
	height:40px;
	background: url('../images/news.png') no-repeat 20px 17px;
	padding-left:220px;
	overflow:hidden;
}
.newsticker {
	list-style-type: none;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
}
.newsticker a {
	color:#8c1115;
	background:#faefb0;
	font-size:14px;
	text-decoration:none;
	line-height:40px;
}
#panel-bottom {
	border:5px solid #030303;
	border-bottom:none;
	height:320px;
	background-color:#fff;
}
#perfect-party {
	width:320px;
	margin:15px 0 0 15px;
	float:left;
	position:relative;
}
#perfect-party img {
	display:block;
}
#try {
	position:absolute;
	z-index:3;
	top:272px;
}
#read-story{
	width:233px;
	height:320px;
	border-left:5px solid #030303;
	float:right;
	position:relative;
	z-index:1;
}
#bottom-content {
	width:380px;
	margin-left:320px;
	margin-right:240px;
	padding:15px 0 0 0px;
}
#order-today {
	margin:10px auto 0 auto;
	display:block;
}
#bottom-content-headline {
	color:#db020a;
	font-weight:bold;
	font-size:14px;
	line-height:34px;
	border:1px solid #f79730;
	margin:0 0 7px 0;
	padding-left:15px;
}
#bottom-content-headline .stars {
	float:right;
	margin:10px;
}
#bottom-content-text {
	border:1px solid #f79730;
	padding:20px;
}
#corners {
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
}
#cowboy {
	position:absolute;
	z-index:3;
	top:-45px;
	left:15px;
	z-index:2;
}
#read-link {
	position:absolute;
	z-index:4;
	top:255px;
	left:40px;
}
.post-comment{
	color:#fff;
}
#comments-title {
	color:#fff;
	text-align:center;
	font-size:18px;
	line-height:50px;
}
#comments-sub-title {
	color:#fff;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:36px;
}
#comments {
	padding:15px;
}
.comment {
	margin-bottom:10px;
	background:#fff;
	border:1px solid #ccc;
}
.comment-author {
	border-bottom:1px solid #ccc;
	padding:0.3em;
}
.comment-author strong {
	font-weight:bold;
}
.comment-author span {
	float:right;
}
.comment-body {
	padding:0.3em 0.3em 0.3em 2em;
}

#cow-sec {
	background:url('../images/cow-sec.png') no-repeat 0px 140px;
	min-height:434px;height:auto !important;height:434px;
}
#products-listing {
	width:100%;
	margin: 10px auto;
}
#products-listing td{
	padding:10px 15px;
	vertical-align: bottom;
	text-align: center;
}
#products-listing img {
	display: block;
	margin: 0 auto 10px auto;
}
#product-details {
	width:700px;
	margin:20px auto;
}
#product-text {
	margin-bottom:15px;
}
#product-picture {
	width:250px;
	float:right;
	display:inline;
	margin:0 0 15px 25px;
}
#product-picture img {
	margin:0 auto;
	display:block;
}
.products {
	margin:0;
}
.products td {
	padding:5px;
	vertical-align: middle;
}

.cart {
	width:100%;
	margin:0 auto;
}
.cart td {
	padding: 5px;
	vertical-align:middle;
	text-align: left;
	font-size:11px;
}
.cart th {
	text-align: center;
	background-color:#f6a867;
	padding:5px;
	font-size:11px;
}
.cart .odd {background:#f8f3d7;}
.cart .even {background:#fff;}
.cart td.col-1 {width:50px;}
.cart td.col-2 {}
.cart td.col-3 {width:65px;}
.cart td.col-4 {width:65px;}
.cart td.col-5 {width:65px;}
.cart td.col-6 {width:25px;}