/* --------------------------------------------------------------
 
CSS Document
Global style  -  Green Lanes Shopping Centre - Barnstaple - Devon 
Author - Phil Clayton - Bray Leino Destination - 21 April 2008 

--------------------------------------------------------------- */


/* ---------- Layout ---------- */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #39463f;
} 

#headerNav {
	border-bottom: 1px solid #076D38;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	background: #177F39 url(../imgs/icons/flourish_bg.gif) repeat 3px 0;
}

.wrap {
	/*border: 1px solid blue;*/
	width: 940px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#headerNav .floatRightContainer {
	/*border: 1px solid red;*/
	width: 300px;
	float: right;
	text-align: right; 
	margin-right: 28px;
	padding: 0;
}

#glIntro {
	border-bottom: 1px solid #076D38;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #35AE5A url(../imgs/layout/intro_bg.jpg) repeat-x 0 0;
}

#glIntro .introText {
	/*border: 1px solid green;*/
	width: 550px;
	float: left;
	margin: 60px 0 50px 0;
	padding: 0;
}

#glIntro .introLogo {
	/*border: 1px solid red;*/
	width: 306px;
	float: right;
	margin: 0;
	padding: 30px 33px 30px 0;
	background: transparent url(../imgs/layout/logo_bg.png) no-repeat 65% 0%;
	overflow: visible;
}

.glMainContent {
	border-bottom: 1px solid #333;
	width: 100%;
	margin: 0;
	padding: 0 0 30px 0;
	background: #fff url(../imgs/layout/gl_main_bg1.jpg) repeat-x 0 0 /*FFFCDF*/;
	position: relative;
	z-index: 5;
}

.col1 {
	float: left;
	width: 195px;
	margin: 20px 0 0 0;
	padding: 0 25px 0 0;
}

.col2 {
	/*border: 1px solid red;*/
	border-right: 1px dotted #bdbdbd;
	float: left;
	width: 295px; 
	margin: 0;
	padding: 0 30px 0 0;
}

.col3 {
	float: right;
	width: 295px;
	margin: 0;
	padding: 0;
}

#offer {
	float: left;
	width: 380px;
	margin: -10px 0 0 35px;
	padding: 0;
}

#offer .container {
	width: 100%;
	/*border-top: 1px solid #bdbdbd;
	background: #fff url(../imgs/layout/container_grad.jpg) repeat-x 100% 100%;*/
	border-bottom: 1px dotted #bdbdbd;
	margin: 5px 0 15px 0;
	padding-bottom: 5px;
}

/*.colSpan3 {
	border-bottom: 1px solid red;
	float: left;
	width: 442px;
	margin: 30px 0 0 0;
	padding: 0 0 0 .35em;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px dotted #bdbdbd;
	background: #fff url(../imgs/layout/container_grad.jpg) repeat-x 100% 100%;
}*/

.colSpan2 {
	/*border: 1px solid red;*/
	float: left;
	width: 658px;
	margin: 20px 0 0 20px;
	padding: 0;
}

.colSpan2 .container {
	width: 100%;
	margin-bottom: 10px;
}

.catList h3 {
	display:inline;
}
.catList ul li {
	display:block;
	list-style:none;
	margin:20px 0;
}

.catList ul {
	margin:0;
}

.catList .disclaimer {
	font-size:0.6em;
	line-height:1;
}

#blogContainer {
	border: 1px dotted #cade98;
	background-color: #F0FFCA;
	float: left;
	width: 190px; 
	margin: -10px 0 0 0;
	padding: 10px;
}

#info .container {
	width: 200px;
	/*border-top: 1px solid #bdbdbd;
	background: #fff url(../imgs/layout/container_grad.jpg) repeat-x 100% 100%;*/
	border-bottom: 1px dotted #bdbdbd;
	margin: 5px 0 15px 0;
	padding: 5px;
}

#info .endContainer {
	width: 200px;
	/*border-top: 1px solid #bdbdbd;
	background: #fff url(../imgs/layout/container_grad.jpg) repeat-x 100% 100%;*/
	margin: 5px 0 15px 0;
	padding: 0/*10px*/;
}

.greenBorderBox {
	float: right;
	width: 628px;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	border-top: 1px dotted #bdbdbd;
	border-bottom: 1px dotted #bdbdbd;
	background-color: #F0FFCA;
}

