/* -- Mr Site Std Template -- */
/* -- me194 Sharp Black 2 ----*/

/* ----== Template Constant ==---- */
body {margin: 0; font-family:Arial, Helvetica, sans-serif; color:#000000; background:#202020; font-size:9px;}
#homepage {background:#FFFFFF}
html {font-family:arial,helvetica,verdana;}
.clear {clear:both; margin:0; padding:0;}
.tabclear {clear:both; margin:0; padding:0; height:1%;}
div {margin:0; padding:0;}
#mainHeader1 {height: 150px;padding: 0;margin: 0;background: url("../images/1image.jpg") top no-repeat; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.hidden {display:none; margin:0; padding:0;}	/* this stops IE6 from not displaying the shop */

#mainheader_wrap {width:850px; height:150px; margin:0 auto; padding:0; overflow:hidden;}
a:active {outline: none;}

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


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

#wrap, #header, #synopsis, 
#header_close, #pagetop, 
#pagewrap, #pagebottom, #columnWrapper {padding:0; margin:0;}
#mainColumn .content, #navColumn .content, #synopsis .content, #footer {position:relative;} 	/* fixes IE6 png issue */
#navColumn .content #navbar {width:220px; margin:0 auto; overflow:hidden;}

#wrap {width:900px; margin:0 auto;}
	#headerwrap {width:850px; margin:0 auto; height:150px; padding:0; background:#fff; overflow:hidden;}
	#header {height:155px; background:url(../images/header_top.png) no-repeat top center; padding-top:15px;}
	#synopsis {background:url(../images/pagerepeat.png) repeat-y top center;}
		#synopsis .content {padding:5px 25px 10px 25px;}

		#synopsis #tabatha {width:870px; margin:0 auto;}
	#header_close {height:10px; background:url(../images/header_bottom.png) no-repeat top center;}
	
	#pagetop {height:13px; background:url(../images/pagetop.png) no-repeat top center;}
	#pagewrap {background:url(../images/pagerepeat.png) repeat-y center top;}
	#pagebottom {height:19px; background:url(../images/pagebottom.png) no-repeat top center;}
	
		#pagewrap #columnWrapper {width:860px; margin:0 auto;}
			
			
			#mainColumn {width:607px; background:url(../images/mainColumn_repeat.gif) repeat-y top center;}
			#mainColumn_top {height:13px; width:607px; background:url(../images/mainColumn_top.gif) no-repeat top center;}
			#mainColumn_bottom {height:13px; width:607px; background:url(../images/mainColumn_bottom.gif) no-repeat top center;}

			#mainColumn .content {padding:0px 15px;}
		
		#navColumn {width:252px; background:url(../images/navColumn_repeat.gif) repeat-y top center;}
			#navColumn_top {background:url(../images/navColumn_top.gif) no-repeat top center; height:13px;}
			#navColumn_bottom {background:url(../images/navColumn_bottom.gif) no-repeat top center; height:13px;}
			
			/* #navColumn .content {padding:0px 10px;} */ /* stop IE6 from moving the sidebar */
		
		#footer {margin:0 auto; padding:10px 0 5px 0;}
		
		#mainColumn {float:left;}
		#navColumn {float:right;}

#widgetdiv {width:220px; margin:0 auto;}
		
/* ----== Text Style ==---- */
#mainColumn .content p, #navColumn .content p, 
#synopsis .content p, #footer p {padding:0; margin:0;}
#synopsis .content, #synopsis .content p {color:#0000FF;}
#footer p {text-align:center; color:#686868; font-size:11px;}

/* ----== 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 #b1b1b1;}
.post {border:1px dotted #b1b1b1;}
.post-body {border:1px dotted #b1b1b1;}
p.post-footer {border:1px dotted #b1b1b1;}
/* ----== /Mr Site Template Blog Style ==---- */


/* ----== Page Expansion ==---- */
body.expand div#mainColumn {width:860px; background:url(../images/mainColumn_repeat_big.gif) repeat-y top center;}
body.expand div#mainColumn_top {width:860px; background:url(../images/mainColumn_top_big.gif) no-repeat top center;}
body.expand div#mainColumn_bottom {width:860px; background:url(../images/mainColumn_bottom_big.gif) no-repeat top center;}

body.expand div#navColumn_top, body.expand div#navColumn_bottom {display:none;}
body.expand div#shop {width:575px;}
/* ----== /Page Expansion ==---- */

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

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

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

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

/* ----== Twitter ==---- */
ul#twitter_update_list li a {color: #b1b1b1;}
ul#twitter_update_list li span a {color: #b1b1b1;}
/* ----==/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:465px; 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:465px; margin:0px; display:inline-block; position:relative;}

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

/* Pro Online Shop (Contemporary) */
div.proCart.float-left {float:left; width:465px; 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 {border-bottom:2px solid #e3e3e3;}
#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 {background:url(../images/menu_bg.jpg) repeat-x top; border-color:#e3e3e3; color:#fff;}

/* ----== 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 ==---- */

#navColumn {float: left;}#mainColumn {float:right;}