@charset "UTF-8";
body  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
	font-size:13px;
	line-height: 17px;
	background-color: #000;
	background-image: url(../images/the-glamorgan-beer-and-wine-cellars-bg.gif);
	background-repeat: repeat-x;
}

a {
   color: #ffc;
   text-decoration: none;
}

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

img {
  border:none;
  text-decoration:none;
  margin: 0px;
  padding:0px;
}

img a:link, a:visited, a:hover {
  border: none;
  text-decoration: none;
}

p {
  margin: 0px;
  padding:0px;
}

h1 {
  font-weight:normal;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
  margin-top: 0px;
  padding:0px;
  color: #fff;
}

h2 {
  font-weight:normal;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 10px;
  margin-top: 0px;
  padding:0px;
}

h3 {
  font-weight:normal;
  font-size: 14px;
  line-height: 18px;
  margin:0px;
  padding:0px;
  color:#FFF;
  border-bottom:solid 1px #EEE;
}

h4 {
  font-weight:normal;
  font-size: 14px;
  line-height: 18px;
  margin:0px;
  padding:0px;
  color:#FFF;
}


ul {
  padding-left:18px;
  margin:0px;
}



/*--------------------------------------- Containers */


#wrapper {
	background-image: url(../images/the-glamorgan-beer-and-wine-cellars-bg.gif);
	background-repeat: repeat-x;
	text-align:center;
	width:960px;
	text-align:left;
	margin:auto;
	color: #fff;
}

#container {
  margin-left:20px;
  margin-right:20px;
}



/*--------------------------------------- Top nav */

#topnav {
	float: right;
	padding:0px;
	position:absolute;
	left: 720px;
	top: 35px;
	font-size:16px;
	line-height: 18px;
} 

#logo {
	float: none;
	position:relative;
	clear:both;
	width: 960px;
} 

	
	
/*--------------------------------------- Primary navigation */

#container-primarynav { 
	height:45px;
	margin-top:10px;
} 

#primarynav { 
	padding-top:15px;
	padding-bottom:15px;
} 

#primarynav ul li {
	display: inline;
	padding: 0px 20px 0px 0px;
}

#primarynav ul {
	padding:0px;
	margin:0px;
}


/*--------------------------------------- Home */

#briefinsight {
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../images/gradient-920.jpg);
	background-repeat:no-repeat;
	width:920px;
	position:relative;
} 


#briefinsight h1 {
	float:left;
	font-size:13px;
	line-height: 17px;
	margin:0px;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
} 

#briefinsight img {
	float:left;
	margin:0px;
	padding:0px;
} 

#currentoffers {
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../images/gradient-920.jpg);
	background-repeat:no-repeat;
	background-color:#4e000f;
	width:920px;
	position:relative;
} 


#currentoffers-container {
	float:left;
	margin:0px;
	padding:0px;
	background-color:#000;
	width:920px;
	position:relative;
} 


#currentoffers h1 {
	float:left;
	font-size:13px;
	line-height: 17px;
	margin:0px;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
} 

#currentoffers img {
	float:left;
	margin:0px;
	padding:0px;
} 


#currentoffers-twocol1 {
	float: left;
	width: 450px;
	background-color:#4e000f;
	margin:0px;
	position:relative;
}

#currentoffers-twocol2 {
	float: right;
	width: 450px;
	background-color:#4e000f;
	padding:0px;
	margin:0px;
	position:relative;
}

#breaker {
	background-color:#000;
}


	
/*--------------------------------------- 2 Columns: Home */

#container-twocol { 
	float: left;
	width:920px;
	clear:both;
	margin-top:12px;
	position:relative;
} 

#twocol1 {
	float: left;
	width: 450px;
	text-align: left;
	margin:0px;
	position:relative;
}

#twocol2 {
	float: right;
	width: 450px;
	text-align: left;
	padding:0px;
	margin:0px;
	position:relative;
}


/*--------------------------------------- 2 Columns: Main website */

#container-twocol-main { 
	float: left;
	width:920px;
	clear:both;
	margin-top:12px;
	position:relative;
} 

#twocol-main1 {
	float: left;
	width: 215px;
	text-align: left;
	margin:0px;
	position:relative;
}

#twocol-main2 {
	float: right;
	width: 685px;
	text-align: left;
	padding:0px;
	margin:0px;
	position:relative;
}


/*--------------------------------------- 2 Columns: Content pages */

#container-twocol-content { 
	float: left;
	width:450px;
	clear:both;
	margin:0px;
	padding:0px;
	position:relative;
} 

#twocol-content1 {
	float: left;
	width: 210px;
	text-align: left;
	margin:0px;
	position:relative;
}

#twocol-content2 {
	float: right;
	width: 210px;
	text-align: left;
	padding:0px;
	margin:0px;
	position:relative;
}


