/* Valenzano Wine CSS Document */

body {
	margin: 0px; 
	padding: 0px; 
	
	background: url('images/layout/bg_01.png');
	
	color: #333;
}

form	{
	margin: 0;
	} /* eric davis in ie Remove extra line break */

a:link, a:active, a:visited {
	color: #333;
	font-weight: bold;
	font-size: 1em;
}
a:hover {
	color: red;
	font-weight: bold;
	text-decoration: underline;
}

.widthNorm{
	width: 800px;
}

.arial1 {
	font: normal 12px 'Arial', sans-serif;
}
.arial2 {
	font: normal 11px 'Arial', sans-serif;
	color: #333333;
}

.arial3 {
	font: normal 10px/11px 'Arial', sans-serif;
	color: #333333;
}

.verdana1 {
	font: normal 12px 'Verdana', sans-serif;
	color: #4e0d0d;
}

.formMsg{

 font: normal 10px 'Arial', sans-serif;
}

#header{
	width: 800px; 
	height: 90px; 
	
	background: url('images/layout/header.png') no-repeat;
}
#headerStripe{
	width: 800px; 
	height: 10px; 
	background: url('images/layout/headerStripe.png') repeat-x;
}

#navigation{
	width: 800px; 
	height: 40px; 
	background: url('images/layout/navStripe.jpg') repeat-x; 
	text-align:center;
}
#navStripeHome{
	width: 800px; 
	height: 50px; 
	background: url('images/layout/navStripe.png');
}


#footer{
	width: 800px; 
	height: 30px; 
	background: url('images/layout/footer.png');
	text-align: center;
}
#footerText{
	top: 7px;
	color: #fff;
}
#subFooter{
	width: 800px;
	height: 130px; 
	background: url('images/layout/subFooter.png') repeat-x;
}
#subFooterStripe{
	width: 800px;
	height: 10px; 
	background: url('images/layout/subFooterStripe.png') repeat-x;
}

#logo{
	width: 316px; 
	height: 57px; 
	
	top: 32px; 
	left: 12px; 
	
	background: url('images/logo.png') no-repeat;
}

/* No borders around images! */
img {
	border: none;
}

/* custom definition for main page */







.nav {
	position: relative; 
	top: 3px; 
	left: 0px; 
	
	display: inline; 
	
	margin-right: 8px;
}


/* property classes */
.rel{
	position: relative;
}
	
.auto {
	margin-left: auto; 
	margin-right: auto;
}
.hand {
	cursor: pointer;
}


/* HOME PAGE ====================================================== */
.homeBox{
	width: 268px; 
	height: 200px; 
	float: left; 
	background: url('images/layout/homeBox.png') no-repeat;
}
.homeBoxImage{
	margin-top: 12px; 
	margin-left: 12px;
}

.subPanel {
	width: 800px;
	height: 110px;
}

* html .subPanel {
	width: 810px;
}

.subPanelItem{
	width: 250px; 
	height: 110px; 
	float: left; 
	margin: 0px 7px;
}
.subPanelItemP{
	margin-top: 0px;
}

.subPanelLink{
	height: 30px;
}
.subPanelLinkImg{
	left: -4px;
}

/* NEWS AND EVENTS PAGE ====================================================== */
.mediaTitle{
	font: bold 12px 'Verdana', sans-serif;
	color: #4e0d0d;
	top: -6px;
}
.mediaCaption{
	font: normal 10px 'Arial', sans-serif;
	text-align: justify;
}
.mediaTitle a:link, .mediaTitle a:active, .mediaTitle a:visited{
	color: #4e0d0d;
	text-decoration: none;
}
.mediaTitle a:hover{
	color: #ffffff;
}
.newsTop a:link, .newsTop a:active, .newsTop a:visited{
	color: #000000;
	text-decoration: none;
}
.newsTop a:hover{
	color: red;
}


/* SELECTION PAGE ====================================================== */
#wineItemImage{
	height: 400px; 
	width: 150px; 
	float: left; 
	padding-left: 80px; 
	margin-right: 80px;
}
#wineDescDiv{
	height: 350px; 
	width: 255px; 
	margin-top: 50px; 
	float: left;
}
#wineItemYear{
	font: bold 17px 'Times New Roman', Times, serif;
}
#wineItemVintage{
	font: normal 15px 'Times New Roman', Times, serif;
}
#wineItemDesc{
	font: normal 14px 'Arial', sans-serif;
}
#wineItemPrice{ 
	font: bold 18px 'Times New Roman', Times, serif;
}
#wineQuickNavDiv{
	height: 400px; 
	width: 155px; 
	padding: 10px 0 0 50px; 
	float:left;
}
#wineContentWrapper{
	height: 400px; 
	width: 810px;
}

