﻿
body{
margin:0;
padding:0;
font-size:10pt;
/*line-height: 1.5em;*/
}

b{font-size: 110%;}
em{font-size:1.5em;}

#maincontainer
{
 width:auto;
/*width: 67em; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
font-family: Verdana,Arial,Helvetica,sans-serif;
}

#topsection, #accountsection{
 display:none;
 height: 0em;
}


/*
h1
{
 font-size:1.8em;
line-height:1.8em;
color:#2175bc;
}
*/
h1{
margin: 0;
padding:0;
font-size:1.8em;
line-height:1.8em;
color:#2175bc;
}
h2{
font-size:1.2em;
color:#2175bc;
}

#contentwrapper{
float: left;
width: 100%;
background-color: Transparent;
}

#contentcolumn{
margin-left: 0;
}

/* for Internet Explorer doesn't do min-height*/
/*\*/
* html #contentcolumn {
height:auto;
}
/**/

#leftcolumn{
float:none;
width: 0;
display:none;
}

#footer
{
 display:none;
 height:0em;
}

.innertube{
/*margin: 0.7em; /*Margins for inner DIV inside each column (to provide padding)*/
margin:0;
}

#contentcolumn
{
 padding:0;
}

.innercontent
{
 margin:0;
 padding:0;
}

.floorproduct{width:56em;height:42em;position:relative;overflow:hidden;}
.floorproduct .image{position:absolute;width:56em;height:42em;top:0;left:0;overflow:hidden}
.floorproduct .image img{height:42em;width:56em;}
.floorproduct .title_back{position:absolute;width:34em;height:5em;left:0;bottom:0;background-color:#000000;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);overflow:hidden}
.floorproduct .title_space{position:absolute;width:34em;height:5em;left:0;bottom:0;}
.floorproduct .title_space .position{position:absolute;height:5em;width:34em;left:0;bottom:0;color:#ffe080;}
.floorproduct .title_space .position .inner{padding:0.5em;}
.floorproduct .title_space h2{ font-size:2em; font-weight:normal; margin:0; padding:0}


.floorproduct .bar_back{position:absolute;width:12em;height:42em;top:0;right:0;background-color:#000000;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);overflow:hidden}

.floorproduct .bar{position:absolute;width:12em;height:42em;top:0;right:0;color:#ffffff;overflow:hidden}
.floorproduct .bar .inner{padding:1em;}

.floorproduct .bar .features { clear:both}
.floorproduct .bar .features p{font-size:0.9em;margin-top:0; margin-bottom:0.5em}
.floorproduct .bar .features span{font-size:1em;color:#ffe080;font-weight:bold;text-transform:uppercase;margin-bottom:0.1em;margin-top:0.1em;}

.floorproduct .bar .thumbspace{ padding:0; width:100%; height:8em; }
.floorproduct .bar .thumb a{margin:0;padding:0;}
.floorproduct .bar .thumb img{height:3em;width:4em; padding:0;border:0;}
.floorproduct .bar .thumb{height:3em;width:4em;border:solid 1px #ffffff;margin:0;margin-bottom:0.5em;margin-right:0.25em;
 margin-left:0.25em;margin-top:0;padding:0; overflow:hidden; float:left;}

.floorproduct .price_space{position:absolute;height:5em;width:12em;left:0em;bottom:7em;color:#ffe080;}
.floorproduct .price_space .inner{padding-left:1em; padding-top:0;}
.floorproduct .price_space .label{color:#ffffff;}

.floorproduct .buy_space{position:absolute;height:6.6em;width:12em;left:0em;bottom:0;}
.floorproduct .buy_space div.inner{padding:0; padding-left:0.8em; padding-right:0.8em;}

.floorproduct .sale_back{position:absolute;width:44em;height:5em;left:0;top:0;background-color:#ff0000;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);overflow:hidden}
.floorproduct .sale_space{position:absolute;width:44em;height:5em;left:0;top:0;}
.floorproduct .sale_space .title_position {position:absolute; top:0.5em; left:0.5em;}
.floorproduct .sale_space .title {font-size:2em; color:#ffffff;}
.floorproduct .sale_space .sale_ends_position {position:absolute; bottom:0.5em; left:0.5em;}
.floorproduct .sale_space .sale_ends {color:#ffffff;}
.floorproduct .sale_space .normal_price_position {position:absolute; bottom:0.5em; right:0; width:15em;}
.floorproduct .sale_space .normal_price {font-size:1em; color:#ffffff;}
.floorproduct .sale_space .sale_price_position {position:absolute; top:0.5em; right:0; width:15em;}
.floorproduct .sale_space .sale_price {font-size:2.2em; color:#ffffff;}
.floorproduct .sale_space .pence {font-size:0.7em;}

.floorproduct div.cartcontrol { display:none;}

.floorproduct h1 {margin: 0;
padding:0;
font-size:1.8em;
line-height:1.8em;
color:#ffe080;}

.cart table th,
.cart table td
{ font-size:0.9em;}
.cart table th { white-space:nowrap;}
.cart table .right { text-align:right; padding-right:1em;}
.cart table input.qty { width:3em;}

.viewcart{width:80%;/*height:42em;*/position:relative;/*overflow:hidden;*/}
.viewcart div.head { border-bottom: solid 0.1em #000000; display:block;  height:2em; }
.viewcart .head span { font-weight:bold; display:block; float:left; padding-right:1em;  line-height:2em;}
.viewcart div.product1, 
.viewcart div.product2, 
.viewcart div.goodstotal, 
.viewcart div.delivery {clear:both; display:block;}
.viewcart .product1 span { display:inline-block; float:left; padding-right:1em; line-height:2em;}
.viewcart .product2 span { display:inline-block; float:left; padding-right:1em; line-height:1.5em;}
.viewcart .goodstotal span { display:inline-block; float:left; padding-right:1em; line-height:2em; margin-top:1em;}
.viewcart .delivery span { display:inline-block; float:left; padding-right:1em; line-height:2em;}
.viewcart .qty {width: 3em; text-align:right;}
.viewcart .qtybox {width:2em;}
.viewcart .code {width: 9em}
.viewcart .packsize {width: 6em; text-align:right;}
.viewcart .unitcost {width: 6em; text-align:right;}
.viewcart .coverage {width: 6em; text-align:right;}
.viewcart .subtotal {width: 6em; text-align:right;}
.viewcart .description {width:31em;}
.viewcart .goodstotal .subtitle { text-align:right; width:13em;}
.viewcart .goodstotal .total { width: 6em; text-align:right; border-bottom: solid 0.1em #000000; border-top: solid 0.1em #000000; }
.viewcart .delivery .subtitle {text-align:right; width:13em;}
.viewcart .delivery .input {width:17em; }
.viewcart .delivery input {width:6em; }
.viewcart .delivery .label {width:6em;}
.viewcart .delivery .service {width:30em;}
.viewcart .address {width:21em;}
.viewcart .address .inner {padding-left:1em;}
.viewcart .main .main_inner {padding:0.5em; border: solid 1px red;}

.viewcart .ErrorMessage { color: #ff0000; font-weight:bold; }

.viewcart .bar{ display:none; width:0;}
.viewcart .main{position:absolute;width:56em;height:42em;top:0;left:0;overflow:hidden; background-color:Yellow;}