/*--------------------------------------- 3 Columns: Main website */

#container-threecol-main { 
	float: left;
	width:920px;
	clear:both;
	margin-top:30px;
	position:relative;
} 

#threecol-main1 {
	float: left;
	width: 215px;
	text-align: left;
	margin:0px;
	padding-right:20px;
	position:relative;
}

#threecol-main2 {
	float: left;
	width: 450px;
	text-align: left;
	margin:0px;
	padding-right:20px;
	position:relative;
}

#twocol-main3 {
	float: right;
	width: 215px;
	text-align: left;
	padding:0px;
	margin:0px;
	position:relative;
}


#container-threecol-main2 { 
	float: left;
	width:685px;
	margin:0px;
	padding:0px;
	position:relative;
	clear:none;
} 




/*--------------------------------------- Mini Cellar Quarter Range */


#threecol-main2-mini {
	float: left;
	width: 215px;
	text-align: left;
	margin:0px;
	padding-right:20px;
	position:relative;
}

#twocol-main3-mini {
	float: right;
	width: 450px;
	text-align: left;
	padding:0px;
	margin:0px;
	position:relative;
}

/*--------------------------------------- 3 Columns: Products */

#container-threecol-products { 
	float: left;
	width:685px;
	clear:both;
	margin:0px;
	padding:0px;
	background-image:url(../images/gradient-685.jpg);
	background-repeat:no-repeat;
	position:relative;
} 

#container-threecol-products-nograd { 
	float: left;
	width:685px;
	clear:both;
	margin:0px;
	padding-top:20px;
	position:relative;
} 

#threecol-products1 {
	float: left;
	width: 215px;
	text-align: left;
	margin:0px;
	padding-right:20px;
	position:relative;
}

#threecol-products2 {
	float: left;
	width: 215px;
	text-align: left;
	margin:0px;
	padding-right:20px;
	position:relative;
}

#twocol-products3 {
	float: right;
	width: 215px;
	text-align: left;
	padding:0px;
	margin:0px;
	position:relative;
}

#products-container {
	float:left;
	padding:0px;
	margin:0px;
	clear:both;
}


/*--------------------------------------- Products */

#products {
	float:left;
	margin:0px;
	padding:0px;
	width:685px;
	position:relative;
} 


#products h1 {
	float:left;
	font-size:13px;
	line-height: 17px;
	margin:0px;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
} 

#products img {
	float:left;
	margin:0px;
	padding:0px;
}

#product-1 {
	float:left;
	margin:0px;
	padding:0px;
	background-color:#4e000f;
	width:215px;
}

#product-1 p {
	padding:10px;
}

#product-2 {
	float:left;
	margin:0px;
	padding:0px;
	background-color:#4e000f;
	width:215px;
}

#product-2 p {
	padding:10px;
}

#product-3 {
	float:right;
	margin:0px;
	padding:0px;
	background-color:#4e000f;
	width:215px;
}

#product-3 p {
	padding:10px;
}


/*--------------------------------------- 4 Columns: Main website */

#container-fourcol { 
	background-color:#fff;
	width:920px;
	clear:both;
	position:relative;
	padding:0px;
	margin:0px;
} 

#fourcol1 {
	float: left;
	width: 215px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	margin:0px;
	position:relative;
}

#fourcol2 {
	float: left;
	width: 215px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	margin:0px;
	position:relative;
}

#fourcol3 {
	float: left;
	width: 215px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	margin:0px;
	position:relative;
}

#fourcol4 {
	float: right;
	width: 215px;
	background: #fff;
	text-align: left;
	margin:0px;
	position:relative;
}


/*--------------------------------------- Left navigation */

#leftnav  {
	float: left;
	margin:0px;
	padding:0px;
	background-image:url(../images/gradient-nav.jpg);
	background-repeat:no-repeat;
	width:215px;
	height:91px;
}

#leftnav h1 {
	float: none;
	margin:0px;
	padding-left:20px;
	padding-top:20px;
	font-size:15px;
	line-height: 19px;
}


#leftnav p {
	float: none;
	margin:0px;
	padding-left:20px;
	padding-top:20px;
}



/*--------------------------------------- Breadcrumb */

#breadcrumb  {
	float: left;
	margin:0px;
	padding-top:10px;
	font-size:11px;
	line-height: 17px;
	position:relative;
}


/*--------------------------------------- Misc */

.floatright  {
	float:right;
	margin:0px;
	padding-left:730px;
	position:absolute;
}

/*--------------------------------------- Footer */

#footer  {
	float: left;
	margin:0px;
	padding-top:20px;
	padding-bottom:20px;
	font-size:11px;
	line-height: 17px;
	position:relative;
}