/* --- styles for the product detail page - no theme-specific colouring in this sheet --- */

#productdetailleftcolumn {
width:320px;
height:100%;
display: block;
float:left;
padding: 0;
margin: 0;
}

#productdetailrightcolumn {
width:416px;
height:100%;
float:left;
display: block;
padding: 0;
margin: 0;
}

.productdetailname {
width:715px;
margin:0 0 2px 4px;
height:20px;
padding:4px 0 0 14px
}
.productdetailname h1 {
font-weight:bolder;
padding:0;
font-size:86%;
margin:0 0 0 12px;
font-family:"Trebuchet MS"
}
/*#mainimagecontainer {
max-width:312px
}*/
#bigimage {
float:left;
display:block;
margin:4px 0 2px 3px;
height:100%
}
img#bigimage  {
max-width:312px
}
#extraimages {
clear:both;
float:left;
display:block;
width:312px;
margin:3px 0 1px 4px;
background:#ffffff;
border:1px solid #999999
}
/*.scrollend {
width:10px;
height:46px;
float:left;
display:block
}
.scrollend img {
float:left;
vertical-align:middle;
margin:19px 0 0 3px
}
.rightend {
float:right;
display:inline;
width:9px;
}*/
#imagestrip {
float:left;
height:100px;
padding:3px 0;
margin:0;
overflow:hidden
}
#imagestrip li a img {
/*margin:0 2px;
width:86px;*/
clear:none;
float:left;
display:inline
}

.attentionbox {
clear:both;
/*float:left;*/
height:65px;
margin:4px 0 0 4px;
font-size:150%;
}
* html .attentionbox {
height:60px;
margin:4px 0 0 4px;
font-size:150%;
}
.warranty {
height:29px;
margin:0;
font-size:100%
}
* html .warranty {
height:29px;
margin:-2px;
font-size:100%;
}
.attentionbox, .warranty {
float:left;
display: block;
width:190px;
font-weight:bolder;
font-family:"Trebuchet MS";
text-align:center
}
* html .attentionbox, .warranty {
float:left;
display: block;
width:188px;
font-weight:bolder;
font-family:"Trebuchet MS";
text-align:center
}

.pricebox {
/*height:61px;*/
width:122px;
float:left;
display:inline;
margin:4px 0 4px 2px;
background:#FE0000
}
.pricebox img {
border:none
}

.pricebox p {
text-align:center;
color:white;
font-size:150%;
font-weight:bolder;
font-family:"Trebuchet MS";
margin:3px 0 0 4px
}
.pricebox img.rating {
clear:left;
float:left;
margin:0
}

#statusnotice {
float:left;
width:152px;
height:100%;
margin:2px 0 0 4px
}
#statusnotice img {
margin:0 0 2px 0
}

table#productoptions {
width:161px;
height:196px;
border:0;
clear:right;
float:right;
margin:0;
color:white;
display:inline-block
}
table#productoptions tr td {
padding:0;
overflow:hidden
}
table#productoptions a {
font-family:"Trebuchet MS";
text-decoration:none;
font-weight:bolder;
font-size:86%
}
table#productoptions p, table#productoptions a {
float:right;
margin-right:4px
}
table#productoptions tr td img {
float:left;
margin-left:4px
}
table#productoptions a img {
float:right;
margin-left:4px
}
table#productoptions tr td img.nolink {
clear:both;
/*margin-right:8px*/
}
table#productoptions img.addtocartoptions {
margin:1px 0 2px 4px
}
img.warrantynotice {
clear:right;
float:right;
margin:4px 0 0 0
}
.stockbox {
position:relative;
width:161px;
height:100%;
padding:8px 0;
margin:4px 0 0 0;
text-align:center;
font-weight:800;
display: block;
float:right;
clear:both;
}

#product_freegift {
clear:both;
float:left;
margin:6px 0 6px 6px;
width:314px;
display:block;
}
* html #product_freegift {
/*margin:248px 0 6px 3px;*/
float:none
}
#product_freegift h3 {
color:white;
width:100%;
margin:0;
padding:4px 0;
font-weight:bold;
text-indent:6px;
text-transform:uppercase;
font-size:80%
}
#product_freegift a {
text-decoration:none;
color:white
}
#product_freegift img {
margin-top:4px;
width:314px
}
#bundles {
clear:both;
float:left;
margin:4px 0 4px 2px;
width:315px;
height:100%;
padding:3px 0;
display:block;
}
* html #bundles {
float:none
}
.bundlebox {
clear:left;
margin:0 0 4px 0;
height:100%;
width:309px;
padding:4px;
background:#ffffff;
font-size:76%
}
.bundlebox a {
text-decoration:none
}
.bundlebox h3 {
width:100%;
font-weight:800;
margin:2px 0 8px 0;
text-indent:3px;
padding:2px 0 2px 0
}
.bundlenotice {
color:#ff0000
}
.bundlebox img.addtocart {
clear:left;
margin:6px 0;
display:inline
}
.bundlebox p {
clear:both;
font-size:100%;
font-weight:600
}
.bundlesave {
float:right;
display:inline;
margin:10px 3px 0 3px;
font-weight:800;
font-size:126%;
color:#ff0000
}
/* --- rightside stuff --- */

