/* @override 
http://localhost:8888/bss/terratag/store.css
http://erolhosting.co.uk/terratag/store.css
http://erolhosting.co.uk/terratag/erol/store.css
*/

html, body {
height: 100%;
}

body {
font-size: 62.5%;
font-family: helvetica neue, helvetica, arial, tahoma, sans-serif;
color: #333;
background-image: url(images/010_BG2.gif);
}

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

/* @group General Styles */

img {
border: 0;
}

ul {
list-style-position: outside;
list-style: none;
}

li {
list-style: none;
}

del {
color: #ff0000;
}

a {
color: #000;
text-decoration: underline;
}

a:active {
outline: none;
}

a:hover {
background: #C4D6D1;
text-decoration: none;
}

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

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

#e_page p, #e_page li {
line-height: 1.5em;
}

p {
margin: 0.83em 0;
}

h1, h2 {
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

}

h1 {
font-size: 2.18em;
margin: 1.0em 0 1.0em 0px;
}

h2 {
font-size: 1.49em;
margin: 1.0em 0 1.0em 0;
}

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

h4 {
margin: 1.0em 0;
}

#e_page ul li {
list-style: disc;
}

#e_page ol li {
list-style: decimal;
margin-left: 30px;
}

#e_page li {
margin: 0.42em 0 0.42em 15px;
}

.replace {
display: block;
background-position: top left;
background-repeat: no-repeat;
text-indent: -9999em;
}

.replace span {
position: absolute;
width: 100%;
height: 100%;
}

.meta {
margin: 0;
color: #666;
}

small {
font-size: 0.91em;
}

.nobold {
font-weight: normal;
}

.size{

}

form {
margin: 0;
padding: 0;
}

.textpage ul, .textpage ol {
margin: 1.0em 0;
}

.textpage li {
margin: 0.2em 0 0 30px;
}

.textpage ul li {
list-style: disc;
}

.textpage ol li {
list-style: decimal;
}

address {
font-style: normal;
}

.largertext {
font-size: 1.16em;
}

.largertext2 {
font-size: 1.32em;
}

.bold {
font-weight: bold;
}

.clear {
clear: both;
}

.required {
color: #ff0000;
}



fieldset {
border: 1px solid #ccc;
padding: 0.8em 10px;
margin: 1.66em 0;
}

fieldset .section {
float: left;
width: 100%;
clear: both;
padding: 0.43em 0;
}

label {
font-family: tahoma, verdana, helvetica, arial, sans-serif;
}

legend {
font-family: tahoma, verdana, helvetica, arial, sans-serif;
font-size: 1.16em;
background: #fff;
padding: 0 5px;
font-weight: bold;
}

legend small {
font-size: 0.91em;
color: #999;
font-weight: normal;
}

/* @end */

/* @group Main Blocks */

#master {
width: 1000px;
margin: 0 auto;
background: #ffffff;
}

#master2{
background: #ffffff;
float: left;
width: 100%;
padding: 1em 0;
}

#e_toolbar{
font-size: 1.1em;
}

#e_page{
clear: both;
float: left;
width: 100%;
font-size: 1.1em;
}

/* @end */

/* @group e_toolbar */

#e_toolbartop {
background: url(images/site/etoolbar.gif) repeat-y top left;
float: left;
width: 998px;
border-width: 1px;
border-style: solid;
border-color: #595959;
position: relative;
}

.logo{
float: left;
margin: 0;
text-indent: -9999px;
}

.logo a{
width: 500px;
height: 100px;
background: url(images/site/TERRATAG.gif) top left;
display: block;
}

#e_basket .viewbasket{
display: block;
border: 1px solid #595959;
width: 80px;
text-align: center;
padding: 0.23em 5px;
margin: 0.43em 0 0 0;
}

#e_basket .viewbasket:hover{
background: #33CCFF;
text-decoration: none;
}

#e_toolbar .text{
float: left;
width: 115px;
margin: 0 5px 0 0;
display: block;
position: relative;
}

#e_toolbar .submit{
background: #fff;
border: 1px solid #595959;
width: 60px;
text-align: center;
padding: 0.23em 5px;
float: left;
display: block;
}

#e_toolbar .submit:hover{
background: #C4D6D1;
cursor: pointer;
}

