/**********************************************************************************************
*                                                                                             *
* Author: 		 : James Marshall, Harlequin Solutions                                        *
* Last modified  : 08.07.2009                                                                 *
* Version        : 1.0                                                                        *
* Browser(s)     : All (IE Win hacks/fixes are in separate stylesheets)                       *
*                                                                                             *
*                                                                                             *
**********************************************************************************************/


/* Global Layout Settings
==============================================================================================*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 88%; /*global sets font-size at 14px*/
	/* Font sizing in ems. If you want to change anything size-wise, just change this. */
	/* Refer to http://clagnut.com/blog/348/ for details. */
	/* http://riddle.pl/emcalc/ - Em Calculator */
	/* text-align: center; */
	background: #fff;
}	

/* HTML Styles
=============================================================================================*/
p {
	font-size: .88em;
	line-height: 1.38em;
	margin: 0px 0px 12px 0px;
	color:#000;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

H1 {font-size:1.5em;font-weight:bold;margin: 0 0 1.38em;padding:0;}/*displayed 24px*/
H2 {font-size:1.13em;font-weight:bold;line-height:128%;margin: 0 0 1.38em;padding:0px;} /* displayed at 18px */
H3 {font-size:1.06em;font-weight:bold;margin: 0 0 1.38em;padding:0;line-height:110%;} /* displayed at 17px */
H4 {font-size:1em;margin: 0 0 1.38em; padding: 0;line-height:110%;font-weight:bold}/* displayed at 16px */
H5 {font-size:0.94em;margin: 0 0 1.38em; padding: 0;line-height:110%;}/* displayed at 15px */
H6 {font-size:0.88em;margin: 0 0 1.38em; padding: 0;line-height:110%;} /* displayed at 14px */

strong, b {
		font-weight: bold;
	}
	
		/* :link :visited :focus :hover :active */
	a:link {
		text-decoration: none;
		color: #333;
		font-weight: bold;
		border-bottom:none; /*temp*/
		background-color: transparent;
	}
	a:visited { 
		text-decoration: none;
		/* text-decoration: line-through; */			
		color:#333; /* #d8ee78 */;
		background: transparent;
		font-weight: bold;
	}		
	a:focus, a:hover, a:active { 
		text-decoration: underline;
		/* background: transparent; */
		font-weight: bold;
		}	

	ul {
		margin: 0px 0px 36px 0px;
		font-size: 1em;
		line-height: 1.7em;
		}
		ul ul {
			margin: 0 0 0 -3px;
			font-size: 100%;
		}			
		ul li {
			padding: 0 0 0 0;
			/*background: url(/includes/site-images/bullet.png) no-repeat 0 3px;*/
			color: #666;
		}
	ol {
		margin: 0 36px 20px;
		font-size: 0.88em;
		line-height: 1.6em;
		}
		ol ol {
			margin: 0 0 0 0;
			font-size: 100%;
		}			
		ol li {
			margin: 0 0 0 1.88em;
			list-style-type: decimal;
			color: #666;
		}
		
	img {
		border: none;
	}

	hr {
		height: 1px;
		margin: 20px 0;
		color: #ccc;
		background-color: #ccc;
		border: 0px;
	}
	
	address {
		margin: 0 0 1.5em;
		padding: 0 0 0 40px;
		color: #999;
		font-style: normal;
		border-left: 1px solid #d7d2d0;
	}
	
	acronym, abbr {
		border-bottom: 1px dashed #9c1948;
		cursor: pointer;
	}

	q { quotes: "\201C" "\201D" "\2018" "\2019"; }
	
	q:before { content: open-quote; }
	q:after  { content: close-quote; }
	
	q:before   { content: '\201C'; } /* Safari support */
	q:after    { content: '\201D'; }
	q q:before { content: '\2018'; }
	q q:after  { content: '\2019'; }

	blockquote * { quotes: none; }
	blockquote > *:before { content: '\201C'; }
	blockquote > *:after  { content: '\201D'; }
	blockquote q:before   { content: '\2018'; }
	blockquote q:after    { content: '\2019'; }
		
	
	blockquote {
		background: #f2f2f2/* url("/includes/site-images/blockquote-bg.gif") top right no-repeat*/;
		margin: 0 0 20px;
		padding: 20px 92px 20px 40px;
		font-size: 1.2em;
		line-height: 1.4em;	
		border: 1px solid #fff;
		}
		blockquote p {
			margin: 0 !important;
			padding: 0 !important;
			color: #333;
		}
		
		
	/* CMS Cleanup
	==============================================*/
	
	/*Deal with link and FONT tag combos*/
	font a, a font {color: #FF00FF;/*CHANGE*/ font-weight:bold;}	

		
	font { /*To override any legacy code or pesky users that know some HTML*/
		font: 100% arial,sans-serif;
		color: #666;
		background-color: transparent !important;
		line-height: 1.45em;
	}
	li font {
		color: #666;
	}
	u {
		text-decoration: none;
	}
		
	/* Tables
	==============================================*/
		
	table {
		border-collapse: collapse;
		border: 2px solid #d8dce3;
		background: #fff;
		color: #333;
		margin: 0 0 1.38em;
		padding: 1px;
		}
		table caption {
			font-size: 1.15em;
			letter-spacing: -1px;
			text-align: left;	
			color: #4e4f4f;
			padding: 0 0 3px;
		}
		table tr {
			background: #fefefe;
		}
		/* This is the magic class for the 'zebra' row effect */
		table tr.rowTint {
			background: #f4f4f4;
		}
		table td,
		table th {
			/* border-right: 1px solid #fff;
			border-bottom: 1px solid #fff; */
			border: 1px solid #F4F4F4;
			padding: 6px;
			font-size: 0.88em;
			/* line-height: 1.1em; */
			/* font-size: 0.69em; */
			/*width: 20%;*/
			}
		table th {
			vertical-align: bottom;
			font-weight: bold;
			font-style: italic;
			color: #fff;
			background: #ccc /* url("/includes/site-images/child-main-heading-bg.gif") left bottom no-repeat */;
		}
		table td {
			vertical-align: top;
			background: #fefefe/* url("/includes/site-images/td-bg.gif") top left repeat-x*/;
			}	
	
			table td p {
				font-size: 1.00em;
				/* line-height: 1em; */
				color: #4e4f4f;
				}	
			table td i {
				color: #63748e;
				}
			table td ul li {
					/*background: url(/includes/site-images/bullet-table.png) no-repeat 0 0;*/
				}
				
			thead td{background:#b3317d;color:#fff;font-weight:bold;}
			tbody{}	
			
			td.TableFill{background:#b3317d;color:#fff;font-weight:normal;}
								
/* Wrap
===============================================*/		

#MainWrap{margin:0px auto;padding:0px;width:990px;}
#ColumnBgRepeatChild{width:960px;background:none;}

/* Content
===============================================*/	

#TopBar{ 
	display:none;
	height:24px;
	padding:0px 0px 0px 2px;
	background:#3f3f3f;
	border-top:1px solid #ccc;
	border-left: 1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
}
	
#TopBar p{
	margin:2px 0px 0px 4px;
	color:#fff;
} 

#Favourites{	
	margin:0px;
	padding:0px;
	width:300px;
	float:left;
}
	#Favourites a{
		color:#e6e6e6;
		font-size:0.79em;
		font-weight:bold;
	}

