body {
  font-family: Arial, Helvetica, sans-serif;
  margin:0px;
  padding:0px;
  text-align:center;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: x-small;
  line-height: 1.5em;
  color: #000;
  background: #CFE1ED url(/i/bg.gif) repeat-x;
}

img {
  border:0
}

/*=============== Links ===============*/

A:link, A:active, A:visited {
  color: #1b6dd3;
  text-decoration: none;
}

A:hover {
  color: #a50101;
  text-decoration: none;
}


/*=============== Font Elements ===============*/
p {
  margin: 5px 0;
  line-height: 160%;
  color:#333;
  padding: 0;
}

p.copy {
margin: 0 0 10px 0;
  line-height: 160%;
  color:#000;
}

h1 {
  font-family:Arial, Helvetica, sans-serif;
  color: #b32605;
  font-size: 210%;
  line-height: 90%;
  margin: 0 0 5px 0;
  padding: 0;
  letter-spacing:-0.05em;
}

h3 {
  font-family: Helvetica, Arial, Verdana, san-serif;
  font-size: 240%;
  line-height: 110%;
  margin: 0 0 3px 0;
  padding: 0 0 0 0;
  color:#8bae2c;
}

h2 {
  font-size: 115%;
  margin: 5px 0 3px 0;
}

h4 {
  font-family: Georgia, "Times New Roman", Times, serifgeorgia, serif;
  font-size: 100%;
  font-weight: bold;
  color: #615889;
  margin: 0 0 5px 0;
  padding: 0;
}

h5 {
  font-family: Helvetica, Arial, Verdana, san-serif;
  font-size: 210%;
  line-height: 110%;
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

h5 A:link {
  color: #039!important;
}

h5 A:hover {
  color: #a50101!important;
}

h5 A:visited {
  color: #039;
}

/*=============== Positional Elements ===============*/
	
#wrapper {
  width:760px;
  margin:0px auto;
  text-align:left;
  background-color:#fff;
  border-left: 5px solid #b2c9d9;
  border-right: 5px solid #b2c9d9;
}


#top {
  background: url(i/top-bg.jpg) no-repeat left top;
  height: 78px;
}


#content {
  background-color:#fff;
}



#maincontent {  
  background: url(i/feature-grey-bg.jpg) no-repeat left top;
  margin:0;
  padding: 10px;
  line-height: 155%;
}

#whitecontent {  
  background: url(i/bg-big-white.gif) no-repeat left top;
  margin:8px 0 0 0;
  padding: 15px 25px 5px 25px;
  line-height: 155%;
}


#leftwrapper {
  margin: 8px 0 0 0;
  padding: 0;
  width: 368px;
  float: left;
  
}

#left {
  padding: 15px 15px 2px 15px;
  background: url(/i/bggrey.jpg) no-repeat left top;
}

#leftbottom {
  margin:0;
  padding:0;
}

#rightwrapper {
  margin: 8px 0 0 0;
  float: right;
  width: 368px;
}

#right {
  padding: 15px 15px 2px 15px;
  background: url(/i/bgyellow.jpg) no-repeat left top;
}

#footer {
  height: 55px;
  clear: all;
  background: #191919;
  color: #fff;
  margin: 8px 0 0 0;
}

#footer a {
  color: #facb6d;
}

.floatleft {
  float: left;
  padding: 0 10px 0 0;
  margin: 0;
}

.floatright {
  float: right;
  padding: 0 12px 0 10px;
  margin: 0;
}

p.feature {
  clear: all;
  height: 63px;
}
 
p.righttext {
  float: right;
}

p.lefttext, p.previous {
  float: left;
}

p.righttext, p.lefttext {
  padding: 10px 15px 0 15px;
  margin:0;
}

p.next {
  float: right;
  padding: 0 15px 0 0;
  margin:: 0 0 25px 0;
}

p.previous {
  float: left;
  padding: 5px 0 0 5px;
  margin:0 0 25px 0;
}

