/* -- Mr Site Std Template -- */
/* -- me236 - Pixel Crunch ----*/

/* ----------------------------- Template reset - */
body{margin:0;padding:0;}div.tabatha_wrap{width:840px;margin:0 auto;}.clear{clear:both;margin:0;padding:0;}#mainheader_wrap{width:850px;height:150px;margin:0 auto;padding:0;overflow:hidden;}.tabclear{clear:both;margin:0;padding:0;height:1%;}.hidden{display:none;margin:0;padding:0;}

/* ----------------------------- Typography - */
body					{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:12px;
}
p						{
	font-size: 14px;
	line-height: 2em;
}
h1						{
	font-size: 24px;
}
h2						{
	font-weight: bold;
	font-size: 18px;
}
h3						{
	font-size: 14px;
	font-weight: bold;
}
h4						{}
h5						{}
h6						{}

/* ----------------------------- Template colours - */
body, body p			{color:#f1f1f1;}
a:link					{
	color: #F0D7D0;
	text-decoration: none;
}
a:visited				{
	color: #F0D7D0;
	text-decoration: none;
}
a:active				{color:#ffffff; text-decoration:none;}
a:hover					{color:#f1f1f1; text-decoration:underline;}
#footer a:link			{color:#ffffff; text-decoration:none;}
#footer a:visited		{color:#ffffff; text-decoration:none;}
#footer a:active		{color:#ffffff; text-decoration:none;}
#footer a:hover			{color:#ffffff; text-decoration:underline;}

/* ----------------------------- Template variants - */
body {background:#3c3c3c url(../images/body_all.jpg) repeat-x;}
div.tabatha_wrap {padding:30px 0 0 0;}
#homepage {background: url("../userimages/cross-texture.gif");}
#mainHeader1 {
	height: 150px;
	padding: 0;
	margin: 0;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: top;
}

#mainHeader2 {height: 150px;padding: 0;margin: 0;background: url("../images/2header.jpg") top no-repeat; }

#mainHeader3 {height: 150px;padding: 0;margin: 0;background: url("../images/3header.jpg") top no-repeat; }

#mainHeader4 {height: 150px;padding: 0;margin: 0;background: url("../images/4header.jpg") top no-repeat; }

#mainHeader5 {height: 150px;padding: 0;margin: 0;background: url("../images/5header.jpg") top no-repeat; }

#mainHeader6 {height: 150px;padding: 0;margin: 0;background: url("../images/6header.jpg") top no-repeat; }


/* ----------------------------- Widget variants - */
input#searchText {color:#000;}
div#widgetdiv {margin:0px; padding:0px;}
div.sitewidget {padding:0px; border-top:2px solid #e0e0e0;}
div.sitewidget h4		{font-size:14px; font-weight:bold; margin:10px 0px 8px; padding:0px;}

/* ----------------------------- Template Structure - */

/* ----== Colour Variations ==---- */

/* ---== Headers ==--- */

h1 {

}
h2 {
	margin:10px 0;
}
h3 {
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
h4 {text-decoration:none; font-weight:bold; font-size:16px; margin:3px 0;}
h5 {text-decoration:none; font-size:12px; margin:3px 0;}
h6 {text-decoration:none;}


a img { text-decoration:none;}

/* ----== Template Layout ==---- */

#wrap, #mainColumn, #navColumn, #top, #bodywrap, #pagetop, #footerwrap, #footer {
	padding: 0;
}
#columnWrapper {padding:0; margin:0;}

#mainColumn .inner, #synopsis .inner, #footer, #widget_div, #contact_form, #mailinglist {position:relative;} /* fixes IE6 png issue */
#homepage_wrap {width:850px; margin:0 auto;}

#bodywrap { }
#wrap {width:850px;}
#headerwrap {height:150px;}
		
	#mainColumn {width:580px; float:left;}
	#navColumn {width:270px; float:right;}
		
		#navColumn .content {padding:0 5px 0 0;}
		#mainColumn .content {padding:1px 20px 40px; }
		.synopsis {
	font-weight:bold;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
		
		#spacer {background:url(../images/spacer.jpg); height:40px;}
		
		#top_wrap {display:block; height:80px; background:url(../images/top.jpg) bottom;}
		
/* ----== Text Style ==---- */
#mainColumn .content p, #navColumn .content p, 
#synopsis .content p, #footer p {padding:0;}
#synopsis .content, #synopsis .content p {color:#ffffff;}

/*	These are buggin out the booking tool... */
/*
#mainColumn .content a {text-decoration:none; background:#505050; border-bottom:1px dotted #2b2a41; color:#f5f5f5;}
#mainColumn .content a:hover { background:#FFF984; color:#000;}	*/

#footer p {text-align:center; padding:0 15px;}
#footer {padding:5px 0; width:850px; margin:0 auto; height:30px; overflow:hidden;}
#footer a {color:#2b2a41; text-decoration:none;}
#footer a:hover {color:#2b2a41; text-decoration:underline;}

/* ----== Image Floats ==---- */
img.left-img{ font-size:1em; float:left; padding:4px; border:0px solid #ccc; margin-bottom:1.8em; margin-right:2em; margin-top:0.3em;}
img.right-img{ font-size:1em; float:right; padding:4px; border:0px solid #ccc; margin-bottom:1.8em; margin-left:2em; margin-top:0.3em;}

/* ----== Standard SideBar Nav CSS ==---- */
/*
#navbar ul {margin:0; padding:0;}
#navbar {width:100%;}
#navbar li a {text-decoration: none; display: block; padding:8px 0 0 10px;}	
#navbar li a:link, #navbar li a:visited {display: block;}
#navbar li a span {display:block;}
#navbar li ul li, #navbar li ul, #navbar li ul li a {border:0;}
#navbar li ul li a span {margin-left:10px;}
*/
/* ----== /Standard SideBar Nav CSS ==---- */

/* ----== Mr Site Template Blog Style ==---- */
.post-title {color:#f1f1f1;}
.post-title {border:1px dotted #DE778A;}
.post {border:1px dotted #DE778A;}
.post-body {border:1px dotted #DE778A;}
p.post-footer {border:1px dotted #DE778A;}
/* ----== /Mr Site Template Blog Style ==---- */

/* ----== Forum styles ==---- */
table.ForumTable {background:#ffffff; border-color#000;}
div.ThreadContainer {background:#ffffff; border-color:#000;}
div.ThreadContainer_NewTopic {border-color:#000;}
div.FooterContainer_Inner {background:#fff;border-color:#000;}
div.FooterContainer_Credits {border-bottom:1px solid #000;padding:5px;text-align:left;}
div.FooterContainer_Actions {border-color:#000;}
p.FooterCopy {text-align:center;font-size:14px;}
body.forum p {color: #f1f1f1;}
body.forum a {color: #DE778A;}
/* ----== /Forum styles ==---- */


/* ----== Site Layout ==---- */
/* Menu Left */
body.menuleft div#mainColumn {float:right;}
body.menuleft div#mainTop {float:right;}
body.menuleft div#navColumn {float:left; margin-right:-20px;}
body.menuleft div#navTop {float:left;}

/* Menu Right */
body.menuright div#mainColumn {float:left;}
body.menuright div#navColumn {float: right; margin-left:-10px;}

/* ----== Page Expansion ==---- */
body.expand div#mainColumn {width:850px; border:0;}
body.expand div#navColumn {display:none;}
/* ----== /Page Expansion ==---- */

/* ----== Mr Site Latest Gallery ==---- */
div.latestGallery {}
div.latestGallery a {color:#DE778A;}
/* ----== /Mr Site Latest Gallery ==---- */


/* ----== Twitter ==---- */
p.profileLink a {color: #fff;}
ul#twitter_update_list li a, ul#twitter_update_list li span a {text-decoration:none; background:#dedede; border-bottom:1px dotted #2b2a41;}
ul#twitter_update_list li a:hover, ul#twitter_update_list li span a:hover { background:#fff984;}
/* ----==/Twitter ==---- */

/* ----== Form Creator ==---- */
form.myform input, 
form.myform textarea, 
input.input_captcha { border:1px #2b2a41 solid;}
	form.myform legend, 
	form.myform label {font-weight:bold;}
span.description {}
input.submit_myform {}
/* ----== /Form Creator ==---- */


/* ----== Contemporary Layout ==---- */
/* Side Division */
div#shop div.float-left {float:left; width:410px; display:inline-block; position:relative;}
div#shop div.float-right {float:right; width:100px; display:inline-block; position:relative;}

/* Standard Online Shop (Contemporary) */
div.standardCart.float-left {float:right; margin:0px 10px 10px 0px; display:inline-block; position:relative;}
div.standardCart.float-right {float:left; width:420px; margin:0px; display:inline-block; position:relative;}

div#shop_item.noimages div.standardCart.float-left {width:560px; margin:0px 0px 10px 0px; display:inline-block; position:relative;}

/* Pro Online Shop (Contemporary) */
div.proCart.float-left {float:left; width:420px; margin:0px; display:inline-block; position:relative;}
div.proCart.float-right {float:right; margin:0px 0px 10px 10px; display:inline-block; position:relative;}
/* ----== /Contemporary Layout ==---- */


/* ----==  User styles ==---- */
#shop {}
#shop .float-left .item_options .quantity select,
#shop .float-left .item_options .options select,
#shop .float-left .item_options .colour input {border-color:#e3e3e3;}
#shop .float-left .item_options {border-color:#e3e3e3; color:#686868;}

/* ----== JSON Guestbook ==---- */	
#gbook_jdiv {margin:0; padding:0;}
/* ----== end of JSON Guestbook ==---- */
/* Colour 1 */ #tcol1 {background-color:#e0e0e0; color:#686868;}
/* Colour 2 */ #tcol2 {background:#f9f9f9; border-color:#e0e0e0; color:#686868;}
/* ----== Mr Site Guestbook style ==---- */

.thumbdiv { border: 3px solid #ddd;}



div#shop {border-bottom:0px;}

/* ----== Winter Release Widgets ==---- */	

/* ----== Mailing List ==---- */	
input.mailinglistemail{border:1px #fff solid; background:#fff;}
input.mailinglistButton{background:#000;color:#fff;}
input.mailinglistButton.hover_button{background:#fff984; color:#000;}
/* ----== Mailing List ==---- */	

/* ----== Mini Cart ==---- */	
a.minicart_checkoutbutton {text-decoration:none;background:#000; color:#fff; border:0px;}
a.minicart_checkoutbutton:hover {background:#fff984; color:#000;}
a.minicart_checkoutbutton {height:19px; overflow:hidden; padding:17px 40px 15px 20px; text-shadow:#ffffff 0px 1px 0px;background:url(../images/proceed_to_checkout.gif) transparent no-repeat top right; color:#202020;display:block; position:relative; cursor:pointer; float:right; clear:right; text-decoration:none; font-size:12px; line-height:15px; letter-spacing:-0.1pt; word-spacing:0pt; font-style:normal; text-transform:none; text-decoration:none;}
a.minicart_checkoutbutton:hover {background:url(../images/proceed_to_checkout.gif) transparent no-repeat bottom right; color:#202020;}
/* ----== Mini Cart ==---- */

/* ----== Google/Froogle Search ==---- */	
input#searchText.GoogleSearch {background:#fff ;}
input#searchText.FroogleSearch {background:#fff url(http://mrsite.co.uk/web_assets/images/icons/search/froogle_custom_search.jpg) no-repeat 0 0;}

input.searchResultsButton {background:#000; color:#fff;}
input.searchResultsButton.hover_button {background:#fff984; color:#000;}
.about-us {
	height: auto;
	width: auto;
	clear: both;
	margin-top: 20px;
	margin-bottom: 30px;
}

/* ----== Google/Froogle Search ==---- */	
.image-left {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}
.image-right {
	float: right;
	margin-bottom: 60px;
	margin-top: 40px;
}

#content-left {
	float: left;
	height: auto;
	width: 300px;
	margin-top: 10px;
}

.left {
	float: left;
	margin-right: 8px;
	margin-top: -2px;
}
.small-text {
	font-size: 10px;
}
#featureimage {
	height: 265px;
	width: 850px;
	background-color: #666;
}
.linkedin {
	float: left;
	margin-right: 5px;
	margin-top: -5px;
}
#jobbox   {
	width: 782px;
	height: auto;
	padding-left: 23px;
	background-color: #333;
	padding-top: 10px;
	border: 3px solid #F0D7D0;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}