#Content{
	margin:10px 0px 0px 0px;
	padding:0px;
	width:960px;
	float:left;
	background:none;
}
		
#Header{

	margin:0px;
	padding:2px 0px 0px 0px;
	width:950px;
	background:none;;
	border-left:5px solid #fff;

}

	#Header h1{font-size:1.86em;display:inline;float:left;margin:0px 0px 10px 0px;} /*Fixes double margin bug for IE*/
		#Header .HeaderLink{color:#333; width:230px;}/*Push header off screen + make header logo link*/
		
#Shipping {
	display:none;
	margin:2px 0px 0px 0px;
	padding:4px 2px 4px 14px;
	width:456px;
	height:28px;
	background:#c3c3c3 url(/includes/site-images/shippingcorner.gif) bottom left no-repeat;
	float:right;
}

	#Shipping p{
		margin:3px 0px 0px 0px;
		font-size:0.93em;
		font-weight:bold;
	}
		.ShippingSelect{width:192px;margin-left:7px;}
		.CurrencySelect{width:106px;margin-left:4px;}


#CallUs{
	display:block;
	width:460px;
	height:29px;
	padding:0px 10px 0px 0px;
	background:transparent;
	float:right;

}
	#CallUs img{
		margin-top:5px;
		float:right;
		margin-right:6px;
	}
		#CallUs p{
			margin-top:6px;
			float:right;
		}




