/* Copyright 2008, SeriousSites, Tom Lilley */
/* ==CSS Reset ============================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;} /* remember to define focus styles! */
ins {text-decoration: none;} /* remember to highlight inserts somehow! */
del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* =============================================================================
Notes:
- Floated elements with applied margin in same direction as float gets DOUBLED - Fix = display:inline; AND overflow:hidden;?
- Collapsing margins - only the larger margin is used if two adjoining margins meet - use border?
==End=========================================================================== */

/* Height settings for litebox */
html, body {min-height: 100%;height: auto !important;height: 100%;} /* height settings for litebox */
body{font:normal 75% arial, sans-serif;background:white url(/images/general/background.jpg) top center no-repeat;text-align:center;} /* Text-Align needed for IE5.5 */

/* Links */
a, a:link, a:visited{color:#0a00d5;}
a:hover{text-decoration:none;}

/* Buttons */
	/* General button - with a disabled span */
	a.formbutton_general, a.formbutton_general:link, a.formbutton_general:visited{float:left;display:block;width:75px;height:30px;line-height:30px;text-align:center;color:white;font-size:12px;text-decoration:none;background:url(/images/buttons/btnGeneral.png) 0px 60px;margin:2px;} 
	a.formbutton_general:hover{background-position:0px 0px;text-decoration:none;}
	span.formbutton_general_disabled{float:left;display:block;width:75px;height:30px;line-height:30px;text-align:center;color:#555555;font-size:1em;text-decoration:none;background:url(/images/buttons/btnGeneral.png) 0px 30px;margin:2px;} 		
	
	/* Small general button e.g. used in the search */
	a.formbutton_general_small, a.formbutton_general_small:link, a.formbutton_general_small:visited{float:right;display:block;width:40px;height:20px;line-height:20px;text-align:center;color:white;font-size:11px;text-decoration:none;background:url(/images/buttons/btnGeneralSmall.png) 0px 20px;margin-top:2px;}
	a.formbutton_general_small:hover{background-position:0px 0px;color:white;text-decoration:none;}

	/* General button - with a disabled span */
	a.formbutton_general_large, a.formbutton_general_large:link, a.formbutton_general_large:visited{float:left;display:block;width:150px;height:30px;line-height:30px;text-align:center;color:white;font-size:12px;text-decoration:none;background:url(/images/buttons/btnGeneralLarge.png) 0px 60px;} 
	a.formbutton_general_large:hover{background-position:0px 0px;text-decoration:none;}

/* Div link - make a div clickable*/
a.divlink,  a.divlink:link {display:block;line-height:0;font-size:0;width:100%;height:100%;}

/* Standard elements */
p{padding:4px;padding-left:0px;font-size:1em;line-height:1.3em;color:#333333;}
img{border:none;}

h1,h2,h3{font-family:arial,sans-serif;color:black;font-weight:normal;padding:5px;padding-left:0px;letter-spacing:0px;}
	h1{font-size:1.4em;margin:0px;padding:0px;padding-top:7px;margin-bottom:0px;height:30px;}
	h2{font-size:1.4em;}
	h3{font-size:1.0em;font-weight:bold;color:#333333;}

ul{list-style-type:disc;margin-left:30px;color:#777777;}
	li{line-height:20px;font-size:1em;}
	
.required, .warning, .errortext{color:red;}
.left{float:left;}
.right{float:right;}
.inputmask{margin-left:5px;vertical-align:top;font-size:.8em;color:#555555;}
.promotiontext{color:red;}
.pricereduction{text-decoration:line-through;}
.outofstock{color:red;font-weight:bold;}
.bluray{color:blue;}

/* tables */
table{margin-top:10px;margin-bottom:10px;font-size:1em;color:#777777;}
	tr{line-height:1.4em;}
	td{vertical-align:top;color:black;}
	td.label{font-weight:normal;width:110px;}
	td.data{}
	td.shippinghighlight{padding:4px 0 4px 0;color:red;font-weight:bold;}

/* Wrapper */
#canvas{position:relative;margin: 0px auto 0px auto;text-align:center;width:800px;}

/* Banner */
#banner{position:relative;text-align:left;width:800px;height:250px;background:url(/images/general/banner/banner.png) no-repeat;}
	#banner h1{position:absolute;top:75px;left:0px;height:160px;width:600px;margin:0px;padding:0px;text-indent:-9999px;font-size:.1em;background:url(/images/general/banner/Buy-sell-trade-blu-ray.png);}
	img.bluraymovie{position:absolute;top:-10px;left:460px;height:270px;width:230px;}
	img.bluraylogo{position:absolute;top:97px;left:655px;height:60px;width:130px;}
	img.freedelivery{position:absolute;top:15px;left:60px;height:100px;width:100px;}
	#basket{position:absolute;left:655px;width:130px;height:75px;top:165px;background:url(/images/general/banner/basket.png) top left no-repeat;margin:0px;padding:0px;padding-left:10px;}
	
/* Content */
#content{position:relative;text-align:left;width:800px;background:url(/images/general/content.png) repeat-y;}
#content_header{width:380px;background:url(/images/general/content_top.png) no-repeat;padding:10px;padding-top:0px;padding-bottom:0px;}
#content_footer{width:400px;height:20px;background:url(/images/general/content_bottom.png) left bottom no-repeat;}

/*Sidebar general */
	h2.siderbar_h2{line-height:20px;padding-left:10px;background:url(/images/general/column-header.png) no-repeat top left;}
	div.sidebar_inner{width:170px;padding-bottom:5px;margin-bottom:10px;background:url(/images/general/column-background.png) bottom left;overflow:hidden;}
/* left sidebar */
#sidebar_left{position:relative;float:left;display:inline;overflow:hidden;width:170px;margin-right:14px;margin-left:15px;padding-bottom:10px;}
	#sidebar_left ul{margin-left:10px;margin-top:5px;margin-bottom:10px;list-style-type:none;}
		#sidebar_left ul ul{margin-left:10px;}
	#sidebar_left li{margin:0px;padding:0px;color:black;line-height:1.4em;}
	#sidebar_left li.empty{color:#777777;}
/* right sidebar */
#sidebar_right{position:relative;float:right;display:inline;overflow:hidden;width:170px;margin-right:15px;}
	#sidebar_right h3{margin:0px;margin-top:5px;padding:0px;padding-left:10px;}
	#sidebar_right .featured_product{padding-left:10px;margin-bottom:10px;}
	#sidebar_right p{padding:0px;margin:0px;margin-top:2px;margin-bottom:2px;line-height:1.2em;}	
	
/* Products */
/* Detail */	
#productdetail{width:380px;}
	#productdetailimage{width:220px;height:340px;float:right;display:inline;overflow:hidden;margin-top:17px;margin-right:7px;background:url(/images/general/product_detail_background.png) no-repeat;margin-left:10px;}
	#productdetail img{margin-top:20px;}
	#productdetail table{margin-bottom:4px;margin-top:10px;margin-left:20px;}
	
/* listing display - using three cols and a FAUX style background to keep things aligned */
div.productcols{width:380px;margin-top:8px;padding-bottom:8px;}
	div.productcols p{margin:0px;padding:0px;margin:2px;font-size:1em;line-height:1.4em;}
	div.productcontainer{float:left;display:inline;overflow:hidden;width:122px;margin-right:5px;}
	div.productcols img{border:2px solid white;margin-bottom:2px;}
	div.productcontainer.last{margin-right:0px;} /* must remove the margin for the last col image */

/* Checkout */
#checkout_form{background:url(/images/general/securepayment.png) 278px 13px no-repeat;}

/* Product paging links */
p.pagelinks{margin:0px;padding:0px;text-align:center;font-size:1em;color:#666666;}
table.paginglinks{width:100%;margin-top:5px;}
table.paginglinks td{vertical-align:top;width:50%;}	

/* footer */
#footer{position:relative;text-align:left;width:800px;height:150px;background:url(/images/general/footer.jpg) top left no-repeat;}
	#footer p.copyright{position:absolute;top:70px;left:0px;font-size:1.2em;}
	#footer p.advert{color:white;position:absolute;top:15px;left:0px;width:800px;font-size:25px;text-align:center;}
	
	#footer a, #footer a:link, #footer a:visited{color:blue;}
	#footer a:hover{text-decoration:none;}

/* Inputs */
form{}
input{padding:2px;margin:1px;font-size:1em;font-family:arial, sans-serif;}
select{padding:2px;margin:1px;font-size:1em;font-family:arial, sans-serif;}
textarea{padding:2px;margin:1px;font-size:1em;font-family:arial, sans-serif;}

/* File Upload */
#wait{display:none;}
#fileupload{width:100%;background-color:white;}
	#fileupload td{text-align:center;font-weight:bold;font-size:1.3em;color:red;}
	#fileupload td.title{font-size:2em;color:black;}
	#fileupload td.small{font-size:1em;font-weight:normal;color:#555555;}

/* Div clearing */
div.clear{clear:both;font-size:.1em;}