.addextra {
float:right;
margin:2px 4px 6px 0
}
.bottom {
margin-top:3px
}

.sectionheader, .textbox, .comparisonheader {
clear:none;
float:left;
display:block;
width:398px;
height:20px;
margin:3px 0 5px 15px
}
* html .sectionheader, .textbox, .comparisonheader {
margin:3px 0 5px 7px;
}
.sectionheader, .comparisonheader {
text-indent:20px;
padding-top:3px;
font-family:"Trebuchet MS";
font-weight:bolder
}
.sectionheader p {
margin-left:8px
}
.sectionheader a {
text-decoration:none;
color:#ffffff
}
#furtherdetails img.addtocartlisting {
clear:none;
margin-bottom:6px
}
.comparisonheader {
width:730px;
margin:10px 0 5px 2px
}
h2.sectionheader, h3.sectionheader, h3.comparisonheader  {
/*cursor:pointer*/
font-size:82%
}
#productdetailmenu {
margin:2px 0 16px 4px;
height:29px;
font-family:"Trebuchet MS";
float:left;
display:block;
clear:both;
}
#productdetailmenu ul li {
float:left;
display:inline;
width:90px;
height:24px
}
#productdetailmenu ul li a {
display:block;
text-decoration:none;
width:103px;
height:24px;
margin:-3px 0 0 0;
}
* html #productdetailmenu ul li a {
display:block;
text-decoration:none;
width:95px;
height:24px;
margin:-3px 0 0 0;
}
#productdetailmenu ul li a p {
font-weight:bold;
margin:0;
padding:4px;
text-align:center
}
.description {
width: 86%;
float:left;
margin:10px 0 0 26px;
padding: 0 10px 0 0;
font-size:86%;
line-height:1.5em;
padding-bottom:14px;
clear: both;
}
.description a {
text-decoration:none;
color:#000000
}
* html .description {
width: 80%;
float:left;
margin:10px 0 0 14px;
font-size:86%;
line-height:1.5em;
padding-bottom:14px;
padding-left: 2px;
clear: both;
}
.description ul {
margin-left:7px;
padding-left:7px;
font-size:90%;
list-style-type:circle
}

.relatedlistwrapper {
font-weight:700;
font-size:100%
}
#options {
float:left;
}
#options table {
clear:both;
float:left;
display:inline;
margin:-4px 0 0 15px;
width:398px
}
#options table tr td {
width:398px
}
#options table tr td img {
float:left;
display:inline;
margin:3px 6px 3px 3px
}
#options p {
float:left;
margin:10px 0 0 18px
}
#options table tr td a {
text-decoration:none;
font-size:82%;
}
#options table tr td a:hover {
text-decoration:underline
}