#HomepageImage{
	display:block;
	height:372px;
	width:591px;
	background-color: #999999;
	margin:0px 3px 3px 0px;
	float:left;

}

#CenterPromo1{
	display:block;
	margin:0px 0px 3px 0px;
	padding:0px;
	width:194px;
	height: 91px;
	background-color: #CCCCCC;
	float:left;
}

	#CenterPromo2{
		display:block;
		margin:0px 0px 3px 0px;
		padding:0px;
		width:194px;
		height: 91px;
		background-color: #999999;
		float:left;
	}

		#CenterPromo3{
			display:block;
			margin:0px 0px 3px 0px;
			padding:0px;
			width:194px;
			height: 91px;
			background-color: #666666;
			float:left;
		}

			#CenterPromo4{
				display:block;
				margin:0px;
				padding:0px;
				width:194px;
				height: 90px; 
				background-color: #333333;
				float:left;
			}


		
/*Left column for home page (2 column layout)*/
#LeftColHome{
	margin:3px 0px 0px 4px;
	padding:0px;
	width:791px;
	background-color: #FFF;
	float:left;
	min-height:560px;
}

#PromoContainer{
	display:block;
	margin:0px 0px 3px 0px;
	padding:0px;
	width:788px;
	height: 402px; /*temp*/
	background-color: #eaeaea;
	clear:both;
}

.LeftColPromo{
	margin:16px 0px 0px 16px;
	float:left;
	display:block;
	width:175px;
	height:175px;
	display:inline;
	background-color:#fff;
	border:1px solid #666;
	}


/*Right column for home page (2 column layout)*/
#RightColHome{	
	margin:3px 4px 0px 0px;
	padding:0px;
	width:161px;
	background:#9a9a9a;
	float:right;
	min-height:552px;
		
}

/*Placeholders in right-hand column*/
.RightColPromo{
	margin:7px 7px 7px 7px;
	display:block;
	width:145px;
	height:145px;
	background-color: #fff;
	border:1px solid #666;
}






/*Left column for child page (2 column layout)*/
#LeftColChild{
	display:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:169px;
	background-color:#666666;
	float:left;
	min-height:560px;	
	border-left:1px solid #b7b7b7;
	border-top:3px solid #fff;
	
}

/*Right column for child page (2 column layout)*/
#RightColChild{
	margin:0px 0px 0px 0px;
	padding:20px;
	width:749px;
	background-color: none;
	float:left;
	border-top:3px solid #fff;
}
	.mlifestyle{
		float:right;
		margin:0px 0px 10px 10px;
	}
	.mlogo{
		margin:0px 18px 12px 0px;
		float:left;
	}


	
#PatternPromo {
	margin:0px;
	padding:0px;
	height:50px;
	width:750px;
	background-color:#d8d8d8;
	clear:both;
}
	