/* CONTACT PAGE ====================================================== */
#contactInformationDiv{
	width: 220px; 
	height: 658px; 
	padding: 34px 0; 
	float: right;
}
.contactDetail{
	margin-bottom: 30px;
}
#contactFormWrapper{
	width: 550px; 
	height: 658px;
	padding: 24px 0;
}
#contactFormTL{
	width: 14px; 
	height: 48px; 
	background: url('images/form/formTL.jpg') no-repeat; 
	float: left;
}
#contactFormTM{
	width: 521px; 
	height: 48px; 
	background: url('images/form/formTM.jpg') repeat-x; 
	float: left; 
	text-align: center;
}
#contactFormTR{
	width: 15px; 
	height: 48px; 
	background: url('images/form/formTR.jpg') no-repeat; 
	float: left;
}
#contactFormML{
	width: 14px; 
	height: 600px; 
	background: url('images/form/formML.jpg') repeat-y; 
	float: left;
}
#contactFormContentArea{
	height: 558px; 
	width: 441px; 
	padding: 21px 40px; 
	background: #fff; 
	float: left;
}
#contactFormMR{
	width: 14px; 
	height: 600px; 
	background: url('images/form/formMR.jpg') repeat-y; 
	float: left;
}
#contactFormBL{
	width: 14px; 
	height: 8px; 
	background: url('images/form/formBL.jpg') no-repeat; 
	float: left;
}
#contactFormBM{
	width: 521px; 
	height: 8px; 
	background: url('images/form/formBM.jpg') repeat-x; 
	float: left;
}
#contactFormBR{
	width: 15px;
	height: 8px;
	background: url('images/form/formBR.jpg') no-repeat; 
	float: left;
}

/* LABELS PAGE ====================================================== */
#labelsDiv{
	width: 800px; 
	margin-top: 3px; 
	background: url('images/label_01.jpg');
	background-repeat: no-repeat;
}
#labelsFormTM{
	width: 100%; 
	height: 48px;
	background: url('images/form/formTM.jpg') repeat-x;
}
#labelsFormTL{
	width: 14px; 
	height: 48px; 
	background: url('images/form/formTL.jpg') no-repeat; 
	float: left;
}
#labelsFormTR{
	width: 15px; 
	height: 48px; 
	background: url('images/form/formTR.jpg') no-repeat; 
	float: right;
}
#labelsFormML{
	width: 14px; 
	height: 240px; 
	background: url('images/form/formML.jpg') repeat-y; 
	float: left;
}
#labelsFormMR{
	width: 15px; 
	height: 240px; 
	background: url('images/form/formMR.jpg') repeat-y; 
	float: right;
}
#labelsFormBody{
	text-align: justify; 
	padding: 3px 32px 0 32px;
}
#labelsFormBM{
	height: 8px;
	background: url('images/form/formBM.jpg') repeat-x;
}
#labelsFormBL{
	width: 14px; 
	height: 8px; 
	background: url('images/form/formBL.jpg') no-repeat; 
	float: left;
}
#labelsFormBR{
	width: 15px; 
	height: 8px; 
	background: url('images/form/formBR.jpg') no-repeat; 
	float: right;
}
/* RETAILER PAGE ====================================================== */
#retailerInfoDiv{
	width: 220px; 
	height: 558px; 
	padding: 34px 0; 
	float: right;
}
#retFormTL{
	width: 14px; 
	height: 48px; 
	background: url('images/form/formTL.jpg') no-repeat; 
	float: left;
}
#retFormTM{
	width: 521px; 
	height: 48px; 
	background: url('images/form/formTM.jpg') repeat-x; 
	float: left; 
	text-align: center;
}
#retFormTR{
	width: 15px; 
	height: 48px; 
	background: url('images/form/formTR.jpg') no-repeat; 
	float: left;
}
#retFormML{
	width: 14px; 
	height: 500px; 
	background: url('images/form/formML.jpg') repeat-y; 
	float: left;
}
#retFormContent{
	height: 458px; 
	width: 441px; 
	padding: 21px 40px; 
	background: #fff; 
	float: left;
}
#retFormMR{
	width: 14px; 
	height: 500px; 
	background: url('images/form/formMR.jpg') repeat-y; 
	float: left;
}
#retFormBL{
	width: 14px; 
	height: 8px; 
	background: url('images/form/formBL.jpg') no-repeat; 
	float: left;
}
#retFormBM{
	width: 521px; 
	height: 8px; 
	background: url('images/form/formBM.jpg') repeat-x; 
	float: left;
}
#retFormBR{
	width: 15px; 
	height: 8px; 
	background: url('images/form/formBR.jpg') no-repeat; 
	float: left;
}
.retLabel{
	width: 100px; 
	float: left; 
	padding-top: 3px;
}

/* QUICK NAV STYLES ====================================================== */
.quickNavTitle{
	background: url('images/quickNavHeaderBG.png') repeat-x;
}
.quickNavHeader{
	font-weight: bold; 
	border-bottom: 1px solid #000; 
	padding-top: 5px;
}

/* FORM STYLES ====================================================== */
.formPadding{
	padding: 2px 0;
}

.contactForm{

 padding: 2px;
 border: 1px solid black;
 margin: 0px 4px;

}

#formSubmit, #formReset{

 padding: 0 4px;
 background: #999;
 border: 1px;
}

.formDesc{

 width: 80px; 
 float: left; 
 padding-top: 4px;
}