/* DisVet main stylesheet

Contents:
~ 0.0 Reset Styles
	~0.1 Typography Styles

~ 1.0 Body
	~ 1.1 Header Styles
		~ 1.1.1 Header Logo Styles
		~ 1.1.2 Navigation Styles
	~ 1.2 Main Content Styles
	~ 1.3 Product Content Styles
~ 2.0 Misc Cart Styles

*/

/*-------------------------------------------------------------------------------------0.0 Reset Styles*/

* {padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0 0;}
li, dd {margin-left:5%;}
fieldset {padding: .5em;}
select option{ padding:0 5px; }
.hide{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
a {outline:none;}

/*-------------------------------------------------------------------------------------0.1 Typography Styles*/
body{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
h2#prodMen-top{
color:white;
line-height:51px;
text-align:center;
font-size:30px;
}
h1{
font-size:22px;
padding:0px 0px 10px 0px;
margin:0px;
}
p{
padding:8px 0;
margin:0;}
a{
color:#007711;
font-weight:bold;
text-decoration:none;
}
a:hover{ text-decoration:underline;}

/*-------------------------------------------------------------------------------------1.0 Body Styles*/

body{
margin:0px;
padding:0px;
background:url(/images/bg.jpg) top center no-repeat #8db749;
text-align:center;
}

#wrap-all{
width:1000px;
margin:0 auto;
text-align:left;
overflow:hidden;
}
	#left{
	margin:0;
	width:232px;
	float:left;
	background:blue;
	background:url(/images/topleft.jpg) no-repeat;
	min-height:216px;
	}
	* html #left {/*ie 6*/
	height:216px;
	}
	#right{
	width:768px;
	float:right;
	background:url(/images/header.jpg) no-repeat;
	position:relative;
	}
	/*-------------------------------------------------------------------------------------1.1 Header Styles*/
	a#logo{
	display:block;
	position:absolute;
	width:223px;
	height:123px;
	top:54px;
	left:130px;
	}
	strong#tagline{
	position:absolute;
	top:189px;
	left:132px;
	width:365px;
	color:#c41a1e;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	div#address{
	position:absolute;
	width:130px;
	height:113px;
	top:62px;
	left:356px;
	font-size:12px;
	}
	div#logos{
	position:absolute;
	top:21px;
	right:7px;
	width:271px;
	height:203px;
	}
		/*-------------------------------------------------------------------------------------1.1.1 Header Logo Styles*/
		div#logos{/*used when the customer is anyone other than miller*/
		background:url(/images/headerlogos.jpg);
		}
		.miller div#logos{
		background:url(/images/headermiller.jpg);
		}
		.highfalls div#logos{
		background:url(/images/headerhighfalls.jpg);
		}
		.gmodelo div#logos{
		background:url(/images/headercorona.jpg);
		}
		.spaten div#logos{
		background:url(/images/headerspaten.jpg);
		}
		.warsteiner div#logos{
		background:url(/images/headerwarsteiner.jpg);
		}
		.case1 div#logos{
		background:url(/images/headercase.jpg);
		}
		/*-------------------------------------------------------------------------------------1.1.2 Navigation Styles*/
		#flashheader{
		margin-top:0;
		margin-left:3px;
		height:290px;
		width:758px;
		}
		#flashnav{
		position:absolute;
		margin-top:40px;
		height:210px;
		width:758px;
		}
		#flashnav ul{
		list-style:none;
		height:66px;
		width:517px;
		margin: 184px auto 0 auto;
		}
		#flashnav ul li{
		height:100%;
		float:left;
		margin:0;
		padding:0;
		text-indent:-999em;
		}
		#flashnav ul li a {
		display:block;
		height:100%;
		}
		#flashnav ul li#home a{background:url(/images/images/home.jpg) top; width:84px;}
		#flashnav ul li#home a:hover{background:url(/images/images/home.jpg) bottom; width:84px;}
		
		#flashnav ul li#aboutus a{background:url(/images/images/aboutus.jpg) top; width:96px;}
		#flashnav ul li#aboutus a:hover{background:url(/images/images/aboutus.jpg) bottom; width:96px;}
		
		#flashnav ul li#contactus a{background:url(/images/images/contactus.jpg) top; width:109px;}
		#flashnav ul li#contactus a:hover{background:url(/images/images/contactus.jpg) bottom; width:109px;}
		
		#flashnav ul li#products a{background:url(/images/images/products.jpg) top; width:91px;}
		#flashnav ul li#products a:hover{background:url(/images/images/products.jpg) bottom; width:91px;}
		
		#flashnav ul li#shoppingcart a{background:url(/images/images/shoppingcart.jpg) top; width:137px;}
		#flashnav ul li#shoppingcart a:hover{background:url(/images/images/shoppingcart.jpg) bottom; width:137px;}

	/*-------------------------------------------------------------------------------------1.2 Main Content Styles*/
	#mainContent-top{
	background:url(/images/mainContent_top.png);
	width:100%;
	height:29px;
	}
			* html #mainContent-top{/*for ie6*/
			background:none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/images/mainContent_top.png');
			}
		
	.mainContent-content{
	background:url(/images/mainContent_content.png);
	width:100%;
	}
			* html .mainContent-content{/*for ie6*/
			background:none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/images/mainContent_content.png');
			}
			.jsrelative{position:relative;}
			/*.mainContent-content *{position:relative;}*/
			
			.mainContent-padding{
			padding:5px 20px 0px 30px;
			}

	#mainContent-bottom{
	background:url(/images/mainContent_bottom.png);
	width:100%;
	height:14px;
	}
			* html #mainContent-bottom{/*for ie6*/
			background:none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/images/mainContent_bottom.png');
			}
			
	/*-------------------------------------------------------------------------------------1.3 Poducts Content Styles*/
	h2#prodMen-top{
	background:url(/images/prodMen_top.jpg);
	margin:224px 0 0 0;
	padding:0px;
	width:100%;
	height:51px;
	}
	.prodMen-content{
	background:url(/images/prodMen_content.png);
	font-size:13px;
	width:100%;
	overflow:hidden;
	}
			* html .prodMen-content{/*for ie6*/
			background:none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/images/prodMen_content.png');
			}
			.prodMen-content *{position:relative;}
			.padding{
			padding:5px 20px 0px 30px;
			}
	#prodMen-bottom{
	background:url(/images/prodMen_bottom.png);
	width:100%;
	height:17px;
	}
			* html #prodMen-bottom{/*for ie6*/
			background:none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/images/prodMen_bottom.png');
			}
	/*-------------------------------------------------------------------------------------1.4 Foot Styles*/
	#foot{
	width:1000px;
	margin:0 auto;
	text-align:right;
	color:white;
	padding:10px 10px 30px 0;
	font-size:14px;
	clear:both;
	}
/*-------------------------------------------------------------------------------------2.0 Misc Cart Styles*/
.button a:link{background-color: #568F1E;
color: #fff;
border-top: 1px solid #000;
border-bottom: 1px solid #d3c5a7;
border-right: 1px solid #d3c5a7;
border-left: 1px solid #000;
text-decoration: none;
font-weight:normal;
padding: 2px;
margin:2px;
padding-right: 2px;
}

.button a:visited {
background-color: #568F1E;
text-decoration: none;
color: white;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
padding: 2px;
margin:2px;
padding-right: 2px;
font-weight:normal;
}
.button a:hover {
border-top: 1px solid #d3c5a7;
border-left: 1px solid #d3c5a7;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
color: #fff;
background-color: #568F1E;
padding: 2px;
margin:2px;
font-weight:normal;
text-decoration: none;
}
.button a:active {
background-color: #568F1E;
text-decoration: none;
color: white;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
padding: 2px;
margin:2px;
padding-right: 2px;
font-weight:normal;
}
.cart {
border: 1px solid #000;
font: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
padding: 5px;

}