#PatternThumbs{
	margin:10px 0px 0px 0px;
	padding:10px 0px 8px 0px;
	width:770px;
	clear:both;	
}

	.PatternThumb{
		margin:0px 16px 0px 0px;
		padding:0px;
		width:175px;
		height:222px;
		float:left;
		text-align:center;	
		font-size:1em;	
	}
		.PatternThumb img{margin-bottom:2px;border:1px solid #666;}
		.PatternThumb a{color:#666;}		

#PatternDescription {
	margin:0px;
	padding:10px;
	height:278px;
	width:730px;
}
	#PatternDescription p{   /*TEMP- MAY CHANGE THIS*/
		color:#000;
	}

#ItemThumbs{
	margin:10px 0px 0px 0px;
	padding:10px 0px 8px 0px;
	width:770px;	
}


.ItemRow{
	width:770px;
	min-height:280px;
	clear:both;
	margin:0px 0px 13px 0px;
}


#ItemThumbs search{width:20px;}

	.ItemThumb{
		margin:0px 14px 0px 0px;
		padding:0px 0px 6px 0px;
		width:175px;
		float:left;
		text-align:center;
		background:#fff;
		display:block;
		border:1px solid #ccc;
	}
		.ItemThumb img{margin-bottom:2px;/*border-bottom:1px solid #d5d5d5;*/}
		

		
		.ProductName{display:block;line-height:120%;height:34px;width:167px;color:#FF0000;padding:0px;margin:4px 4px 6px 4px;overflow:hidden;}
		.ProductName a{color:#666;font-size:0.88em;margin:0px;padding:0px;}
		
	

.ItemImage{
	margin:0px 20px 0px 0px;
	padding:0px;
	background-color:#ccc;/*TEMP*/
	width:275px;
	height:275px;
	float:left;
	border:1px solid #666;
}

.ItemPrice{
	font-size:1em;
	font-weight:bold;
	}


#Product{
	width:750px;
	margin-top:30px;
}
#Product a{
	color:#666;
	font-weight:normal;
}

#Product P{
	width:450px;
	float:right;
}

#ProductOptions{
	display:none;
	float:right;
	width:750px;
	margin-top:20px;
}
	#ProductOptions p{ float:left;}
		#ProductOptions a {
			background-color:#666;
			color:#fff;
			margin: 0px 7px 0px 0px;
			padding: 4px 4px 4px 4px;
			text-decoration:none;	
		}
		#ProductOptions a:hover {background-color:#999;}
		
.ProductNav{
	display:none;
	float:left;
	margin:0px 30px 0px 20px;
}
/*Forms elements
=======================================*/


/*Shopping Cart form elements*/
#CartQuantity{width:42px;float:left;}

#QuantityDelete{margin-top:4px;width:46px;height:16px;padding:0px 0px 2px 0px;color:#fff; background:#999; border:1px solid #000; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.79em;float:left;border:none;clear:both;}
#QuantityDelete:hover{background:#666}

#UpdateCart{margin:0px auto;width:100px;height:22px;padding:0px 0px 2px 0px;color:#fff; background:#8f8d8e; border:1px solid #000; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;border:none;float:right;}
#UpdateCart:hover{background:#666}

#GetEstimates{margin:0px auto;width:100px;height:22px;padding:0px 0px 2px 0px;color:#fff; background:#8f8d8e; border:1px solid #000; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;float:right;border:none;clear:both;}
#GetEstimates:hover{background:#666}

#ContinueShopping{margin:0px auto;width:160px;height:26px;padding:0px 0px 2px 0px;color:#fff; background:#bd3a86; border:1px solid #000; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;border:none;clear:both;float:right;font-size:1.13em;}
#ContinueShopping:hover{background:#df5f9f}

#CheckOutNow{margin:0px auto;width:130px;height:26px;padding:0px 0px 2px 0px;color:#fff; background:#bd3a86; border:1px solid #000; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;border:none;clear:both;float:right;font-size:1.13em;font-weight:bold;}
#CheckOutNow:hover{background:#df5f9f}

/*Shopping cart image at top of cart page*/
.MiniCart{float:left;margin-right:4px;}

