﻿BODY
{
	behavior:url("/htc/csshover.htc");
	margin-top:0;
}
TD
{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px}
.ContentTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #003399;
    FONT-FAMILY: Verdana
}

hr{
	display: none;
}

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pX;
    COLOR: #003399;
    FONT-FAMILY: Verdana;
    
}

h2{
	margin: 0;
	margin-top: 3px;
	padding: 0;
	font-size: 12px;
	color: #fff;
}

img{
	border: 0;
}

ul, li, h3{
	margin: 0;
	padding: 0;
	list-style: none;
}

h3{
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	background-color: #0099FF;
	text-align: left;
	margin: 5px;
	padding: 2px;
}

h4{
	margin: 0px 0px 5px 0px;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
	text-align: left;
}

a{
	text-decoration: none;
	color: #000;
}

.Header
{
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    COLOR: #003399;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #e6f3ff;
}


.BottTable
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: #e2f7f4;
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
}

.TableBlackRule
{ 
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    BORDER-LEFT: #333333 1px solid;
    BORDER-BOTTOM: #333333 1px solid;
    BACKGROUND-COLOR: #ebebf5;
}

.AdTable
{ 
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    BORDER-LEFT: #333333 1px solid;
    BORDER-BOTTOM: #333333 1px solid;
    BACKGROUND-COLOR: #ffffff;
}

.SubAdTable
{ 
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #ffffff;
}

.SubAdCell
{ 
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    COLOR: #333333;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
    BACKGROUND-COLOR: #ffffff;
}

.AdCell3
{ 
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    BORDER-RIGHT: #333333 0px solid;
    BORDER-TOP: #333333 0px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #333333 0px solid;
    BACKGROUND-COLOR: #ffffff;
}

.LeftNavCell
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
    BORDER-RIGHT: #ffffff 0px solid;
    BORDER-TOP: #ffffff 0px solid;
    BORDER-LEFT: #ffffff 0px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
    BACKGROUND-COLOR: #ebebf5;
}

.Cell
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    COLOR: #333333;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

.SpecialOfferCell
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    FONT-WEIGHT: normal;
    COLOR: #333333;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

.OfferCodeCell
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    FONT-WEIGHT: normal;
    COLOR: #333333;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}

.InputBox
{
    BORDER-RIGHT: #333333 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #333333 1px solid;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #333333 1px solid;
    WIDTH: 90px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #333333 1px solid;
    FONT-FAMILY: verdana;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: none;
}

.InputBox90
{
    BORDER-RIGHT: #333333 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #333333 1px solid;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #333333 1px solid;
    WIDTH: 90px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #333333 1px solid;
    FONT-FAMILY: verdana;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: none;
}

A.LeftNavLink:link
{
    FONT-SIZE: 10px;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
A.LeftNavLink:visited
{
    FONT-SIZE: 10px;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
A.LeftNavLink:hover
{
    FONT-SIZE: 10px;
    COLOR: #0066cc;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

ul.top_menu,
ul.top_menu li{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.top_menu li{
	float: left;
}

ul.top_menu li img{
	display: block;
}

input#go_button{
	vertical-align: middle;
}

form#SearchForm{
	margin-bottom: 0px;
}

form#SearchForm img{
	vertical-align: middle;
}

* html body form#SearchForm img{
	vertical-align: top;
}

div#left_nav{
	margin-top: 5px;
}

