/* -------------------------------------------------------------------------
Filename: stylesheet.css
Title: Primary CSS file for MartoranaFamilyWinery
Author: Toivo Betancourt, toivo@t7digitaldesigns.com
License: Copyright 2008, t7digital designs, All Rights Reserved.
Please feel free to read and learn from this, but please do not steal.
Description: This style sheet imports other style sheets and provides
basic styling for XHTML elements of the Martorana Family Winery website.
---------------------------------------------------------------------------- */

@import url("base.css");

body {
margin:0px;
text-align:center;
}

p {
font-family:Georgia, Tahoma, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
padding-top:15px;
}

h1, h1.shipopt {
font-family:Georgia, Tahoma, Helvetica, sans-serif;
font-size:16px;
margin-bottom:12px;
font-weight:800;
}

h1.shipopt {
padding-top:45px;
*padding-top:55px;
}

a:link {
color:#790000;
}

a:visited {
color:#790000;
}

a:hover {
color:#c90000;
text-decoration:none;
}

#wrapper {
margin:0pt auto;
width:950px;
}

#container {
margin:0px 40px 0px 40px;
width:auto;
*width:870px;
}

#header {
position:relative;
background:url(../images/header_bg.gif) transparent repeat-x top left;
width:auto;
*width:870px;
height:155px;
}

#headerIndex, #header_main {
position:relative;
background:url(../images/headerIndex_bg.gif) transparent repeat-x top left;
width:auto;
*width:870px;
height:155px;
}

#header_main {
width:950px;
text-align:center;
}

#content {
position:relative;
background:url(../images/content_bg.gif) transparent repeat-x top left;
width:auto;
text-align:left;
}

#footer {
position:relative;
margin:40px 10px 15px 10px;
width:auto;
font-family: Georgia, Tahoma, Helvetica, sans-serif;;
font-size: 12px;
}

#logo {
position:relative;
width:auto;
height:130px;
}

#navcontainer {
position:relative;
width:auto;
height:25px;
}

#col1 {
position:relative;
width:352px;
text-align:left;
}

.wines #col1 {
width:300px;
}

.wines #col2 {
width:560px
}

#col1b  {
position:relative;
width:500px;
text-align:left;
}

#col1c {
position:relative;
width:auto;
text-align:left;
}

#col1c p {
color:#464646;
}

#col1c p span.ftr {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#464646;
}

#col1c span.ftr {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333;
}

#col1pad {
margin:0px 12px 22px 15px;
}

#col2 {
float:right;
width:518px;
text-align:left;
}

#col2b {
float:right;
width:370px;
text-align:left;
}

#checkout_col1 {
position:relative;
width:253px;
text-align:left;
}

#checkout_col2 {
float:right;
width:550px;
text-align:left;
}

#itemrow1, itemrow2 {
margin:0px;
text-align:left;
width:auto;
}

.wines #itemrow1 {
	background:transparent url(../images/mfw-wines.png) no-repeat top left;
	padding:491px 0 0 0;
}

#itemrow2 {
padding-top:15px;
}

#odg {
position:relative;
margin-left:45px;
padding-top:25px;
}

#contactform {
margin-top:20px;
width:488px;
}

#contactform label, #checkout_col1 label, #checkout_col2 label {
float:left;
font-family:Helvetica, Tahoma, Arial, sans-serif;
font-size:12px;
font-weight:800;
text-align:right;
margin-right:15px;
padding-top:4px;
width:120px;
color:#000;
}

#checkout_col2 label {
color:#790000;
font-weight:700;
width:185px;
}

#checkout_col1 label {
color:#790000;
font-weight:700;
width:98px;
margin-left:2px;
text-align:left;
}

.chktext {
font-family:Helvetica, Tahoma, Arial, sans-serif;
font-size:12px;
font-weight:800;
}

#contactform label.white {
color:#fff;
}

.formpad {
padding-top:5px;
padding-bottom:5px;
}

.formpad2 {
padding-bottom:5px;
}

.formpad3 {
padding-bottom:5px;
text-align:right;
}

input.formtext, input.formtext2, input.formtext3 {
padding:3px;
width:340px;
*width:330px;
height:14px;
font-size:12px;
font-family:Helvetica, Tahoma, Arial, sans-serif;
}

input.formtext2 {
width:160px;
}

input.formtext3 {
width:300px;
}

p.orderdetails {
font-family:Helvetica, Tahoma, Arial, sans-serif;
font-size:12px;
font-weight:300;
color:4d4d4d;
padding-top:2px;
}

