/************************************** GENERAL CSS *********************************/

* {

    margin: 0;

    padding: 0;

}

body {

    font-family: Helvetica, Arial, Sans-Serif;

    font-size: 12px;

    background-color: #3C6B5C;

}

a {

    text-decoration: underline;

    color: #af4b0b;

}

a:hover {

    color: #3c6b5c;

}

a:active {

  outline: none;

}



a.silverButton {

    background: transparent url(../images/layout/silver-btn.gif) no-repeat scroll top right;

    width: 108px;

	margin-top: 5px;

    color: #3C6B5C;

    display: block;

    font-family: Helvetica, Arial, Sans-Serif;

    Font-Weight: Bold;

    height: 38px;

    line-height: 38px;

    text-decoration: none;

    text-align: center;

	text-transform: lowercase;

}



a.silverButton:active {

    outline: none; /* hide dotted outline in Firefox */

}



a.silverButton:hover {

    color: #003771; 

}



a.orangeButton {

    background: transparent url(../images/layout/orange_btn.gif) no-repeat scroll top right;

    width: 150px;

	margin-top: 5px;

    color: white;

    display: block;

    font-family: Helvetica, Arial, Sans-Serif;

    font-size: 14px;

    Font-Weight: Bold;

    height: 38px;

    line-height: 38px;

    text-decoration: none;

    text-align: center;

	text-transform: lowercase;

}



a.orangeButton:hover {

    background: transparent url(../images/layout/orange_btn-ro.gif) no-repeat scroll top right;

    color: #FFFFFF;

}



a.orangeButton:active {

    outline: none; /* hide dotted outline in Firefox */

}





.divider {

    float: left;

    line-height: 31px;

    color: White;

    padding: 0 2px;

}



h1, h2 {

	color: #003771;

	font-family: Helvetica, Arial, Sans-Serif;

    font-size: 14px;

	margin-top: 15px;

	padding-bottom: 10px;

    Font-Weight: Bold;

}



h1 a {

    text-decoration: underline;

    color: #003771;

}

h1 a:hover {

    color: #EAB880;

}



.clear {

    clear:both;

    height:1px;

    overflow:hidden;

  }





/************************************* OVERALL ************************/

#full_area {

	background: url(../images/layout/bg-side-drop-shadows.gif) repeat-y;

    width: 1026px;

    margin: 0 auto;

}



#full_area_bottom {

	background: url(../images/layout/bottom-drop-shadow.gif) no-repeat;

	width: 1026px;

    margin: 0 auto;

	height: 50px;	

}

/************************************* HEADER ************************/

#header {

	height: 206px;	

	text-transform: lowercase;

	margin-left: 63px;

	margin-right: 63px;

}



#header a {

    text-decoration: none;

    color: #3C6B5C;

}



#header a:hover {

    color: white;

}



#logo {

	background: White url(../images/layout/logo.gif);

	position: absolute;

	width: 409px;

	height: 206px;

}

#loginArea {

	position:relative; 

	float: right;

	margin-top:40px;

    text-align: right;

}



#loggedinArea {

	position:relative; 

	float: right;

	margin-top:60px;

    text-align: right;

    color: #3C6B5C;

}



#loginArea .label, #loggedinArea .label {

	color: #3C6B5C;

}



#header p {

	position:relative;

	color: #F9E856;

	font-family: Helvetica, Arial, Sans-Serif;

	text-transform: none;

	font-style: italic;

    font-size: 17px;

    Font-Weight: bold;

    left:420px;

	top:185px;

	width: 500px;

}



/***************************** NAVIGATION **********************************/

#nav {

    color: White;

}



#nav ul.top {

	position: absolute;

	top: 80px;

	right: 0px;

	width: 700px;

	background-color: #003771;

	font-family: Helvetica, Arial, Sans-Serif;

	text-transform: lowercase;

}



#nav .top .left

{

	background: url(../images/layout/blue-menu.gif);

	width:10px;

}



ul.top ul.sub {

 visibility: hidden;

 position: absolute;

 top: 100%;

 left: 0;

 z-index: 598;

 width: 100px;

 background-color: #F9AB53;

}



ul.top ul.sub ul.side{

 visibility: hidden;

 position: absolute;

 top: 0px;

 left: 0;

 z-index: 598;

 width: 100px;

 background-color: #F9AB53;

 margin-left: 100px;

}



ul.top li:hover > ul.sub {

 visibility: visible;

}



ul.top ul.sub li:hover > ul.side {

 visibility: visible;

}



#nav ul.top li a, #nav ul.top li

{

	background-color: #003771;

    color: White;

}



