/*
main orange: #FF7001
pale orange: #FEF2EA
dark grey: #E5E5E5
pale grey: #
*/


/* BASIC */
* { margin: 0;padding: 0;border: 0;  vertical-align: top;}
img{ border: 0;}
html { height: 95%;}
body { height: 95%;} 
html, body{ margin:0; padding:0; font-family: arial,verdana, helvetica, sans-serif; font-size: 0.9em; }


/* STRUCTURE */
#pagewidth{float:none; margin:0; padding:0; width:100%;} 
#header{ position:relative; height:103px; width:100%;background-image: url(../images/toppies.jpg);background-repeat: no-repeat;text-align:right;} 
#leftcol{ width:22%;  height: 460px; float:left; position:absolute; background-color:#ffffff; padding:0; margin:0;  } 
#maincol{ float: right; display:inline;  width:76%;  } 
#footer{ float:right; width:71%; height:2em; clear:both; padding:1em; font-size:0.9em; border-top: 1px solid #E5E5E5; margin-top:10px; text-align:right;} 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix{ display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none; } 
#twocols, #maincol{width:100%; float:none;}
}

#flashWrapper {
position: absolute;
width: 487px;
height: 75px;
left: 50%;
top: 0;
margin: 0 0 0 -243px;
}


/* TOP NAVIGATION */
#topnav{text-align:left;background-image: url(../images/topbg.gif);background-repeat: repeat-x;padding:0.4em; margin-bottom:1px;}
#topnav h1{font-size: 1.5em; color:#FF7001; background:#CCCCCC;}
#toplist{position:absolute; right:0; top:82px;}
#toplist li{ display: inline; padding-right: 3em;}
#toplist li a { text-decoration: none;color:#6666; background:#CCCCCC; font-weight:bold; font-size:1.25em;}


/* SEARCH FACILITY */
#search{width:96%; font-weight: bold;padding-left:0.1em;text-align: right;padding-bottom:0.25em;padding-top:0.5em; margin-top:2px;}
input.search_phrase{border: 1px solid black; width:8em;margin-left:0.5em;}
input.gobutton{padding:0.25em}



/* MAIN NAVIGATION */
#navcontainer{float:left;  width:100%; background-color:#ffffff; border-top: solid 1px #000000;border-bottom: solid 1px #000000;border-right: solid 1px #000000;padding-top:0.7em;padding-bottom:0.7em;margin:0;}
#navlist{ margin-left: 0;padding-left: 0;list-style: none;border-bottom: 1px solid #E5E5E5;width: 100%;}
#navlist li{padding-left: 0;padding-top: 0.25em;padding-bottom: 0.25em;
            border-top: 1px solid #E5E5E5;font-weight: bold;}
#navlist li a { text-decoration: none;color:black; background:white;padding-left: 2.25em;
                background-image: url(../images/arrow.gif);
                background-repeat: no-repeat;background-position: 0.7em;}
#navlist li a:hover { text-decoration: none;color:#FF7001; background:white;padding-left: 2.25em;
                background-image: url(../images/blackarrow.gif);
                background-repeat: no-repeat;background-position: 0.7em;}
#navlist li#active a { text-decoration: none;color:#FF7001; background:white;padding-left: 2.25em;
                background-image: url(../images/arrowdown.gif);
                background-repeat: no-repeat;background-position: 0.7em;}

#addinfo{border-top: solid 1px #000000;border-bottom: solid 1px #000000;border-right: solid 1px #000000;margin:0;}
#addlist{ margin-left: 0;padding-left: 0;list-style: none;border-bottom: 1px solid #E5E5E5;width: 100%;}
#addlist li{padding-left: 0;padding-top: 0.25em;padding-bottom: 0.25em;
            border-top: 1px solid #E5E5E5;font-weight: bold;}
#addlist li a { text-decoration: none;color:black; background:white;padding-left: 2.25em;
                background-image: url(../images/arrow.gif);
                background-repeat: no-repeat;background-position: 0.7em;}
#addlist li a:hover { text-decoration: none;color:#FF7001; background:white;padding-left: 2.25em;
                background-image: url(../images/blackarrow.gif);
                background-repeat: no-repeat;background-position: 0.7em;}
#addlist li#active a { text-decoration: none;color:#FF7001; background:white;padding-left: 2.25em;
                background-image: url(../images/arrowdown.gif);
                background-repeat: no-repeat;background-position: 0.7em;}
				
				
			

/* MAIN COLUMN */
#maincol h1{padding: 0.25em 0 0 2.75em;margin-top:0.25em;font-size:1.5em; font-weight:bold;color:#FF7001; background:white;}
#maincol h2{padding: 0.5em 0 0 3.2em; font-size:1.25em; font-weight:bold;color:#FF7001; background:white;text-align:left;}