p.centretext {
  align:center;
}

.red {
  color: #a50101;
}

.black {
  color: #000;
}

p.boldtext {
  font-weight:bold;
  color:#53637e;
  margin: 0 0 15px 0;
}

.price {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 160%;
  margin: 2px 0 8px 0;
  padding: 0;
  font-weight:bold;
}

.small {
  font-size: 80%;
  color: #a50101;
}

.break {
  height: 1px;
  background-color:#e5e5e5;
  line-height:0;
  margin:17px 0;
  clear:all;
}

.windowrow {
  margin-top: 17px;
  clear:all;
}

#topwindowrow {
  clear:all;
}

.window {
  float: left;
  width:216px;
  margin-left:17px;
  padding-right:17px;
  border-right:1px solid #e5e5e5;
}

.windowright {
  float: left;
  width:216px;
  margin-left:17px;
}

#feature {
  z-index:0;
  position:absolute;
}

#featuretext {
  z-index:1;
  position:relative;
  width: 350px;
  padding: 10px 15px;
  height: 213px;
}

#halfwrapper {
  height: 180px;
  background: url(/i/green-bg.jpg) no-repeat left top;
  padding:12px;  
}
  
.halfleft {
  float:left;
  width:332px;
}

.halfright {
  float:left;
  margin-left:25px;
  width:336px;
}
 
 
.halfcentre {
  margin:100px 0 100px 100px;
  width:450px;
} 
  
ul.ticklist {
  margin:0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-weight:bold;
}

ul.ticklist li {
  line-height: 200%;
  padding-left: 22px;
  background-image: url(/i/tick.gif);
  background-repeat: no-repeat;
  background-position:left;
}

ul.filmlist {
  margin: 7px 0 0 12px;
  padding:0;
}


.iconleft {
  float: left;
  padding: 0 0 0 0;
  margin: 3px 5px 0 0 ;
  border:1px solid #d2d2d2;
}

dl {
  margin: 0 0 16px 0;
  padding: 0 0 0 0px;
}


dt {
  margin:0;
  padding:0;
  font-size:120%;
  font-weight:bold;
}

dd {
  margin:0;
  padding:0;
}


.field {
  margin:1px 0 8px 0;
  padding:0;
}

.foxstyle {
  margin-bottom: 14px;
}


/*=============== Google Search Box ===============*/

#header {
  z-index:0;
  position:absolute;
}

#googlesearch {
  z-index:1;
  position:relative;
  float:right;
  width: 170px;
  padding: 13px 15px 13px 15px;
  margin:0;
}

.searchbox {
  margin:0;
  padding:0;
}

.searchinput {
  font-size:100%;
  width:130px;
}

#googlesearch img {
  vertical-align: middle;
}

#googlesearch input.go {
  border-style: none;
  vertical-align: bottom;
  margin: 0 0 0 1px;
  background-color: transparent;
  height: 20px;
  width: 26px;
}

#googleresults iframe {
  width: 720px;
}

/*=============== Find DVD Elements ===============*/

#sidenav {
  width:195px;
  margin:0 20px 0 5px;
  float:left;
  /*background-color:red;*/
}


#rightcontainer {
  float:left;
  display:inline;
  width:535px;
  margin-right:5px;
}

#rightresults {
  float:left;
  display:inline;
  width:525px;
  margin: 0 5px 0 10px;
}


/*
#rightcontainer {
  float:left;
  display:inline;
  width:340px;

}

#rightnav {
  width:190px;
  margin-left:20px;
  float:left;
  display:inline;
}*/

.popup {
  color: #9F141A;
  cursor: help;
  text-decoration: none
}


.smallcaps {
  text-transform:uppercase;
  font-size:90%;
  color:#1a213b;
}

.smallcaps A:link {
  color: #1a213b;
}

.smallcaps A:hover {
  color: #a50101;
}

.smallcaps A:visited {
  color: #1a213b;
}