ul.left_menu,
ul.left_menu li{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.left_menu{
	margin-bottom: 5px;
	border: solid 1px #000;
	width: 148px;
}

* html body ul.left_menu{
	width: 150px;
}

* html body ul.left_menu li{
	border: solid #eee 1px;
}

ul.left_menu li a{
	border-top: solid 1px #fff;
	padding: 2px;
	FONT-SIZE: 10px;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
	display: block;
}

ul.left_menu li a:hover{
	background-color: #bfbfbf;
}

ul.left_menu li.minilab{
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
	background-color: #fff;
}

ul.left_menu li.minilab a{
	background-color: #FF7B5A;
	color: #fff;
	border: none;
	border-left: 5px solid #fff;
}

ul.left_menu li.minilab a:hover,
ul.left_menu li.minilab_Selected a{
	color: #000;
	background-color: #FFB29E;
	border-left-color: #FF7B5A;
}

ul.left_menu li.camera{
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
	background-color: #fff;
}

ul.left_menu li.camera a{
	background-color: #C1C142;
	color: #000;
	border: none;
	border-left: 5px solid #fff;
}

ul.left_menu li.camera a:hover,
ul.left_menu li.camera_Selected a{
	color: #000;
	background-color: #D1D08D;
	border-left-color: #C1C142;
}

ul.left_menu li.studio{
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
	background-color: #fff;
}

ul.left_menu li.studio a{
	background-color: #52d4d4;
	color: #000;
	border: none;
	border-left: 5px solid #fff;
}

ul.left_menu li.studio a:hover,
ul.left_menu li.studio_Selected a{
	color: #000;
	background-color: #9ce6e6;
	border-left-color: #52d4d4;
}

ul.left_menu li.albums{
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
	background-color: #fff;
}

ul.left_menu li.albums a{
	background-color: #af5f87;
	color: #000;
	border: none;
	border-left: 5px solid #fff;
}

ul.left_menu li.albums a:hover,
ul.left_menu li.albums_Selected a{
	color: #000;
	background-color: #ce9cb4;
	border-left-color: #af5f87;
}

ul.left_menu li.computer{
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
	background-color: #fff;
}

ul.left_menu li.computer a{
	background-color: #845bd6;
	color: #000;
	border: none;
	border-left: 5px solid #fff;
}

ul.left_menu li.computer a:hover,
ul.left_menu li.computer_Selected a{
	color: #000;
	background-color: #a385e0;
	border-left-color: #845bd6;
}

ul.left_menu li.copy{
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
	background-color: #fff;
}

ul.left_menu li.copy a{
	background-color: #da698e;
	color: #000;
	border: none;
	border-left: 5px solid #fff;
}

ul.left_menu li.copy a:hover,
ul.left_menu li.copy_Selected a{
	color: #000;
	background-color: #e5a6bb;
	border-left-color: #da698e;
}

ul.left_menu li.films{
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
	background-color: #fff;
}

ul.left_menu li.films a{
	background-color: #d7af36;
	color: #000;
	border: none;
	border-left: 5px solid #fff;
}

ul.left_menu li.films a:hover,
ul.left_menu li.films_Selected a{
	color: #000;
	background-color: #e8d18d;
	border-left-color: #d7af36;
}

ul.left_menu li.books{
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
	background-color: #fff;
}

ul.left_menu li.books a{
	background-color: #33cb8c;
	color: #000;
	border: none;
	border-left: 5px solid #fff;
}

ul.left_menu li.books a:hover,
ul.left_menu li.books_Selected a{
	color: #000;
	background-color: #6ed8a9;
	border-left-color: #33cb8c;
}

div#brands{
	margin-top: 5px;
}

div#bottom_menu{
	width: 768px;
	text-align: center;
	background-color: #eee;
	padding: 5px;
}

* html body div#bottom_menu{
	width: 780px;
}

div#bottom_menu ul,
div#bottom_menu ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

div#bottom_menu ul li{
	display: inline;
	FONT-SIZE: 10px;
	margin: 0px 2px;
}

div#bottom_menu ul li a{
	color: #000;
	text-decoration: none;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
}

div#bottom_menu ul li a:hover{
	text-decoration: underline;
}

table.product{
	width: 230px;
	height: 175px;
	border-collapse: collapse;
	border: solid 1px gray;
}

table.product td.product_image{
	text-align: center;
	width: 90px;
	padding: 0px,5px;
	word-wrap: break-word;
}

table.product td.product_image img{
	border: none #000 1px;
	width: 90px;
}

table.product td.description{
	height: auto;
	padding: 2px;
}
table.product td.description div{
	word-wrap: break-word;
}

table.product td.description h3{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: red;
	background-color: #fff;
}

