/*
Author - Adam Hughes
Site - Runners Sports Wirral
Version - 1.0
Date Created - 09.09.09
Date Modified - 09.09.09

    *
      Global Styles – (body, paragraphs, lists, etc)
    *
      Header
    *
      Page Structure
    *
      Headings
    *
      Text Styles
    *
      Navigation
    *
      Forms
    *
      Extras
      
*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body{
	font-family: trebuchet, helvetica, verdana, 'sans serif';
	font-size: 13px;
	line-height: 20px;
	color:#2B2B2B;
	letter-spacing:0.2px;
}
a, a:link{
	color:#00A638;
	text-decoration: underline;
}
.right{
	float:right;
}
.left{
	float:left;
}
.no_float{
	float: none;}
.clear{
	clear: both;
}
.clear_left{
	clear: left;
}
.centre{
	text-align: center;
}
ul{
	float: left;
	margin:0 30px;
	line-height: 18px;
	list-style: none;
}
li{
	font-weight: bold;
	font-style: italic;
	background:url(../images/bulletpoint.jpg) 0 0.3em no-repeat;
	padding-left:20px;
	margin-bottom:0.5em;
}

.hide{
	display:none;
}
.print_icon{
	width:215px;
	margin:0 auto;
}
.voucher_wrapper{
	width:311px;
	margin:0 auto;
}


/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#header{
	background: transparent url(../images/head_grad.png) bottom left repeat-x;
}
#header h1 {
	width:400px; height:100px;
	background:url(../images/logo.jpg) top left no-repeat;
	text-indent: -9999px;
	float:left;
}
address p{
	font-style: normal;
}



/* -------------------------------------------*/
/* ---------->>> PAGE STRUCTURE <<<-----------*/
/* -------------------------------------------*/
#wrapper_site{
	height:auto;
	width:940px;
	margin:0 auto;
}
#header{
	height:120px;
	margin:40px 0 0;
	padding:0 0 10px;
}
	.logo{
		float:left;
	}
	#header address{
		text-align:right;
		padding-top:10px;
	}
#nav{
	height:40px;
	margin-bottom:16px;
}
#main_image{
	margin-bottom: 16px;
	position: relative;
	overflow:hidden;
	height:358px;
}
#quote {
	position:absolute;
	z-index: 2;
	bottom:2px;
	left:2px;
}
#quote .bl{
	
	background:#fff;
	width:320px; height:133px;
	background:url(../images/quote_home.jpg) top left no-repeat;
	text-indent: -9999px;
}
#quote .tl{
	background:#fff;
	width:320px; height:133px;
	background:url(../images/quote_offers.jpg) top left no-repeat;
	text-indent: -9999px;
	
}
#quote .tr{
	background:#fff;
	width:310px; height:128px;
	background:url(../images/quote_vouchers.jpg) top left no-repeat;
	text-indent: -9999px;
}
#quote .br{
	background:#fff;
	width:310px; height:128px;
	background:url(../images/quote_shop.jpg) top left no-repeat;
	text-indent: -9999px;
}
#find{
	z-index: 0;
	position: relative;
	
}
.title_overlay {
	z-index: 2;
	position: absolute;
	bottom:0;
	right:0;
}
#contact{
	padding:10px;
}
#contact_left{
	float:left;
	width:200px;
	padding:10px;
}
#contact_right{
	float:right;
	width:150px;
	padding:20px;
	margin-top:20px;
}
#content{
	margin-bottom:16px;
	float: left;
}
#content_home{
	margin-bottom:16px;
	float: none;
}
.vouchers_page{
	width:940px;	
}
.terms_vouchers {
	float:none;	
}
#content img.left{
	margin:0 20px 0 0;
}

#content img.right{
	margin:0 0 20px 20px;
}
a.print_button{
	clear:right;
	float:right;
	padding:40px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height: /**/:20px; /* for ie5/Win only */
	width:139px;
	background:transparent url(../images/print_button.jpg) 0 0 no-repeat;
}
	a:hover.print_button {
				background-position:0 -40px;	
			}
a.click_print_button{
	float:left;
	margin:0 auto;
	padding:40px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height: /**/:20px; /* for ie5/Win only */
	width:215px;
	background:transparent url(../images/button_click_voucher.jpg) 0 0 no-repeat;
}
	a:hover.click_print_button {
				background-position:0 -40px;	
			}
.column{
	margin-right: 32px;
	margin-bottom:16px;
}
.last{
	margin-right:0px;
}
.box_info {
	height: 195px;
	margin-bottom:30px;
}
.box{
	float: left;
	margin-right:17px;
}
.box_01 {
	width:300px; height:193px;
	background:url(../images/box_01.jpg) top left no-repeat;
	text-indent: -9999px;	
	
}
.box_02 {
	width:300px; height:193px;
	background:url(../images/box_02.jpg) top left no-repeat;
	text-indent: -9999px;	
	
}
.box_03 {
	width:300px; height:193px;
	background:url(../images/box_03.jpg) top left no-repeat;
	text-indent: -9999px;	
	margin-right:0px;
}