#e_toolbar .search label{
display: none;

}

/* @end */

/*** ESSENTIAL STYLES ***/

/* @group Dropdown */

.sf-menu, #navmain * {
margin: 0;
padding: 0;
list-style: none;
}

#navmain {
position: relative;
z-index: 999 ;
}

#navmain ul {
position: absolute;
top: -999em;
width: 10em;
/* le

ft offset of submenus need to match (see below) */
}

#navmain ul ul{
float: left;
position: relative;
z-index: 999 !important;
opacity: 100;
}

#navmain ul li {
width: 100%;
}

#navmain li:hover {
visibility: inherit;
/

* fixes IE7 'sticky bug' */
}

#navmain li {
float: left;
position: relative;
}

#navmain a {
display: block;
position: relative;
z-index: 100;
}

#navmain li:hover ul,
#navmain li.sfHover ul {
left: -1px;
top: 22px;
/* 

match top ul list item height */
z-index: 99;
}

ul#navmain li:hover li ul,
ul#navmain li.sfHover li ul {
top: -999em;
}

ul#navmain li li:hover ul,
ul#navmain li li.sfHover ul {
left: 10em;
/

* match ul width */
top: 0;
}

ul#navmain li li:hover li ul,
ul#navmain li li.sfHover li ul {
top: -999em;
}

ul#navmain li li li:hover ul,
ul#navmain li li li.sfHover ul {
left: 10em;
/

* match ul width */
top: 0;
}

/*** DEMO SKIN ***/

#navmain {
float: left;
margin-bottom: 1em;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
margin: 1.0em 0 0 0;
}

#navmain a {
background: #003366;
border-right: 1px solid #ffffff;
color: #ffffff;
padding: 5px 10px;
text-decoration: none;
width: 145px;
text-align: left;
}

#navmain li.last a{
border: none;
width: 148px;
}

#navmain a, #navmain a:visited {


/* visited pseudo selector so IE6 applies text colour*/
color: #ffffff;
}

#navmain li {
font-weight: bold;
}

#navmain li li {
font-weight: normal;
}

#navmain li li a{
background: #003366;
padding-bottom: 0.32em;
padding-top: 0.32em;
}

#navmain li li a, #navmain li.last li a{
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #ffffff;
width: 145px;
}

#navmain li.last li a{
width: 148px;
}


#navmain li li li {
background: #003366;
}

#navmain li:hover, #navmain li.sfHover,
#navmain a:focus, #navmain a:hover, #navmain a:active {
background: #33CCFF;
outline: 0;
}

/*** arrows **/

#navmain a.sf-with-ul {
min-width: 1px;
/*

trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em;
/* IE

6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;
/* 8-bit ind

exed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {


/* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px;
/*

use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px;


/* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */

#navmain ul .sf-sub-indicator {
background-position: -10px 0;
}

#navmain ul a > .sf-sub-indicator {
background-position: 0 0;
}

/* apply hovers to modern browsers */

#navmain ul a:focus > .sf-sub-indicator,
#navmain ul a:hover > .sf-sub-indicator,
#navmain ul a:active > .sf-sub-indicator,
#navmain ul li:hover > a > .sf-sub-indicator,
#navmain ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0;


/* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/

.sf-shadow ul {
background: url('../images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
background: transparent;
}

/* @end */

/* @group Content */

.revolvingimage{
z-index: 1 !important;
position: relative;
}

#e_page .revolvingimage li{
margin: 0;
width: 998px;
height: 408px;
position: relative;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #595959;
list-style: none;
}

#e_page .revolvingimage .overlay{
position: absolute;
background: url(images/site/transparency.png);
padding: 0.91em 10px;
width: 482px;
bottom: 0;
right: 0;
color: #f3f3f3;
z-index: 999;
}

#e_page .revolvingimage .overlay a{
color: #f3f3f3;
text-decoration: underline;
}

#e_page .revolvingimage h1, #e_page .revolvingimage h2{
font-size: 1.27em;
margin: 0 0 0.91em 0;
}

.revolvingimage a{
display: block;

clear: both;
float: left;
position: absolute;
}

.revolvingimage img{
display: block;
z-index: 1;
position: relative;

}

