/* ****** COLOURS ******

#000		Black
#fff		White
#900		Dark Green - used in section headers and nav bars
#df6969		Middle Green - header cells on listproduct tables
#fabcbc		Light Green - Box background and section head/nav bar rollovers
#507742		Showproduct Prices
#A00000		Middle Red - addcart prices
#900		Dark Red - text link
#666		Dark Grey - sidebar list rollovers

* ****************** */

/* ****************** BASIC SETUP ***************** */

body, td, p, input
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:  			#000;
}
body
{
	font-size:  		90%;
	margin: 			0;
	text-align: 		center;
}
a
{
	color:  			#900;
	cursor: 			pointer;
}
* html a 	   			{cursor:hand;} /* Only IE sees this. */

img
{
	display:			block;
}

.nox    				/* used to hide an element */
{
	font-size:  		1px  !important;
	height: 			1px  !important;
	line-height:		1px  !important;
	overflow:   		hidden;
	margin: 			0px  !important;
	padding:			0px  !important;
	vertical-align: 	text-bottom;
	color:  			#fff;
	font-family:		arial,helvetica,sans-serif;
	background-image:   none !important;
	width:  			auto;
}
.hide
{
	display:			none;
}

/* ****************************  BASIC PAGE SETUP LAYOUT ********** */

/* **************************************************** */
/*	For an EM based (expanding) site					*/
/*		#page		 {width:53em;}						*/
/*		#leftColumn  {width:9.5em;min-width:9.5em;}		*/
/*		#rightColumn {width:9.5em;min-width:9.5em;}		*/
/*		#breadcrumbs {margin: 0 10.5em 0 10.5em;}		*/
/*		#content	 {margin: 0 10.5em 0 10.5em;}		*/
/* **************************************************** */

#page			   	/* Entire site */
{
	position:   				relative;
	margin: 					0 auto;
	width:  					780px;
	padding:					0;
	text-align: 				left;
	background-color:			#f4d199;
}

#leftColumn		 	/* Left Column */
{
	float:  					left; 
	width:  					194px;
	min-width:  				194px;
    padding-right:              6px;
	line-height:				1.2;
	text-align: 				left;
	background-color:			#f4d199;
}
#rightColumn 		/* Right Column */
{
	float:  					right;
	width:  					0px;
	min-width:  				0px; 
	line-height:				1.2;
	text-align: 				left;
}
#content  /* The big wahoonie */
{
	margin: 					0 0 0 194px;
	line-height:				150%;
	background-color:			#f4d199;
}
#breadcrumbs
{
	display: none;
}

/* Holly Hack - Feeds different margins to IE Win because of 3px margin bug */
/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html #content 		{margin:0 0 0 190px;}
/* End hide from IE5/mac */

#footer
{
    height:                     40px;
	padding:                   0;
	margin:                    20px 0 0 0;
	line-height:				110%;
	font-size:  				0.75em;
}
#footer a,
#footer a:visited,
#footer a:hover
{
    text-decoration:            underline;
}
#footer .footerLinks
{
    float:                      left;
    display:                    inline;
    padding:                    0 0 4px 0;
    color:                      #fff;
}
#footer .footerCopyright
{
    padding:                    0 5px 0 0;
    float: right;
    text-align:                 right !important;
    display:                    inline;
    padding:                    0 0 4px 0;
}
#footerImage
{
    clear:                      both;
    height:                     auto;
	background-image:   		url(../scotcom/images/footer.gif);
	background-repeat:  		no-repeat;
	background-position:		top left;
}

/* Stops floats absentmindedly wandering out of their containing boxes in MIE */
/* (gives the containing box 'layout' whatever the heck *that* is) */
/* Hide from IE5-mac. Only IE-win sees this. \*/
	 * html #content 		{height:50px;}
	 * html .contentArea 	{height:50px;}
/* End hide from IE5/mac */

/* ********************* HEADER ************************************* */

/* header text */
h1
{
	background-color:			#E8B65F;
	font-size:  				0.7em;
	padding: 					5px 5px;
    margin:                     0;
}

#pageheader
{
/* border: 1px solid #f00; */
    clear:                      both;
	height: 					auto;
	margin: 					0;
    background-image:   		url(../scotcom/images/headerbackground.gif);
    background-repeat:          repeat-x;
    background-position:        top;
	z-index:					1;
    padding:                    0;
}
	#headerLeft1
	{
		display:					inline;
		float:  					left;
	}
	#headerLeft2,
	#headerLeft3
	{
		display:					none;
	}
	#headerRight
	{
		display:					none;
	}
