h1 {
font-size: 1.2em;
text-align: left;
font-style: italic;
letter-spacing: 3px;
}

h2{
font-size: 14px;
text-align: justify;
font-style:normal;
letter-spacing: 0px;
font-weight:lighter;

}

h5{
font-size: 13px;
font-style:normal;
text-align:justify;
letter-spacing: 0.4px;
font-weight:lighter; 
color: #5E356F;
} 

h6{
font-size: 13px;
font-style:normal;
text-align:justify;
letter-spacing: 0.4px;
font-weight:bold; 
color: #5E356F;
} 


h55{
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
color:#003366;
font-weight:normal;
font-style:normal;
text-align:justify;

}

p.footer {
text-align: center;
font-size: .5em;
font-weight: bold;
position: relative;
}
#profooter
{
text-align:center;
font-size:.6em;
position:relative;
border-top:0.8px #000 solid;
border-bottom:0.8px #000 solid;
letter-spacing:normal;
}

body {
margin: 4;

font-family: Verdana, Helvetica, Arial, sans-serif;
background: url(pics/background.jpg) repeat-x; /*tab background image path*/;
}


#header {

border-bottom: 0px #000000 solid;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 150px;
margin: 0 140 0 180;
	}

#header p {
font-size: .6em;
}


#content {
width: 779px;
position: relative;
padding: 0px;

}

.urbangreymenu{
width: 170px; /*width of menu*/
margin-top: 0px;
position: absolute;
left: 180px;
top: 0px;
border-right: 0px #000 solid;
}

#View-cart
{
left: 180px;
top: 250px;
position: absolute;

}

#product-text
{
	background-color: #FBFBFB;
	padding-left: 15px;
	padding-right: 10px;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
	border-bottom: 0px #000 solid;
	border-top: 0px #000 solid;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 0px;
	position: absolute;
	width: 135px;
	text-align: left;

}

#security
{
	background-color:#FBF9FB;
	padding-left: 4px;
	padding-top: 0px;
	padding-right:3px;
	padding-bottom:0px;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
border-top: 1px #000 solid;
margin-left: 750px;
margin-right: 0px;
margin-top: 0px;
margin-bottom:0px;
position: absolute;
width: 190px;

text-align: left;
list-style:url(pics/tick.jpg);
}


#product-descriptive-text
{

padding: 2px;
border-left: 0px #000 solid;
border-right: 0px #000 solid;
border-bottom: 0px #000 solid;
margin-left: 930px;
margin-right: 0px;
margin-top: 100px;
position: absolute;
width: 160px;
text-align: left;

}

#top-products
{

padding: 2px;
border-left: 0px #000 solid;
border-right: 0px #000 solid;
border-bottom: 0px #000 solid;
margin-left: 738px;
margin-right: 0px;
margin-top: 0px;
position: absolute;
width: 160px;
text-align: left;

}
#main-text {
background-color:#FBFBFB;
padding-left: 15px;
padding-right: 8px;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
border-top: 1px #000 solid;
margin-left: 160px;
margin-right: 0px;
margin-top: 0px;
position: absolute;
text-align: left;
width: 550px;
 }
 
 #main-text-index {
background-color:#FBFBFB;
padding-left: 15px;
padding-right: 8px;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
border-top: 1px #000 solid;
margin-left: 160px;
margin-right: 0px;
margin-top: 0px;
position: absolute;
text-align: left;
height:555px;
width: 550px;
 }
#Best-selling
{
	background-color: #FAF7FB;
	padding-left: 4px;
	padding-top: 0px;
	padding-right:3px;
	padding-bottom:0px;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
border-top: 1px #000 solid;
margin-left: 750px;
margin-right: 0px;
margin-top: 150px;
margin-bottom:0px;
position: absolute;
width: 190px;
text-align: left;
list-style:url(pics/tick.jpg);
}


#main-text-products {
background-color:#FBFBFB;
padding-left: 15px;
padding-right: 8px;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
border-top: 1px #000 solid;
margin-left: 360px;
margin-right: 0px;
margin-top: 0px;
position: absolute;
text-align: left;
width: 550px;
 }




.mymenu{
	position:relative;
	padding: 0 0 0 80px;
	margin: 0 0 0 0;
	background: url(pics/menu/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 56px;
	list-style: none;
width: 1020;

}

.mymenu li
{
	float:left;
}

.mymenu li a
{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 17px; //left tab image.
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
	
}

.mymenu li a b
{
	float: left;
	display: block;
	padding: 0 30px 0 2px; //menu items
}

.mymenu li.current a, .mymenu li a:hover{
	color: #fff;
	background: url(pics/menu/menub_hover_left.gif) no-repeat; //left tab image path
	background-position: left;
}

.mymenu li.current a b, .mymenu li a:hover b{
	color: #fff;
	background: url(pics/menu/menub_hover_right.gif) no-repeat right top; //right tab image path
}







.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060  no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: bold 12px Verdana;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #7DA2B9;
}