/* Start of CMSMS style sheet 'JohnstonsStandard' */
.biggertext {
	font-size:120%;
}

.faded {

	color:#666;
}

body {
	font-family: Arial, sans-serif;
	font-size: 90%;
	text-align: center;
	color: black;
	margin: 0;
	padding: 0;
	background-image:url(img/gradient.jpg ); 
	background-repeat:repeat-x;
}

/* The three main divisions */

div#page_wrapper, div#header, div#maincontent, div#bottom {
	width: 855px;
	text-align: left;
	margin: 0 auto;

}
/*  #################### HEADER CONTENT ##################### */

#header {color: #4c5664;}
	
	* html div#header {margin-top:0px;}


#header h2 { 
	margin-left:-40px; 
	float:left;
	padding-top: 0px;
	.padding-top: 15px;
	margin-bottom:11px;
	.margin-bottom:-15px;
	padding-top:0px;
	margin-top:15px;
}

	* html div#header h2{ margin-top:0px;}
	
#header form {float:right; position:relative; top:-7px; left: -4px;}


/*  #################### MAIN CONTENT ##################### */

#maincontent { padding-top:50px; padding-bottom:0; margin-bottom:-10px;}


#rightcontent {float:left; width:610px;}
#leftcontent { float:left; width:230px;}

#leftcontent img {margin:0; padding:0;}


		.homeModule 	{								
							float:left; 
							width:230px; 
							background-color:#172651; 
							color:white; 
							margin-bottom: 20px; 
							.margin-bottom: 14px;
						}
		
		.homeModule p	{
							margin:0; 
							padding:2px 0 2px 10px; 
							font-size:90%; 
							text-transform:capitalize;
text-transform:none;}
		
		.homeModule a 		{ color:#FFF; text-decoration:none;}
		.homeModule a:hover { color:#CCC; text-decoration:none;}


/*  #################### BOTTOM CONTENT #####################   */
#bottom 			{background-color: #f3f6fb;}

#bottomcontent		{margin:5px;font-size:90%;color:grey;}
#bottomcontent a 	{text-decoration:underline; color: #808791; }


#footer 			{clear:both;clear:left;font-size:75%; text-align:center; padding-top:50px; padding-bottom:50px; color: #abb0b6; text-transform:uppercase;}
#footer a 			{font-size:90%; text-decoration:underline; color: #808791; }
#footer p 			{font-size:80%; margin-top:0px;}



/* NAVIGATION STARTS */

#nav {font-size: 100%; clear:left; margin-left:-70px; line-height: 160%; margin-top:30px;}


#nav ul {
    padding: 0;
    margin: 0;
	
}

#nav li {
    float: left;
    position: relative;
    text-align: center;
	background-color: white;
	text-align:left; 
	list-style: none;

}

#nav li a {
	color: #4c5664; 
	text-decoration:none;
	text-align:left;
	font-size:90%;
	background-color: white;
	margin-left:10px;
	margin-top:3px;
	padding: 3px 15px 3px 15px;
	}	

#nav li a:hover {
	background-color:#f3f6fb;
	text-decoration:none;
	}	

#nav li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
	left: 0px;
	
	
	
}

#nav li>ul {
    top: auto;
    left: auto;
}

#nav li li {
	    display: block;
	    float: none;
		width: 10em;
		margin-left:10px;
}


#nav li li a {
    display: block;
	padding: 2px 8px;
	margin-top:0px;
	width:150px;
}

#nav li li a:hover {
    border-width: 0 0px;
}

	
#nav li li a:hover {
	background-color:#f3f6fb;
	margin-left:0px;
	padding-left:18px;
	text-decoration:none;
	}	

#nav li:hover ul, #nav li.over ul {
    display: block;
}

#nav li li ul { background-color:white; height:5px; width: 176px;}
#nav li li li a {display:none}

/* ----- INSIDE STARTS ------- */

body {font-size: 90%;}

p { font-size: 80%;}

