/*
#e40002; - red
#060f76; - dark blue

#f7cd74; -gold selected
#5b1a04; - dark brown

*/
@import "menu.css";

body{
	
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: Trebuchet MS,Verdana, Arial;
	font-size:0.8em;
	background-position:50% 0%;
	background-image:url(./images/gradbg2.jpg);	
	background-repeat:no-repeat;
	background-color:#aeb2a4;
		
	/*scrollbar-base-color:#2b1f7d;*/
}

body.big{
	background-image:url(./images/gradbg3.jpg);	
	background-repeat:no-repeat;	
	background-position:50% 0%;
	background-color:#aeb2a4;
}

body.big2{
	background-image:url(./images/gradbg4.jpg);	
	background-repeat:no-repeat;	
	background-position:50% 0%;
	background-color:#aeb2a4;
}

/*------------------------------------*/
table{
	width:98%;
	table-layout:fixed;
	margin:0px;
	padding:0px;
}

td{
	padding:5px;
	font-size:0.8em;
	font-family: Trebuchet MS,Verdana, Arial;
	vertical-align:top;
}
/*------------------------------------*/
a{
	color:#0075c6;
	text-decoration:underline;
	border:none;
}

a:hover{
	color:#33aafd;/*#f7cd74;-gold*/
	text-decoration:underline;
	border:none;
}

a.bold{
	font-size:1.0em;
	color:#555;
	text-decoration:underline;
	font-weight:bold;
	border:none;
}

a.bold:hover{
	color:#e40002
	ztext-decoration:underline;
	border:none;
}
a.bold img{
	border:none;
}

/*----------------------------------*/
h1{		
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-left:30px;
	padding-right:10px;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	font-family: Trebuchet MS,Verdana, Arial;
	background-color:transparent;
	color:#97CDF1;
zborder: 1px solid black;
}

h2{		
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	
	text-align:left;
	font-size:0.9em;
	font-weight:bold;
	font-family: Trebuchet MS,Verdana, Arial;
	background-color:transparent;
	color:#97CDF1;
zborder: 1px solid black;
}


/*----------------------------------*/
ul li,ol li{
	margin:0px;
	padding:0px;
	
	zlist-style-type:none;
	list-style-position: zinside;
	list-style-image:none;
	
	padding-bottom:5px;
zborder: 1px solid red;
}
li{
	margin:0px;padding:0px;
	
}
ul.content {	
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:20px;
	
	background-color:#e3e8ca;
	font-family:Trebuchet MS,Verdana, Arial;
	font-size:13px;

zborder: 1px solid red;
}

ul.content li{
	text-align:left;
	padding-bottom:0px;
}

ul.products{	
	margin:0px;
	padding:0px;
	padding-left:50px; 
	
	color:#555;
	font-family:Arial,Trebuchet MS,Verdana, Arial;
	font-size:0.9em;
	zborder: 1px solid #9dc0e3;/*3c82c7;*/
	list-style:disc;
	zbackground-image:url(./images/ul_products.jpg);	
	background-position:0px 0px;
	background-repeat:no-repeat;
} 

li ul.products{	
	margin:0px;
	padding:0px;
	padding-left:20px; 
	
	color:#555;
	font-family:Arial,Trebuchet MS,Verdana, Arial;
	font-size:12px; /*0.9em;*/
	zborder: 1px solid #9dc0e3;/*3c82c7;*/
	list-style:disc;
	
	zbackground-image:url(./images/ul_products.jpg);	
	background-position:0px 0px;
	background-repeat:no-repeat;
} 

ol.products{	
	margin:0px;
	padding:0px;
	padding-left:50px; 
	
	color:#555;
	font-family:Arial,Trebuchet MS,Verdana, Arial;
	font-size:0.9em;
	zborder: 1px solid #9dc0e3;/*3c82c7;*/
	list-style:decimal;
	zbackground-image:url(./images/ul_products.jpg);	
	background-position:0px 0px;
	background-repeat:no-repeat;
} 


li.grey{
	background-color:#ddd;
}

/*----------------------------------*/

div.shell{
	position:relative;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	zpadding-bottom:250px;
	zmargin-bottom:250px;
	text-align:center;
	width:950px;
	zheight:auto;
	clear:both;
	zbackground-color:green;
	zbackground-image:url(./images/bg-bottom.jpg);
	
	background-repeat:no-repeat;
	background-position: 50% 100%;
zborder: 1px solid green;
}