#nav .top li a:hover

{

	color: #F9AB53;

}



ul.top li ul.sub a {

	

    line-height: 20px;

	width: 100px;	

}



#nav ul.top li ul.sub li a, #nav ul.top li ul.sub li

{

	background-color: #F9AB53;

    color: White;

}



#nav ul.top li ul.sub li a:hover

{

	color: #003771;

}







#nav ul.bottom {

	position: absolute;

	top: 112px;

	right: 0px;

	background-color: #F9AB53;

	font-family: Helvetica, Arial, Sans-Serif;

	text-transform: lowercase;

}



#nav .bottom .left 

{

	background: url(../images/layout/orange-menu.gif);

	width:10px;

}



#nav .bottom li a, #nav .bottom li 

{

	background-color: #F9AB53;

    color: White;

}



#nav .bottom li a:hover

{

	color: #003771;

}



/****************************************** CART LINK ****************************************/

#nav ul.top #cart {

	float: right;	

	margin-left:105px;

	width: 100px;

	position: relative;

}



#nav ul.top #cart a {

	background: url(../images/layout/view-cart.gif) no-repeat 63px;

    color: White;

    font-size: 12px;

    outline: none; /* hide dotted outline in Firefox */

}



#nav ul.top #cart a:hover {

	background: url(../images/layout/view-cart-ro.gif) no-repeat 63px;

	color: #F9AB53;

    outline: none; /* hide dotted outline in Firefox */

}



#nav ul.top #cart a .cartText {

	line-height: 16px;	

}



#nav ul.top #cart a .cartText .cartQty {

    font-style: italic;

}

	





/* Overarching Menu

-----------------------------------*/

.cssnav {

    position:relative; 

}

.cssnav ul {

    padding:0;

    margin:0;

    list-style-type:none;

}



.cssnav li a,.cssnav li.currentpage li a {

    text-decoration: none;

}

/*	Main list 

-----------------------------------*/

.cssnav li {

    float:left;

    position:relative;

    color: white;

    font-size: 12px;

    line-height: 32px;

}

/*	Main list 

-----------------------------------*/



/* Visibility */

.cssnav ul li:hover ul {

    visibility: visible; 

    z-index: 1001;

}



/*	First Level

-----------------------------------*/

/* Links */

.cssnav a, .cssnav a:visited {

    display:block;

    text-decoration:none;

    color:White;

    line-height:32px;

    padding: 0 6px;

    background-image: none;

    background-color: black;

}

/* Links on hover */

.cssnav a:hover, .cssnav ul ul a:hover{

    background-color:#941515;

    background-image: none;

}



#leftnav {

    position:relative; 

    height: 500px;

    background-color: #598879;

}

#leftnav ul {

    padding:0;

    margin:0;

    list-style-type:none;

}



#leftnav li a {

    text-decoration: none;

    color: #FFFFFF;

}

/*	Main list 

-----------------------------------*/

#leftnav li {

    position:relative;

    color: white;

    font-size: 12px;

    line-height: 16px;

    padding: 3px 0px 3px 10px;

    border-bottom: 1px solid #88baaa;

	background-color: #598879;

}





#leftnav li.products {

	color: white;

	font-size: 14px;

	font-weight: bold;

	padding-top: 4px;

	width: 141px;

	background: url(../images/layout/menu-header.gif) no-repeat;

}



#leftnav li.moreinfo {

	color: white;

	font-size: 14px;

	font-weight: bold;

	padding-top: 4px;

	width: 141px;

	height: 17px;

	background-color: #416c60;

}





#leftnav ul.product-menu {

	font-family: Helvetica, Arial, Sans-Serif;

}







#leftnav .product-menu li a, #leftnav .product-menu li a:active, #leftnav .product-menu li a:link, #leftnav .product-menu li a: visited

{

	background-color: #598879;

    color: #ffffff;

}



#leftnav .product-menu li a:hover

{

	color: #f7a952;

}



div#leftnav ul.product-menu li.space {  

    line-height: 3px;

    background-color: #3C6B5C;

    border-bottom: 1px solid #88baaa;

}



/*	Main list 

-----------------------------------*/



/* Visibility */

#leftnav ul li:hover ul {

    visibility: visible; 

    z-index: 1001;

}



/*	First Level

-----------------------------------*/

/* Links */

.cssnav a, .cssnav a:visited {

    display:block;

    text-decoration:none;

    color:White;

    line-height:32px;

    padding: 0 6px;

    background-image: none;

    background-color: black;

}

/* Links on hover */