h1 { color:#496183; width: 500px;font-size: 180%;}
h2 { color:#6a6a6a;}
h3 { color:#405d85; clear:left; margin-bottom:5px;}
h4 { color: black;margin-bottom:5px;}
h5 { margin-top:0;padding-top:0;}

img { border:none;}

a {text-decoration:underline;color: black; }
a:hover { color: #808791;text-decoration:underline;}

div#insideContentContainer h2 {color: #777675;font-size:120%; font-weight:bold;margin:0; padding:0;}
div#insideContentContainer h3 {color: #b39c84; font-size:80%; margin:0; padding:0;}
div#insideContentContainer h4 {color: #b39c84;font-size:110%; font-weight:bold;}

#shopContent h3 {}




/*  #################### MAIN CONTENT HOLDERS ##################### */



#maincontent {width: 860px; padding-top:40px;}

#insidePageTitle { margin: 0 0 10px 180px; .margin-top: -25px; width:200px;}

#insidePageTitleNoLHN { margin: 0 0 10px 20px; .margin-top: -25px; width:200px;}

#insidePageTitleShop { margin: 0px 0 0px 180px; width:200px; float:left; clear:left;}

#insideNavContent {float:left; width:180px; padding-top:9px; margin-top:-20px;}

#insideContentContainer {float:left; width:660px; margin-top:-30px;}

	#insideContentContainer h4 { margin-top:0px;}

#insideContentContainerNoLHN {float:left; width:660px; margin-top:-30px; margin-left:25px;}

#insideRightContent {float:left; width:425px;}

#insideLeftContent {float:left; width:230px; padding-bottom:10px;}

#navHolder {.margin-top: -16px;}
#navHomeHolder {.margin-top: 0px;}


/*  #################### LEFT HAND NAVIGATION ##################### */



#insideNavContainer {width: 165px; background-color:white; margin-top: -21px; .margin-top: -19px;}

#insideNavContent ul {
						min-height:300px; 
						list-style-type:none; 
						padding-top:3px; 
						font-size:85%;
						margin-top:2px;
					}

#insideNavContent li {display:block;  margin-left:-25px; min-height:25px;}

#insideNavContent li a {
						color: #4c5664; 
						text-decoration:none;
						padding-right: 25px;
						padding: 5px 0;
						display:block; 
						}

body > div#maincontent 	> div#insideNavContent li a 	{display: block;}	

#insideNavContent li a:hover {
						background-color:#f3f6fb;
						margin-left:-15px;
						padding: 5px 0 5px 15px;
						}
						
#insideNavContent .selected {
						background-color:#f3f6fb;
						margin-left:-15px;
						padding-left:15px;
						}						
						
						
		#insideNavContent ul ul {
							 min-height:30px; 
							 list-style-type:none; 
							 padding-top:3px; 
							 font-size:90%; 
							 background-color:#f3f6fb; 
							 margin-left:-15px; 
							 padding-left:50px;
							 display:block; 
							 clear: all;
							 }
							 
		#insideNavContent ul ul li {}
		
		#insideNavContent ul ul li a {
							color: #4c5664; 
							text-decoration:none;
							padding-right: 25px;
							padding: 5px 0;
							display:block; 
							clear: left; 
							}
							
		body > div#maincontent 	> div#insideNavContent ul ul li a 	{display: block; clear: all;}	
		
		#insideNavContent ul ul li a:hover {
							background-color:white;
							margin-left:-25px;
							padding: 5px 0 5px 25px;
							}
							
		#insideNavContent ul ul li span.selected {
						background-color:white;
						margin-left:-25px;
						padding: 5px 0 5px 25px;
						display:block;
						}								
							
		
#header form{display:inline; margin:25px 0 0 0; padding:0; width:300px;}


/*  ###################### TOP CONTENT ######################   */	

#top_nav {margin-top: -13px;}

#insidePageTitle h2 {color: #172651; }


#header h2 img {padding-bottom: 0px; .padding-bottom: 14px;}


/*  #################### MAIN CONTENT #####################   */


#insideContentContainer ul { margin-left:-25px; .margin-left: 20px; }
#insideContentContainer li {margin:0; padding:0;}