/*Sub-totals*/
table#Totals{float:right;width:300px;}
/*Order Notes*/
#OrderNotesText{width:350px;height:120px;}
/*Coupon*/
table#Coupon{clear:both;}
table#Coupon tr, table#Coupon td{border:none;}
/*Continue shopping and check-out buttons*/
table#CheckOut{float:right;width:290px;}
/*Account and contact info table*/
table#AccountInfo tr,table#AccountInfo td{border:none;}
/*Shopping cart*/
table#ShoppingCart tbody td, table#ShoppingCart tbody tr{border:none;}
#CouponCode{width:240px;}
#OrderNotes tr,#OrderNotes td{border:none;}


/*Log-in page=
==================*/

#Email{width:250px;}
#Password{width:170px;}
#RememberPW{}

#LogIn{margin:0px auto;width:68px;height:22px;padding:0px 0px 2px 0px;color:#fff; background:#bd3a86; border:1px solid #000; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;border:none;clear:both;}
#LogIn:hover{background:#df5f9f}

#EmailEnter{width:250px;}

#PasswordRequest{margin:0px auto;width:190px;height:22px;padding:0px 0px 2px 0px;color:#fff; background:#bd3a86; border:1px solid #000; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;border:none;clear:both;}
#PasswordRequest:hover{background:#df5f9f}


/*Item page form
===============*/
#AddToCart{width:110px;height:22px;padding:0px 5px 4px 0px;color:#fff; background:url(/includes/site-images/cart.gif) center left no-repeat #575757; border:1px solid #333; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;text-align:right;}

#AddToWish{width:122px;height:22px;padding:0px 4px 4px 4px;color:#fff; background-color:#575757; border:1px solid #333; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;}

#AddToGift{width:144px;height:22px;padding:0px 4px 4px 4px;color:#fff; background-color:#575757; border:1px solid #333; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;}

#AddToCart:hover{background:url(/includes/site-images/carthover.gif) center left no-repeat #666;} 
#AddToWish:hover, #AddToGift:hover{background-color:#666;}

.ItemImage form p{fonts-size:.79em;margin:0px;padding:0px;}

#ItemQuantityField{width:27px;}










/*Care Icons
==============*/


#Icons{	
	margin:0px 6px 0px 0px;
	padding:0px;
	width:750px;
	height:50px;	
	float:left;
	clear:both;
}
	
/**Quick links for quantity and add to basket on item page
===========================================================*/
	

#ItemThumbs .MiniAddToCart{
height:22px;width:93px;margin:0px;padding:1px 4px 4px 0px; font-size:.79em; color:#fff;background:url(/includes/site-images/cart.gif) center left no-repeat #575757; border:none; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;text-align:right;}

#ItemThumbs .MiniAddToCart:hover{background:url(/includes/site-images/carthover.gif) center left no-repeat #666;} 

#ItemThumbs .QuantityField{color:#333;width:30px;margin:3px 2px 0px 0px;}		
	
.qty{font-size:.79em}
	
	

/* Menus
===============================================*/

/*Your account / wishlist etc etc */
#TopMenu{
	margin:0px;
	padding:0px;
	font-size:.79em;
}

	#TopMenu ul{
		list-style:none;
		float:right;
		margin:0px;
	}
		#TopMenu ul li{
			float:left;
		}
			#TopMenu ul li a{
				display:block;
				height:21px;
				text-decoration:none;
				padding:3px 15px 0px 15px;
				float:left;
				color: #E8E8E8;
			}
				#TopMenu ul li a:hover{color:#fff;background-color:#202020;}
				#TopMenu ul li:hover{color:#fff;background-color:#202020;}
			
/*Div containing main menu (Home, Catergories, Manufacturers, Customer Service -- CSS in seperate files for styling*/
#MainMenu{
	display:none;
	margin:0px;
	padding:0px;
	width:958px;
	height:24px;
	background-color:#3f3f3f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
}