#circleImage
{
	position:   					absolute;
	top:							22px;
	right:  						50px;
	z-index:						2;
}
/* ************************* LEFT/RIGHT COLUMNS ***************************** */

	#leftColumn,
	#rightColumn
	{
		font-size:  			1em;
	}

	#leftColumn input,
	#rightColumn input
	{
		font-size:  			0.9em;
		margin: 				1px;
		display:				block;
	}

	#leftColumn p,
	#rightColumn p,
	#leftColumn form,
	#rightColumn form
	{
		margin: 				0px;
	}

	#leftColumn h2,
	#rightColumn h2
	{
		line-height:			18px;
		background-color:   	#e7b077;
		margin: 				0px;
		padding:				0px 0px 0px 10px;
		font-size:  			0.7em;
		color:  				#fff;
		white-space:			nowrap;
		font-weight:			700;
		border-top: 			1px solid #ccc;
		border-left: 			1px solid #ccc;
		border-right: 			1px solid #ccc;
	}
	
	.ourServices
	{
		color:  				#000 !important;
		line-height:			30px !important;
		font-size:  			1.2em !important;
	}
	
	#tellPage .box1Header
	{
		line-height:			18px;
		background-color:   	#900;
		margin: 				0px;
		padding:				0px 0px 0px 10px;
		font-size:  			1.0em;
		color:  				#fff;
		white-space:			nowrap;
		font-weight:			700;
		border: 				1px solid #ccc;
	}
	#leftColumn h2 span,
	#rightColumn h2 span
	{
		display:				block;
	}
	#leftColumn h2.nobox,
	#rightColumn h2.nobox
	{
		background-image:   	url(../scotcom/statimages/navL.gif);
	}
	#leftColumn h2.nobox span,
	#rightColumn h2.nobox span
	{
		background-image:   	url(../scotcom/statimages/navR.gif);		
	}
	#leftColumn h2 a,
	#rightColumn h2 a 
	{
		text-decoration:		none;
		color:  				#fff;
	}
	#leftColumn h2 a:hover,
	#rightColumn h2 a:hover
	{
		color:  				#fabcbc;	
	}

	#leftColumn .sidebarLinkSpacer,
	#rightColumn .sidebarLinkSpacer 
	{
		line-height:			7px;
	}

	#leftColumn .boxBody,
	#rightColumn .boxBody
	{
		background-color:   	#f0dfc3;
		color:  				#000;
		margin: 				0px;
		padding:				10px;
		font-size:  			75%;
		border-left:			1px solid #ccc;
		border-right:   		1px solid #ccc;
		border-bottom:  		1px solid #ccc;
	}
	
	#tellPage .box1Body
	{
		background-color:   	#fff;
		color:  				#000;
		margin: 				0px;
		padding:				10px;
		font-size:  			100%;
		border-left:			1px solid #ccc;
		border-right:   		1px solid #ccc;
		border-bottom:  		1px solid #ccc;
	}

	#leftColumn .boxBody a,
	#rightColumn .boxBody a
	{
		text-decoration:		underline;
	}

	#leftColumn .boxBottom,
	#rightColumn .boxBottom,
	.box1Bottom
	{
		clear:  				both;
		background-color:   	#fff;
		line-height:			1px;
		padding:				0px;
		margin: 				0px 0px 10px 0px;
	}
	#leftColumn ul,
	#rightColumn ul
	{
		margin: 				0px;
		padding:				5px 0px 10px 0px;
		background-color:   	#f0dfc3;
		border: 				1px solid #ccc;
	}
	#leftColumn ul li,
	#rightColumn ul li 
	{
		font-size:  			0.8em;
		line-height:			1.5em;
		height:			 		1.5em;
		font-weight:			700;
		color:  				#000;
		margin: 				0px;
		padding:    			0px 0px 0px 30px;
		list-style-type:    	none;
		background-image:   	url(../scotcom/statimages/listbullet.gif);
		background-repeat:  	no-repeat;
		background-position:	left;
		border-bottom: 			1px solid #ccc;
	}
	#leftColumn ul li a,
	#rightColumn ul li a
	{
		color:  				#000;
		text-decoration:		none;
	}
	#leftColumn ul li a:hover,
	#rightColumn ul li a:hover
	{
		color:  				#666;
	}
	#leftColumn .button,
	#rightColumn .button
	{
		margin: 				5px;
		text-align: 			right;
	}
	#leftColumn .buttonGo,
	#rightColumn .buttonGo
	{
		margin: 				4px 0;
		border-width:   		0px;
	}

	#smallCart
	{
		font-size:  			0.85em;
	}
	#smallCart th,
	#smallCart td	
	{
		padding:				0 3px;
	}
	#smallCart .noItem,
	#smallCart .cartTotal
	{
		color:  				#900;
	}
	#smallCart .cartTotal
	{
		text-align: 			right;
	}
	#smallCart .smallCartTotal
	{
		height: 				5px;
		line-height:			5px;
	}

	
	/* navigation */