table.product td.description p.price{
	text-align: right;
	font-size: 14px;
	margin-right: 5px;
}

table.product td.button{
	text-align: right;
	height: 15px;
	border: 0;
	vertical-align: bottom;
}

* html body table.product td.button img{
	display: block;
	margin-bottom: 0px;
}

div#breadcrumbs{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 5px;
	text-align: left;
}

div#breadcrumbs li{
	font-weight: bold;
	font-size: .8em;
	color: #ddd;
}

div#breadcrumbs a:hover{
	text-decoration: underline;
}

div#product_detail{
	text-align: left;
	padding: 5px;
}

table#product_view{
	width: 100%;
}

div#product_detail p,
div#product_detail a{
	margin: 0px;
	color: #666;
}

table#product_view td{
	vertical-align: top;
}

table#product_view td#image_cell{
	padding-right: 2px;
	text-align: right;
}

table#product_view td#image_cell img.zoomimg{
	width: 275px;
}

table#product_view td#image_cell a{
	text-decoration: none;
	color: #000;
	font-size: 12px;
}

table#product_view td#product_info{
	vertical-align: text-top;
}

div#product_detail{
	margin: 0px 1px;
	padding: 5px;
}

div#product_detail{
	border-bottom: none;
	word-wrap: break-word;
}

div#product_detail h4{
	color: #666;
	font-weight: bold;
}

table.BuyGrid{
	width: 130px;
	margin: 0px;
}

table.BuyGrid td{
	text-align: left;
	padding: 2px;
	vertical-align: middle;
}

table.BuyGrid td.ColourDisplay{
	text-align: right;
}

h2#basket_header{
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
	color: #0099FF;
}

div#basket{
	padding: 5px;
}

div#basket p{
	margin: 2px;
}

div#basket h3{
	padding-left: 30px;
	background-image: url(/images/icon_basket.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

div#basket a{
	color: #004BCF;
	text-decoration: underline;
}

table#basket_table{
	margin-top: 5px;
}

table#basket_table a{
	color: #004BCF;
	text-decoration: none;
}

table#basket_table a:hover{
	text-decoration: underline;
}

table#basket_table th{
	font-size: 12px;
	background-color: #eee;
}

table#basket_table tr.basket_product{
	vertical-align: top;
}

table#basket_table tr.basket_product img.product{
	display: block;
	width: 30px;
	border: solid 1px #eee;
}

table#basket_table tr#total{
	background-color: #eee;
}

table#basket_table tr#grand_total{
	background-color: #eee;
}

div.summary_basket div#summary_items{
	border-left: solid #000 1px;
	border-right: solid #000 1px;
	text-align: center;
	background-color: #fff;
}

div.summary_basket li{
	display: block;
}

div.summary_basket  a{
	color: #000;
	font-variant: small-caps;
	text-decoration: none;
}

div.summary_basket img{
	float: left;
	display: block;
	width: 30px;
	margin: 2px;
}

div.summary_basket div.clear{
	clear: left;
}

div.summary_basket div.total{
	border-top: solid black 1px;
	border-left: solid black 1px;
	border-right: solid black 1px;
	text-align: right;
	padding: 2px;
	background-color: #EEEEEE;
}

div.summary_basket div.total p{
	margin: 0;
	padding: 0;
}

div.summary_basket table p{
	display: block;
	width: 100px;
	word-wrap: break-word;
}

div.category ul{
	margin: 5px 10px;
	border: solid black 1px;
	border-bottom: none;
	background-color: #fff;
}

div.category ul li{
	border-bottom: solid black 1px;
}

div.category a{
	display: block;
	padding: 5px;
	color: #000;
}

div.albums a:hover{
	background-color: #993366;
	color: #fff;
}

div.camera a:hover{
	background-color: #999900;
	color: #fff;
}

div.computer a:hover{
	background-color: #6633CC;
	color: #fff;
}

div.copy a:hover{
	background-color: #CC3366;
	color: #fff;
}

div.films a:hover{
	background-color: #CC9900;
	color: #fff;
}

