/* -- Mr Site Std Template -- */
/* -- me209 Chilli----*/

/* ----------------------------- 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:Georgia,serif; font-style:italic; font-size:12px; }
p						{}
h1						{}
h2						{}
h3						{}
h4						{}
h5						{}
h6						{}

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

/* ----------------------------- Template variants - */
body {padding:20px 0; background:#312415;}
div.tabatha_wrap {width:850px; margin: 0 auto;}
#homepage {background: url("../userimages/9_caramel.gif");}
#mainHeader1 {height: 150px;padding: 0;margin: 0;background: url("../images/1header.jpg") top no-repeat; }

#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; }

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

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

#mainHeader9 {height: 150px;padding: 0;margin: 0;background: url("../images/9header.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 - */




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

h1 {text-decoration:underline;}
h2 {text-decoration:underline;}
h3 {text-decoration:underline;}
h4 {text-decoration:underline;}
h5 {text-decoration:underline;}
h6 {text-decoration:underline;}


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

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

#mainColumn .inner, #synopsis .inner, #footer, #widget_div, #contact_form, #mailinglist {position:relative;}	/* fixes IE6 png issue */
#homepage_wrap {width:850px; margin:0 auto;}
#pagetop {color:#fff; background:url(../images/pagetop_bg.png) no-repeat top center; height:35px; width:850px: margin:0 auto;}
#top {background:#fff; width:850px; margin:0 auto;}

#bodywrap { }
#wrap {width:850px; background:#fff;}
#headerwrap {height:150px; background:#911A1D;}
	
	#synopsis_wrap {background:url(../images/synopsis_clear.gif) repeat-x top center;}
	
	#header_bottom {background:url(../images/header_bottom.gif) center top; height:11px;}
	#mainColumnTop {background:url(../images/column_wrap_bg.png) center top; height:50px;}
		
	#mainColumn {width:580px; float:left; }
	#navColumn {width:270px; float:right; margin-bottom:30px; }
		
		#navColumn .content {padding:0 10px;}
		#mainColumn .content {padding:20px 10px;}
		.synopsis .content {color:#fff; padding:15px 10px 20px 10px;}

		#navTop{background:#2f2f2f;}
		
/* ----== Text Style ==---- */
#mainColumn .content p, #navColumn .content p, 
#synopsis .content p, #footer p {padding:0; margin:0;}
#synopsis .content, #synopsis .content p {color:#ffffff;}
#mainColumn .content a {text-decoration:none;}
#mainColumn .content a:hover {text-decoration:underline;}
#footer p {text-align:center; color: #fff; font-size:11px;}
#footer {padding:15px 0; background:url(../images/footer_bg.png) no-repeat top center; width:850px; margin:0 auto; height:30px; overflow:hidden;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}


/* ----== 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:#000000;}
.post-title {border:1px dotted #333333;}
.post {border:1px dotted #333333;}
.post-body {border:1px dotted #333333;}
p.post-footer {border:1px dotted #333333;}
/* ----== /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: #000000;}
body.forum a {color: #333333;}
/* ----== /Forum styles ==---- */


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

/* ----== Site Layout ==---- */
/* Menu Left */
body.menuleft div#mainColumn {float:right;}
body.menuleft div#navColumn {float:left; border-right:solid #999 1px; margin-right:-10px;}

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

/* ----== /Site Layout ==---- */


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


/* ----== Twitter ==---- */
p.profileLink a {color: #fff;}
ul#twitter_update_list li a, ul#twitter_update_list li span a {color: #911a1d; text-decoration:none;}
ul#twitter_update_list li a:hover, ul#twitter_update_list li span a:hover {color: #333333 #911a1d; text-decoration:underline;}
/* ----==/Twitter ==---- */

/* ----== Form Creator ==---- */
form.myform input, 
form.myform textarea, 
input.input_captcha {}
	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:450px; 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:450px; 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:450px; 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:#eaeaea; color:#312415;}
/* Colour 2 */ #tcol2 {background:#f9f9f9; border-color:#e0e0e0; color:#686868;}
/* ----== Mr Site Guestbook style ==---- */

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

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

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

/* ----== Mini Cart ==---- */	
a.minicart_checkoutbutton {text-decoration:none;background:#eaeaea; color:#312415; border:0px;}
a.minicart_checkoutbutton:hover {background:#f24b58; color:#fff;}
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 {border:1px #eaeaea solid; background:#fff ;}
input#searchText.FroogleSearch {border:1px #eaeaea solid; background:#fff url(http://mrsite.co.uk/web_assets/images/icons/search/froogle_custom_search.jpg) no-repeat 0 0;}

input.searchResultsButton {background:#eaeaea; color:#312415;}
input.searchResultsButton.hover_button {background:#f24b58; color:#fff;}

/* ----== Google/Froogle Search ==---- */	#navColumn {float: left;}#mainColumn {float:right;}