@charset "utf-8";


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
}

a:hover,a:focus,a:active{outline-width:0} 

a {
	text-decoration: none;
}
p {
	padding-bottom: 5px;

}
h1 {
	padding-bottom: 10px;

}


img {
	border-style: none;
	border:none;
}

html { min-height: 100%; margin-bottom: 1px; }

html {
   overflow-y: scroll;
   }

body  {
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #FFFFFF;
}
.thrColFixHdr #container {
	width: 960px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
} 
.thrColFixHdr  #container  #top {
	height: 50px;
	background-repeat: no-repeat;
	position: relative;
	background-color: #FFFFFF;
}
.thrColFixHdr  #container  #top  h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #DA3039;
	padding-top: 10px;
}
.aboutImg {
	float: right;
	width: 220px;
}
.aboutImg  #bottles     {
	padding-top: 10px;
	text-align: center;

}


#flags {
	position:absolute;
	width:66px;
	height:15px;
	z-index:1;
	left: 892px;
	top: 5px;
}
#top #flags #UK {
	padding-right: 6px;
}

.thrColFixHdr #header {
	background-color: #DDDDDD;
	background-image: url(Images/homepageBK/header_r1_c1.jpg);
	height: 79px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	background-repeat: no-repeat;
} 

#background {
	background-color: #740C0D;
	margin: 0px;
	padding: 0px;
	width: 960px;
}

.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px; /* padding keeps the content of the div away from the edges */
	background-color: #740C0D;
	background-image: url(Images/homepageBK/sidebar1.jpg);
	background-repeat: no-repeat;
	height: 340px;
	position: relative;
}
.thrColFixHdr  #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 10px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;
	position: relative;
	background-image: url(Images/homepageBK/sidebar2.jpg);
	background-repeat: no-repeat;
	background-color: #740C0D;
	height: 352px;
}

.thrColFixHdr #container #sidebar1 li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EA3A45;
	list-style-type: none;
	color: #FFFFFF;

}

.firstnav {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EA3A45;
}
.nav {
	list-style-type: none;
	margin-left: 4px;
	margin-right: 4px;
	padding: 0px;
}
.nav   a      {
	text-decoration: none;
	list-style-type: none;
	font-size: 16px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	display: block;
	color: #FFFFFF;
	padding-left: 10px;
}
.nav   a:hover      {
	color: #9A0507;
	background-color: #E1DAAA;
}
.nav a:active {
	outline:none;
	text-decoration: none;
	list-style-type: none;
	font-size: 16px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	display: block;
	color: #FFFFFF;
	padding-left: 10px;
}

.thrColFixHdr #mainContent {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 160px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 20px;
	position: relative;
	background-color: #FFFFFF;
	margin-right: 10px;
} 

#SlidingPanels1  .SlidingPanelsContentGroup  #p1      {
	background-image: url(Images/lapamelitabk.jpg);
	background-repeat: no-repeat;
	background-position: right 80px;
}
#tabbedwines     {
	position: relative;
	width: 770px;
}
#tabbedwines  #SlidingPanels1  p     {
	padding-right: 20px;
}
.SlidingPanelsContentGroup #p2 {
	background-image: url(Images/larositabk.jpg);
	background-repeat: no-repeat;
	background-position: right 60px;
}
.SlidingPanelsContentGroup #p3 {
	background-image: url(Images/elgorditobk.jpg);
	background-repeat: no-repeat;
	background-position: right 100px;
}



#spNav #LaPamelitaLogo {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 6px;
	outline:none;
}


#spNav #LaRositaLogo {
	padding-right: 20px;
}
#spNav #ElGorditoLogo {
}
#stockbutton {
	position:absolute;
	width:80px;
	height:80px;
	z-index:1;
	left: 100px;
	top: 429px;
	outline:none;
}
#stockbutton1 {
	position:absolute;
	width:80px;
	height:80px;
	z-index:1;
	left: 100px;
	top: 969px;
}
#stockbutton2 {
	position:absolute;
	width:80px;
	height:80px;
	z-index:1;
	left: 100px;
	top: 1500px;
}




#background  #mainContent  p   {

}

.thrColFixHdr #container #mainContent h1 {
	font-size: 24px;
}
#currentstockists {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	margin-top: 10px;
}
#currentstockists   p       {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#currentstockists     a       {
	color: #333333;
}
#currentstockists   a:hover       {
	text-decoration: underline;
}



#main1 {
	width: 340px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	min-height: 400px;
}

#main1 .homepagepadding {padding-top:40px;

}

#stockists1  h1     {
	padding-top: 20px;
	padding-bottom: 20px;
}
#stockists2 {
	float: left;
	width: 340px;
}
#stockists3 {
	float: right;
	width: 378px;
}

#stockists1  #stockists3  #form1     {
	background-color: #FBD7D7;
	border: 1px solid #740C0D;
}
.tableCaption {
	padding-top: 4px;
	padding-bottom: 4px;
}