div.flash{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
		
	padding:0px;
	padding-top:10px;
	zpadding-left:283px;
	zpadding-right:28px;
	width:950px;	
	height:250px;
	zvertical-align:top;
	
	text-align:right;
	
	background-color:/*transparent;*/
	zbackground-image:url(./images/logo.jpg);
	
	zbackground-repeat:no-repeat;
	zbackground-position: 30px 10px;
zborder:1px solid yellow;	
}
div.inflash{
	zpadding-left:283px;
	padding-right:20px;
	zwidth:550px;
	zborder:1px solid yellow;
}
div.login{
	padding:0px;
	padding-top:25px;	
	
	position:absolute;
	left:50px;
	top:85px;
	width:170px;
	height:95px;
	text-align:left;
	color:#999999;
	zborder:1px red solid;
	font-size:9px;
	font-family: Trebuchet MS, Verdana,  Arial;
}
div.content{
	position:absolute;
	left:0px;
	margin:0px;
	margin-top:250px;	
	
	padding:0px;	
	width:950px;	
	text-align:left;
	
	
	font-size:0.8em;
	font-family: Trebuchet MS, Verdana,  Arial;
	
	background-color: transparent;
	z-index:10;
zborder:1px solid green;
}

div.content-bottom{	
padding:0px;
	padding-bottom:2px;
	
	width:100%;
	zheight:45px;
	text-align:center;
	background-color:transparent;
	background-image:url(./images/bg-bottom.jpg);
	
	background-repeat:no-repeat;
	background-position: 50% 100%;
zborder:1px solid green;
}

div.menu{
	position:absolute;
	left:10px;
	zmargin-left:0px;
	margin:0px;	
	padding:0px;
	margin-top:110px; /*230px;*/
	padding-bottom:65px;
	zpadding-left:25px;
	margin-left: 0px;
	padding-left:-1px;
	width:260px;
	
	text-align:center;
	zfloat:none;
	zclear:both;
	
	background-color:transparent;	

	background-image:url(./images/bg-menu.jpg);
	
	background-repeat:no-repeat;
	background-position: 100% 100%;
	z-index:12;
	font:10px;
zborder:1px solid black;
}


/*----------------------------------------*/

table.frameless{
	margin:0px;
	margin-left:270px;
	padding:0px;
	width:660px;
	color:black;	
	
	background-color:white;
zborder:1px solid blue;
}

p.content{
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-left:30px;
	padding-right:10px;	
	color:#555;
	
	background-color:transparent;
zborder:1px solid black;
}

p.contentS{
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-left:0px;
	padding-right:10px;	
	color:#555;
	
	background-color:transparent;
zborder:1px solid black;
}

p.contentmain{
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-left:30px;
	padding-right:10px;	
	color:#555;
	font-family:  Trebuchet MS,Verdana, Arial;		
	font-size:0.9em;
	background-color:transparent;
zborder:1px solid black;
}

p.stopper5{margin:0px;padding:0px;height:5px;font-size:5px;}
p.stopper7{margin:0px;padding:0px;height:7px;font-size:7px;}
p.stopper10{margin:0px;padding:0px;height:10px; font-size:10px;}
p.stopper12{margin:0px;padding:0px;height:12px;}
p.stopper15{margin:0px;padding:0px;height:15px;}
p.stopper20{margin:0px;padding:0px;height:20px;}
p.stopper50{margin:0px;padding:0px;height:50px;}
p.stopper150{margin:0px;padding:0px;height:150px;}
p.stopper200{margin:0px;padding:0px;height:200px;}
p.stopper250{margin:0px;padding:0px;height:250px;}


/*--------round corners--------------------*/
p.top{
	float:none;
	margin:0px;
	zmargin-top:130px;
	zpadding:0px;
	width:205px;
	height:22px;
	background-image:url(./images/menu-round-top.jpg);	
	background-repeat:no-repeat;
	background-position: 0% 0%;
zborder:1px solid blue;
}

p.toppost{
	float:none;
	padding:0px;
	padding-right:2px;
	padding-top:2px;
	/*adding-left:18px;*/
	text-align:left;
	margin:0px;
	font-size:14px; 
	font-family: Trebuchet MS, Verdana,  Arial;
	width:205px;
	height:22px;
	background-image:url(./images/menu-round-top-blue.jpg);	
	background-repeat:no-repeat;
	background-position: 0% 0%;
	color: white;
zborder:1px solid blue;
}

p.bottompost{
	float:none;
	zleft:0px;
	margin:0px;
	padding:0px;
	padding-right:2px;
	zpadding:0px;
	width:205px;
	height:22px;
	text-align:center;
	background-image:url(./images/menu-round-bottom-yel.jpg);	
	background-repeat:no-repeat;
	background-position: 0% 0%;
zborder:1px solid blue;
}



p.bottom{
	float:none;
	zleft:0px;
	margin:0px;
	zpadding:0px;
	width:205px;
	height:22px;
	text-align:center;
	background-image:url(./images/menu-round-bottom.jpg);	
	background-repeat:no-repeat;
	background-position: 0% 0%;
zborder:1px solid blue;
}
/*---------------------------------------*/
p.copy{
	margin:0px;
	padding:0px;
	zpadding-top:5px;
	padding-bottom:15px;
	width:100%;
	zheight:45px;
	text-align:center;
	font-size:10px;
	color:white;
	font-family:  Trebuchet MS,Verdana, Arial;		
zborder: 1px solid red;
}

