body { 
	font-family: Tahoma;
	/*background-color: #000000; 
	background-image: url(../images/bg1.jpg);
	background-repeat: repeat-x;*/
	margin: 0; 
	padding: 0;
	 }

p {
	text-align:justify;
}

.cbg {
	background-image: url(../images/content_bg.png);
}

.clearglass {
	background-image: url(../store_img/clear_glass.jpg);
}

.obsglass {
	background-image: url(../store_img/obs_glass.jpg);
}

.fexhide {
	display: none;
}

.fexshow {
	display: table-row;
}

.f1hide {
	display: none;
}

.f1show {
	display:table-row;
}

td { }

a:link { 
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover { 
	text-decoration:underline;
}

a:active { }

.content {
	font-family: Tahoma;
	font-size: 14px;
	text-align: left;
	padding-left: 15px;	
	vertical-align: top;
}

ul
{
	cursor: default;
	list-style: none;
}

.info { 
	font-size:10px;
	width: 130px; 
	background-color: #FF9;
	padding: 5px;
}

#cterror {
	font-family: Tahoma;
	font-size: 14px;
	background-color: #fcfe50;
}

.bullet {
	background: url('../images/pic_3.png');
	background-position: center center;
	background-repeat: no-repeat;
	width: 109px;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	min-height: 107px;
}

.bline {
	border-bottom: 1px solid #999999;
	padding-top: 10px;
	padding-bottom: 10px;
}

.left {
	border-right: 1px solid #999999;
	width: 50%;
}

.imglft {
	float: left;
	padding-right: 8px;
}

.right {
	padding-left: 4px;
}

.imgrgt {
	float: right;
	padding-left: 8px;
}
h1 {font-size:16px;
	color: #3f6d92;
}

h2 {font-size:24px;
	color:#3f6d92;
}

h3 {font-size:16px;
	color: #3f6d92;
}

h4 {
	font-size: 16px;
	color: red;
}

h5 {
	font-size: 16px;
	color: #3063A5;
}

h6 {
	font-size: 26px;
	color: #3063A5;
}

.fineborder {
	border: 1px solid #D3CAA9;
	padding: 2px;
	width: 186px;
	margin-bottom: 12px;
}
.cert { 
	height: 116px; 
}

.consheader {
	color: #4894d3;
	font-weight: bold;
	font-size: 14px;
}

.footer, .fm a {
	font-family: Tahoma;
	font-size: 10px;
	color: #FFFFFF;
}

.hidden {
	display:none;
	overflow:hidden;
}

.red {
	color:#F00;
}

#keywords a {
	font-family: Tahoma;
	text-decoration: none;
	color:#FFF;
	width:258px;
}
.tm_m {
	font-family: Tahoma;
	color: #000;
}
.tm_c {
	font-family: Tahoma;
	color: #000;
	font-style:italic;
	font-weight: bold;
	text-align: right;
}
#price {
	font-family: Tahoma;
	color:#F00;
	font-size:26px;
	font-weight: bold;
}

#bayprice {
	font-family: Tahoma;
	color:#F00;
	font-size:26px;
	font-weight: bold;
	padding-top: 50px;
}

.s {
	font-weight: bold;
	color: #FFF;
	vertical-align:middle;
}

.b {
	font-weight: bold;
}

.blue {
	background-color:#03F;
}

.blue_bay {
	border: solid thick #F60;
	background-color: #03F;
}

.bayheader {
	border: 0;
	width: 100%;
	font-weight: bold;
	colour: #FFF;
	background-color: #F60;
}
.angle1.input {
	width: 75px;
	color: #555555; 
	font-style: italic;
}

#fb-root{
	padding-left: 23px;
}

/*----- TOOL TIP -----*/

.navtext {
	text-align:left; 
	width:235px; 
	font: 9pt sans-serif; 
	background-color: #6DB1DE; 
	color: #FFFFFF; 
}

/*----- LIGHTBOX -----*/

#lightbox{	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}