.greenBorderBox .leftCol {
	width: 60%;
	float: left;
}

.greenBorderBox .rightCol {
	width: 35%;
	float: right;
}

.greenBorderBox .container {
	/*border: 1px solid red;*/
	float: left;
	width: 300px;
}

.compImage {
	float: left;
	width: 155px;
	min-height: 220px;
}

.compContainer {
	float: right;
	width: 470px;
	margin: 0;
	padding: 0;
}

.compContainer ul {
	list-style-type:disc;
	margin-left:40px;
}

.compBorderBox {
	float: right;
	width: 440px;
	margin: 0 0 15px 25px;
	padding: 15px 15px 0 15px;
	border-top: 1px dotted #bdbdbd;
	border-bottom: 1px dotted #bdbdbd;
	background-color: #F0FFCA;
}

.compBorderBox .leftCol {
	width: 60%;
	float: left;
}

.compBorderBox .rightCol {
	width: 35%;
	float: right;
}

.flashBanner {
	padding:20px 0 20px 0;
}

#footer {
	background: transparent url('../imgs/graphics/footerFlourish1.gif') no-repeat 0% 0%;
	padding-bottom: 20px;
}

#fContactDetail {
	clear: right;
	/*border: 1px solid red;
	width: 500px;
	margin: 0;
	padding: 0;
	float: right;*/
}

/*#footer .floatRightContainer {
	width: 450px;
	float: right;
	text-align: right; 
	margin: 15px 0 0 0;
	padding: 0;
}*/

.prodDescription {
	width: 230px;
}

/* ---------- Store Directory specific ---------- */

#comp {
	width: 628px;
	margin: 15px 0 15px 0;
	padding: 0;
	border-top: 1px dotted #bdbdbd;
}

#comp .container {
	width: 100%;
	margin: 10px 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px dotted #bdbdbd;
}

#alphabet {
	width: 628px;
	margin: 15px 0 0 0;
	padding:  15px;
	border-top: 1px dotted #bdbdbd;
	border-bottom: 1px dotted #bdbdbd;
	background-color: #F0FFCA;
}

#alphabet ul {
	margin: 0;
	padding: 0;
}

#alphabet ul li {
	display: inline;
	margin: 0 .3em 0 0;
	padding: 0;
	line-height: 150%;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	font-size: 1em;
}

#catList {
	width: 100%;
	margin: 15px 0 10px 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
}

#catList .container {
	float: left;
	width: 200px;
	/*border: 1px solid red;*/
	margin: 0 1em 0 0;
	padding: 0;
}

#catList ul {
	margin: 10px 0 10px 0;
	padding: 0;
}

#catList ul li {
	display: block;
	margin: 0 0 .5em 0;
	padding: 0;
	line-height: 130%;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	font-size: .85em;
}

.storeName {
	float: left;
	width: 150px;
	border: 0;
	margin: 30px 0 0 20px;
	padding: 0;
}


.additionalInfo {
	float: left;
	width: 350px;
	border: 0;
	margin: 30px 0 0 20px;
	padding: 0;
}

.storeListItem {
	border-bottom: 1px dotted #bdbdbd;
	cursor: pointer;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

/* ---------- Google Map Container ---------- */

#mapCanvas {
	width: 658x; 
	height: 350px; 
	border: 1px dotted #bdbdbd;
	margin-bottom: 20px;
}
	
/* ---------- Navigation ---------- */

#headerNav ul {
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
}

#headerNav ul li {
	display: inline;
	list-style-type: none;
	margin: 0 .8em 0 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	font-size: 1em;
	color: #fff;
}

/* --- */

#footer ul {
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	margin: 0 .8em 0 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	font-size: .9em;
	color: #fff;
}

/* --- */

#fContactDetail ul {
	margin: 3px 0 0 0;
	padding: 0;
}

#fContactDetail ul li {
	display: inline;
	list-style-type: none;
	margin: 0 .8em 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: .8em;
	color: #bdbdbd;
}

#fSubNav ul {
	margin-bottom: 10px;
	padding: 0;
	clear: right;
}

#fSubNav ul li {
	display: inline;
	list-style-type: none;
	margin: 0 .8em 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: .7em;
	color: #bdbdbd;
}

/* ---------- Lists ----------- */

#storeDetails ul {
	margin: 2px 0 0 0;
	padding: 0;
	float: left;
}

