@charset "windows-1252";
/* CSS Document */
*
{
	margin: 0;
	padding: 0;
	//font-family:Arial, Helvetica, sans-serif;
}

img { display:block; }

body
{
	text-align:center;
	background:#036CC0;
	font-size:12px;
	background-image:url(../images/background/body_background.png);
	background-repeat:repeat-y;
	background-position:center top;	
}

select option
{
	padding:0 5px;
}

h1
{
	font-size:18px;
	padding:5px 0 5px;
	color:black
}

h2
{
	font-size:16px;
	padding:15px 0 5px;
	color:black
}

h3
{
	font-size:14px;
	padding:10px 0 5px;
	color:#333333;	
}

p
{
	font-size:100%;
	line-height:120%;
	padding: 5px 0;
	margin-bottom:5px;
	color:#333333;
}

.page_container
{
	margin:0 auto;
	text-align:left;
	width:977px;
}

/** TOP MENU **/

.menu 
{
	background:#137CAF;
	height:27px;
	padding-left:10px;
}

.menu li
{
	list-style:none;
	display:inline;
	color:#7BD3F7;
	font-weight:bold;
	line-height:27px;
	position:relative;	
	z-index:101;
	padding: 3px 10px;
	cursor:pointer;
}

.menu li a
{
	color:white;
	text-decoration:none;
}

.menu li a:hover, .menu li a.current
{
	color:#7BD3F7;
}

.menu li ul
{
	position:absolute;
	top:20px;
	left:0px;
	display:none;
	width:140px;
	border-top:1px solid white;
}

.menu li ul li
{
	display:block;
	float:left;
	width:120px;
	background:#137CAF;
	line-height:18px;
	margin:0;
	color:white;
	border-bottom:1px solid white;
}

.menu li li ul 
{
	top:0;
	left:100%;
}

/** BODY CONTAINER **/

.body
{
	padding:10px 14px 0;
	background-image:url(../images/background/page_container.gif);
	background-position:center;
	background-repeat:repeat-y;		
}

.block_container
{
	display:block;	
	margin-top:6px;
}

.block_content 
{ 
	background:#FFFFFF; 
	padding:0 20px;
}

.block_content ol { border-bottom:1px solid black; color:black; font:georgia; font-size:16px; /* IE DOESN''T DISPLAY MARGIN PROPERLY WITHOUT BORDER */ }

.block_content ol li { padding:3px 0; font-size:12px;}

.block_content ol li a { color:black; }

/** LEFT SIDE OF THE PAGE **/

.left_column
{
	width:214px;
	float:left;
}

.left_column a { text-decoration:none; }

.left_column a:hover { 	text-decoration:underline; }

.green_block
{
	//background-color:#CBDB2A;
	color:#FFFFFF;
	padding:5px 15px;
}

.green_block h1
{
	font-size:14px;
	color:black;
	padding:0 0 1px 0;
}

.green_block a { color:black; }

#quick_search { margin:0 }

#quick_search .block_content { padding-bottom:5px; }

#shopping_cart
{ 
	margin-top: 0px;
	position:relative;
	cursor:default;
	z-index:20;		
}

#shopping_cart #rollover_container
{
	position:absolute;
	left:100%;
	top:0;
	background-color:#632308;
	font-size:11px;
	display:none;
	color:white;
	z-index:100;
}

#shopping_cart #rollover_container ul
{
	width:350px;
	margin:5px;
}

#shopping_cart #rollover_container ul li
{
	border-bottom:1px dotted #FFFFFF;
	padding: 3px;
	list-style:none;
}
 