#LeftColChild h2{font-size:.86em;margin:10px 12px 8px 14px;}
#LeftColChild h2 a{color:#fff;}

	#LeftColChild ul{
		list-style:none;
		font-size:.79em;
		margin:0px 12px 0px 20px;
		padding:0px 0px 0px 0px;
	}

		#LeftColChild ul li a{
			color:#fff;
			font-weight:normal;
		}
		






/*==========Left-hand flyout menu=========

#ManufacturerMenu {
	list-style-type:none;
	margin:0px !important;
	padding:0px !important;
	position:relative;
	font-size:.79em;

}


#ManufacturerMenu a:hover {         all list items 
	background-color:#CCC;
	color:#000;
	text-decoration:none;
}

#ManufacturerMenu li {                1st level list items
	
}

#ManufacturerMenu li a { 
	padding:1px 0px 0px 20px;
	width:150px;
	display:block;
	color:#fff;
	font-weight:normal;

}

#ManufacturerMenu ul {                 second level list
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 170px;
	list-style: none;
	position: fixed;
	top: 0px;
	left: auto;
}

#ManufacturerMenu li ul {              second-level list 
	display: none;
	background-color:#666;
	font-size:1em;
	height:100%;
	padding-top:0px;
	width:288px;
	overflow:auto;
	border:2px solid #333;
	z-index: 700;
}

#ManufacturerMenu li ul a {margin:0px 0px 0px 8px; padding:0px 0px 0px 10px;width:268px;}

#ManufacturerMenu li ul li a{color:#FFF;padding:0px 0px 0px 0px;}



li>ul {                  to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left 
	top: auto;
	left: auto;
}

#ManufacturerMenu li:hover ul, #ManufacturerMenu li.over ul {                lists nested under hovered list items 
	display: block;
}





/* Search field
===============================================*/		
#MainMenu form{
	float:right;
	margin:3px 2px 0px 0px;
}
	
#MainMenu #SearchSubmitBtn{
	height:19px;width:30px;padding:0px 0px 4px 0px; font-size:1em; color:#fff; background-color:#999; border:none; cursor:pointer
}

#MainMenu #SearchField.inputWords{color:#333;height:allk15px;margin:0px;padding:0px;}	

#MainMenu #SearchField{color:#9900CC;}			
						
/* Footer
===============================================*/				
				
#Footer{	
	display:none;
	margin:3px 0px 3px 0px;
	padding:0px;
	width:958px;
	height:25px;
	clear:both;
	background:#3f3f3f;
	border-left:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
}	

	#Footer a{
		color:#fff;	
		float:right;
		font-size:0.93em;
		background:url(/includes/site-images/arrow.gif) no-repeat center left;
		padding:5px 8px 0px 21px;
		display:block;
		height:20px;
	}	

		#FooterMenu{
			font-size:.71em;
			margin:0px;
			padding:0px 0px 0px 12px;
		}
	
			#FooterMenu li{
				margin:3px 20px 0px 0px;
				float:left;}
	
				#FooterMenu li a{
					font-size:1em;
					list-style:none;
					color:#fff;
					background:none;
					float:left;
					padding:0px 0px 0px 0px;
				}

#BottomLinks{
	display:none;
	background:#ccc;
	padding:6px 10px 6px 10px;
	overflow:auto;
	border-left:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
}	
		#BottomLinks ul{
			margin:0px;	
		}
			#BottomLinks ul li{
				float:left;
				font-size:0.86em;
				margin-right:13px;	
			}
				#BottomLinks ul li a{
					background:url(/includes/site-images/bullet.gif) no-repeat 0% 50%;
					padding-left:7px;
				}
			
#BottomDescription{
	width:938px;
	margin:0px 0px 10px 0px;
	padding:10px;
	clear:both;
	background:#fff;
}
	#BottomDescription p{
		font-size:0.86em;
		margin:0px;
		padding:0px;
	}
	
#Address{
	width:960px;
	
	margin:0px 0px 30px 0px;
	font-size: 0.71em;
	color:#666;
}

	.verisign{
		float:right;
	}