/* CSS Document */

/* Colours
	Grey: 		#808080;
	Blue:		#00008B;
*/

body {
	background: #FFFFFF;
	font-family: 'Molengo',Verdana, Arial, Helvetica,sans-serif;
	font-size: 13px;
	color: #00008B;
	line-height: 155%;
	margin: 0px auto;
	}
p
{
	padding-bottom: 10px;
	font-size: 13px;
	color:#808080;
}
#container {
	width: 950px;
	margin: 30px auto 0 auto;
	overflow: visible;
	}

#shop_bar {
	width: 950px;
	float: left;
	}

#logo {
	width: 346px;
	height: 70px;
    margin: 0 auto;
	}

#shop_container {
    display: none;
	width: 346px;
	height: 70px;
	float: right;
	clear: none;
	margin-bottom: 10px;
	color: #ffffff;
	background: #FFFFFF url(../images/layout/laurence_shopbg_01.gif) no-repeat;
	}

#shop_box {
	width: 326px;
	float: left;
	clear: none;
	margin: 5px 10px 8px 10px;
	}

#cart {
	width: 250px;
	float: left;
	clear: none;
    font-size: 16px;	
	text-align: left;
    color: #808080;	
	margin: 7px 0 0 0;
	}

    #cart a { 
		color: #808080; 
		text-decoration: underline;
		}
		
    #cart a:hover { 
		color: #00008B; 
		}
		
#shop_items {
	height: 17px;
	line-height: 17px;
	float: right;
	clear: none;
	text-align: right;
	}

#welcome {
	width: 950px;
	text-align: center;
	margin: 0;
	}

.welcome_text {
	width: 950px;
	text-align: center;
	font-size: 12px;
	margin: 20px 0 0 0;
	color: #808080;
	}

.welcome_text_img {
	margin: 20px 0 0 0;
	}

#about {
	width: 950px;
	margin: 20px 0 0 0;
	}

#about_text {
	width: 350px;
	float: left;
	clear: none;
	color: #808080;
	margin-bottom: 14px;
	}
    
    #about_text h1 { color: #808080; font-weight: normal; }
    
#about_work {
	width: 560px;
	float: right;
	clear: none;
	}
	
#slideshow {
	margin-top: 40px;
	}
#slideshow2 {
	margin-top: 0px;
	}

#contact {
	width: 950px;
	height: 420px;
	margin: 25px 0 0 0;
	}

#contact_map {
	width: 550px;
	height: 420px;
	float: left;
	clear: none;
	display: inline;
    margin: 0 10px 0 0;
	}

#contact_details {
	width: 390px;
	float: left;
	clear: none;
	display: inline;
	}
	
/* Form CSS follows later */	

/* Print page CSS */

#print {
	width: 950px;
	margin: 20px 0 0 0;
	}
	
#print_text {
	width: 415px;
	float: left;
	clear: none;
	color: #808080;
	}

    #print_text h1 { color: #808080; font-weight: normal; }

#print_img {
	width: 502px;
	float: right;
	clear: none;
	}
	
#print_table {
	width:950px;
	clear: both;
	}

    #print_table h1 { color: #808080; font-weight: normal; margin: 0 0 10px 0; }
    
table.print {
	border: 0px #808080 solid;
	width: 942px;
	height: 388px;
	text-align: center;
	background: #ffffff url(../images/laurence_table_bg.gif) 2px 2px no-repeat;
	}

table.print td {
	width: 47px;
	height: 38px;
	padding: 0px;
	}
	
a.link {
	font-weight: bold;
	text-decoration: none;
	color: #808080;
	}

a.link:hover 
{
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}
	
a:focus {
    outline: none; 
	}	

/* NAVIGATION  */

#navigation {
	width: 950px;
	height: 49px;
	border-bottom: 1px solid #b2b2b2;
	margin-bottom: 9px;
	clear: both;
	}

	#navigation ul {
		margin: 12px 0px 10px 0px;
		padding: 0px;
		}

	#navigation li {
		display: inline;
		height: 50px;
		line-height: 50px;
		margin: 0px;
		padding: 0px;
		}

		#navigation li a {
			text-decoration: none;
			}

		#navigation li a:hover {
			text-decoration: none;
			} 

