﻿BODY
{
    margin: 0px;
    background: url(../images/stretch.gif) repeat-x;
    background-color: #f1f7f8; /* background: #f7f5f4 url("../images/bg.gif") repeat-x;*/
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#out-frame
{
    width: 1000px;
    min-height: 650px;
    margin-right: auto;
    margin-left: auto;
    background-color: White;
    margin-top: 20px;
   _padding-bottom:0px;
    padding-bottom:20px;
    
}
#layoutout-frame
{
    width: 1000px;
    min-height: 500px;
    margin-right: auto;
    margin-left: auto;
    background-color: White;
    margin-top: 20px;
  _padding-bottom:0px;
    padding-bottom:15px;
    border:solid 0px red;
    
}

#frame
{
    width: 960px;
    min-height: 550px;
    margin-right: auto;
    margin-top: 20px;
    margin-left: auto;
}

#layoutframe
{
    width: 960px;
    min-height: 400px;
    margin-right: auto;
    margin-top: 20px;
    margin-left: auto;
    border:solid 0px red;
}

/*----------------------------------sapretor----------------------------*/
.sapretor
{
    width: 20px;
    height: 20px; /*background-color:Maroon;*/
    float: left;
}

.smallText
{
    font-size: 12px;
    color:#464646;/* #65462a;*/
    line-height: 16px;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    text-align: justify;
}


#header
{
    width: 960px;
    min-height: 125px;
    height: 125px; /*background-color:White;*/
    margin-right: auto;
    margin-left: auto;
    float: left;
}


#layoutheader
{
    width: 960px;
    min-height: 25px;
    height: 25px; /*background-color:White;*/
    margin-right: auto;
    margin-left: auto;
    float: left;
}

#header-left
{
    width: 200px;
    float: left;
    background-color: white;
    padding: 20px 0px 0px 0px;
}

#header-right
{
    width: 753px;
    float: left;
    background-color: white;
    height: 200px;
}

#header-right-top
{
    width: 753px;
    float: left;
    background-color: #ffffff;
    height: 20px;
    margin-top: 50px;
    text-align: right;
    color: #65462A;
    padding-top: 10px;
}

#layoutheader-right-top
{
    width: 753px;
    float: left;
    background-color: #ffffff;
    height: 20px;
    margin-top: 0px;
    text-align: right;
    color: #65462A;
    padding-top: 0px;
}

/*only menu strt's from here*/
#header-right-top a
{
    font-weight: bold;
    font-size: 12px;
    color: #65462a;
    text-decoration: none;
    outline: none;
    padding:2px;
}
#header-right-top a:visited
{
    font-weight: bold;
    font-size: 12px;
    color: #65462a;
    text-decoration: none;
    outline: none;
    
  
}
#header-right-top a:hover
{
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    outline: none;
    background-color:#613916;
    padding:2px;
    
}
#header-right-top a:active
{
    font-weight: bold;
    font-size: 12px;
    color: #18b8da;
    text-decoration: none;
    outline: none;
    
}

#layoutheader-right-top a
{
    font-weight: bold;
    font-size: 12px;
    color: #65462a;
    text-decoration: none;
    outline: none;
    padding:2px;
}
#layoutheader-right-top a:visited
{
    font-weight: bold;
    font-size: 12px;
    color: #65462a;
    text-decoration: none;
    outline: none;
    
  
}
#layoutheader-right-top a:hover
{
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    outline: none;
    background-color:#613916;
    padding:2px;
    
}
#layoutheader-right-top a:active
{
    font-weight: bold;
    font-size: 12px;
    color: #18b8da;
    text-decoration: none;
    outline: none;
    
}

/*-----------------------menu-heading-highlight------------------------*/
.menu-heading-highlight
{
    font-weight: bold;
    font-size: 12px;
    color: #18b8da;
    text-decoration: none;
    outline: none;
}

/*top menu ends*/

/*-------------------------header-right-middle----------------------------*/

#header-right-middle
{
    width: 753px;
    background-color: #ffffff;
    height: 20px;
    text-align: right;
    color: #000000;
    padding-top: 10px;
    border: solid 0px black;
    float: none;
}


#header-right-middle A
{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    outline: none;
}
#header-right-middle A:visited
{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    outline: none;
}
#header-right-middle A:hover
{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: underline;
    outline: none;
}
#header-right-middle A:active
{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: underline;
    outline: none;
}

/*-----------------------end--header-right-middle------------------------------*/


/*----------------------------------page----------------------------------*/

#page
{
    width: 960px;
    min-height: 550px;
    margin-right: auto;
    margin-left: auto;
    float: left;
    background: #a3907f url("../images/gradientMain.gif") repeat-x;
    border: solid 0px red;
    _margin-top:-80px;
}

#layoutpage
{
    width: 960px;
    min-height: 500px;
    margin-right: auto;
    margin-left: auto;
    float: left;
    background: #a3907f url("../images/gradientMain.gif") repeat-x;
    border: solid 0px red;
    _margin-top:-170px;
}

/*----------------top-heading------------------*/

.page-top-heading
{
    width: 960px;
    height: 50px; /*background-color:Orange;*/
    float: left;
}

.page-top-heading-right
{
    width: 370px;
    height: 50px; /*background-color:Orange;*/
    float: right;
    font-size: 1.6em;
    color: #65462a;
}
.page-right-heading
{
    font-size: 1.6em;
    color: #65462a;
    width:100%;
    text-align:center;
}

/*---------------------------------Page-left-image-holder-------------------*/

#Page-left-image-holder
{
    width:530px;
    min-height:340px;
    /*background-color:Red;*/
    float:left;
}

#Page-right-block
{
    width:370px;
    min-height:347px;
    float:left;
}
/*-------------------------page-right-block-tabular-------------------------------------*/
.page-right-block-tabular
{
    width:100%;
    margin-top:0px;
}
.page-right-block-tabular table
{
    border-collapse:collapse;
    margin-top:0px;
}
.page-right-block-tabular-td-heading-left
{
    text-align:right;
    padding-right:30px;
    background-color:white;
    color:#18b8da;
    font-size:12px;
    font-weight:bold;
    width:20%;
}

.page-right-block-tabular-td-heading-right
{
    text-align:left;
    background-color:white;
    color:#18b8da;
    font-size:12px;
    font-weight:bold;
}

.page-right-block-tabular-td
{
    text-align:right;
    padding-right:20px;
    background-color:blue;
}


.txtCyanMediumBold
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 15px;
    color: #18b8da;
    font-weight: bold;
}