.itemsection{
padding: 0 1px;
margin: 0.91em 0 0 0;
float: left;
width: 1000px;
clear: both;
}


.itemsection2, .productgrid2{
background: url(images/site/bdr-section-horiz.gif) top left no-repeat;
float: left;
width: 100%;
padding-top: 1px;
}


.itemsection.five .item, .productgrid .item-imageonly{
float: left;
width: 80px;
padding: 2px 2px 1px 1px;
}

.itemsection.five .item, .productgrid .item{
float: left;
width: 189px;
margin-right: 1px;
padding: 0.46em 5px;
}

.productgrid .item .img{
width: 199px;
height: 199px;
overflow: hidden;
}

#e_page .itemsection.five .item li{
list-style: none;
margin: 0;
}

.itemsection.five h2, .productgrid h2{
font-size: 1.0em;
margin: 0 0 0.46em 0;
}

.itemsection.five img, .productgrid img{
display: block;
}

#e_page .itemsection.five .item.last, #e_page .itemsection.five.standout .item.last, #e_page .productgrid .item.last{
margin-right: -1px;
position: relative;
}

.itemsection.five.standout .item, .productgrid .item{
float: left;
width: 199px;
margin-right: 1px;
padding: 0;
}

.itemsection.five.standout .titleprice, .productgrid .titleprice{
padding: 0.31em 0;
border-top: 1px solid #595959;
text-align: center;
}

.itemsection.five.standout h2, .productgrid h2{
font-size: 1.0em;
display: inline;
margin-right: 5px;
}

.itemsection.five.standout p, .productgrid p{
display: inline;
}

.productgrid .row, .itemsection .row{
clear: both;
float: left;
background: url(images/site/bdr-section-horiz.gif) no-repeat bottom left;
width: 100%;
}

.replace.paypal{
background-image: url(images/site/icon-paypal.gif);
height: 22px;
width: 72px;
float: left;
margin: 0.46em 10px 0 0;
}

.replace.netbanx{
background-image: url(images/site/icon-netbanx.gif);
height: 30px;
width: 100px;
float: left;
margin: 0.18em 0 0 0;
}

/* @group Product*/
.product{
float: left;
width: 100%;
margin: 0.91em 0 0 0;
}

.product .prodbanner{
border: 1px solid #fff;
}

.product .prodbanner img{
display: block;
}

.prodcontent{
float: left;
width: 100%;
margin: 0.91em 0 0 0;
}

.product .mainimg{
float: left;
margin: 0 10px 0 0;
width: 598px;
}

.product .mainimg img{
display: block;
border: 1px solid #fff;
}

.product .detailsimg{
float: left;
width: 98px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #595959;
margin: 0 40px 0 0;
}

.product .detailsimg img{
display: block;
border-bottom: 1px solid #595959;
}

.product .infobuy{
float: left;
width: 390px;
border: 1px solid #fff;
}

.product .info{
padding: 0.46em 5px;
}

.product .optionswrap{
padding: 0.46em 5px;
float: left;
}

.product .prodcontent h1{
margin: 0;
font-size: 1.45em;
}

#e_page .product .prodcontent .price{
font-size: 1.45em;
margin: 0;
}

#e_page .prodcontent p{
margin: 1.27em 0;
}

.prodcontent fieldset{
padding: 0;
border: 0;
margin: 0.91em 0px;
}

.prodcontent fieldset.options{
float: left;
}

.prodcontent fieldset.quantity{
float: left;
margin-right: 10px;
}

.prodcontent fieldset.buttons{
clear: both;
margin: 0;
border-top: 1px solid #595959;
background: url(images/site/bdr01.gif) repeat-y 195px;
float: left;
width: 390px;
}

.prodcontent fieldset.buttons a.Product_Buy_Link{
float: left;
width: 194px;
height: 48px;
}

.prodcontent fieldset.buttons .continuelink{
float: right;
width: 194px;
}


.prodcontent fieldset .section{
float: left;
width: auto;
clear: none;
margin-right: 10px;
}

.prodcontent fieldset .dropdown.section{
display: block;
clear: both;
}

.prodcontent fieldset .dropdown label{
width: 50px;
float: left;
}

.prodcontent fieldset label{
font-size: 1.09em;
margin-right: 5px;
}