.offer{
	float:left;
	background:url(../images/offers_box_bg.jpg) top left no-repeat;
	width:440px;
	height:198px;
	padding:20px;
	overflow:hidden;
}
.offer p{
	padding-right:20px;	
}
.o_right{
	padding-right:0;
}
img.map {
	margin:0 0 8px 0;	
}
#footer{
	clear: both;
	background: url(../images/footer_grad.png) top left repeat-x;
	height:90px;
	padding:20px;
	float:none;
	width:900px;
	margin-top: 50px;
}
#footer ul{
	float: left;
	margin:0;
	line-height: 14px;
	list-style:none;
	list-style-image:none;
}
#footer ul li{
	list-style: none;
	font-weight: normal;
	font-style: normal;
	list-style-image:none;
}
#footer p.right{
	margin-top: -14px;
}



/* -------------------------------------*/
/* ---------->>> HEADINGS <<<-----------*/
/* -------------------------------------*/
h1, h2, h3, h4, h5, h6{
	letter-spacing: 1.1px;
	font-style:italic;
}
h1{
	font-size:32px;
}
h2{
	font-size:22px;	
	margin:5px 0px;
	font-weight:bold;
	color:#00A538;
}
#quote h2{
	margin:0;
	padding:0;
}
h3{
	font-size: 16px;
	font-weight: light;
	margin: 10px 0 5px 0;
	color:#00A538;
}
#find h2, #contact h2{
	color:#ebebeb;
}
h2.find_title{
	padding:5px 0;	
}
#contact_left, #contact_right h3{
	margin:10px 0;
	}

/* ----------------------------------------*/
/* ---------->>> TEXT STYLES <<<-----------*/
/* ----------------------------------------*/
p{
	margin-bottom:20px;
}
.column{
	font-style: italic;
	line-height: 16px;
}
#nyroModalContent a {
	color:#08A73E;
}
#contact_left, #contact_right{
	color:#F9F9F9;
}
#contact_left p{
	margin-bottom: 10px;
}
#contact_right p, #contact_right address{
	margin-bottom: 20px;
	line-height: 16px;
	font-style: normal;
}
#footer, #footer a{
	color:#999;
	font-size: 10px;
}

/* ---------------------------------------*/
/* ---------->>> NAVIGATION <<<-----------*/
/* ---------------------------------------*/
#nav{
	background: transparent url(../images/nav_bg_grad.png) top center no-repeat;
}
#menu {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
	#menu li {
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
	}
	#menu a {
		float:left;
		padding:40px 0 0 0;
		overflow:hidden;
		height:0px !important;
		height: /**/:20px; /* for ie5/Win only */
	}

#m_home a {
	width:75px;
	background:transparent url(../images/menu_sprite.png) 0 0 no-repeat;
}
	#m_home a:hover {
				background-position:0 -40px;	
			}
	#m_home a.selected {
				background-position:0 -40px;
			}
#m_shop a {
	width:121px;
	background:transparent url(../images/menu_sprite.png) -75px 0 no-repeat;
}
	#m_shop a:hover {
				background-position:-75px -40px;	
			}
	#m_shop a.selected {
				background-position:-75px -40px;	
			}
#m_about a {
	width:104px;
	background:transparent url(../images/menu_sprite.png) -196px 0 no-repeat;
}
	#m_about a:hover {
			background-position:-196px -40px;	
		}
	#m_about a.selected {
			background-position:-196px -40px;	
		}
#m_vouchers a {
	width:147px;
	background:transparent url(../images/menu_sprite.png) -300px 0 no-repeat;
}
	#m_vouchers a:hover {
			background-position:-300px -40px;	
		}
	#m_vouchers a.selected {
			background-position:-300px -40px;	
		}
#m_offers a {
	width:80px;
	background:transparent url(../images/menu_sprite.png) -447px 0 no-repeat;
}
	#m_offers a:hover {
			background-position:-447px -40px;	
		}
	#m_offers a.selected {
			background-position:-447px -40px;	
		}
#m_find a {
	width:86px;
	background:transparent url(../images/menu_sprite.png) -527px 0 no-repeat;
}
	#m_find a:hover {
			background-position:-527px -40px;	
		}
	#m_find a.selected {
			background-position:-527px -40px;	
		}
#m_contact a {
	width:97px;
	background:transparent url(../images/menu_sprite.png) -613px 0 no-repeat;
}
	#m_contact a:hover {
			background-position:-613px -40px;	
		}
	#m_contact a.selected  {
			background-position:-613px -40px;	
		}



/* ----------------------------------*/
/* ---------->>> FORMS <<<-----------*/
/* ----------------------------------*/
#contact_left td{
	vertical-align:top;
}
#contact_left input.text, #contact_left textarea{
	width:190px;
	border:none;
	border-bottom:0.5px solid #A8A8A8;
	margin:0 0 10px 0;
	padding:5px;
	background: #fff url(../images/input_grad.jpg) top left repeat-x;
}
#contact_left textarea{
	height:100px;
}
#contact_left input{
	width:auto;
	background: none;
}



/* -----------------------------------*/
/* ---------->>> EXTRAS <<<-----------*/
/* -----------------------------------*/


.store_info{
border: 3px solid #CCCCCC;
float: left;
padding: 20px;
width: 413px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.store_info.right{
margin-left: 20px;
}

.clr{
clear: both;
}