#sitemap {width: 200px; float:left; margin-right:10px;}
#sitemap h5 {background-color:#f3f6fb; padding:5px; font-size: 100%;}
#sitemap ul {font-size:100%; margin-top:-15px; list-style:circle;}
#sitemap ul ul {margin-top:2px; list-style:square}
#sitemap li {margin-top: 2px;}
#sitemap a{text-decoration:none; font-size:0.8em;}


/*  #################### SHOP CONTENT #####################   */


/* sign in / check out  top area */
		#shopAdmin 			{padding-top: 10px;}
		
		#supModule 			{float:right; width:220px; margin: -10px 0 0px 0px;  }
		
		.checkOutModule		{margin: 0px; float:left;}
		.signIn				{margin: 0px 20px 0px 0px; float:left; }
		
		
		#subModule 			{
							background-color:white; 
							color:#172651; 
							float:right; 
							width:218px; 
							margin: -5px 2px 10px 0px; 
							padding:0; 
							}
		
		.subCheckOutHolder 	{width:100px; margin-left: 125px;}
		
		.subSignIn,  
		.subCheckOut 	{
							color:#172651;
							float:left; 
							text-transform:uppercase; 
							font-size:80%; 
							width:100px;   
							margin: 0; 
							padding-left: 10px;
						}
		
		.subSignIn 		{	
							margin-right: 16px; 
							padding:0px; 
							margin-bottom:-10px; 
							padding-left: 5px;
							padding-top:5px;
						}
		.subCheckOut 	{margin-top:-5px; padding-top:5px;}
		
		
		.checkOutModule p, 
		.signInModule p, 
		.subSignInModule p,  
		.subCheckOutModule p 
							{
								padding: 0 5px; font-size:95%; 
							}	

/* end sign in / check out  */