#nav_cell_01 {
	width: 205px;
	height: 40px;
	text-align: left;
	float: left;
	clear: none;
	} 

#nav_cell_02 {
	width: 275px;
	text-align: center;
	float: left;
	clear: none;
	} 

#nav_cell_03 {
	width: 305px;
	text-align: center;
	float: left;
	clear: none;
	} 

#nav_cell_04 {
	width: 165px;
	text-align: right;
	float: left;
	clear: none;
	} 

#address {
	width: 950px;
	padding-bottom: 10px;
	clear: both;	
	}

/*.img_address_mail {
	margin-left: 4px;
	} */

#credits {
	width: 950px;
	height: 50px;
	letter-spacing: 1px;	
	color: #808080;
	text-align: center;
	margin: 24px auto 30px auto;
	padding: 20px 0 0 0;
	clear: both;
	border-top: 1px solid #b2b2b2;
	}

#credits a {
	text-decoration: none;
	color: #808080;
	}

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

#addressfield {
	width: 260px;
	height: 141px;
	padding: 0px 0;
	line-height: 1.5em;
    font-size: 12px;
    text-align: center;
	color: #808080;
	margin: 0 0 0 130px;
	} 

h1 {
	margin: 0px;
	font-size: 14px;
	color: #00008B;
	letter-spacing: 1px;
	}

h1.print {
	margin: 0px;
	color: #00008B;
	letter-spacing: 1px;
	padding: 6px 0 20px 0;
	}

h2 {
	margin: 0px;
	font-size: 11px;
	color: #808080;
	letter-spacing: 1px;
	}

.text_bold {
	font-size: 11px;
	font-weight: bold;
	color: #00008B;
	}

#social_icons {
	width: 390px;
    float: left;
	clear: none;
	display: inline;
    margin: 0;
	padding: 0;
	}

	#social_icons #follow {
    	width: 120px;
		height: 30px;
		float: left;
    	color: #808080;
		line-height: 30px;
    	text-align: right;
    	font-size: 11px;
    	padding: 0 10px 0 0;	
		}

	#social_icons #twitter {
		width: 79px;
		float: left;
		clear: none;
		display: inline;
		margin: 0;
		padding: 0px;
		}

	#social_icons #facebook {
		width: 79px;
		float: right;
		clear: none;
		display: inline;
		margin: 0;
		padding: 0px;
		}

/* FORM */

fieldset {
	width: 390px;
	height: 195px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
form {
	margin: 0px;
	padding: 0px;
	}	

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

form p label {
	font-size: 11px;
	color: #808080;
	float: left;
	text-align: right; 
	padding: 0; 
	width: 120px; 
	padding: 0 10px 0 0; 	
	}		

#name, #email, #phone {
	width: 248px;
	font-size: 11px;
	color: #00008B;
	border: 1px solid #B0B0B0;
	padding: 2px 5px;
	margin: 0;
	}

form p .box {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: 11px;
	color: #00008B;
	padding: 5px;
	border: 1px solid #B0B0B0;
	width: 248px;
	height: 60px;
	}

form p .button{ 
	width: auto; 
	padding: 0; 
	margin: 0;  
	}

form p .button:hover{ 
	color: #00008B; 
	}

form p .send {
	float: left;
	clear: none;
	cursor: pointer;
	}	
	
form p .reset {
	float: right;
	clear: none;
	cursor: pointer;
	} 
	
	#thankyou {
		width: 260px;
		height: 183px;
		text-align: center;
		margin:0 0 0 130px;
		padding: 0px;
		border: 0px;	
		}
		
		html>body #thankyou {
			*font-size: 12px;
			*padding: 6px 0;
			}

/* #contact form {  } */

#search_box {
	width: 250px;
	
	height: 30px;
	text-align: left;
	float: right;
	margin: 7px 0 0 0;
	font-family: 'Molengo',Verdana, Arial, Helvetica,sans-serif;
	font-size:14px;
	}

    #search_box form {
        width: 100%;
    	}

        #search_box form input[type=text] {
        	width: 115px;
        	height: 13px;
        	font-size: 11px;
        	color: #00008B;
        	border: 0;
        	border-bottom: 1px solid #B2B2B2;
        	float: right;
        	}
		
		#search_box form input[type=submit] {
            border: 0;
            color: #808080;
            background-color: #fff;
            cursor: pointer;
            float: right;
			font-family: 'Molengo',Verdana, Arial, Helvetica,sans-serif;
            font-size: 16px;
            padding-right: 0;
        	}
			
		#search_box form input[type=submit]:hover {
			color: #00008B;
			}
		