#currentstockists1 {
	float: left;
	width: 340px;
}
#currentstockists1  h2       {
	font-size: 16px;
	padding-bottom: 10px;
}
#currentstockists2 {
	float: right;
	width: 380px;
}




.thrColFixHdr #footer {
	padding: 0;
	background-image: url(Images/homepageBK/footer.jpg);
	height: 84px;
	background-repeat: no-repeat;
	margin: 0px;
	clear: both;
} 
#bottom {
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 100%;
}
#bottom  p   {
	display: inline;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#elgordito {
	position:absolute;
	width:87px;
	height:300px;
	z-index:10;
	left: 393px;
	top: 49px;
	background-repeat: no-repeat;
}
#award {
	position:absolute;
	width:117px;
	height:115px;
	z-index:1;
	left: 567px;
	top: 1098px;
}

#lapamelita {
	position:absolute;
	width:138px;
	height:500px;
	z-index:20;
	left: 635px;
	top: -50px;
}



#larosita {
	position:absolute;
	width:113px;
	height:400px;
	z-index:21;
	left: 501px;
	top: -3px;
	background-repeat: no-repeat;
}
#tabbedwines  #spNav  a:active     {
outline:none;
}
#tabbedwines #spNav a:visited {
	outline:none;
}

.wineHeading {
	font-family: Verdana;
	color: #DA3039;
	font-weight: normal;
	padding-bottom: 10px;
}

.wineText {
	padding-bottom: 10px;
	font-weight: bold;

}
.wineTextLower {
	padding-bottom: 10px;
	font-weight: normal;
}
.winebottlepad {
	padding-right: 50px;
}



.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	padding-left: 10px;
}
.lastpara {
	display: inline;
}
.lobbanLeftpara {
	width: 400px;
}

#mainContent  #winerybasic   {
	width: 420px;
}
#mainContent  #winerybasic  p    {

}

.newspara {
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 4px;
	font-size: 12px;
	line-height: 120%;
}
#mainContent  #main1  a:hover    {
	color: #000099;
	text-decoration: underline;
}
#mainContent  #main1  .newsh2  a    {
	text-decoration: none;
	color: #FFFFFF;
}
#mainContent #main1 .newsh2 a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}


.newsh2 {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #EA3A45;
	padding-top: 2px;
	padding-right: 288px;
	padding-bottom: 2px;
	padding-left: 4px;
}





#winery1 {
	position:absolute;
	width:208px;
	height:180px;
	z-index:1;
	left: 540px;
	top: -50px;
}
#winery2 {
	position:absolute;
	width:208px;
	height:180px;
	z-index:1;
	left: 540px;
	top: 153px;
}
#winery3 {
	position:absolute;
	width:208px;
	height:320px;
	z-index:1;
	left: 495px;
	top: 33px;
}
#mainContent  #contactWrapper    {
}
#contactPageForm {
	float: right;
	padding-top: 80px;
	width: 390px;
	padding-right: 50px;
}
#contactPage1 {
	width: 300px;
	background-image: url(Images/lapamelitaContactbk.jpg);
	background-repeat: no-repeat;
	height: 400px;
	float: left;
	background-position: left 20px;
}

#contactLaPamimg {
	position:absolute;
	width:130px;
	height:500px;
	z-index:1;
	left: 633px;
	top: -53px;
}


.contactPara1 {
	font-size: 16px;
	color: #DA3039;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 60px;
	padding-bottom: 20px;
}

.contactParaGrey {
	font-size: 16px;
	padding-left: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
.contactPara1Thanks {
	font-size: 16px;
	color: #DA3039;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#video1 {
	padding-top: 20px;
	padding-bottom: 20px;
}
#aboutLeft {
	width: 400px;
}

.video {
	padding-right: 20px;
}
.videosidebar {
	font-size: 14px;
	color: #333333;
}
#mainContent #video1 h3 {
	font-size: 20px;
	padding-bottom: 10px;
}
.newspara_noBottonBorder {
	padding-top: 4px;
	padding-bottom: 4px;
}
.pamelacaption {
	font-style: italic;
	font-weight: normal;
	padding-left: 110px;
}
#mainleft {
	width: 420px;
}
#mainright #pamelageddes1 {
	padding-top: 30px;
}

#mainright {
	width: 320px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 463px;
	top: 0px;
}
.mainNewspara {
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 8px;
	line-height: 20px;
}
#cellardoorright {
	position: absolute;
	left: 468px;
	top: 38px;
}
#mainleft #Gironella {
	padding-top: 10px;
	padding-bottom: 10px;
}
.thewineryimg {
	padding-top: 10px;
	padding-bottom: 10px;
}
.whiteText {color: #FFFFFF}
.thrColFixHdr #container #background #mainContent #stockists1 #currentstockists #currentstockists2 p {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.thankyou {
	font-size: 16px;
	color: #DA3039;
}

.spspacer {
padding-left: 40px;
padding-right:40px;
}

.spnewswidth {

width:300px;
float:right

}