.cssnav a:hover, .cssnav ul ul a:hover{

    background-color:#941515;

    background-image: none;

}

/************************************* FOOTER ************************/

#footer {

    clear: both;

    text-align: left;

    padding: 2px 8px 8px 8px;

    font-size: 10px;

    color: #FFFFFF;

    

	margin-left: 63px;

	margin-right: 63px;

}

#footer a {

    text-decoration: none;

    color: #FFFFFF;

}

#footer a:hover {

    text-decoration: underline;

    color: #0A4633;

}



#main_content_top {

	background: url(../images/layout/top-content.gif) no-repeat;

	height: 7px;

	width: 750px;

}



#main_content {

	background-color: white;

    padding: 30px;

	width: 689px;



}



#admin_main_content_top {

	background: url(../images/layout/admin-top-content.gif) no-repeat;

	height: 7px;

	width: 900px;

	margin: 0 auto;

}



#admin_main_content {

	background-color: white;

	width: 880px;

	margin: 0 auto;

	padding: 10px;

}



#bodywrapper {

	width: 900px;

	margin: 0 auto;

}



/************************************* Product Page ************************/

.blueLabel {

	color: #003771;

	font-family: Helvetica, Arial, Sans-Serif;

    font-size: 12px;

    Font-Weight: Bold;

}



.underlineLabel {

	color: #88BAAA;

	font-family: Helvetica, Arial, Sans-Serif;

    font-size: 12px;    

    text-decoration: underline;

}



.redLabel {

	color: red;

	font-family: Helvetica, Arial, Sans-Serif;

    font-size: 12px;

    Font-Weight: Bold;

}



.productBody {

	margin-bottom: 20px;

	margin-top: 30px;

}



.productImage {

	float: left;

		border: 1px solid #cccccc;

	margin: 10px;

	padding: 5px;

	margin-right: 40px;

}



.productDescription {

	float: left;

	width: 400px;

}



.productCart {

	margin-top: 20px;

}



.productCart .blueLabel {

    text-transform: uppercase;

}



.smallText {

	width: 23px;

}



/************************************* Tables ************************/

table.styled {

  border-collapse: collapse;

  width: 850px;

  margin-top: 15px;

}

table.styled th {

  text-align: left;

  color: #3c6b5c;

  font-family: Helvetica, Arial, Sans-Serif;

  font-size: 12px;

  font-weight: Bold;

}



table.styled tbody tr.alt {

  background-color: #EEEEEE;

}

table.styled td {

  padding: 4px;

}



#photoArea {

  	text-align: center;

	width: 600px;

    margin: 0 auto;

	margin-top: 20px;

}



.categoryArea {

	padding-left: 20px;

	margin-bottom: 5px;

}



.separator {

    width: 800px;

    height: 1px;

    margin-top: 15px;

    margin-bottom:15px;

    border-bottom: 1px solid #3C6B5C;

}



#videoBox {	

	position: absolute;	

	left: 0; 

	top: 40px; 

	width: 100%; 

	z-index: 100; 

	text-align: center; 

	line-height: 0;

}

#videoContainer{ 

	position: relative; 

	background-color: #fff; 

	width: 500px; 

	height: 400px; 

	margin: 0 auto; 

	padding-top: 20px;

}

#videoCloser {

	float: right;

	margin-top: 15px;

	margin-right: 20px;

}



#infoPopup {	

	background-color: White;

	position: absolute;	

	left: 500px; 

	width: 300px; 

	z-index: 1000; 

	text-align: center; 

	border: 1px solid black;

}





#fade {

	background: #000;

	position: fixed;

	width: 100%;

	height: 100%;

	filter:alpha(opacity=80);

	opacity: .80;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/

	left: 0;

	top: 0;

	z-index: 10;

}





#hideshow {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

.popup_block {

	background: #ddd;

	padding: 10px;

	border: 3px solid #598879;

	float: left;

	width: 545px;

	position: fixed;

	top: 20%;

	left: 50%;

	margin: 0 0 0 -250px;

	z-index: 1000;

}

.popup_block .popup {

	float: left;

	width: 90%;

	background: #fff;

	margin: 10px;

	padding: 0px;

	border: 1px solid #bbb;

}



div#preloaded-images {

   position: absolute;

   overflow: hidden;

   left: -9999px; 

   top: -9999px;

   height: 1px;

   width: 1px;

}



.question {

	color: #598879;

	font-weight:bold;

	line-height: 25px;

}



.answer {

	padding: 0px 20px 20px 20px;

}



.lightbox {

	border: 1px solid #cccccc;

	margin: 10px;

	padding: 5px;



}