/*-----------------------------itineraryTableRow---------------------------------*/


.itineraryTableRow
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: black;
    padding-top:4px;
    padding-bottom:4px;
    vertical-align:top;
    height:25px;
}

/*--------------------------footer--------------------------*/
#galleherfooter
{
    font-size: 0.88em;
    text-align:center;
    float: left;
    height: 20px;
    color: #65462a;
    text-align:center;
    padding-top: 10px;
    width: 960px;
}
#footer
{
    font-size: 0.8em;
    width: 960px;
    min-height: 80px;
    float: left;
    height: 80px;
    text-align: center;
    color: #65462a;
    
}
#footer-left
{
    font-size: 1em;
    width: 430px;
    min-height: 80px;
    float: left;
    height: 80px;
    text-align: right;
    color: #005d81;
    padding-top: 5px;
    
}
#footer a
{
	text-decoration:none;
	color: #005d81;
}
#footer-middle
{
    width: 100px;
    min-height: 80px;
    float: left;
    height: 80px;
    text-align: center;
}

#footer-right
{
    font-size: 1em;
    width: 430px;
    min-height: 80px;
    float: left;
    height: 80px;
    text-align: left;
    color: #65462a;
    padding-top: 5px;
    text-decoration:none;
}

/*---------------end--footer-------------*/


/*-----------------------form--------------*/

.formDropDown {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	font-weight: normal;
	width: 140px;
	height:18px;
	line-height: normal;
	color: #65462a;
	border: 1px #65462a solid;
	background-color: white;
}

.formButton {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	font-weight: bold;
	width:70px;
	height:20px;
	line-height: normal;
	text-indent:2px;
	color: white;
	border: 1px #65462a solid;
	background-color: #65462a;
}

.formTextBoxCyan {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 170px;
	height:15px;
	line-height: normal;
	text-indent:2px;
	color: #65462a;
	border: 1px #005d81 solid;
	background-color: white;
}

.formTextBoxNewsLetter {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 230px;
	height:20px;
	line-height: normal;
	text-indent:2px;
	color: #999999;
	border: 1px #d6d7d8 solid;
	background-color: white;
}

.formButtonCyan {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	font-weight: bold;
	width:70px;
	height:20px;
	line-height: normal;
	text-indent:2px;
	color: white;
	border: 0px #18b8da solid;
	background-color: #18b8da;
}

.formButtonWhite {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	font-weight: bold;
	width:70px;
	height:20px;
	line-height: normal;
	text-indent:2px;
	color: #18b8da;
	border: 0px White solid;
	background-color: White;
}

.formDropDownCyan {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	font-weight: normal;
	width: 165px;
	height:18px;
	line-height: normal;
	color: #005d81;
	border: 1px #005d81 solid;
	background-color: white;
}

.txtRed
{
    color:red;
}

.txtBrownSmallBold
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    color: #65462a;
    font-weight: bold;
}

/*-----------------events-------------------------*/
.Page-left-image-events
{
    width:450px;
    min-height:340px;
    /*background-color:Red;*/
    float:left;
}

