/* CSS Document */

html, body
{height: 100%;}

body {
margin: 0;
padding: 0;
font-family: helvetica, arial, sans-serif;
font-size: x-small;
width: 800px;
background:url(../images/across.jpg) top left repeat-x;
overflow: -moz-scrollbars-vertical;        /* Force vert scroll bar in Mozilla to stop page jumping about */
}

.spacer { clear: both; line-height: 0px;}
img{ border: none;}
hr{margin-top: 10px; border: none; height: 1px; background-color: #ccc; color: #ccc;}

#main {
position: relative;
width:800px;
margin: 0 auto;
}

p {
margin:0;
color: #000;
font-family: helvetica, arial, sans-serif;
margin-top: 0.7em;
text-align:left;
padding-top:10px;
}
h1 {
font-size:1.2em; 
margin:0;
color: #000;
font-family: helvetica, arial, sans-serif;
font-weight: bold;
margin-top: 2em;
}
h2 {
font-size: 1.7em; 
margin:0;
color: #000;
font-family: helvetica, arial, sans-serif;
font-weight:bold;
}
h3{
font-size: 1.3em; 
margin-bottom:2px;
color: #000;
font-family: helvetica, arial, sans-serif;
font-style:italic;
padding: 0px;
}
h4{
font-size: 1.1em; 
margin:0;
color: #000;
font-family: helvetica, arial, sans-serif;
font-style:italic;
border-bottom: 3px solid #f78f1d;
padding-bottom: 3px;
margin-bottom: 3px;
}
h5{
font-size: 1.1em; 
margin:0;
color: #000;
font-family: helvetica, arial, sans-serif;
font-style:italic;
padding-bottom: 3px;
}

a{
text-decoration: none;
color: #f78f1d;
}

ul.circle {
font-size: 3em;
list-style-position: outside
}
ul.inside 
{
list-style-position: inside
}
ul.outside 
{
list-style-position: outside;
font-size: 1.2em;
padding-left: 0px;
padding-right: 0px;
margin-left:0px;
_margin-right:25px;
line-height: 1.2em;
}
.logo{margin-bottom: 40px;}

/********************** start of table5 *************************/
#mytable5 {
	width: 100%;
	float: left;
	margin: 30px 0px 30px 0px;
	background:#fff;
	border: 1px solid #f78f1d;
	color:#333;
		
}
td.alta {
	background: #999;
	padding: 0px 0px 0px 0px;
	color: #000;
	font:11px "Arial", Verdana, Helvetica,sans-serif;
	border-bottom: 1px solid #fff;
}
td.altb {
	background: #f78f1d;
	padding: 0px 0px 0px 0px;
	color: #000;
	font:11px "Arial", Verdana, Helvetica,sans-serif;
	border-bottom: 1px solid #f78f1d;
}

th.tha {
	font: 120% "Arial", Verdana, Helvetica,
	sans-serif;
	color: #333;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #fff;
}
th.thb {
	font: bold 120% "Arial", Verdana, Helvetica,sans-serif;
	color: #fff;
	letter-spacing: 2px;
	text-align: left;
	padding:12px;
	background: #999;
}
td.altc,
td.altcr {
	background: #fff;
	padding: 0px 20px 0px 0px;
	color: #333;
	font:11px "Arial", Verdana, Helvetica,sans-serif;
	border-bottom: 1px solid #fff;
	text-align: left;
}


td.altd,
td.altdr {
	background: #999;
	padding: 0px 20px 0px 0px;
	color: #fff;
	font: bold 11px "Arial", Verdana, Helvetica,sans-serif;
	border-bottom: 1px solid #999;
	text-align: left;
}

td.altcr,
td.altdr {
	text-align: right;
}	
/********************** end of table 5 *************************/

/********************** start of table1 *************************/
#mytable {
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	
	}

td {
	background: #c1c1c1;
	padding: 1px 1px 1px 1px;
	color: #fff;
	font: 0.3em "Arial", Verdana, Helvetica,sans-serif, bold ;
	color: #fff;
	text-align: left;
        	
}
td.alt {
	background: #e0dfdf;
	padding: 0px 0px 0px 0px;
	color: #333;
	border-bottom: 1px solid #333;
      font-weight: 900;  
	
	}