#shopping_cart .block_content
{
	background-image:url(/images/cart_icon.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:10px 10px 10px 80px;
}

#display_currency { margin-top: 0px;}

#display_currency .block_content { padding-top:8px; }

#left_menu li
{
	list-style:none;
	color:Black;
	border-bottom:1px solid #72C4ED;
}

#left_menu li#noborder { border:none; } 

#left_menu li ul
{
	border-top:1px solid #72C4ED;
	margin-top:3px;
	padding:3px 9px;
}

#left_menu li ul li
{
	border:none;
	padding:2px 0;
}

#bestseller 
{ 
	background-color: #FFFFFF;
	background-image: url(../image/keith-maton-1969.jpg);
	background-position: top center;
	padding:10px;
	margin:5px;
}

#bestseller li
{
	color:black;
	margin:0 10px 0 20px;
}

/** RIGHT SIDE OF THE PAGE **/

.right_column
{
	margin-left:224px;
	/**width:721px;**/
	width:620px;	
}

.content_container
{
	margin:10px 0;
}

/** CONTENT HEADER/PAGE HEADING **/
.header
{
	height:29px;
	padding:0 15px;
	background-image:none;
	background-repeat:no-repeat;
	background-color:#7e3720;
}

.header h1
{
	font-size:14px;
	color:#CCCCCC;
	line-height:20px;
}

.header ol.pagination
{
	float:right;
}

.header ol.pagination li
{	
	float:left;
	list-style:none;
	color:#FFFFFF;
	margin:10px 5px 0 5px;
}

.header ol.pagination li a
{
	text-decoration:none;
	color:#FFFFFF;
}

.header ol.pagination li.current
{
	margin:5px 5px 0 5px;
	background-image:url(/images/tabs/tab_right.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.header ol.pagination li.current span
{
	display:block;
	color:#117AA8;
	padding:5px;	
	background-image:url(/images/tabs/tab_left.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.header ol.pagination li a:hover
{
	text-decoration:underline;
}

/** PAGE CONTENT **/
.content
{
	padding:15px;
	background-color:#FFFFFF;
	line-height:1.2em;
}

.content p
{
	margin:5px 0;
}

.content a
{
	color:#BE2026;
	text-decoration:none;
}

.content a:hover
{
	text-decoration:underline;
}

/** PRODUCT/CATEGORY LISTING **/

ol.listing
{
	margin-top:0px;
}

ol.listing li 
{
	display:block;
	float:left;
	list-style:none;
	width:300px;
	height:180px;
	padding:0 20px;
	color:#333;
}

ol.listing li h1
{
	font-size:14px;
	line-height:16px;	
	padding-bottom:2px;
	border-bottom:1px dotted #ccc; 
	color:Black;
	font-weight:bolder;
	padding: 5px 0;
	margin-left: 130px;
}

ol.listing li h1 a
{
	text-decoration:none;
	color:Black;
}

ol.listing li h1 a:hover
{
	text-decoration:none;
}


ol.listing li p
{
	padding: 5px 0;
	margin-left: 130px;
}

ol.listing li p.price
{
	font-weight:bold;
	font-size:12px;
}

ol.listing li img
{
	margin:10px 0;
}

/** PRODUCT DETAILS **/
.product_details
{
	margin:20px;
}

.product_details #image_container
{
	float:left;
	text-align:center;
}

/* Hides from IE5-mac \*/
* .product_details #image_container 
{
	height: 1%; 
	margin-right: -3px;
}
/* End hide from IE5-mac */

.product_details .details
{
	margin-left:230px;
}

.product_details h1
{
	font-size:14px;
	line-height:16px;	
	padding-bottom:5px;
	border-bottom:1px dotted #ccc; 
	color:black;
	font-weight:bolder;
}

.product_details p
{
	padding:5px 0;
}

.product_details ul.available
{
	height:30px;
}

.product_details ul.available a:hover
{
	text-decoration:none;
}

.product_details ul.available li
{
	float:left;
	margin-right:10px;
	list-style:none;
}

.product_details ul#available_colours li
{
	display:block;
	width:20px;
	height:20px;
	border:1px solid #CCCCCC;
	cursor:pointer;	
}

.product_details ul#available_colours li a
{
	cursor:pointer;
}

.product_details ul#available_colours li span
{
	display:block;
	margin:2px;
	width:16px;
	height:16px;
}

.product_details ul#available_sizes{}


.product_details #options_container
{
	margin:5px 0;
	padding:5px 0;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}

.product_details #options_container ul
{
	margin:10px 0;
}


.product_details #options_container li
{
	list-style:none;
	display:inline;
	margin-right:10px;
}

/** VIEW CART **/
.cart
{
	width:100%;
}

.cart td
{
	padding:5px;
	vertical-align:top;
	border-bottom:1px dotted #ccc;	
}

.cart thead td
{
	font-weight:bold;
}


/** FOOTER **/

.footer
{
	color:#FFFFFF;
	line-height:35px;
	padding:0 15px;
}

.footer li
{
	display:inline;
	list-style:none;
	margin:0 2px;
	color:#FFFFFF;	
}

.footer .right li a
{
	color:#FFFFFF;	
}

button
{
	border:0;
	background:0;
	cursor:pointer;
}

select option
{
	padding:0 5px;
}

/** BREADCRUMB **/
ol.breadcrumb
{
	margin-bottom:10px;
	height:20px;
	font-size:14px;	
}

ol.breadcrumb li
{
	float:left;
	margin-right:10px;
	color:#000000;
	list-style:none;
}

ol#checkout li
{
	line-height:17px;
}

ol#checkout li span
{
	display:block;
	float:left;
	width:17px;
	text-align:center;
	background:url(/images/background/gray_circle.gif) no-repeat;
	color:#FFFFFF;
	margin-right:3px;
}

ol#checkout li.current span
{
	background:url(/images/background/green_circle.gif) no-repeat;
}

/** CHECKOUT **/

.window
{
	overflow:hidden;
	position:relative;
	width:620px;
}

.step_container
{
	width: 1430px;
	position:absolute;
}

.email_container
{
	background-color:#ddddda;
	padding:0px 0px;
	height:74px;
}

.step 
{
	width:620px;
	float:left;
	padding:5px;
	margin-right:5px;
}

.step h2
{
	font-size:14pt;
	color:#2A3584;
	margin:15px 0;
	padding:5px 0;
}

.step h3
{
	font-size:10pt;
	color:black;
	margin: 15px 0 10px;
	padding: 5px 0;
	border-bottom:1px dashed #ccc;
}

.information_container
{
	margin:10px;
}

.information
{
	width:290px;
	margin-right:10px;
	float:left;
}

.information fieldset
{
	border:0;
	margin-bottom:10px;
}

.information legend
{
	font-size:12px;
	font-weight:bold;
}

.information li
{
	float:left;
	list-style:none;
	line-height:20px;
	padding-left:5px;
	margin-top:5px;
	list-style:none;	
}

.information input 
{
	clear:left;
}

.confirmation li
{
	float:none;
}

.confirmation li label
{
	padding-right:5px;
}

#payment 
{
	width:32em;
}

.button_container
{
	margin:10px 0;
}

.button_container img
{
	display:inline;
}

/** INLINE FORM **/
fieldset.inline_form
{
	border:0;
	padding:10px;
}

fieldset.inline_form li
{
	list-style:none;
	margin-bottom:5px;
}

fieldset.inline_form li label
{
	float:left;
	display:block;
	width:150px;
	text-align:right;
	margin-right:5px;
	padding-top:2px;
}

fieldset.inline_form li div
{
	margin-left:155px;
}

fieldset#tell_a_friend
{
	width:330px;
	border:1px solid #ccc;
}

fieldset#tell_a_friend li label
{
	width:100px;
}

/** MY ORDERS **/
.my_orders
{
	width:100%;
	border-collapse:collapse;
}

.my_orders td
{
	border:1px solid #CCCCCC;
	padding:5px;
}

.my_orders td.orderid
{
	background-color:#dddddd;
	color:#000000;
}

.my_orders thead td
{
	font-weight:bold;
	color:Black;
	vertical-align:top;	
}

/** COMPLETE ORDERS **/
.printable
{
	width:600px;
	margin:0 auto;
}

/** SIZING CHART **/
.sizing_chart
{
	border-collapse:collapse;
}

.sizing_chart td, .sizing_chart th
{
	padding:3px 5px;
	border:1px solid #CCCCCC;
}50px;
	text-align:right;
	margin-right:5px;
	padding-top:2px;
}

fieldset.inline_form li div
{
	margin-left:155px;
}

fieldset#tell_a_friend
{
	width:330px;
	border:1px solid #ccc;
}

fieldset#tell_a_friend li label
{
	width:100px;
}

/** MY ORDERS **/
.my_orders
{
	width:100%;
	border-collapse:collapse;
}

.my_orders td
{
	border:1px solid #CCCCCC;
	padding:5px;
}

.my_orders td.orderid
{
	background-color:#dddddd;
	color:#000000;
}

.my_orders thead td
{
	font-weight:bold;
	color:Black;
	vertical-align:top;	
}

/** COMPLETE ORDERS **/
.printable
{
	width:600px;
	margin:0 auto;
}

/** SIZING CHART **/
.sizing_chart
{
	border-collapse:collapse;
}

.sizing_chart td, .sizing_chart th
{
	padding:3px 5px;
	border:1px solid #CCCCCC;
}