/* @override 
http://localhost:8888/dt/futuresk/store.css
http://erolhosting.co.uk/futuresk/erol/store.css
*/

html, body {
height: 100%;
}

body {
font-size: 62.5%;
font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, 'Helvetica Neue', sans-serif;
color: #333;
background: url(images/site/bg-grad.png) repeat-x;

}

/* @group General Styles */

*{
margin: 0;
padding: 0;
font-size: 1.0em;
}

img{
border: 0;
}

.img.left{
float: left;
margin-right:  10px;
}

.img.right{
float: right;
margin-left: 10px;
}

.img.top{
margin-bottom: 1.0em;
margin-top: 0;
}

.clear{
clear: both;
}

ul{
list-style-position: outside;
}

li{
list-style: none;
}

del{
color: #ff0000;
}

sup{
font-size: 0.8em;
}

fieldset{
border: none;
}

cite{
display: block;
font-size: 1.1em;
font-weight: bold;
}

blockquote{
font-size: 1.1em;
margin-bottom: 1.0em;
}

a{
color: #000;
}

a:active{
outline: none;
}

a:hover{
color: #52bbea;
}

input.text, .Quantity_Ordered, #checkout_content fieldset input{
padding: 0.4em 2px 0.3em 2px;
border-width: 0  1px 1px 1px;
border-style: solid;
border-color: #c6c6c6;
background: #fff url(images/site/input-text.gif) repeat-x;
}

p, li, address{
font-size: 1.2em;
}

p, address{
margin: 1.0em 0;
line-height: 1.7em;
}

address{
font-style: normal;
}

.larger{
font-size: 1.4em;
}

.button{
text-indent: -9999em;
}

.hide{
text-indent: -9999em;
}

h1, h2, h3, h4, h5{
font-family: Tahoma, Verdana, Geneva, sans-serif;
}

h1{
font-size: 3.0em;
}

h2{
font-size: 2.2em;
margin-bottom: 1.0em;
}

h2 sup{
font-size: 0.5em;
position: relative;
top: -3px;
left: -3px;
}

h3{
font-size: 1.4em;
margin: 1.0em 0;
}

h4{
font-size: 1.5em;
margin: 1.0em 0;
font-weight: normal;
}

.accessiblelinks{
position: absolute;
left: -9999em;
}

/* @end */

/* @group Main Blocks */

#master{
width: 948px;
margin: 0 auto;
}

#master2{
background: url(images/site/bg-sides.gif) repeat-y center;
float: left;
width: 948px;
}

#master3{
background: url(images/site/bg-top.gif) no-repeat center top;
float: left;
width: 948px;
}

#e_toolbar{
background: url(images/site/header.jpg) no-repeat top right;
margin: 0 4px 1.0em 4px;
float: left;
width: 940px;
}

#e_page{
width: 892px;
margin: 0 auto;
clear: both;
}

#e_page1{
float: left;
}

#footer{
clear: both;
background: #A1A3A7;
text-align: center;
width: 940px;
margin: 1.0em 4px 0 4px;
float: left;
padding: 1.0em 0 2.0em 0;
color: #fff;
}

/* @end */

/* @group text replacement */

#e_toolbar h1 a{
background: url(images/site/logo-futuresk.gif) no-repeat right bottom;
width: 244px;
height: 87px;
margin: 5px 0 0 30px;
display: block;
}

h2.hide{
margin-bottom: 0.8em;
}

h2.triplelashxl{
background: url(images/site/text-triplelash.gif) no-repeat;
height: 33px;
}

h2.oml{
background: url(images/site/text-oml.gif) no-repeat;
height: 33px;
}

/* @end */

/* @group e_toolbar */

#e_toolbar .top{
float: left;
height: 104px;
width: 100%;
position: relative;
margin: 0;
}

.countrychange{
background: #dadada;
margin: 2px 0 2px 6px;
float: left;
width: 936px;
}

.countrychange.australia span{
background-image: url(images/site/icon-flag-au.png);
}

.countrychange.gb span{
background-image: url(images/site/icon-flag-gb.png);
}

.countrychange span{
display: block;
background-position: right center;
background-repeat: no-repeat;
padding: 0 20px 0 0;
float: right;
margin-right: 5px;
}

#e_toolbar .contact{
position: absolute;
margin: 0;
top: 25px;
left: 450px;
width: 220px;
text-align: right;
font-size: 1.5em;
font-family: Tahoma, Verdana, Geneva, sans-serif;
color: #595E73;
}

#e_toolbar .contact a{
color: #595E73;
}

#e_basket{
position: absolute;
right: 20px;
top: 10px;
width: 150px;
padding: 0.5em 5px;
border: 1px solid #9199BC;
color: #fff;
}

#e_basket strong{
font-size: 1.2em;
}

#e_basket p{
margin: 0;
font-size: 1.0em;
line-height: 1.4em;
}

#e_basket a{
color: #fff;
}

#e_basket .checkoutlink a{
font-weight: bold;

margin-top: 0.3em;
display: block;
}

#e_toolbar ul{
clear: both;
background: #A1A3A7;
float: left;
width: 100%;
}

#e_toolbar li, #e_toolbar li a{
float: left;
}