.prodcontent fieldset .select{
margin-top: 0.2em;
}

.prodcontent fieldset select{

}

.prodcontent fieldset input{
font-size: 1.27em;
}

.prodcontent fieldset input{
padding: ;
}

.prodcontent .viewbasket{
float: right;
}

.prodcontent .viewbasket a{
background: url(images/site/icon-basket.gif) no-repeat right center;
padding: 0.41em 40px 0.46em 0;
display: block;
font-size: 1.1em;
}

#extra-desc{
margin-top:5px;
padding:0;
}

/* @end */


/* @end */

/* @group Checkout */

.Checkout_Table{
border-collapse: collapse;
}

.Checkout_Table td{
padding: 0.23em 2px;
border: 1px solid #ccc;
border-collapse: collapse;
}

.Checkout_Table .Td_Billing_Label, .Checkout_Table .Td_SubTotal_Label, .Checkout_Table .Td_Shipment_Label, .Checkout_Table .Td_Shipment_Select, .Checkout_Table .Td_Shipment_Label_2, .Checkout_Table .Tr_SubTotalIncShip, .Checkout_Table .Td_Vat_Label_2, .Checkout_Table .Td_Currency_Label, .Checkout_Table .Td_GrandTotal, .Checkout_Table .Td_GrandTotal_Label, .Checkout_Table .Td_PaymentGateway_Label, .Checkout_Table .Td_PaymentGateway_Select{
border: none;
}

.Row_Item{
font-size: 1.16em;
font-weight: bold;
font-family: arial, 'helvetica neue', helvetica, tahoma, serif;
}

.Row_Item a{
text-decoration: none;
}

.Row_Item a:hover{
text-decoration: underline;
}

.Row_Item img{
display: block;
margin: 0.41em 0;
}

#checkout_content{
width: 1000px;
}

#orderdetails{
float: left;
width: 350px;
margin: 1.82em 10px 0 0;
}

#Order_Notes{
float: left;
width: 350px;
margin: 6.6em 0 0 0;
}

#Continue_Shopping, #Print_Order{
display: none;
}

.Link_Button, .Link_Button_Over, .Link_Button_Out{
background: #724D90;
display: block;
color: #fff;
padding: 0.31em 5px;
text-align: center;
font-weight: bold;
float: left;
border: none;
}

.Link_Button:hover, .Link_Button_Over{
background: #5A3D72;
text-decoration: none;
cursor: pointer;
}

.Link_Button_Out{
background: #724D90;
}

#orderdetails label{
float: left;
width: 115px;
text-align: right;
}

#orderdetails .text, #orderdetails select{
width: 200px;
float: right;
}

#orderdetails .text.postcode{
width: 140px;
}

#Clear_Form{
display: none;
}

#Submit_Order{

}

.Submit_Order_Label{
display: none;
}

/* @end */



/* @group My Group */

#footer{
clear: both;
float: left;
width: 100%;
font-size: 1.1em;
}

/* @end */


/* edit 16/04/2010 */
div#header {
/*width: 998px;*/
height: 120px;
float: left;
text-align: center;
}
div#banner {
/*width: 998px;*/
height: 100px;
}
.logo {
width: 500px;
height: 100px;
float: left;
}
.design-print {
width: 166px;
height: 100px;
float: left;
}
.tv, .search, .subscribe, .basket {
width: 166px;
height: 50px;
float: left;
text-align: left;
}
.search p {
margin: 0;
padding: 4px;
}
.search .input-txt {
border: 1px solid #c6c6c6;
padding: 0;
width: 90px;
margin: 0 0 0 4px;
padding: 2px;
}
.search .btn-submit {
background: #ffffff;
border: 1px solid #c6c6c6;
width: 50px;
padding: 2px;
}
.basket {
}
.basket img {
margin: 10px 0 0 5px;
float: left;
}
.basket p {
margin: 5px 0 0 10px;
float: left;
}
.basket a {
text-decoration: none;
}
.basket .Total_Items {
margin: 0 4px 0 0;
}
.basket .Total_Items, .basket .Total_Order_Value {
font-weight: bold;
}
ul#navmain {
height: 24px;
margin: 0;
padding: 0;
}
#e_page{
margin: 5px 0 0 0;
}