#basketadd {text-align: right; padding-right: 3em; color:#FF7001; background:white; padding-top:0.25em;}
input.quantity{border: 1px solid #FF7001; width:1em;margin-left:0.5em;}
input.gobutton{padding:0.25em}

#maincol .product_list1 {clear:both;margin-left:3em;padding:1em 3em 1em 1em; color:black;background:#F2F2F2;height:10em;}
#maincol .product_list1 h2{font-size:1.1em;font-weight:bold;color:black;background:#F2F2F2;padding:0 0 0.25em 0}
#maincol .product_list1 a{text-decoration:none;font-size:1.1em;font-weight:bold;color:black;background:#F2F2F2;padding:0 0 0.25em 0}
#maincol .product_list1 a:hover{text-decoration:none;font-size:1.1em;font-weight:bold;color:#FF7001;background:#F2F2F2;padding:0 0 0.25em 0}
#maincol .product_list1 img{float: right;padding-left:1em;margin-top:-2em;}
#maincol .basketadd1 {margin-left:3em;text-align: right; padding-right: 3em; color:#FF7001; background:#F2F2F2; padding-top:0.5em;padding-bottom:0.5em;border-top:2px solid white;}

#maincol .product_list2 {margin-left:3em;padding:1em 3em 1em 1em; color:black;background:white;height:10em;}
#maincol .product_list2 h2{font-size:1.1em;font-weight:bold;color:black;background:white;padding:0 0 0.25em 0}
#maincol .product_list2 a{text-decoration:none;font-size:1.1em;font-weight:bold;color:black;background:white;padding:0 0 0.25em 0}
#maincol .product_list2 a:hover{text-decoration:none;font-size:1.1em;font-weight:bold;color:#FF7001;background:white;padding:0 0 0.25em 0}
#maincol .product_list2 img{float: right;padding-left:1em;margin-top:-2em;}
#maincol .basketadd2 {margin-left:3em;text-align: right; padding-right: 3em; color:#FF7001; background:white; padding-top:0.5em;padding-bottom:0.5em;border-top:2px solid #F2F2F2;}


/* PAGINATION */
.orange{color:#FF7001;background:white;text-align:left;margin: 1em 0 1em 4em;width:30%;}
.next{position:relative;top:-2.25em;right:3em;text-align:right;font-weight:bold;color:#FF7001;background:white;width:30%;float:right;}

	
/* BASKET */      
#basket{color:white; background:#FF7001;font-weight:bold;margin:0;padding:0.7em}
#basket h2{color:white;background:#FF7001;font-size:1.25em;}
#basketlist{ margin-left: 0;padding-left: 0;list-style: none;width: 100%;}
#basket a{text-decoration:none;color:white;background:#FF7001;}
#basket a:hover{text-decoration:none;color:white;background:#FF7001;}
#basket a:visited{text-decoration:none;color:white;background:#FF7001;}
input.buttont {background: #FEF2EA; color: #FF7001;}
input.buttont1 {background: #FEF2EA; color: #FF7001;}
input.button {margin-right: 2em; padding: 0.25em; background: #FEF2EA; color: #FF7001; float: left;}
input.button1 {margin-right: 2em; padding: 0.25em; background: #FEF2EA; color: #FF7001; float: right;}
.text{color:black1;background:white;text-align:left;margin: 1em 0 1em 4em;width:90%;}

/* BASKET TABLE */
.basket {text-align:left;font-size: 1em;margin-left:4em;width:90%;}
.basket th {background:#FF7001;color:#D6EBF7; padding: 0.5em;}
.basket td.last_row {background: #FEF2EA; color: #FF7001;text-align:center;}
.basket td {background:#f1f1f1;color: #000000;padding: 0.5em;}
td.total {font:bold medium helvetica, sans-serif; color:#999; text-align:right; background:#fff;}
td.totalprice {font:bold medium helvetica, sans-serif; color:#000; background:#e6e6e6;}


/* CHECKOUTS STYLING */
.inputtext {border:1px solid black; width:17em;}
.inputtext2 {border:1px solid black; width:8em;}
.selectbox {border:1px solid black; width:17em;}
span.small a{font-size: 0.9em;color:#FF7001;float:left; }
span.small2 a{font-size: 0.9em;color:#FF7001;float:left; margin-left:50px; }
div.row {clear: both; padding:0.5em;}
div.row span.label {float: left; width:19.5em; text-align:right; color:#000; background:#FFFFFF; padding-right: 2em;}
div.row span.formw {text-align: left; font-size: 13px; font-weight:bold;}
div.formbg1 {background:#FFFFFF; color: #000000; padding:0.5em 0 0 0; margin:0 3em 0 4em; border:1px solid #E5E5E5;}
div.formbg2 {background:#FFFFFF; color: #000000; padding:0.5em 0 0 0; margin:0 3em 0 4em;}


/* WELCOME */
#welcome {margin-left:3em;margin-top:2.25em;border: 1px solid #E5E5E5; padding:1em 3em 1em 1em;}
#welcome h2{font-size:1.5em; font-weight:normal; color:#FF7001; background:white; padding:0;}
#welcome p{padding-top:1em;text-align:justify;}


/* PRODUCT DETAILS */ 
#product_details {margin-left:3em;margin-top:1em;padding:1em 3em 1em 1em; color:black;background:#FEF2EA;height:12em;}
#product_details h2{font-size:1.1em;font-weight:bold;color:black;background:#FEF2EA;padding-bottom:0.25em;padding-left:0;}
#product_details a{text-decoration:none;font-size:1.1em;font-weight:bold;color:black;background:#FEF2EA;padding-bottom:0.25em;padding-left:0;}
#product_details a:hover{text-decoration:none;font-size:1.1em;font-weight:bold;color:#FF7001;background:#FEF2EA;padding-bottom:0.25em;padding-left:0;}
#product_details img{float: right;padding-left:1em;margin-top:-1em;}
#product_details input.quantity{padding:0px; border: 1px solid #FF7001; width:1em;margin-left:0.5em; background:ffffff; }
#product_details input.gobutton{padding:0em; background:none; }
#product_details #basketadd {text-align: left; padding-right: 3em; color:#FF7001;background:none;  padding-top:0.9em;}
#product_details #basketadd2 {text-align: left; padding-right: 3em; color:#FF7001;background:none;  padding-top:0.7em;}
#product_details .price {padding-top:0.7em;}


/* SPECIAL OFFER */ 
#special_offer {margin-left:3em;margin-top:1em;padding:1em 3em 1em 1em; color:black;background:#FEF2EA;height:12em;}
#special_offer h2{font-size:1.1em;font-weight:bold;color:black;background:#FEF2EA;padding-bottom:0.25em;padding-left:0;}
#special_offer a{text-decoration:none;font-size:1.1em;font-weight:bold;color:black;background:#FEF2EA;padding-bottom:0.25em;padding-left:0;}
#special_offer a:hover{text-decoration:none;font-size:1.1em;font-weight:bold;color:#FF7001;background:#FEF2EA;padding-bottom:0.25em;padding-left:0;}
#special_offer img{float: right;padding-left:1em;margin-top:-1em;}


/* RELATED PRODUCTS */ 
#maincol .related_products {margin-left:3em;margin-top:1em;padding:1em 3em 1em 1em; color:black;background:#efefef;height:12em;}
#maincol .related_products h2{font-size:1.1em;font-weight:bold;color:black;background:#efefef;padding-bottom:0.25em;padding-left:0;}
#maincol .related_products a{text-decoration:none;font-size:1.1em;font-weight:bold;color:black;background:#efefef;padding-bottom:0.25em;padding-left:0;}
#maincol .related_products a:hover{text-decoration:none;font-size:1.1em;font-weight:bold;color:#FF7001;background:#efefef;padding-bottom:0.25em;padding-left:0;}
#maincol .related_products img{float: right;padding-left:1em;margin-top:-1em;}
#maincol .greyheader {padding: 1.5em 0 0 3.5em; font-size:1.25em; font-weight:bold;color:#b1b1b1; background:white;text-align:left;}


/* ERROR DISPLAY */
#error {margin:2em 3em 1em 4em; padding:1em; border:2px solid #ff0000; background:#ffcccc; color:#ff0000;}
#error h2 {font:bold medium helvetica, sans-serif; color:#ff0000; background:#ffcccc; padding:0;}
#error p {color:#ff0000;  background:#ffcccc;}

/*FIX*/

#5steps {clear:both;}
.proceed {float:left;  background-color:#009900; margin:0 0 0 100px; padding:0;}
/* FOOTER */
#footer a{text-decoration:none;font-weight:bold;color:black;background:white;}
#footer a:hover{text-decoration:none;font-weight:bold;color:black;background:white;}
#footer a:visited{text-decoration:none;font-weight:bold;color:black;background:white;}
.center {float:none; margin:0;  text-align:center; width:70%;  padding-left:10%;}
.center img{float:none; margin:0;  padding:0; }
.center input{float:none; margin:0 0 0 20px;  padding:0; width:240px; }
/*TEXT STYLES*/
.textindent {margin:0; padding:0 0 0 80px;}

.continue {color:#FF7001;background:white; padding-left:60px; margin-bottom:10px;}
.basket2 {padding-bottom:10px;}

/*FORMS*/
#frm_search {float:left; width:100%; background-color:#ffffff; margin:0; padding:0;}