td.alt3 {
	background: #f78f1d;
	padding: 7px 13px 7px 7px;
	color: #fff;
	text-align: right;
		
}
td.altr {
	background: #fff;
	padding: 0px;
	margin:0px;
	color: #fff;
	vertical-align: bottom;
	width:99px;
	height:35px;
    text-align:right;		
}
td.altrb {
	background:url(../images/layout2_back.gif);
	padding: 0px;
	color: #fff;
	vertical-align: bottom;
	height:35px;
		
}

td.alt4 {
	background: #f78f1d;
	padding: 7px 13px 7px 7px;
	color: #fff;
	text-align: center;
		
}

td.alt5 {
	background: #fff;
	padding: 0px 0px 0px 0px;
	text-align: right;
	height: 35px;
		
}


th {
	font: bold 100% "Arial", Verdana, Helvetica,sans-serif;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #818181;
}

td.alt2 {
	background: #818181;
	padding: 1px 1px 2px 3px;
	}
	
	
	
/********************** end of table 1 *************************/




/********************** start of table2 *************************/
.mytable2 {
	width:100%;
	float: left;
	padding-top: 0;
	margin-top: 20px;
	
	}

td {
	background: #c1c1c1;
	color: #fff;
	font: 10px "Arial", Verdana, Helvetica,sans-serif;
	color: #fff;
	text-align: center;
	margin-top: 10px;
        padding:0px 0px 0px 0px;
		
      }
	.err-msg,
	td.err-msg {
		background: #c1c1c1;
		color: #ff0000;
		font-size:110%;
	}

h5 {
font-size:12px;	
text-align:left;
margin:0;
paddin:0;	
	}



td.alt7 {
	background: #818181;
	padding:0; 
	color: #818181;
	text-align:right;
	margin:0;
      width:125px;
      
	}
td.alt7b {
	background: #818181;
	padding: 0px 0px 0px 0px;
	color: #fff;

		
	}
	td.alt11 {
	background: #fff;
	padding: 0px 0px 0px 0px;
	height:30px;
	
	}
	
td.alt8 {
	background: url(../images/layout2_back.gif);
	}
td.alt8b {
	background: #fff;
	background: url(../images/white.gif);
		
	
}
		
td.alt9 {
	background: #818181;
	padding: 0px 0px 0px 0px;
	color: #818181;
	padding-top:10px;
	width: 70px;	
}
td.alt3 {
	background: #f78f1d;
	padding: 7px 13px 7px 7px;
	color: #fff;
	text-align: right;
		
}


td.alt4 {
	background: #f78f1d;
	padding: 7px 13px 7px 7px;
	color: #fff;
	text-align: center;
		
}

td.alt5 {
	background: #fff;
	padding: 0px 0px 0px 0px;
	text-align: right;
	height: 35px;
		
}



td.alt2 {
	background: #818181;
	padding: 1px 1px 2px 3px;
	}
/********************** end of table 2 *************************/
/********************** start of table 3 *************************/
.mytable3 {
	width:400px;
	float: left;
	padding-top: 0;
	margin: 0px 0px 0px 0px;
	border-top: 3px solid #f78f1d;
	}

td.my3 {
	background: #fff;
	}
td.my4 {
	background: #f78f1d;
	}
	
th.my5 {
	text-align: right;
	}
	
/********************** end of table 3 *************************/
/********************** start of table 4 *************************/
#mytable4 {
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	margin-bottom: 20px;
	}
	
	

td.env {
	background: #fff;
	padding: 1px 1px 1px 1px;
	color: #fff;
	font: bold 11px "Arial", Verdana, Helvetica,sans-serif;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-align: left;
	

}
	
/********************** end of table 1 *************************/





/********************** start of Layout 1 *************************/

#lightsmall{
float: left;
width: 260px;
height: 260px;
margin-top: 15px;
margin-right:15px;
}

#lightleft{

float: left;
width: 113px;

}
#lightright{
float: right;
width: 130px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
}

#lightright  h3{
margin: 13px 1px 1px 0;
font: bold 140% arial, verdana, tahoma, sans-serif;
color: #000;
font-weight: bold;
}

#lightright  h4{
margin: 1px 1px 1px 0;
font: bold 140% arial, verdana, tahoma, sans-serif;
color: #000;
}

#lightright  h5{
margin: 1px 1px 1px 0;
font: bold 120% arial, verdana, tahoma, sans-serif;
color: #000;
font-style: italic;
}