p.copy a{
	color:white;
	font-size:10px;
	font-family:  Trebuchet MS,Verdana, Arial;
	text-decoration:none;
}

p.copy a:hover{
	color:#302d7c;
	font-size:10px;
	font-family:  Trebuchet MS,Verdana, Arial;
	text-decoration:none;
}

/*-----table.one--------------------*/
/*
table.one{
	margin:0px;
	margin-left:220px;
	zmargin-right:200px;
	
	width:550px;
	text-align:left;
zborder:1px solid red;		
}

table.one td{
	margin:0px;
	padding:0px;
	zpadding-right:30px;
	padding-left:15px;
	
	text-align:left;
	vertical-align:top;
	color:#555;
	font-family: Trebuchet MS,Arial;
	font-size:0.7em;
	background-color:transparent;	
	background-image: url("images/one.jpg");
	background-position:50% 50%;
	background-repeat:no-repeat;
zborder:1px solid blue;
}

table.one td.topone{
	margin:0px;
	padding-top:5px;
	zheight:15px;
	text-align:left;
	background-image: url("images/one.jpg");
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-color:transparent;
zborder:1px solid red;
}
table.one td.topone h1{
	padding-left:0px;
	padding-top:5px;
	zfont-size:1.1em;
}

table.one td.bottomone{
	margin:0px;
	height:15px;
	background-image: url("images/one.jpg");
	background-position:50% 100%;
	background-repeat:no-repeat;
}

table.one td img{
	float:right;	
	margin:0px;
	margin-right:0px;
	margin-top:0px;
}
*/



/*----------------------------------Form elements--------------------------------------------*/

INPUT{
	zcolor:#333333;
	zbackground-color:#E7E5D8;
	zfont-family:Arial, Helvetica, sans-serif;
	zfont-size:12px;
	zfont-style: normal; 
	zfont-weight: normal;
	width:180px;
}

input.email{
	width:60%;
}

input.login{
	width:60%;
}

input.pay{width:130px;height:50px;}

input.qty,input.radio,input.cart,input.check{width:25px;}

input.submit{width:75px;border:none; }

input.go{
	width:35px;
	border:none;
}

input.loginMini{
	width:100px;
	padding-left:2px;
	font-size:10px;
	height:17px;
	color:#999999;
	border: 1px solid silver;
	}

input.goMini{
	width:50px;
	font-size:10px;
	font-weight:bold;
	color:white;
	border:none;
	background-color:#38A2E5;
}

input.submitform{
  width:100px;
  font-weight:bold;
  color:white;
  background-color:#38A2E5;

}



table.login{
	font-size:12px;
	color:#999999;
	
}

TEXTAREA{
	/*width:180px;*/
	width:60%;
}
SELECT {  
	zfont-family: Arial, Helvetica, sans-serif; font-size: 12px; 
	zcolor: #333333; background-color: #E7E5D8;
	/*width:180px;*/
	width:60%;

}

p.360 input,p.360 select,p.360 textarea{
	width:360px;
}
p.360 input.check{
	width:20px;
}

p.360 input.submit{
	width:75px;
}
input.a360{
	width:360px;
}
/*End of form */
/*----contact form-- */
table.contact{
	width:90%;
	margin:0px;
	padding:0px;
	background-color:white;

} 

table.contact td{	
	margin:0px;
	padding:0px;
	padding-top:10px;
	
	background-image:none;
	background-color:white;
} 

table.warranty{
	margin-left:30px;
}

table.warranty input,select,textarea{
	color:gray;
}

table.wallet{
	margin-left:30px;
	width:600px;
	color: black;
}

table.wallet tr td{
	margin-left:30px;
	color: black;
}
/*table.warranty2 tr.shaded,td.shaded{
	background-color:#D7E7F1;
}*/

#tm{
	font-size:1.9em;
	color:#ccc;
	text-align:left;
}

table.post {
	POSITION: relative;
	margin:0px;
	padding:0px;
	padding-left:0px;
	zpadding-left:0px;
zfloat:none;
	width:204px;
	ztext-align:center;
	/*transparent;/*#f2f2f2; *//*white*/
	background-color:/*#388EDB*/ #FFD101;
	font-weight:bold; 
	font-size:14px; 
	font-family: Trebuchet MS, Verdana,  Arial;
	border-style:none; padding-bottom:0px;

}

table.post td,tr{
padding-bottom:0px; 
margin-left:10px;
color:#388EDB;
}

/*this has to be at the end*/
input.postcode{
	width:40px;
	padding-left:2px;
	font-size:10px;
	height:17px;
	color:#999999;
	border: 1px solid silver;
	background-color:white;
	}