.imageleft {
  left:24px;
  top: 24px;
  padding: 5px;
  margin: 0;
  position:absolute;
  border: 1px solid #ededed;
  background-color:#fff;
}

#sidenav ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: left;
}
#subnav {
  margin-left: 14px;
}

#subnav li {
	margin: 3px 0;
	background: url(http://www.bluraycollections.co.uk/i/subaro.gif) no-repeat 0 7px;
	padding: 0 0 0 7px;
	font-size:110%;
	line-height:170%;
}

.description {
	margin: 0 16px 10px 9px;
}

.description p {
  font-size:110%;
  line-height:170%;
}

.dvdinfo {
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size:70%;
  font-weight:normal;
}

#discounts {
	margin: 0 12px 0 8px;
}

#discounts ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: left;
	color: #4f6b72;
}

#discounts li {
	margin: 2px 0;
	background: url(http://www.bluraycollections.co.uk/i/in.gif) no-repeat 0 7px;
	padding: 5px 0 8px 24px;
	font-size:110%;
	line-height:150%;
	border-bottom: 1px dotted #a4b1bf;
}


.sidetitle {
	color: #73aa4f;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #a4b1bf;
	clear: both;
}

#detailstop {
position:relative;
  height: 200px;
  background:url(http://www.bluraycollections.co.uk/i/details-top-bg.jpg) no-repeat left top ;
  margin: 15px 0 10px 0;
  padding: 20px 15px 0 165px;
}

#detailstop  h1 {
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  font-size: 240%;
  font-weight: bold;
  line-height: 110%;
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
  color:#143d55;
  letter-spacing:0.005em;
}

#auctions {
  margin:18px 0 0 0;
}

ul.offerlist {
  margin:12px 0 0 0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-size:110%;
}

ul.offerlist li {
  line-height: 175%;
  padding-left: 23px;
  background-image: url(/i/tick.gif);
  background-repeat: no-repeat;
  background-position:left;
  margin:0 0 5px 10px;
}

.highlight {
  background-color:#FFFF33;
}

.leftlinks {
 float:left;
 width:47%;
}

.rightlinks {
 float:left;
 width:53%;
}


h1.none {
  font-size:28px;
  margin: 0 0 0 2px;
  letter-spacing:-1px;
  color: #6aa9d1;
  line-height:110%;
}

.popular {
  font-family:Arial, Helvetica, sans-serif;
  font-size:28px;
  margin: 0 0 0 2px;
  letter-spacing:-1px;
  color: #6aa9d1;
  line-height:150%;
  font-weight:bold;
}

.popular A:link {
  color: #6aa9d1;
}

.popular A:hover {
  color: #a50101!important;
}

.popular A:visited {
  color: #6aa9d1;
}

/*=============== Results ===============*/

h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 160%;
  font-weight: bold;
  margin:0;
  padding: 0px;
  line-height: 120%;
  height:54px;
}

h6 A:link {
  color:#004d99!important;
}

.redbold {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 130%;
  font-weight:bold;
  margin: 0px;
  padding: 0px;
  color:#a50101;
}

.resultsleft {
  float: left;
  padding: 0 18px 0 0;
  margin: 0;
}

.smallgrey {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
  line-height: 16px;	
  margin: 0px;
  padding: 0px;
}

.biggrey {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 135%;
  margin: 0px;
  padding: 0px;
}

.adrow {
  margin:15px 12px 0 12px;
  padding:7px 5px;
  background-color:#fff9d8;
  border-top:solid 1px #ffe8cd;
  border-bottom:solid 1px #ffe8cd;
  text-align:center;
  font-size:110%;
}

.white {
  color:#fff;
}

.stock {
  font-size: 90%;
  color:#5d963e;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail, .sidehover {
position: relative;
z-index: 0;
}

.thumbnail:hover {
background-color: transparent;
z-index: 50;
}

.sidehover:hover {
background-color: transparent;
z-index: 100;
}

.thumbnail span, .sidehover span { /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
border: 1px solid #e5e5e5;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img, .sidehover span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: -21px;
left: -116px; /*position where enlarged image should offset horizontally */
}