#terms {
	width: 950px;
	margin: 20px 0;
	overflow: auto;
	}
	
	#terms #subnav {
		width: 950px;
		display: block;		
		}
		
	html>body #terms #subnav {
		*margin-bottom: 15px;
		}		
		
		#terms #subnav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
			
			#terms #subnav li {
				list-style: none;
				float: left;
				margin: 0;
				padding: 0;			
				}
				
				#terms #subnav li img {
					border: none;
					margin: 0;
					padding: 0;
					}

#terms_text {
	width: 500px;
	float: left;
	clear: none;
	color: #808080;
	margin-bottom: 14px;
	}

#terms h1 {
	font-size: 14px;
	color: #808080; 
	font-weight: normal;
	}

#terms .heading {
	display: block;
	font-size: 12px;
	}

#terms a:link {
	color: #808080;
	text-decoration: none;
	}

#terms a:hover {
	color: #00008B;
	text-decoration: none;	
	}
li.menu
{
	font-family: 'Molengo', arial, serif;
	font-size:14px;
	font-weight:normal;
	display:inline;
	text-transform:capitalize;
	float:left;
	letter-spacing:1px;
}	
li.menu a
{
	color:#0202A5;
	text-transform:capitalize;
}
li.menu a:hover
{
	color:#999999;
}
a.footerlink
{
	color:#0202A5!important;
		text-decoration:none;
		text-transform:lowercase;
}
a.footerlink:hover
{
	color:#808080!important;
		text-decoration:none;
				text-transform:lowercase;
}
a.contactlink
{
	color:#808080!important;
	text-decoration:none;
}
a.contactlink:hover
{
	color:#0202A5!important;
		text-decoration:none;
}
div.footertext
{
	font-family: 'Molengo', arial, serif;
	color: #0202A5;
	font-size:13px;
	text-align:center;
	text-transform:uppercase;
	padding-bottom: 10px;
    width: 950px;
}
div.yelpdiv
{
	color:#3F3F3F;
}
div.yelpdiv a
{
	color:#3F3F3F !important;
}
div.yelpdiv img
{
	float:left;
	padding-right:5px;
}
a.molengobutton
{
	font-family: 'Molengo', arial, serif;
	font-size:14px;
	font-weight:normal;
	display:inline;
	text-transform:uppercase !important; 
	letter-spacing:1px;
	color:#0202A5 !important; 
}
a.molengobutton:hover
{
	color:#999999 !important; 
}

a.molengobutton2
{
	font-family: 'Molengo', arial, serif;
	font-size:12px;
	font-weight:normal;
	display:inline;
	letter-spacing:1px;
	color:#808080 !important; 
}
a.molengobutton2:hover
{
	
	color:#0202A5 !important; 
}
a.molengobutton3
{
	font-family: 'Molengo', arial, serif;
	font-size:14px;
	font-weight:normal;
	display:inline;
	text-transform:uppercase !important; 
	letter-spacing:1px;
	color:#0202A5 !important; 
}
a.molengobutton3:hover
{
	
	color:#999999 !important; 
}
a.molengobutton4
{
	font-family: 'Molengo', arial, serif;
	font-size:14px;
	font-weight:normal;
	display:inline;
	text-transform:uppercase !important; 
	letter-spacing:1px;
	color:#999999 !important; 
}
a.molengobutton4:hover
{
	
	color:#999999 !important; 
}
div.addthis_toolbox
{
	text-align:center;
	padding-left:200px;
}
div.breadcrumb
{
	font-size:12px;
	padding-bottom:5px;
	padding-left:25px;
	color:#808080;
	text-align:center;
}
div.breadcrumb a
{
	color:#808080;
}
div.breadcrumb a:hover
{
	color:#00008B;
}