div.minilab a:hover{
	background-color: #FF3300;
	color: #fff;
}

div.studio a:hover{
	background-color: #33CCCC;
	color: #fff;
}

div#order_confirm{
	text-align: center;
}

.reference{
	font-family: "Courier New", Courier, mono;
	font-size: 1.6em;
	vertical-align: middle;
	color: red;
}

div#contact td{
	vertical-align: top;
}

div#contact textarea.comments{
	height: 200px;
	width: 100%;
}

div#contact p{
	text-align: left;
	margin-bottom: 10px;
}

div#alternatives{
	text-align: left;
}

div#alternatives li{
	padding: 5px;
	border-bottom: dotted 2px #ddd;
}

div#alternatives li:hover{
	background-color: #eee;
}

div#alternatives li a{
	display: inline;
	text-align: left;
	margin: 2px;
}

div#alternatives li p{
	display: inline;
	float: right;
	color: #ff0000;
	
}

* html div#alternatives li p{
	padding-top: 10px;
}

div#alternatives li img{
	margin-right: 10px;
	vertical-align: middle;
	max-height:35px;
}

* html div#alternatives li img{
	height: 35px;
}

div#checkout{
	padding: 5px;
}

	div#checkout a{
		color: #004BCF;
		text-decoration: underline;
	}
	
		div#checkout table.addressconfirm td.right_align{
			padding-right: 20px;
			color: #333333;
			vertical-align: top;
		}
	
	div#checkout p.progress{
		color: #565656;
	}
	
	span.inactive{
		color: #bababa;
	}
	
	div#checkout_head{
		width: 437px;
		padding: 0px;
		margin: 0px 0px -3px 0px;
		height: 33px;
	}
	
	* html div#checkout_head{
		height: 0px;
	}
	
		div#checkout_head li{
			float: left;
			display: block;
			margin: 0px;
		}
	
	div#checkout_body{
		width: 437px;
		background-image: url(/images/checkout_tile.gif);
		background-position: left top;
		background-repeat: repeat-y;
		border-top: 4px solid #003BC5;
		padding: 0px 5px;
	}
	
	div#checkout_foot{
		background-color: #003BC5;
		background-image: url(/images/checkout_foot_background.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		width: 437px;
		height: 26px;
		text-align: left;
	}
	
		div#checkout_foot #next{
			float: right;
		}
		
		div#checkout_foot input#next{
			margin-right: -4px;
		}
		
		div#checkout_foot a{
			float: left;
		}

select{
	font-size: 12px;
}

table#past_orders{
	width: 470px;
	border-collapse: collapse;
}

	table#past_orders td{
		padding: 2px;
	}
	
	table#past_orders thead{
		background-color: #ff0000;
	}
	
		table#past_orders thead td{
			color: #fff;
		}
		
	table#past_orders a{
		text-decoration: none ! important;
		display: block;
	}
	
		table#past_orders tbody tr.over{
			background-color: #0099FF;
		}
		
			table#past_orders tbody tr.over a{
				color: #fff;
			}

div.bestitem{
	text-align: center;
}

div.bestitem img{
	width: 80px;
}

div.bestitem a{
	display: block;
	margin-bottom: 2px;
}

div.bestitem p{
	color: #ff0000;
	font-size: 1.2em;
	margin: 2px;
}

div.bestitem span.incvat{
	color: #000;
	font-size: .6em;
}

.red{
	color: red;
}

.large{
	font-size: 18px;
}

.bold{
	font-weight: bold;
}

ul.top_subs li{
	display: inline;
}

.right_align{
	text-align: right;
}

.left_align{
	text-align: left;
}

.bluelink,.plink{
	color: #004BCF ! important;
	text-decoration: underline;
}

.table1{
	border-collapse: collapse;
}

.HomeStyle2{
	padding-top: 10px; 
	text-align: right;
}

.HomeStyle3{
	color: blue; 
	text-decoration: underline;
}

.HomeStyle4{
	background-color: #eee;
}

.HomeStyle5{
	margin-left: 10px; 
	color: blue; 
	text-decoration: underline;
}