.sidehover:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0; /*position where enlarged image should offset horizontally */
}


/*=============== Sidenav Search Container ===============*/

#sidesearch {
	position: relative; 
	top: 15px;  
	background: url(http://www.bluraycollections.co.uk/i/side-search-bg.jpg) no-repeat;	
	height: 89px; 
	width: 208px;
	margin-bottom:30px;
}
#sidesearch-input {
	position: relative; 
	top: 44px;
	left: 22px;	
	color: #666;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;	
	background-color: transparent;
	font-size: 11px;
	line-height: 12px;
	width: 168px;
	padding: 1px 0 0 6px;
}

input, select {
  outline: none;
}

#sidesearch-btn {
	position: relative; 
	top: 24px; 
	left: 152px;
	vertical-align: middle;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
  #sidesearch-btn {
  top: 25px; 
}

/* Safari only override */
::i-block-chrome,#sidesearch-btn {
  top: 19px; 
    }
}
/* Firefox */
body:not(:-moz-handler-blocked) #sidesearch-btn {
  top: 25px;
}
}


textarea:focus, input:focus{
    outline: 0;
}

/*=============== Prices Table ===============*/

table.zebra	{ width: 100%; font-size:110%; border-left: 1px solid #dbdbdb!important}
table.zebra th	{ background: url(/i/bg_header.jpg) no-repeat; border-left: 1px solid #dbdbdb!important}
table.zebra tr			{ background-color: #f5f5f5; border-left: 1px solid #dbdbdb!important; color: #4f6b72;}
table.zebra tr.udda		{ background-color: #fff; border-left: 1px solid #dbdbdb; color: #797268;}

/*=============== Results Table ===============*/

#resultstable {
	width: 506px;
	padding: 0;
	margin: 0 0 5px 0;
	font:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right:0;
}

#resultstable th {
	border:0;
}

#resultstable td {
	border-right:0!important;
	border-bottom: 1px solid #dbdbdb;
	background: #fff;
	padding: 20px 0!important;
	color: #4f6b72;
}

#detailstable {
	width: 515px;
	margin: 0 0 5px 8px;
}

#detailstable th {
background: #CAE8EA url(/i/bg-header-blue.jpg) no-repeat;
}

/*=============== Price Table ===============*/

#mytable, #mytablesmall {
	width: 700px;
	padding: 0;
	margin: 0 0 5px 0;
	font:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable {
	width: 700px;
}

#mytablesmall {
	width: 335px;
	margin-top:5px;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;

}

th {
	font: bold "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	padding: 6px 6px 6px 7px;
	background: #CAE8EA url(/i/bg-header-blue.jpg) no-repeat;
}


td {
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	padding: 6px 6px 6px 7px;
}

#mytable td, #mytablesmall td {
	background: #fff;
	color: #4f6b72;
}

#mytable th, #mytablesmall th {
	text-align: left;
}


td.alt {
	background: #f5f5f5;
	color: #797268;
}

th.spec {
	border-left: 1px solid #dbdbdb;
	border-top: 0;
	background: #fff url(/i/bullet1.gif) no-repeat;
	font: bold "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	letter-spacing:0;
}

th.specalt {
	border-left: 1px solid #dbdbdb;
	border-top: 0;
	background: #f5fafa url(/i/bullet2.gif) no-repeat;
	font: bold "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	text-transform:none;
	letter-spacing:0;
}

.midalign img, span.midalign {
  vertical-align: middle;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}


/*=============== IE Hacks ===============*/

 
*html #maincontent, *html #left {
  margin-bottom: -3px;
} 

*html #whitecontent {
  margin-bottom: -5px;
}

*html #right {
  margin-bottom: -10px;
} 

*html p.feature {
  height: 64px;
}

*html #mytable {
  float: left;
}

*html #maincontent {  
  padding-right: 20px;
}

*html .price {
  margin-bottom: 0;
}