@charset "utf-8";

/* CSS Document

	Copyright (c) Freeoscommerce.com 2009

	This file is part of a freeoscommerce.com template.	 Please	visit http://www.freeoscommerce.com	for	licensing and other	information.
*/

html {
height:	100%;
} 
body {
height:	100%;
background:	#58a9d7;
margin:	0px;
font-family: Verdana, Arial, Helvetica,	sans-serif;
font-size: 12px; 
color: #000000;
}

#wrapper1 {
z-index: 0;	
position: relative;	
width: 100%; 
background:	#ffffff;
}
#background_top	{
z-index: 1;	
position: absolute;	
width: 100%; 
top: 0px; 
left: 0px; 
height:	644px; 
background:	url(images/freeoscommerce_112/background.jpg) top center repeat-x;
}
#wrapper2 {
z-index: 2;	
position: relative;	
width: 1003px; 
top: 0px; 
left: 50%; 
margin-left: -501px;
}
#wrapper3 {
z-index: 1;	
position: relative;	
width: 927px; 
left: 38px;	
top: 0px; 
background:	#ffffff;
}
#top_menu {
position: relative;	
width: 927px; 
height:	10px; 
top: 0px; 
left: 0px; 
background:	url(images/freeoscommerce_112/top_menu.jpg)	top	center;
}
#top_menu_links	{
position: absolute;	
width: 747px; 
left: 180px;
margin-top:	203px; 
color: #0b4995;
}
#content_wrapper {
position: relative;	
overflow: auto;	
margin-top:	127px; 
background:	url(images/freeoscommerce_112/box_middle.jpg) 222px	0px	repeat-y;
}
#side_menu {
position: relative;	
float: left; 
width: 150px; 
padding-left: 36px;	
padding-right: 36px; 
padding-bottom:	25px; 
padding-top: 15px;
}
#content_wrapper2 {
z-index: 4;
position: relative;	
float: left; 
width: 641px; 
min-height:	350px;
}
#content {
z-index: 5;	
position: relative;	
width: 650px; 
margin:	20px; 
margin-bottom: 0px;
}
#content_box_top {
position: absolute;	
width: 691px; 
height:	93px; 
top: 0px; 
background:	url(images/freeoscommerce_112/box_top.jpg) top center no-repeat;
}
#main_image	{
z-index: -1; 
position: absolute;	
width: 927px; 
height:	124px; 
top: 86px; 
left: 0px; 
background:	url(images/freeoscommerce_112/main_image.jpg) top center;
}
#website_name {
position: absolute;	
width: 500px; 
top: 30px; 
right: 40px; 
text-align:	left; 
font-size: 25px; 
color: #58a9d7;
}
#left_shadow {
position: absolute;	
width: 38px; 
height:	624px; 
left: 0px; 
top: 0px; 
background:	url(images/freeoscommerce_112/left_shadow.jpg) top center;
}
#right_shadow {
position: absolute;	
width: 38px; 
height:	624px; 
right: 0px;	
top: 0px; 
background:	url(images/freeoscommerce_112/right_shadow.jpg)	top	center;
}
#bottom_stripe {
position: relative;	
width: 100%; 
height:	88px; 
top: 0px; 
background:	url(images/freeoscommerce_112/bottom_stripe.jpg) top center	repeat-x;
}
#content_box_bottom_wrapper	{
z-index: 1;	
position: relative;	
width: 1003px; 
top: 0px; 
left: 50%; 
margin-left: -501px;
}
#content_box_bottom	{
z-index: 2;	
position: relative;	
width: 641px; 
height:	58px; 
left: 310px; 
background:	url(images/freeoscommerce_112/box_bottom.jpg);
}
#footer	{
z-index: 6;
position: relative;	
width: 900px; 
left: 50%;
top: -55px;
margin-left: -450px;
text-align:	center;	
color: #ffffff;
}

a:link {
	color: #4a83d1;
	text-decoration: none;
}
a:visited {
	color: #4a83d1;
	text-decoration: none;
}
a:hover	{
	color: #0033CC;
	text-decoration: none;
}
a:active {
	color: #4a83d1;
	text-decoration: none;
}

#top_menu_links	span {
margin-left: 12px;
margin-right: 12px;
}

/* Hide	icons in page headings */
#pageIcon, td.pageHeading img {
display: none;
}

h1 {
font-size: 14px;
font-weight: bold;
}
h2 {
font-size: 13px;
font-weight: bold;
}
h3 {
font-size: 12px;
font-weight: bold;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 12px;
}

hr.accessibility {
height:	1px;
color: #000000;
}

td.infoBoxHeading {
padding-top: 10px; 
padding-bottom:	0px;
font-size: 12px;
font-weight: bold;
}

td.pageHeading {
padding-top: 5px;
padding-bottom:	10px;
font-size: 14px;
font-weight: bold;
}

div#navigation {
margin-top:	0px;
margin-bottom: 15px;
}


.glossymenu, .glossymenu li	ul{
list-style-type: none;
margin:	0;
padding: 0;
width: 200px; /*WIDTH OF MAIN MENU ITEMS*/
/* border: 1px solid black;	*/
}

.glossymenu	li{
position: relative;
left: -22px;
}

.glossymenu	li a{
background:	white url(glossyback.gif) repeat-x bottom left;
font: bold 12px	Verdana, Helvetica,	sans-serif;
color: white;
display: block;
width: auto;
padding: 15px 0;
padding-left: 10px;
text-decoration: none;
margin:	0px;
margin-right: 0px;
}

.glossymenu	li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 50px;
top: 0;
display: none;
}

.glossymenu	li ul li{
float: left;
}

.glossymenu	li ul a{
width: 170px; /*WIDTH OF SUB MENU ITEMS	- 10px padding-left	for	A elements */
}

.glossymenu	.arrowdiv{
position: absolute;
right: 2px; 
background:	transparent	url(arrow.gif) no-repeat center	right;
}

.glossymenu	li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu	li a:hover{
background-image: url(glossyback2.gif);
}


.urbangreymenu{
position: relative;
left: -10px;
top: 5px;
width: 180px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #a0a8a8 url(arrowstop.gif) 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 .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.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: normal 12px Arial;
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: black;
}