#lightright  li{
font-size: 105%;
margin-top: 10px;
color: #000;
}


#lightgrey{
width: 282px;
height: 4em;
background: #818181;
text-align: right;
}

#lightgrey tr{
background:  #818181;
}
/********************** end of Layout 1 *************************/


/********************** start of Layout 2 *************************/

.layout2{
float: left;
width: 460px;
margin-top: 30px;
background: url(../images/layout2_back.gif);
}

.h1_layout2 { 
color: #000;
margin: 0; 
font-size:20px;
 
}

.layoutleft2{

float: left;
width: 170px;

}

.layoutright2{
float: right;
width: 250px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
}


.layoutright2  li{
font-size: 105%;
margin-top: 10px;
color: #000;
}


#layoutgrey{
width: 282px;
height: 4em;
background: #818181;
text-align: right;
}

#layoutgrey tr{
background:  #818181;
}
/********************** end of Layout 2 *************************/
/********************** start of Layout 3 *************************/

.layout3{
float: left;
width: 450px;
margin-top: 30px;
}

.h1_layout3 { 
color: #000;
margin: 0; 
font-size:20px;
 
}

.layoutleft3{
vertical-align: bottom;
float: left;
width: 206px;

}
.layoutright3{
float: right;
width: 220px;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
}


.layoutright3  li{
font-size: 105%;
margin-top: 10px;
color: #000;
}

/********************** end of Layout 3 *************************/


#accright{
top:185px;
position: absolute;
left: 645px;
width: 130px;
background: #fff;
border:solid 1px #999;
color: #fff;
padding-bottom:10px;
margin-left:20px;
}

#accright img{
padding-left:5px;

}

#accright a{
font-size:12px;
font-weight:bold;

}

#accright h1{
font-weight: bold;
font-size: 11px;
color: #fff;
background: #818181;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
margin-top:-1px; 
margin-bottom:10px; 
}

#rightimage{
position: absolute;
top:180px;
left:650px;
}
}
	.cbcrumb {
		color:#f78f1e;
	}
	#csel {
		background-color:#c1c1c1;
		color:#ffffff;
		font-weight:bold;
		position:absolute;
		top:380px;
		left:180px;
		border:1px solid blue;
		width:420px;
		padding-bottom:10px;
		display:none;
	}
	.cselt {
		background-color:#818181;
		color:#ffffff;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		margin:0;
	}
	.cselb {
		background-color:#c1c1c1;
		padding:10px;
		font-size:110%;
	}
	.cselb a {
		width: 80px;
		text-align:center;
		text-decoration:none;
		color:#ffffff;
		float:left;
		height:110px;
	}

/********************** home   special offers*************************/
#spec{
top:185px;
position: absolute;
left: 645px;
width: 140px;
background: #fff;
border-left:solid 1px #999;
border-right:solid 1px #999;
border-bottom:solid 25px #dddddd;
color: #000;
padding-bottom:10px;
margin-left:10px;
}

#spec img{
padding-left:5px;
text-align:center;

}

#spec h1{
font-weight: bold;
font-size: 14px;
color: #999;
background: #dddddd;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
margin-top:-1px; 
margin-bottom:10px; 
text-align:center;
}


/******************** Navigation ********************/

#navgrey{
position: absolute;
top:95px;
_top:96px;
padding-left: 150px;
background-color:  #c1c1c1;

}
#navigation ul
{
		
	margin:0;
	padding:0;
}

#navigation
{
	background: #c1c1c1;
	color:#fff;
	font-size:1em;
	height:2.5em;
	line-height:2.5em;
}

#navigation li
{
	float:left;
	list-style:none;
	white-space:nowrap;
	
}

#navigation li a
{
	color:#fff;
	display:block;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	border-right: 2px solid #818181;
	padding-left: 5px;
	padding-right:5px;
	width:95px;
	text-align:right;
}