#lightbox img{ 
	width: auto; 
	height: auto;
}

#lightbox a img{ 
	border: none; 
}

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}

#imageContainer{ 
	padding: 10px; 
}

#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}

#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer, #hoverNav{ 
	left: 0;
}

#hoverNav a{ 
	outline: none;
}

#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif);
	/* Trick IE into showing hover */ 
	display: block;
}

#prevLink { 
	left: 0; 
	float: left;
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink { 
	right: 0; 
	float: right;
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; 
}

#imageData{	
	padding:0 10px; 
	color: #666; 
}

#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#imageData #caption{ 
	font-weight: bold;	
}

#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
	color: red;
	font-weight: bold;	
}			

#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}	 	

#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
}

/* FORM */

div.contact_form
{
  font-family: Verdana, Sans-Serif;
  font-weight: 900;
  font-size:  11px;
  color: #404040;
}

div.contact_form input,
div.contact_form textarea
{
  font-family: Verdana, Sans-Serif;
  font-size: 1.2em;
}
div.contact_form form,
div.contact_form table,
div.contact_form td,
div.contact_form th    { margin: 0px; padding: 0px; vertical-align: top; text-align: left; }

div.contact_form table { border-collapse: collapse; }
div.contact_form th    { padding: 0px 10px 3px 0px; }
div.contact_form td    { padding: 0px  0px 3px 0px; }

div.contact_form img   { margin-left: 5px; }

div.contact_form em
{
  text-decoration: none;
  font-style:  normal;
  font-weight: 900;
  color: #004080;
}

div.contact_form  em.error, div.contact_form form em { color: #FF0000; }
div.contact_form div.error { margin-bottom: 15px; }

div.contact_form div.input { float:  left; }
div.contact_form select    { width: 250px; }

/* -- Blue Menu -- */
.menu {
	font-family: "Trebuchet MS", Arial, san-serif;
	width:492px;
	height:62px;
	position:relative;
	font-size:11px;
	margin: 0;
	padding-left: 134px;
/*  z-index:1000;*/
}
.menu ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	width:81px; 
	height:42px; 
	text-align:center;
	border-bottom: 0;
	background-image:url('../images/center.png');
	line-height:48px; 
	font-size:11px; 
	overflow:hidden;
	padding-left: 1px;
}
/* End Caps Styling */
.menu .left_nosub {
	background-image:url('../images/left.png');
	padding-left: 1px;
	margin-right: -1px;
}
.menu .right_hassub {
	background-image:url('../images/right.png');
}
.menu .right_nosub {
	background-image:url('../images/right.png');
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* Button ":hover" Styling */
.menu ul li:hover a {color:#043454; background:url('../images/center_hassub.png');}
.menu ul li:hover ul {display:block; position:absolute; top:42px; left:0; width:152px; margin: 0; padding: 0;}
.menu ul li:hover ul li a.center_hassub {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.center_hassub {background:#6fc; color:#544a3a;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover .left_nosub {color:#043454; background:url('../images/left_nosub.png');}
.menu ul li:hover .right_hassub {color:#043454; background:url('../images/right_hassub.png') ;}
.menu ul li:hover .right_nosub {color:#043454; background:url('../images/right_nosub.png') ;}

/* DropDown Styling */
.menu ul li:hover ul li a {background-image: none; display:block; height: 28px; line-height: 26px; color:#043454; width:142px; text-align:left; margin: 0; padding:0 0 0 11px;font-weight:normal;}
.menu ul li:hover ul {
	margin: 0 0 0 3px;
	padding: 0;
	background-image:url('../images/dropdown.png');
	background-repeat:no-repeat;
	background-position:bottom left;	
}

/* DropDown Menus ":active" or "Selected" Styling */
.menu ul li:hover ul .sub_active {
	background-image:url('../images/sub_active.png');
	margin-right: 1px;
}

/* DropDown Menus ":hover" Styling */
.menu ul li:hover ul li a:hover {color:#fff; background-image:url('../images/sub_hover.png');}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}