/* modules  */
			#moduleContainer {float: left}
			
			.module, 
			.doubleModule, 
			.itemModule,
			.emptyModule,   		
							{
								margin-bottom: 15px; 
								.margin-bottom: 5px; 
								margin-right:15px; 
								margin-top:-13px;
								.margin-top:-6px;
							}
				
			.module 		{width:205px; float:left; margin-right:10px; margin-bottom:10px;}
			.doubleModule 	{width:421px; float:left; margin-right:10px;}
			.itemModule 	{width:315px; float:left;}
			
			
			.nameModule		{background-color:#172651; color:white; }
			.priceModule 	{background-color:#f3f6fb; color:#172651; }
			
					
			.priceModuleFirst {clear: left;}
			
			.module p, 
			.doubleModule p, 
			.priceModule p, 
			.priceModuleFirst p, 
			.itemModule p	
							{margin:0; padding:2px 0 2px 10px; font-size:90%; text-transform:capitalize;}
							
			.module img, .doubleModule img, .itemModule img {.margin-bottom: -3px;}
			
			.module a { color:#FFF; text-decoration:none;}
			.module a:hover { color:#CCC; text-decoration:none;}
			
			.doubleModule a  { color:#CCC; text-decoration:none;}
			.doubleModule a:hover { color:#666; text-decoration:none;}					
							
			.breakHeight { margin-bottom: 5px; clear: left;}
			
/* end modules  */	


/* individual item  */
.shopSelection	{margin:0; text-transform:uppercase; padding:0; margin:0; margin-top:70px;}
.colour			{padding-right: 65px; padding-left:9px;}
.size			{padding-right: 30px; padding-left:9px;}
.quantity		{padding-left:9px;}
.code			{padding-right: 20px; padding-left:9px;}
.price			{padding-left:9px;}
.codeDigit		{padding-right: 5px; padding-left:9px; margin-top:0;}
.priceDigit		{padding-left:9px;}
		

.itemDescription {float:left; width:320px; margin-left:10px; min-height:150px;}
.itemDescription  h2 {margin-top:0; }

.itemForm 		{background-color:#172651; padding:10px 10px;  margin-left:0px; width:300px;}

.itemCode 		{background-color:white; padding-top:20px;}
.itemCode p		{margin:0; padding-top: 0; text-transform:uppercase; }

.itemSelect 	{background-color:#f3e9db; padding:10px 10px 3px 0px;  clear:right; min-height: 0px;}
.itemSelect input {float:right; padding-bottom:5px; clear:right;}
.itemSelect p 	{float:left; margin-top: 0px;}

#Size 			{margin: 0 14px;}


/* end individual item  */	




/*  ###################### TABLE CONTENT ######################   	
	table {
		border: solid 3px #e5e5e7;
		border-right: solid 2px #e5e5e7;
		margin: 0 15px 2em 15px;
		border-collapse: collapse;
		font-size: 90%;
	}
	thead td, thead th {border-bottom: solid 1px #e5e5e7;}
	tfoot th, tfoot td {
		border-top: solid 1px #e5e5e7;
		font-size: 90%;
	}
	caption {
		border: solid 3px #e5e5e7;
		border-bottom: none;
		padding: 8px;
		color: white;
		background: #1a1a73;
	}
		caption strong {
			font-size: 110%;
		}
	caption, th {
		text-align: left;
	}
		table p {
			margin: 0; padding:3px;
		}
		th, td {
			padding: 0px 8px;
			border-right: solid 1px #e5e5e7;
			color: #4f4f4f;
		}
		
*/		
		/* Pale lilac */
		.subtotal td, .subtotal th, .subtotal {
			background: #e8e8f1;
		}
		/* Darker lilac */
		thead th, thead td, .total td, .total th, .total {
			background: #c6c6dc;
		}




/* The sitemap page */

ul#sitemap {
	margin: 0 0 1em 150px;
}

#sitemap, #sitemap ul, #sitemap li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image:none;

}

	/* Spans are used to enclose the toggle image and link text */

	#sitemap li span {
		display: block;
		background-color: #172651;
		color: white;
		font-weight: bold;
		border-bottom: solid 1px #e3e7d7;
		padding: 5px 0 9px 60px;
		width: 452px;

	}

	/* The toggle image */

		#sitemap a {
			color: white;
		}

		#sitemap li li span {
			background-color: #f1f6fc;
			font-weight: normal;
			color: black;
		}

			#sitemap li li a {
				color: black;
			}

				#sitemap li li li span {
					background-color:#f3eadb;
					font-weight: normal;
					color: black;
					
				}	
				
			#sitemap li li li span a {
					margin-left: 20px;
				}			
				
				
/* ----------- USER CLASSES ------------ */

.cameron{color:red}
.cabbbmeron{
		color:orange;
	font-size:200%
}


td.cameron{color:red;background-color:silver}

.small{
	font-size:80%;
	color:blue
}

.larger{
	font-size:120%;
	color:green
}

.largest{
	font-size:140%
}

.very_orange{
	color:orange;
	border:1px solid orange;
	font-size:80%
}

/* Debug code */
s {	
	text-decoration: none;
	background-color: #fcf;
	border: solid 1px #969;
	padding: 0.2em 0.3em;
}

/* This is just used for the Summer / Spring collection, 2008 */
/* castleofmey is sort of watermarked into the brochure, on page three */
div#gallery {
background: white url(/img/title-castleofmey.gif) top left no-repeat;
	background: white;
	padding: 20px;
	width: 515px;
}


* html #gallery{ margin-top: 10px;}


	#gallery p {
		margin: 0;
		padding: 20px;
	}
	#gallery ul, #gallery li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#gallery ul {
		padding: 4px 0 10px 30px;
		width: 480px;
	}
		#gallery li {
			display: inline;
			padding: 0 4px 0px 0;
		}
			#gallery li img {
				margin: 0 0 4px 0;
			}

	div#gallery p {
		margin: 0;
		padding: 0 20px 20px 20px;
		color: black;
	}
	div#gallery p.r {
		text-align: right;
	}
	
.homeImg {padding-left: 30px;}
.mainImg {padding-left: 10px;}
#insideContentContainer form {
padding:0;
margin:0;
}
div.contactform {
margin:0;
padding:0;
}

/* End of 'JohnstonsStandard' */