#e_toolbar li a{
color: #fff;
padding: 0.6em 0px 0.8em 0;
text-align: center;
display: block;
text-decoration: none;
width: 113px;
}

#e_toolbar li.large a{
width: 149px;
}

#e_toolbar li a:hover{
background: url(images/site/nav-arrow.gif) no-repeat bottom center;
}

/* @end */

/* @group e_page */

#e_page .ctop{
margin-bottom: 2.0em;
float: left;
width: 100%;
border-bottom: 1px solid #ccc;
padding-bottom: 2.0em;
}

#e_page li{
margin: 0.5em 0;
list-style: disc;
margin-left: 20px;
}

#e_page dl{
font-size: 1.2em;
}

#e_page dt{
font-weight: bold;
margin-bottom: 0.2em;
}

#e_page dd{
margin-bottom: 1.0em;
}

#e_page .tick{
float: right;
width: 300px;
margin-right: 10px;
}

#e_page .tick li{
padding: 0.5em 0;
margin: 0;
list-style: none;
padding-left: 28px;
background: url(images/site/list-tick.gif) no-repeat left center;
}

.boxprod{
float: left;
width: 560px;
}

.boxprod .right{
float: left;
width: 370px;
}

.boxprod .right h3{
margin: 0;
}

.moreinfo a{
font-weight: bold;
font-family: Tahoma, Verdana, Geneva, sans-serif;
}

.moreinfo a:after{
content: ' \00BB';
}

.boxprod .img{
float: left;
}

.boxprod .img{
margin: 0 10px 0 0;
}

.boxprod .img img{
width: 180px;
}

.boxmaster{
float: right;
width: 310px;
margin: 1.0em 0 1.0em 10px;
}

.compare{
border: 1px solid #ccc;
padding: 1.0em 10px 1.0em 10px;
color: #666;
margin-bottom: 1.0em;
float: left;
width: 288px;
}

.compare p{
margin: 0;
}

.compare .comparebox{
float: left;
margin-right: 10px;
}

.comparebox span{
display: block;
text-align: center;
margin: 0.83em 0 0 0;
}

.seemore{
text-align: right;
clear: both;
}

.seemore a{
font-weight: bold;
font-family: Tahoma, Verdana, Geneva, sans-serif;
}

.seemore a:after{
content: ' \00BB';
}

.boxfeatured{
border: 1px solid #ccc;
padding: 0em 10px;
width: 300px;
margin:0;
color: #666;
clear: both;
float: left;
width: 288px
}

.boxfeatured img{
float: left;
width: 120px;
margin: 1.0em 10px 1.0em 0;
}

.ctwocol{
float: left;
width: 892px;
margin: 1.0em 0;
}

.ccolone{
float: left;
width: 430px;
position: relative;
}

.ccoltwo{
float: right;
width: 430px;
position: relative;
}

.conecol{
clear: both;
float: left;
width: 100%;
margin: 1.0em 0;
}

.bdrtop{
border-top: 1px solid #ccc;
padding-top: 1.0em;
margin-top: 2.0em;
}

.overlay{
position: absolute;
bottom: 80px;
left: 0;
background: #fff;
opacity: .7;
filter: alpha(opacity=70);
color: #000;
}

.overlay1{
position: relative;
}

.ctwocol .overlay1{
height: 55px;
width: 410px;
padding: 0.5em 10px;
}

.overlay p{
position: absolute;
bottom: 10px;
right: 5px;
}

.overlay p a{
color: #000;
font-weight: bold;
background: url(images/site/arrow-more.gif) no-repeat right center;
padding: 0.7em 25px 0.7em 0;
}

.overlay h3{
margin: 0;
}

.overlay p{
margin: 0;
text-align: right;
}

.sectionbeforeafter{
clear: both;
margin-bottom: 1.0em;
padding-bottom: 1.0em;
float: left;
border-bottom: 1px solid #ccc;
width: 410px;
}

.colbeforeafter{
float: left;
margin: 0 10px 0em 0;
width: 200px;
}

.colbeforeafter img{
width: 200px;
}

.colbeforeafter.right{
margin-right: 0;
}

.colbeforeafter span{
display: block;
text-align: center;
font-size: 1.4em;
margin-top: 0.4em;
}


/* @end */

/* @group shop */

.buyinfo{
background: #f0f0f0;
padding: 1.0em 10px;
}

.buyinfo h3{
margin-top: 0;
}

fieldset{
font-size: 1.2em;
}

fieldset p{
font-size: 1.0em;
}

.quantitybuy label{
margin-right: 5px;
}

.quantitybuy .Product_Quantity{
width: 30px;
padding: 0.1em 2px;
margin-right: 10px;
}

.quantitybuy{
margin: 1.0em 0 0 0;
}

.buyinfo .description{
margin-top: 0.5em;
}

.buyinfo .description p{
display:  inline;
}

label{
font-weight: bold;
}

.Product_Buy_Button{
border: 1px solid #666;
background: #aaa;
padding: 0.2em 10px;
cursor: pointer;
}

.Product_Buy_Button:hover{
cursor: pointer;
background: #52bbea;
}

/* @end */

/* @group footer */

#footer li{
display: inline;
margin-right: 5px;
}

#footer a{
color: #fff;
}

#footer p{
margin: 0.5em 0;
}

/* @end */