@charset "utf-8";
/* CSS Document */

html { height: 101%; }

/* GLOBAL STYLES */
body {
	background-color: 	#401E29;
	margin:				0;
	padding:			0;
	text-align:			center;
	z-index: 1;
}

img {
	border:0;
}

#container {
	width:					756px;
	height:					670px;
	margin:					0 auto;
	padding:				0px 0px 10px 0px;
	text-align:				left;
	background-color:		#FFFFFF;
	background-image:		url(../images/BG_bottom.gif);
	background-position:	bottom left;
	background-repeat:no-repeat;
}
*html #container {
	background-color:		#401E29;
}

#top-border{
	width:					760px;
	height:					54px;
	margin:					0;
	background-image:		url(../images/BG_top.gif);
	background-attachment:	scroll;	
	background-repeat:		no-repeat;
	background-position:	top left;
	text-align:				left;
}


#inner-page {
	width:					644px;
	height:					571px;
	float:					left;
	background-color:		#FFFFFF;
	background-image:		url(../images/BG.gif);
	background-attachment:	scroll;
	background-position:	333px -10px;
	background-repeat:		no-repeat;
}
*html #inner-page {
	height:					500px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#spirit-logo {
	margin-left:			1em;
	float:					left;
}

#sign-up {
	float:					right;
	position:				relative;
	right:					10px;
	top:					2px;
	float:					right;
}

#navigation {
	width:					616px;
	height:					29px;
	background-color:		#404042;
	position:				relative;
	top:					1.1em;
	margin-left:			1em;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	clear:					both;
}


#navigation ul {
	width:					573px;
	height:					29px;
	float:					left;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-variant:			small-caps;
	color:					#FFFFFF;
	margin:					0;
	padding-left: 			17px;
	list-style-type:		none;
}

#navigation ul li {
	display:				block;
	float:					left;
	width:					20%;
	height:					29px;
	text-align:				center;
}

#navigation a:link, #navigation a:visited {
	color:					#FFFFFF;
	height:					29px;
	text-decoration:		none;
	padding-bottom:			7px;
	line-height:			30px;
}

.CurrentLink, #navigation a:hover, #navigation a:active {
	font-weight:			bold;
	height:					29px;
	color:					#FFFFFF;
	text-decoration:		none;
	background-image:		url(../images/arrow.gif);
	background-position:	bottom center;
	background-repeat:		no-repeat;
/*	padding-bottom:			7px;*/
	line-height:			30px;
}

#left-border {
	width:					55px;
	height:					571px;
	float:					left;
	background-attachment:	scroll;
	background-image:		url(../images/BG_left.gif);
	background-position:	left;
	background-repeat:		no-repeat;
	margin:					0;
}

#right-border {
	width:					57px;
	height:					571px;
	float:					right;
	background-attachment:	scroll;
	background-image:		url(../images/BG_right.gif);
	background-position:	left;
	background-repeat:		no-repeat;
	margin:	0;
	/*border:				1px solid red;*/
}


#bottom-border{
	width:					760px;
	height:					54px;	
	clear:					both;
	background-image:		url(../images/BG_bottom.gif);
	/*background-attachment:	scroll;*/
	background-repeat:		no-repeat;
	background-position:	left;
	/*border:				1px solid red;*/
	text-align:				left;
}

#sub-container {
	width:					650px;
	float:					left;
	margin:					10px 10px 0 0;
}
*html #sub-container {
	width:					642px;
	height:					462px;
	float:					left;
	margin:					10px 0 0 0;
	padding:				0;
}

#footnote{
	color:					#999999;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				9px;
	text-decoration:		none;
	clear:					both;
	height:					40px;
	width: 725px;
}


.footer-left {
	float: 					left;
}

.footer-right {
	float:					right;
	font-weight:			bold;
	text-align: right;
}

.spacer {
	padding-left:           20px;
}

#footnote a {
	color:				#999999;
	text-decoration:	none;
}

/* Exclusive styles for home page */
#news-feed {
	width:					142px;
	height:					455px;
	float:					left;
	clear:					both;
	margin-bottom:			20px;
	text-align:				center;
	background-color:		#a0a2a5;
	margin-left:			15px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	color:					#666666;
	line-height:			1.5em;
	letter-spacing:			0.05em;
}
*html #news-feed {
	margin-left:			8px;
	line-height:			1.1em;
	letter-spacing:			0.05em;
}

html>body>#container>#inner-page>#news-feed {
	margin-top:				0;
	float:					left;
	clear:					both;
}

.top-margin {
	margin-top:				10px;
}

.AlignLeft {
	text-align:				left;
	margin:					10px;
}

#flash-banner {
	float:					left;
	margin-left:			8px;
}


#main-copy {
	width:					266px;
	height:					328px;
	float:					left;
	margin:					10px 0 0 8px;
	background-color:		#DDDDDD;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	color:					#404042;
	line-height:			1.8em;
	letter-spacing:			0.04em;
	padding:				0 5px 5px 5px;
}

.FirstLetter {
	font-weight: normal;
}

#right-image {
	width:					180px;
	height:					238px;
	float:					left;
	margin:					10px 0 0 9px;
	background-color:		#FFFFFF;
}

#addresses {
	width:					177px;
	height:					100px;
	float:					left;
	font-size:				10px;
	line-width:				0.3em;
	line-height:			1.6em;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	margin:					4px 0 0 10px;
	color:					#666666;
}
div.float-right { float: right; border: 1px solid red; }