#reviewsbox {
clear:both;
display:block;
font-weight:bolder;
color:#333333;
font-family:"Trebuchet MS";
width:400px;
height:100%;
margin:3px 0 5px 16px;
padding:8px 0 20px 0
}
#reviewsbox textarea, #reviewsbox input {
font-family:"Trebuchet MS";
padding:3px;
clear:both;
float:left;
margin:2px 6px;
font-size:82%
}
#reviewsbox p, #reviewsbox h4 {
margin:0 6px 8px 6px
}
#reviewsbox h4 {
font-size:80%;
color:#ffffff
}
fieldset {
clear:both;
float:left;
padding:2px 1px
}
legend {
clear:both;
float:left;
display:block;
margin:2px 10px;
color:#333333;
font-size:82%
}
#rating {
width:400px;
clear:left;
float:left;
margin:0;
padding-bottom:6px
}
#reviewText, #reviewName, #reviewArea {
clear:left;
float:left;
margin:8px
}
.textbox {
clear:left;
float:left;
background-color:#ffffff;
margin:0;
color:#3e3f3e;
font-weight:300;
padding:0 0 4px 0
}
.reviewsrating {
clear:left;
color:#333333;
margin:9px 9px 9px 16px;
padding:3px;
font-weight:700
}
#reviews h3 {
padding:3px 0 6px 0;
}
#reviewstab {
margin-left:-2px;
margin-right:2px;
}
* html #reviewstab {
margin-left:-8px;
margin-right:8px;
}
#reviewupdate {
clear:both;
float:left;
margin:4px 4px 6px 6px;
font-size:86%;
color:#404040
}
.reviewnameheader {
clear:left;
margin:0 0 6px 0;
background:#000000;
color:#ffffff;
font-size:86%;
font-weight:700;
width:398px;
height:20px;
text-indent:6px;
padding:7px 0
}
.reviewnameheader .inlineimageright {
margin-right:8px
}
p.reviewnote {
clear:both;
display:block;
margin:4px 0 18px 0
}
.littlebutton {
margin:9px 0 9px 6px;
padding:9px;
font-weight:700
}
.littlecheck {
float:left;
display:inline;
margin:3px 0 0 20px
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url(../pictures/cancel.gif) no-repeat 0 -16px}
div.star,div.star a{background:url(../pictures/ratingstar.gif) no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

.textbox {
margin-top:-8px;
height:100%
}
.textbox p {
margin:32px
}

/* -- options for product - colours, finishes etc --- */

#optionselect {
float:left;
margin:3px 0 5px 13px;
width:386px;
height:auto;
padding:3px 0;
background-color:#ffffff
}
/** html #optionselect {
float:none
}*/
.optionselectbox {
clear:left;
margin:4px;
height:auto;
width:100%;
padding:4px;
font-size:80%;
border:1px solid #CCCCCC
}
.optionselectbox .addtocartlisting {
clear:both;
float:left;
margin:4px 0 4px 0
}
.optionnotice {
font-weight:700;
margin:4px
}
#productcolours {
display:block;
height:auto
}
#productcolours input {
margin:2px 0 0 2px
}
.colourswatch {
width:65px;
float:left;
display:inline;
margin:4px 2px;
padding:0
}
.colourswatch img {
border:1px solid #cccccc
}
.colourswatch p {
font-size:86%;
float:left;
margin:2px 0 2px 2px
}
.colourswatch [radio] {
float:left;
display:inline
}

/* --- end options stuff --- */

.sectionheader img.inlineimageright {
float:right;
display:inline;
margin:5px 15px 0 0
}
form label {
clear:left;
display:block;
font-size:86%;
font-weight:bold;
font-family:"Trebuchet MS"
}
#comparison {
background:white;
clear:left;
float:left;
margin-left:2px;
/*width:100%;*/
height:100%;
padding:16px 0
}
#comparisonbox {
float:left;
margin-top:14px
}
#comparisonbox .comparisonheader {
margin-top:0
}
#comparisonbox table {
width:729px;
margin-top:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center
}
#comparisonbox table tr td {
padding:2px 5px 2px 4px
}
#comparisonbox table tr td p {
font-weight:600;
font-size:76%;
text-align:left
}
#comparisonbox table tr td.flaps {
padding:0
}
#comparisonbox table tr.topcomp td p {
text-align:center
}
#comparisonbox table tr.pricerow td a {
font-size:70%;
text-decoration:none
}
#comparisonbox table tr td img {
clear:left;
float:left;
display:block;
text-align:center
}
#comparisonbox table tr.topcomp td a img {
clear:left;
float:left;
display:block
}
#comparisonbox .relatedlistwrapper img {
text-align:center;
display:block;
margin-left:44px;
}
#comparisonbox .relatedlistwrapper p {
text-align:center;
display:block;
}
#related .relatedlistwrapper a img {
clear:none;
float:left;
display:inline
}
#related .relatedlistwrapper p {
clear:none;
float:right;
display:inline;
width:280px
}
#comparisonbox table tr td p.label {
text-align:left
}
#comparisonbox table tr.topcomp td p.pricelabel {
text-align:left
}
img.flaps  {
float:right;
padding:0;
margin:0
}
.compo {
font-weight:800;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:white;
padding:2px 6px
}
.compo a {
color:white;
text-decoration:none;
font-size:80%
}
.compimg {
height:110px;
width:90px;
text-align:center;
display:block;
margin-left:auto;
margin-right:auto
}
.compname {
clear:left;
float:left;
height:34px;
width:90px
}
.compname a {
font-size:70%;
text-decoration:none
}
#productscroll {
clear:left;
float:left;
width:318px;
height:100%;
padding:4px 0;
margin:3px 0 3px 2px
}

.jqmVideoWindow {
    display: none;  
    position:fixed;
    top:17%;
    margin-left:auto;
    width:430px;
    background-color:#004868;
    color:#d8e4e9;
    border:1px solid black;
    padding:12px;
}
.jqmWarrantyWindow {
    display: none;  
    position:fixed;
    top:20px;
    left:50px;
    width:66%;
    background-color:#ffffff;
    /*color:#d8e4e9;*/
    border:1px solid black;
    padding:12px;
    font-size:86%;
	z-index:50000
}
.jqmWarrantyWindow h2, .jqmVideoWindow h2, .jqmWarrantyWindow h3, .jqmVideoWindow h3 {
	font-weight:bolder;
	padding:6px 0
}
.jqmWarrantyWindow table {
	margin:16px
}
.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}