.page-top-heading-events
{
    width: 960px;
    height: 40px; /*background-color:Orange;*/
    float: left;
    font-size: 1.6em;
    color: #65462a;
    text-align:center;
}

.Page-left-events
{
    width:450px;
    min-height:100px;
    /*background-color:yellow;*/
    float:left;
    margin-bottom:10px;
}

.Page-left-events-image
{
    width:133px;
    min-height:100px;
    background-color:green;
    float:left;
    border:solid 3px white;
}
.Page-left-events-rightside
{
    width:287px;
    /*background-color:Orange;*/
    float:left;
    padding:5px;
}

.Page-left-events-discription
{
    font-size: 12px;
    color:#464646;/* #65462a;*/
    line-height: 16px;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    text-align: justify;
}

#bottom
{
    width:25px;
    height:400px;
}


/*-------------------------clients--------------------------------*/

.page-top-heading-clients
{
    width: 960px;
    height: 40px; /*background-color:Orange;*/
    float: left;
    font-size: 1.6em;
    color: #65462a;
    text-align:center;
}

.clients
{
    /*background-color:Purple;*/
    font-size:12px;
}

.clients table
{
    /*background-color:black;*/
    border-collapse:collapse;
    color:#65462a;
    margin-top:10px;
    text-align:center;
}

.clients table tr
{
    /*background-color:black;*/
    border-top:Dotted 1px #18b8da;
    color:#65462a;
    clear:right;
}

.clients table td
{
    /*background-color:black;*/
    border:Dotted 1px #18b8da;
    color:#65462a;
    clear:right;
}

.clientsTableBG
{
    background-color:#d9e7ea;
}

.heading-top
{
    width: 100%;
    /*height: 150px; background-color:Orange;*/
    float: left;
    font-size: 1.6em;
    color: #65462a;
    margin-top:20px;
 }

.leftspace 
{
    width: 20px;
    height: 15px; /*background-color:Maroon;*/
    float: left;
}

#Page-content
{
    width:920px;
    min-height:347px;
    float:left;
}

.errorMessage {
	display : block;
	font-weight : normal;
	margin : 5px 0;
	color: RED;
	font-size:10px;
}
.errorMessage li 
{
	display :list-item;
	font-weight : normal;
	margin : 5px 0;
	color: RED;
}

.errorMessage ul {
	display : block;
	font-weight : normal;
	margin : 5px 0;
	color: RED;
		
}
.infoMessage {
	display : block;
	font-weight : normal;
	margin : 5px 0;
	color: Blue;
}
.infoMessage  li {
	display : block;
	font-weight : normal;
	margin : 5px 0;
	color: Blue;
}
.infoMessage  ul {
	display : block;
	font-weight : normal;
	margin : 5px 0;
	color: Blue;
}
.store {
	font-family: Tahoma, Arial, "Times New Roman";
	font-size: 12px;
	font-style: normal;
	color: #000000;
}
.detailsView
{
	border:solid 0px red;
}
.detailsView1
{
	border:solid 0px blue;
}

#productTitle
{
    font-weight: bold;
    font-size: 17px;
    color: #005C81;
    text-decoration: none;
    outline: none;
}

A:link {text-decoration: none}
A:hover {background-color:#f1f7f8; }

.warranty
{
	padding-right: 20px;
	font-size:16px;
	font-family:Trebuchet MS;
	font-style:italic;
	font-weight:bold;
	color:#005c81;
}

ul.product-list-page li { list-style-image:url('../images/list-arrow.jpg');padding-bottom:9px; }
.product-img-page { float: right; margin-right: 20px; }
.product-img-page img { margin-top:10px; }
.product-subTitle
{
    font-weight: bold;
    font-size: 14px;
    color: #65462A;
    text-decoration: none;
    outline: none;
    font-style:italic;
    font-family:Trebuchet MS;
}

.features-page { background-color:White;padding:20px; }

.productSpeciesTitles
{    
    font-size: 12px;
    color: #65462A;
    text-decoration: none;
    font-weight:bold;
    outline: none;     
}
.product-bottom-links
{
	font-size: 12px;    
    text-decoration: none;
    outline: none;   	
}

.product-bottom-links a { font-size: 12px;line-height:20px; }
.product-bottom-links a:hover { color:red;text-decoration:underline;background-color:Transparent; }

.print-pdf-area { width:400px;margin:0px 0px 0px 20px;clear:both;height:35px; }
.print-pdf-area a { font-size: 12px;line-height:20px; }
.print-pdf-area a:hover { color:red;text-decoration:none;background-color:Transparent; }



/*Added for products navigation menu*/
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: url('../images/list-arrow.jpg') no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background:  url('../images/group-image.jpg') no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}