#navTop
{
	clear:  					both;
	width:  					194px;
	background-color:   		#f0dfc3 !important;
	color:  					#000 !important;
	font-size:  				0.7em;
	line-height:				25px;
	font-weight:				700;
	margin: 					0 !important;
	padding:					0 !important;
	text-align: 				center;
}
#navTop a:visited,
#navTop a
{
	color:  					#000 !important;
	text-decoration: 			none;
}
#navTop a:hover
{
	color:  					#000 !important;
	text-decoration: 			underline;
}
	
/* ********************* BREADCRUMBS ********************* */

#breadcrumbs span
{
	font-size:  				0.8em;
}

/* ********************* CONTENT ********************* */

#homePage .homePageTitle
{
	padding:					15px 0 0 0;
}

#homePageStory
{
	display:					block;
	font-size:  				0.9em;
}

/* **************************  iNEWS  ********************************** */

inewsSpacer
{
	padding: 					10px 0px;
	line-height:				1px;
}


#inews img
{
	border: 1px solid #000;
}
#inews h2 
{
	line-height:				25px;
	margin: 					0px 0px 0px 10px;
	padding:					0px 0px 0px 30px;
	font-size:  				1.2em;
	color:  					#000;
	font-weight:				700;
	background-image:   		url(../scotcom/statimages/inewsHeader.gif);
	background-repeat:  		no-repeat;
	background-position:		top left;
	vertical-align: 			top;
}
#inews h2 span
{
	display:					block;
}
	
#inews .contentArea
{
	font-size:  				85%;
	line-height:				130%;
	padding:					0 40px;
}

/***   Competition Form   ***/

.formLabel
{
	font-weight:				bold;
	font-size:  				1em;
}
.formText,
.formSelect
{
	text-align: 				left;
	font-size:  				1em;
}


/***  Car Phone only  ***/

#date
{
	display:					none;
}

#tellAFriend .box1Header
{
		background-color:   	#e7b077;
		margin: 				0px;
		padding:				0px 0px 0px 10px;
		white-space:			nowrap;
		font-weight:			700;
		border-top: 			1px solid #ccc;
		border-left: 			1px solid #ccc;
		border-right: 			1px solid #ccc;
		color:  				#000 !important;
		line-height:			30px !important;
		font-size:  			1.2em !important;

}

#tellAFriend .box1Bottom
{
	background-color:			#f4d199;
	height: 					3px;	
}


#tellAFriend,
#tellAFriend .box1Body,
#tellAFriend .tellAFriendTable
{
	background-color:			#f4d199;
}


.tellAFriendHeaderImage
{
	display:					none;
}

#tellAFriend td.tellAFriendLabel
{
	color:					  	#000;
	font-weight:				600;
	vertical-align:			 	middle;
}
#tellAFriend td.tellAFriendInput
{
	vertical-align: 			middle;
}
#tellAFriend td.tellAFriendLabelMessage
{
	color:  					#000;
	font-weight:				700;
	vertical-align: 			top;
}
#tellAFriend .tellAFriendHeaderImage,
#tellAFriend .tellAFriendFooterImage
{
	display:					none;
}
#creditcards
{
	text-align:		 			left;
	margin-bottom:	  			20px;
	padding-bottom: 			20px;
}
#creditcards span
{
	font-size:  				0.7em;
	text-align: 				left;
}
#creditcards div
{
	text-align: 				left;
}

.creditcard
{
	margin-top:		 			3px;
	float:  					left;
	border: 					solid 1px #fff;
	border-collapse:			collapse;
}