#navigation .selected,#navigation a:hover
{
	background:#818181;
	color:#fff;
	text-decoration:none;
}
#enviz{
position: absolute;
top:-10px;
left:350px;
width:500px;
}
#enviz p{
color: #fff;
font-weight: bold;
font-size: 125%;
letter-spacing: 0.1em;
}
#enviz h2{
font-size: 300px;
color: #f78f1d;
}
#top{
background: #c1c1c1 url(../images/logo.gif) no-repeat top left;
height: 12em;
width:100%;
vertical-align: bottom;
padding:0;
margin:0;

}
#menu{
float:left;
width:150px;
height: 100%;
min-height: 100%;
color: #fff;
padding-top:35px;
background-color: #999;
}
#ul_menu{
margin: 0;
padding: 0;
text-align: right;
}
#ul_menu li{
margin: 0;
list-style: none;
border-bottom: 2px solid #fff;
}
#ul_menu a:link, #ul_menu a:visited{
font-weight: bold;
padding-top: 7px;
padding-bottom: 7px;
display: block;
text-decoration: none;
color: #fff;
}
#ul_menu a:hover{
background-color: #f78f1d;
}

#page{
float: left;
width: 500px;
height:100%;
}

#right{
float: right;
width: 250px;
}
#veri{
background: #999;
width: 134px;
position: absolute;
top: 555px;
_top: 580px;
left:0px;
padding: 0 0 10px 16px;
}
#veri p{
font-size: 11px;
text-align: center;
}

#accessories{
width: 465px;
padding-left: 25px;
float:left;
border-left:1px solid #999;

}
#accessories p{
margin-bottom: 4px;
color: #333;
font-size: 130%;

}
#accessories hr{
color: #a7a7a7;
height: 3px;
margin-top: 28px;
} 

#accessories h3{
color: #000;
font-size: 110%;
} 

#accontent{
margin-top: 20px;
float:left;
} 
#accontent p{
color:#666;
padding-top:15px;
} 


#accontent a{
font-size: 1em; 
margin:0;
color: #f78f1d;
font-family: helvetica, arial, sans-serif;
font-weight:bolder;
text-decoration: none;
}

#accontent a:link, #accontent a:visited{
color: #f78f1d;

}
#accontent a:hover{
color: #666;
}

.acc{
margin-top:10px;
float: left;
width: 200px;
padding:5px;
margin-right:10px;

}
.acc2{
margin-top:10px;
float: right;
width: 300px;
padding:5px;
margin-right:10px;
margin-bottom:40px;
}
.display{
margin-top:10px;
float: left;
width: 110px;
background:#e3e2e2;
margin-right:10px;
height:600px;
}

.display ul{
padding-left:2px;
margin-left:8px;
}
.display li{
padding-left:1px;
}

.display2{
margin-top:10px;
float: left;
width: 90px;
background:#e3e2e2;
padding:5px;
margin-right:10px;
height:400px;
}
.boxes{
    margin-top:10px;
    float: left;
    width: 125px;
    padding-right:5px;
    margin-right:10px;
    height:410px;
    
    margin-bottom: 20px;
    margin-right:9px; 
    position:relative;
}


	.boxes h2{
		height: 30px;
		vertical-align: text-bottom;
	}

	.boxes h5{
		height: 30px;
		vertical-align: text-bottom;
	}

   	.boxes img {
		border:1px solid #828282;
	}

.boxes2{
    margin-top:10px;
    float: left;
    width: 125px;
    padding-right:5px;
    margin-right:10px;
    height:280px;
    
    margin-bottom: 20px;
    margin-right:9px; 
    position:relative;
}
.boxes2 h2 {
height: 30px;
vertical-align: text-bottom;
}
#basket {
position:absolute;
top:130px;
left:610px;
width:200px;
margin-bottom:330px;
}
#more{
background-color: #818181;
height:26px;
width: 100%;
text-align: right;
}
.subc-name {
font-size: 1.4em;
color:#f78f1d;
text-align:left;
margin-top:25px;
}
.subc-cat {
font-size: 2em;
margin-bottom: -10px; 
color:#f78f1d;
}
.subcats td {
background-color:white;
width: 125px;
padding-right:5px;
margin-right:10px;
position:relative;
}
.subcats td.alt7b {
	background: #818181;
	padding: 0px 0px 0px 0px;
	color: #fff;
	}
.subcats td.alt7 {
	background: #818181;
	padding: 0px 0px 0px 0px;
	color: #818181;
	height:30px;
	}
.subcats td img {
border: 1px solid #666;
}

/****** FOOTER ******/
#footer {
padding: 0 13px 0 0;
line-height: 14px;
text-align: center;
background: #999999;
clear: both;
margin: 20px 0 0 0;
}
#footer a {
color: #000;
text-decoration: none;
}
#footer a:hover {
color: #FFFFFF;
}