#storeDetails ul li {
	display: block;
	list-style-type: none;
	margin: 0 0 .35em 0;
	padding: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: .8em;
	color: #666666;
}

.glMainContent ul, .indent ul {
	margin: 0 0 .65em 0;
	padding: 0;
}

.indent ul {
	margin: 15px 0 15px 20px;
}

.glMainContent ul li, .indent ul li {
	margin: 0 0 .8em 0;
	padding: 0;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	font-size: .8em;
	color: #4b4735;
	list-style-type: square;
}

ol li {
	margin-bottom: .85em;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	font-size: .84em;
	color: #4b4735;
	list-style-type: decimal;
}

.storeListItem ul {
	margin: 0;
	padding: 0;
}

.storeListItem ul li {
	display: inline;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weight: 700;
	margin-right: 10px;
}

.col2 ul, .col3 ul {
	margin: .8em 0 .9em 0;
	padding: 0;
}

.col2 ul li, .col3 ul li {
	margin: 0 0 .8em 20px;
	padding: 0;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-weight: 700;
	font-size: .8em;
	color: #4b4735;
	list-style-type: square;
}

#feedback .col2 ul li {
	list-style-type: none;
	margin-left: 0;
}

#info ul {
	margin: 0 0 10px 50px;
	padding: 0;
}

	#info .greyBox ul {
		margin-left: 0;
	}

#info ul li {
	list-style-type: none;
	margin: 0 0 .25em 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: .7em;
	color: #4b4735;
}	

.compContainer ul {	
	margin-left:20px;

}

#storeFeatures ul {
	margin-top: 5px;
}

#storeFeatures ul li {
	margin-bottom: .4em;
}

/* ---------- Links ---------- */

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

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

#headerNav a:hover {
	color: #40CF6B;
	text-decoration: none;
}

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

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

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

#footer a:hover {
	color: #40CF6B;
	text-decoration: none;
}

#footer a:active {
	color: #777777; 
	text-decoration: none;
}

a:link, a:visited {
	color: #964809; 
	text-decoration: none;
}

a:hover, a:active {
	color: #777777; 
	text-decoration: none;
}

.col1 a:link {
	color: #964809; 
	border-bottom: 1px solid  #964809;
	text-decoration: none;
}

.col1 a:visited {
	color: #777777; 
	text-decoration: none;
}

.col1 a:hover {
	color: #964809;
	border-bottom: none;
	text-decoration: none;
}

.col1 a:active {
	color: #777777; 
	text-decoration: none;
}

a.offers:link {
	border: 5px solid #e5e7de;
}

a.offers:visited, a.offers:active {
	border: 5px solid #e5e7de;
}

a.offers:hover {
	border: 5px solid #c1c1c0;
}

/* ---------- img ---------- */

img {
	font: Arial, Helvetica, sans-serif #333333 .7em;
}

.floatRight {
	margin: 0 0 20px 20px;
	padding: 0;
	float: right;
	clear: right;
}

.floatLeft {
	margin: 0 15px 15px 0;
	padding: 0;
	float: left;
	clear: left;
}

.headerIcon {
	margin: -5px 15px 15px 0;
	padding: 0;
	border: 0;
	float: left;
}

.main {
	float: right;
	margin: 0;
	padding: 0;
	border: none;
}

.indexMain {
	border: 5px solid #e5e7de;
}

.indexMainMargin {
	border: 5px solid #e5e7de;
	margin: 20px 0 0 0;
}

.feedIcon {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
}


.icon {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
}

.mapIcon {
	float: left;
	margin: -1px 5px 0 -3px;
	padding: 0;
	border: 0;
}

.featureIcon {
	float: left;
	margin: 0 5px 30px 0;
	padding: 0;
	border: 0;
}

.logoStrip {
	margin: 0 0 0 20px;
	padding: 0;
	float: right;
}

.bLess {
	border: none 0;
	margin-bottom: 10px;
}

.border {
	border: 3px solid #c3cfb4;
}

.resultThumb {
	margin: 30px 0 0 0;
	padding: 0;
	border: none;
	float: left;
}

.img-banner {
	position: relative;
	top: -15px;	
	margin-bottom:20px;
}

.searchBanner {
	position: relative;
	top: -15px;
	left: -15px;
}

.ddaInline {
	position: relative;
	top: 10px;
}

/* ---------- clearing ---------- */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */