HTML {
	/* force scrollbar to prevent jumping (not fully cross-browser compatible) */
	overflow-y: scroll;
}

BODY {
	background: #000000;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#CCCCFF;
	scrollbar-shadow-color:#F3F3F3;
	scrollbar-face-color:#330099;
	scrollbar-highlight-color:#F3F3F3;
	scrollbar-dark-shadow-color:CCCCFF;
	scrollbar-3d-light-color:#9BAAC1;
	font-size: 11px; 			
	font-family: verdana, Arial, Geneva, sans-serif;
	margin: 0;
}

body.popup {
	background: #FFF;
	color: #000;
	margin: 30px;
}

.popup text, .popup td, .popup div, .popup p, .popup .copyright {
	color: #000;
}

text, tr, td, table, div, span, p {
	font-family: verdana, Arial, Geneva, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

html, body {
	height: 100%;
}

img {
	border: 0;
}

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #999999;
	margin: 0;
}
h2 {
	font-size: 14px;
	font-weight: normal;
	color: #999;
	margin: 0;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin: 0;
}

select {
	margin:3px;
	height:20px;
	width:185px;
	border:solid 0 #fff;
	background: transparent url("") no-repeat fixed; 
}
form {
	border:0;
	margin:0;
}
.floatRight {
	float: right;
	margin: 4px; 
	clear: none;
}

#site_wrapper {
	width: 755px;
	margin: auto;
	position:relative;
}

#site_wrapper td {
	color: #000;
}

#shopcircle {
	margin:0px;
	width:105px;
	height:105px;
	z-index: 3;
	position:absolute;
	left:80px;
	top:40px;
    margin-left:0px;
    padding:0px;
}

.menu {
	font-size: 9px;
	color: #cc3333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.menu a:link{
	font-size: 9px;
	color: #cc3333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.menu a:visited{
	font-size: 9px;
	color: #cc3333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.menu a:hover{
	font-size: 9px;
	color: blue;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.header
{
    COLOR: WHITE;
    FONT-FAMILY: Verdana, Arial NARROW, Helvetica, sans-serif;
    FONT-SIZE: 15pt;
    FONT-STYLE: Italic;
    FONT-WEIGHT: bold
}
.popup {
	color:#777777;
}
.popup a:link{
	color:#E3E3E3;
}
.popup a:hover {
	color:#888888;
}
.popup a:visited{
	color:#666666;
}
.quote
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
    FONT-SIZE: 7pt;
    FONT-STYLE: normal
}
.emergency
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal
}
.titletitle
{
    COLOR: #333366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold
}
.main_title
{
    COLOR: #003300;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 16pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold
}
.title_m2
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 13pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold
}
.title_m3
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Geneva, sans-serif;
    FONT-SIZE: 14px;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold
}
.title1
{
    COLOR: #333366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 13pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold
}
.title2
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: Italic;
    FONT-WEIGHT: bold
}
.title3
{
    COLOR: #663366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: italic;
    FONT-WEIGHT: bold
}
.buttons
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    HEIGHT: 20px;
    WIDTH: 68px
}
.suggestions
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal
}
.type_ad
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial NARROW, Helvetica, sans-serif;
    FONT-SIZE: 17pt;
    FONT-STYLE: Italic;
    FONT-WEIGHT: bold
}
.special_area
{
    COLOR: #003300;
    FONT-FAMILY: Verdana, Arial NARROW, Helvetica, sans-serif;
    FONT-SIZE: 13pt;
    FONT-STYLE: normal
    FONT-WEIGHT: bold
}
.type
{
	font-family: verdana, Arial, Geneva, sans-serif;			
    FONT-SIZE: 9pt;
    FONT-STYLE: normal
}
.type1
{
    COLOR: #663366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal
}
.type2
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal
}
.type2_status
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold
}
.box_title
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal
}
.type2_bold
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold
}
.type4
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10.5pt;
    FONT-STYLE: normal
}
.type5
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10.5pt;
    FONT-STYLE: normal
}
.type3
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal
}
.type3h
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8.5pt;
    FONT-STYLE: normal
}
.typetitle
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold
}
.typetitle4
{
    COLOR: #FF0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold
}
.copyright
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 7pt;
    FONT-STYLE: normal;
}
.tm
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 7pt;
    FONT-STYLE: normal;
}
.px
{
    COLOR: #009900;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 1pt;
    FONT-STYLE: normal;
}

A:active
{
    COLOR: #000033;
	font-size: 11px; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
}
A:link
{
	COLOR: Inherit;
	font-size: 11px;
	font-family: verdana, Arial, Geneva, sans-serif;
	text-decoration: underline;
}
A:visited
{
    COLOR: Inherit;
	font-size: 11px; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
    text-decoration: underline;
}
A:hover
{
    COLOR: Inherit;
	font-size: 11px; 			
	font-family: verdana, Arial, Geneva, sans-serif;
	text-decoration:underline;
}

.smtype
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal
}
.largeTextBox
{
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    WIDTH: 450px
}
.smallTextBox
{
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    WIDTH: 150px
}

.form
{
	font-family: verdana, Arial, Geneva, sans-serif;			
    font-size: 8pt;
    border-top: 1pt solid;
    border-right: 1pt solid;
    border-bottom: 1pt solid;
    border-left: 1pt solid
}

.sub		
{  	font-size: 9px; 			
	color: #000066; 			
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.sub a:link{
	font-size: 9px;
	color: yellow;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.sub a:visited{
	font-size: 9px;
	color: yellow;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.sub a:hover{
	font-size: 9px;
	color: blue;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.sub2		
{  	font-size: 9px; 
	color: #CC3333; 		
	font-family: Arial, Geneva, sans-serif;			
}

.sub3		
{  	
	font-size: 9px; 
	color: #006633; 			
	font-family: Arial, Geneva, sans-serif;			
}

.link		
{  	
	font-size: 11px; 			
	color: #000099; 			
	font-family: Arial, Geneva, sans-serif;			
}

.linkup		
{  	
	font-size: 12px; 			
	color: #660099; 			
	font-family: Arial, Geneva, sans-serif;			
}

.link2		
{  	
	font-size: 10px; 			
	color: #CC3333; 			
	font-family: Arial, Geneva, sans-serif;			
}

.link2up	
{  	
	font-size: 12px; 			
	color: #CC3333; 			
	font-family: Arial, Geneva, sans-serif;			
}

.link3		
{  	
	font-size: 10px; 			
	color: 000000; 			
	font-family: Arial, Geneva, sans-serif;			
}

.link3up	
{  	
	font-size: 12px; 			
	color: 000000; 			
	font-family: Arial, Geneva, sans-serif;			
}

.copy 		
{ 
	font-size: 11px; 			
	color: #000000; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
}

.copy2 		
{ 
	font-size: 11px; 			
	color: #999999; 			
	font-family: Arial, Geneva, sans-serif;			
}

.copyup 	
{ 
	font-size: 12px; 			
	color: #000000; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
}

.copyupffffff	
{ 
	font-size: 11px; 			
	color: #FFFFFF; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
}

.area 		
{ 
	font-size: 14px; 			
	color: #000000; 			
	font-family: Arial, Geneva, sans-serif;			

}

.title		
{  	
	font-size: 16px; 			
	color: #000000; 			
	font-family: Arial, Geneva, sans-serif;			
}

.shoptitle 	
{ 
	font-size: 12px; 			
	color: #000000; 			
	font-family: Arial, Geneva, sans-serif;			
}
.div
{
	background-color: #EEEEEE;
	font-size: 8pt;
	font-style: normal;
	font-family: verdana, Arial, Geneva, sans-serif;			
	padding: 8px;
	border: solid black 1px;
	margin-bottom: 4px;
}

.infoboxtable
{
	font-size: 9px;
	font-family: verdana, Arial, Geneva, sans-serif;			
	padding: 0px;
	border: solid black 1px;
	color: #000000;
}
.infobox
{
	font-size: 9px;
	font-family: verdana, Arial, Geneva, sans-serif;			
	padding: 0px;
	color: #000000;
	text-decoration: none;
}
.infobox a:link
{
	font-size: 9px;
	font-family: verdana, Arial, Geneva, sans-serif;			
	padding: 0px;
	color: #000000;
	text-decoration: underline;
}
.infobox a:visited
{
	font-size: 9px;
	font-family: verdana, Arial, Geneva, sans-serif;			
	padding: 0px;
	color: #000000;
	text-decoration: underline;
}
.infobox a:hover
{
	font-size: 9px;
	font-family: verdana, Arial, Geneva, sans-serif;			
	padding: 0px;
	color: #000000;
	text-decoration: underline;
}

.spaced {
	letter-spacing: 1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: inherit;
}
.toppage {
	font-size: 11px; 			
	color: #FFFFFF; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
}

.toppage a:link {
	font-size: 11px; 			
	color: #FFFF00; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: none;			
}

.toppage a:visited {
	font-size: 11px; 			
	color: #FFFF00; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: none;			
}

.toppage a:hover {
	font-size: 11px; 			
	color: #FFFFCC; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: underline;			
}

.lightblue {
	font-size: 11px; 			
	color: #00FFFF; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
}

.lightblue a:link {
	font-size: 11px; 			
	color: #00FFFF; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: underline;			
}

.lightblue a:hover {
	font-size: 11px; 			
	color: #FFFFCC; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: underline;			
}

.lightblue a:visited {
	font-size: 11px; 			
	color: #00FFFF; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: underline;			
}

.white {
	font-size: 11px; 			
	color: #FFFFFF; 			
	font-family: Verdana, Arial, Geneva, sans-serif;			
}
.white a:link {
	font-size: 11px; 			
	color: #FFFFFF; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: underline;			
}
.white a:visited {
	font-size: 11px; 			
	color: #FFFFFF; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: underline;			
}
.white a:hover {
	font-size: 11px; 			
	color: #ccccff; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: underline;			
}

.grey {
	font-size: 11px; 			
	color: #666666; 			
	font-family: Verdana, Arial, Geneva, sans-serif;			
}
.grey a:link {
	font-size: 11px; 			
	color: #666666; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: underline;			
}
.grey a:visited {
	font-size: 11px; 			
	color: #666666; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: underline;			
}
.grey a:hover {
	font-size: 11px; 			
	color: #FFFFFF; 			
	font-family: verdana, Arial, Geneva, sans-serif;			
	text-decoration: underline;			
}
.popup_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #777777;
	background-color: #FFFFFF;
}

.padded {
	padding: 10px;
}

.spaced {
	padding: 0 5px 0 5px;
	letter-spacing: 4px;
}

#botnav {
	background: #339933;
}

/* Custom overrides for specific pages */

.page_home #botnav {
	background: #339933;
}

.page_design #botnav {
	background: #006699;
}

.page_photo #botnav {
	background: #660066;
}

.page_video #botnav {
	background: #ffcc00;
}
.page_video #botnav a:link, .page_video #botnav a:visited {
	color: #cc0000;
}
.page_video #botnav a:hover {
	color: blue;
}

.page_art #botnav {
	background: #ffcc00;
}
.page_art #botnav a:link, .page_art #botnav a:visited {
	color: #cc0000;
}
.page_art #botnav a:hover {
	color: blue;
}

.page_about #botnav {
	background: #CC0033;
}
.page_about td, .page_about div, .page_about h3 {
	color: yellow;
}

