@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: 930px; 
left: 36px; 
top: 0px; 
background: #ffffff;
}

#top_menu {
position: relative; 
width: 930px; 
height: 126px; 
top: 0px; 
left: 0px; 
background: url(images/freeoscommerce_112/top_menu.jpg) top center;
}

#top_menu_links {
position: absolute; 
width: 425px; 
right: 35px;
margin-top: 193px; 
text-align: center;
color: #0b4995;
}

#content_wrapper {
position: relative; 
overflow: auto;
margin-top: 117px; 
/* margin-top: 188px;  */
background: url(images/freeoscommerce_112/box_middle.jpg) 200px 0px repeat-y;
}

#side_menu {
z-index: 6; 
position: relative; 
float: left; 
width: 200px;
padding-left: 0px; 
padding-right: 0px; 
padding-bottom: 25px; 
padding-top: 71px;
}

#content_wrapper2 {
z-index: 4;
position: relative; 
float: left; 
width: 713px;
min-height: 350px;
}

#content {
z-index: 5; 
position: relative; 
width: 622px; 
margin: 45px;
margin-top: 23px;
margin-bottom: 0px;
}

#content_box_top {
position: absolute; 
width: 713px; 
height: 330px; 
top: 0px; 
background: url(images/freeoscommerce_112/box_top.jpg) top center no-repeat;
}

#main_image {
z-index: -1; 
position: absolute; 
width: 930px; 
height: 188px; 
top: 126px; 
left: 0px; 
background: url(images/freeoscommerce_112/main_image.jpg) top center;
}

#website_name {
position: absolute; 
width: 376px; 
top: 40px; 
right: 35px; 
}

#tagline {
position: absolute; 
width: 376px; 
top: 113px; 
right: 35px; 
}

#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: 713px; 
height: 58px; 
left: 236px; 
background: url(images/freeoscommerce_112/box_bottom.jpg);
}

#footer {
z-index: 6;
position: relative; 
width: 850px; 
left: 50%;
top: -55px;
margin-left: -425px;
text-align: center; 
color: #CCC;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #CCC;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
}

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

a:hover {
	color: #0033CC;
	text-decoration: none;
}

/* 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: 0px; 
padding-bottom: 0px;
font-size: 11px;
font-weight: bold;
background: #09F;
color: #ffffff;
/* border: 1px solid #000000; */
}

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

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

TD.main, P.main {
  font-family: Verdana, sans-serif, Arial, ;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

TD.smallText A {
  color: #000;
  text-decoration: none;
}

TD.smallText A:hover {
  color: #4a83d1;
  text-decoration: underline;
}

.infoBox {
  background: #09F;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

IMG.padded {
	margin: 10px;
	border: 1px solid black;
}

/* Menu Styles */
DIV.menu {
	margin: 0;
	width: 200px;
	height: 100px;
	border: 0px;
}

DIV.menu a {
	position: relative;
	width: 200px;
	height: 25px;
	display: block;
	background: #09F;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight : bold;
	text-decoration: none;
	color: #FFF;
	line-height: 8px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
}

DIV.menu a:hover {
	width: 200px;
	height: 25px;
	display: block;
	background: #F3C;
	font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight : bold;
	text-decoration: none;
	color: #000;
	line-height: 8px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
}

DIV.menu a:visited {
	color: #FFF;
}

DIV.menu DIV.menu {
	visibility: hidden;	
	position: absolute;
	border: 0px;
	z-index: 99;
}

DIV.menu DIV.menu a {
	position: relative;
	width: 170px;
	height: 25px;
	display: block;
	background: #dedede;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight : bold;
	text-decoration: none;
	color: #000;
	line-height: 8px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	filter:alpha(opacity=85);
  	-moz-opacity:.85;
  	opacity:.85;
}

DIV.menu DIV.menu a:hover {
	position: relative;
	width: 170px;
	height: 25px;
	display: block;
	background: #f3f3f3;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight : bold;
	text-decoration: none;
	color: #000;
	line-height: 8px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

DIV.menu DIV.menu a:visited {
	color: #000;
}
/* End Menu Styles */

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  padding-top: 20px;
}

FONT.subHeading {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	color: #000000; 
}

SPAN.descriptionHeader {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #000000; 
}

.productListing {
	background: #09F;
	border: 1px solid #09F;
}

.productListing-heading, .productListing-heading a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #09F;
	color: #ffffff;
}

.productListing-data {
	background: #f8f8f9;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.menuButton {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-left: 12px;
	margin-right: 12px;
}

.cartText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

#indicator {
	position:absolute;
	left:50%;
	top:50%;
	z-index:100;
	display:none;
}