p.orderdetailstotal {
font-family:Helvetica, Tahoma, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:4d4d4d;
padding-top:2px;
}

textarea.msgbx {
padding:3px;
width:300px;
height:100px;
font-size:12px;
font-family:Helvetica, Tahoma, Arial, sans-serif;
}

#cBx1 {
position:relative;
background:url(../images/cform_top.gif) #d5cf7f no-repeat top left;
width:auto;
height:11px;
}

#cBx2 {
position:relative;
background:url(../images/cform_midtop.gif) #d5cf7f no-repeat top left;
width:auto;
height:auto;
}

#cBx3 {
position:relative;
background:url(../images/cform_midbot.gif.gif) #c0bd7f no-repeat top left;
width:auto;
height:160px;
}

#cBx4 {
position:relative;
background:url(../images/cform_bot.gif) #c0bd7f no-repeat top left;
width:auto;
height:16px;
}
/* CLASSES */

.gry {
color:#999;
}

.dvdr {
padding-left:4px;
padding-right:4px;
}

.spacer {
padding-left:8px;
padding-right:8px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
font-weight:600;
}

.floatR {
float:right;
}

.clear {
clear:left;
}

.clearR {
clear:right;
}

.clearboth {
clear:both;
}

input.inputtext {
background-color:#fffde5;
border:1px solid #7d7d7d;
width:50px;
height:16px;
font-size:11px;
font-weight:400;
padding-top:3px;
padding-left:3px;
}

.center {
text-align:center;
}

.cartprice {
display:block;
float:right;
text-align:left;
width:53px;
line-height:18px;
*line-height:20px;
}

.cartbottles {
display:block;
float:right;
text-align:left;
width:75px;
}

.checkout {
float:right;
margin-top:20px;
}

.checkout2 {
float:right;
text-align:left;
margin-top:10px;
}

.red {
color:#790000;
}

.send {
float:right;
test-align:right;
padding-top:12px;
margin-right:45px;
}

/* NAVIGATION */

#nav ul, #nav2 ul {
list-style:none;
width:auto;
margin:0;
padding:0;
}

#nav li, #nav2 li {
float:left;
margin:0;
}

#nav li a, #nav2 li a {
display:block;
color:#000;
text-decoration:none;
text-align:center;
width:106px;
height:16px;
background:none;
float:none;
}

#nav li a#active, #nav2 li a#active {
float:left;
display:block;
color:#fff;
text-decoration:none;
text-align:center;
width:106px;
height:16px;
background: url(../images/btn_active.gif) transparent top left no-repeat;
}

#nav2 li a#active {
background: url(../images/btn_activeIndx.gif) transparent top left no-repeat;
}

#nav li a:hover, #nav2 li a:hover {
float:left;
display:block;
color:#f5f5f5;
text-decoration:none;
text-align:center;
width:106px;
height:16px;
background: url(../images/btn_active.gif) transparent top left no-repeat;
}

#nav2 li a:hover {
background: url(../images/btn_activeIndx.gif) transparent top left no-repeat;
}

/* Hide from IE5-Mac \*/
#nav li a, #nav2 li a {
	float:none;
}
/* End hide */

#nav, #nav2 {
margin:0px auto;
font-family:"Garamond Premiere Pro", Garamond, Georgia, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:600;
text-transform:uppercase;
width:636px;
height:16px;
background:none;
}

/* Add to Cart */

#cart ul {
list-style:none;
width:auto;
margin:0;
padding:0;
}

#cart li {
float:left;
margin:0;
}

#cart li.item {
float:left;
margin:0;
width:140px;
}

#cart li.spacer {
float:left;
margin:0;
width:0px;
}

#cart {
margin:0px auto;
font-family:Tahoma, Georgia, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
width:560px;
/*  height:160px;  w/Add to Cart Button */
height:125px;  /* w/out Add to Cart Button */
background:none;
}

#cart p {
font-family:Tahoma, Georgia, Helvetica, sans-serif;
font-size:11px;
}

#cart p.button {
padding-top:15px;
text-align:center;
}

/* Bullet List */
#bullist, #bullist2 {
font-family:Georgia, Tahoma, Helvetica, sans-serif;;
font-size:12px;
padding-top:15px;
line-height:16px;
}

#bullist2 {
padding-top:0px;
}

#bullist ul, #bullist2 ul {
list-style-type:disc;
width:auto;
margin:0;
padding:0;
}

#bullist li, #bullist2 li {
margin-top:12px;
margin-left:20px;
}