#addresses dl {
	width: 200px;
	margin:				10px 0 0 0;
	padding: 0;
}
#addresses dl dt {
	font-size: 8px;
	width: 90px;
	margin: 0;
	padding: 0;
}
#addresses dl dd {
	float: left;
	width: 90px;
	margin:  0;
	padding: 0;
	text-align: left;
}

#email-address a:link, #email-address a:visited, #email-address-news a:link, #email-address-news a:visited {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#AAAAAA;
	font-weight:			bold;
	margin:					10px 0 0 0;
	padding:                0;
	text-decoration:		none;
}

#email-address a:hover, #email-address a:active, #email-address-news a:hover, #email-address-news a:active {
	color:					#BBBBBB;
}

#email-address-news {
	margin-top:				0;
}

#left-space a:link, #left-space a:visited {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	color:					#666666;
	letter-spacing:			normal;
	font-weight:			bold;
}

#left-space a:hover, #left-space a:active {
	color:					#999999;
}



dt {
	float:					left;
	width:					95px;
}
*html dt {
	font-size:				9px;
	width:					90px;
}


/* STYLES FOR NEWS PAGE */
#news-section {
	width:					614px;
	/*height:					360px;*/
	background-color: #ddd;
	float:					left;
	margin:					15px;
	z-index: 10;
	overflow: visible;
}
*html #news-section {
	width:					612px;
	margin-left:			8px;	
}

#news-addresses {
	width:					177px;
	height:					100px;
	float:					right;
	font-size:				10px;
	line-height:			1.6em;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	margin:					0 10px 0 10px;
	color:					#666666;
}
*html #news-addresses {
	line-height:			1.4em;
	height:					45px;
	margin:					0 8px 3px 0;
	padding: 0;
}
*:first-child+html #news-addresses {
	line-height:			1.4em;
	height:					71px;
}
*html #news-addresses dl {
	margin-bottom:			0;
	padding-bottom:			0;
}
*:first-child+html #news-addresses dl {
	margin-top:	10px;
}

.article {
	width:					577px;
	height:					auto;
	/*background-color:		#a0a2a5;*/
	padding:                10px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	line-height:			1.5em;
	letter-spacing:			0.05em;
	color:					#404042;
	margin-bottom:			20px;
	margin-left:			10px;
}

#news-section h1 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				18px;
	margin-top:				0;
}

.news-image {
	float:					left;
	margin-right:			10px;
}

#news-section hr {
	border: none;
	height: 1px;
	background-color: #999;
	color: #999;
	margin: 10px 20px;
}


/* STYLES FOR SHOPPING PAGE */
#page-border {
	width:					535px;
	height:					350px;
	margin:					30px 12px 12px 16px;
	border:					10px solid black;
	background-color:		#FFFFFF;
	padding:                30px;
}
*html #page-border {
	margin-bottom:			31px;
}

#page-border ul {
	float:					left;
	list-style-type:		none;
	width:					160px;
	margin-left:			0;
	padding-left:           0;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#404042;
	line-height:			1.8em;
	letter-spacing:			0.04em;
}

#coming-soon {
	/*margin:					110px 180px 120px 180px;*/
	position:				absolute;
	bottom:					10px;
	border:					solid red 1px;
}

/* STYLES FOR FIND US PAGE(S) */
#find-us {
	width:					154px;
	height:					450px;
	float:					left;
	clear:					both;
	text-align:				center;
	background-color:		#404042;
	margin-left:			15px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				 10px;
	color:					#FFFFFF;
	line-height:			1.3em;
	letter-spacing:			0.05em;
}
*html #find-us {
	margin-left:			8px;
}

html>body>#container>#inner-page>#find-us {
	margin-top:				0;
	float:					left;
	clear:					both;
}

.clear { clear: both; }

#find-us ul {
	text-align:				center;	
	list-style-type:		none;
	margin-left:			0;
	padding-left:	        0;
	float: left;
	font-size:				12px;
	line-height:			1.2em;
}

#find-us li {
	width: 100%;
	float:					left;
	margin: 10px 0 0 0;
	text-align: center;
}

#find-us a:link, #find-us a:visited {
	color:					#a0a2a5;
	text-decoration:		none;
	
}

#find-us a:hover, #find-us a:active {
	color:					#FFFFFF;
	text-decoration:		none;
}

.CurrentAddressLink{
	color:					#FFFFFF;
}

.small-link-white {
	clear:					both;
	font-size:				9px;
	padding-left:           0;
	text-align:				center;
}


.left-space {
	padding-left:           10px;
	padding-top:            10px;
	padding-bottom:         10px;
	font-size:				9px;
	text-align:				center;
}


#shop-picture-devizes, #shop-picture-frome, #shop-picture-marlborough {
	width:					475px;
	height:					470px;
	float:					right;	
	margin: 0;
	padding: 0;
	/*background-position:	right bottom;*/
	background-position:	260px 298px;
}
*html #shop-picture-devizes, *html #shop-picture-frome, *html #shop-picture-marlborough {
	width:					470px;
	height:					460px;
}

#map {
	float:					right;
	margin:					20px 20px 0 20px;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
}

#main-copy p {
	margin: 0 0 5px 0;
	padding: 0;
}

#opening-times {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#404042;
	line-height:			1.3em;
	letter-spacing:			0.05em;
	float:					left;	
	font-weight:			bold;
	margin:					0 0 0 31px;
}

#googlemap {
	float:					right;
	margin-right:			20px;	
	border:					10px solid black;
	background-color:		#FFFFFF;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				14px;
	text-decoration:		none;
	letter-spacing:			0.2em;
	text-align:				center;
	line-height:			20px;
}
*html #googlemap {
	margin-left:			5px;
	margin-right:			5px;
}

div#page-border ul.brands-list li {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.35em;
}