/* CSS Document */



/*wrapper for listings of account options */

#mainlistwrapper {
position:absolute;
font-size: .8em;
width:640px;
left:20%;
top:150px;
}

#mainlistwrapper a:link {color:blue; text-decoration:none}
#mainlistwrapper a:visited {color:purple;}	  
#mainlistwrapper a:hover {text-decoration:none;}
#mainlistwrapper a:hover {color:navey;}

#account_header{
display:block;
height:7em;
}

/* the horizontal buttons starts here */

.cssbutton	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(graphic_elements/button1.png) no-repeat;
	width: 110px;
	height: 28px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.cssbutton a {
	display: block;
	font-size: .7em;
	width: 110px;
	height: 28px;
	display: block;
	float: left;
	color: white; 
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}
.cssbutton a:hover {
	color: #000000;
}

.cssbutton a:visited {
	color: white;
}

.cssbutton a:visited:hover {
	color: #000000;
}			

.cssbutton img {width: 110px; height: 28px; border: 0; }
* html a:hover {visibility:visible}
.cssbutton a:hover img{visibility:hidden}

.cssbutton span {
	position: absolute;
	left: 0px;
	top: 7px;
	text-align: center;
	width: 110px;
	cursor: pointer;					     
}
/* the horizontal buttons end here */

#p1 {
font-size: .9em;
padding-bottom: 25px;
}

p: {margin: 10px 0 0 0;}

#personal {
padding:0 15px 0 0;
float:left;
}

#cart{
margin:0 15px 0 0;
float:left;
}

#account_set{
padding:0 15px 0 0;
float:left;
}

#ccard{
padding:0 15px 0 0;
float:left;
}

#order_info{
padding:0 15px 0 0;
float:left;
}

#log_out{
padding:5px 15px 0 0;
float:left;
}

h3 a {font-size: .7em}

