/*-----------GLOBAL RULES---------*/

body {
	margin: 0;
	padding: 0;
	font: 12px verdana, arial, hevetica, sans-serif;
	text-align: center;
	color: #333;
	background-color: #B0DAE7;
}
td{font: 12px verdana, arial, hevetica, sans-serif;}
a:link { color: #38AAB8; }
a:visited { color: #28328B; }

a:hover, a:active {
	color: #fff;
	background-color: #38AAB8;
	text-decoration: none;
}

h2 {
	color: #38AAB8;
	font: 18px georgia, times, "times new roman", serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

h2 a { text-decoration: none; }

h3 {
	color: #333;
	font: bold 14px georgia, times, "times new roman", serif;
	margin: 1em 0 0;
	padding: 0 0 5px 0;
	background: url(/images/dotted_line.gif) repeat-x 0 100%;
}
h4 {
	color: #38AAB8;
	font: bold 12px georgia, times, "times new roman", serif;
	line-height: 1.5em;
	margin: 1em 0 0;
}

h5 {
	color: #28328B;
	font: 13px georgia, times, "times new roman", serif;
	line-height: 150%;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 0;
	background: url(/images/aqua_dotted_line.gif) repeat-x 0 100%;
}

h6 {
	color: #28328B;
	font: 11px georgia, times, "times new roman", serif;
	line-height: 150%;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
	border-bottom: 1px dotted #38AAB8;
}
ul{list-style-type: square;}
ul li{line-height: 1.5em;}
hr
{
	color: #000;
	border: none;
	height: 1px;
	background: url(/images/dotted_line.gif) repeat-x;
}



/*-----------CONTAINER RULES---------*/
#container {
	text-align: left;
	border: none;
	background: url(/images/containerbg.gif) center repeat-y;
}
#mainContainer
{
    width: 798px;
    margin: 0 auto;
}
/*-----------MAINNAV RULES---------*/
#mainnav {
	font-size: 13px;
	color: #fff;
	background: url(/images/nav_bg.gif) no-repeat 0 0;
	background-color: #28328B;
	/*border-top: 1px dotted #fff;
	border-bottom: 1px solid #fff;*/
}

#mainnav td {
	text-align: center;
	background: url(/images/vertical_dotted_line.gif) repeat-y 100% 0;
	/*border-right: 1px solid #fff;*/
	line-height : 25px;
}

#mainnav td a {
	display : block;
	text-decoration: none;
	color: #fff;
	line-height : 25px;
	margin-top: 1px;
	margin-right: 1px;
	padding-bottom: 1px;
}

#mainnav td a:hover, #mainnav td a:active {
	display : block;
	color: #fff;
	background-color : #0D79A2;
	line-height : 25px;
}

/*-----------CART RULES---------*/

#mainnav .cartlink {
	margin: 0 0 0 100px;
	background: transparent url(/images/cart.gif) 10px 4px no-repeat;
	border-right: none;
}

#mainnav .cartlink a:hover, #mainnav .cartlink a:active {
	background: transparent url(/images/cart.gif) 10px 4px no-repeat;
	background-color : #0D79A2;
}
/* --------- SUB NAVIGATION -------------------------*/
#navlist{
	list-style-type: none;
	margin: 0 0 0 4px;
	padding: 0;
}
#navlist li{
	padding: 4px 0;

	/* had to declare position: relative; for I.E else you get the peekaboo bug
	Bug explained at http://www.positioniseverything.net/explorer/peekaboo.html */
	position: relative;
}
#navlist li a{
	padding: 4px 0 4px 24px;
	background: url(/images/blockbullet2.gif) no-repeat 8px 6px;
	color: #38AAB8;
	text-decoration: none;
}
#navlist li a:hover{color: #28328B; text-decoration: underline;}
#navlist li.active{
	background: url(/images/submenu_top.gif) no-repeat 0 3px;
}
#navlist li.active a{

	padding: 4px 0 4px 24px;
	background: url(/images/blockbullet2_on.gif) no-repeat 8px 6px;
	color: #28328B;
	font-weight: bold;
}
#navlist li ul{
	list-style-type: none;
	margin: -8px 0 0 0;
	padding: 10px 0 2px;
	background: #fff url(/images/submenu_btm.gif) no-repeat 0 100%;
}
#navlist li ul li{padding-left: 12px;}
#navlist li.active ul li a{
	background: none;
	padding: 4px 0 4px 4px;
	color: #38AAB8;
	font-weight: normal;
}
#navlist li.active ul li{
	background: none;
}
#navlist li.active ul li.active a{
	background: none;
	color: #28328B;
	/*font-weight: bold;*/
}
#navlist li.active ul li img
{
	position: relative;
	top: 1px;
	left:0;
}

/*-----------LEFT & RIGHT BLOCK RULES---------*/
#rightblock, #leftblock {
	margin: 0;
	padding: 0;
	width: 180px;
	background-color: #dfe0ee;
}
#rightblock
{
    width: 179px;
}
#rightblock .copy, #leftblock .copy
{
	margin: 0 12px;
	padding-bottom: 6px;
}
#rightblock p, #leftblock p{font-size: 11px; line-height: 1.3em;}

#leftblock h3,
#rightblock h3{
	color: #28328B;
	margin: 12px 0 10px 0;
	padding: 3px 0 3px 30px;
	border-bottom: none;
	background: url(/images/blockbullet.gif) no-repeat 12px 5px;
	background-color: #fff;
}

.signature {
	font: bold italic 11px verdana, arial, hevetica, sans-serif;
	text-align: right;
	color: #333;
}


/*-----------CONTENT BLOCK RULES---------*/

#category_listing a:hover, #category_listing a:active {
	color: #28328B;
	font-size: 12px;
}

#category_listing {
	color: #28328B;
	font-size: 12px;
}

#admin td {
	font: 10px verdana, arial, hevetica, sans-serif;
	color: #333;
}

#admin .input {
	border: 1px solid #999;
	padding: 2px;
	background-color: #fff;
	font: 10px verdana;
}

.contentslist ul {
	border-top: 1px dotted #38AAB8;
	border-bottom: 1px dotted #38AAB8;
	list-style: url(/images/blockbullet.gif);
	list-style-type: disc;
	margin: 0;
	padding: 8px 0;
	font-size: 12px;
}

.contentslist li {
	margin: 0 0 0 22px;
	padding: 0 0 10px;
}

#contents{width: 436px;}
#contents{
	padding: 20px;
}

#contents a{color: #38AAB8;}

#contents a:hover, #contents a:active 
{
	color: #fff;;
	background-color: #38AAB8;
}

#contents p {
	font-size: 12px;
	line-height: 150%;
}

#contents p.treat {
	font-size: 12px;
	line-height: 150%;
	margin: 5px 0px;
}

.contentsfooter ul a{
	padding-left: 15px;
	background: transparent url(/images/linkicon.gif) center left no-repeat;
}

.contentsfooter ul a:hover, .contentsfooter ul a:active {
	color: #fff;
	background: transparent url(/images/linkicon.gif) center left no-repeat;
	background-color: #38AAB8;
	text-decoration: none;
}



h4.treat {
	color: #38AAB8;
	font: 16px georgia, times, "times new roman", serif;
	line-height: 150%;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	padding: 0;
	border-bottom: 1px dotted #38AAB8;
}

h5.treat {
	color: #28328B;
	font: 13px georgia, times, "times new roman", serif;
	line-height: 150%;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0;
	border-bottom: none;
}

h6.treat {
	color: #28328B;
	font: 11px georgia, times, "times new roman", serif;
	line-height: 150%;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
	border-bottom: 1px dotted #38AAB8;
}



.imagefloat {
	margin: 0 0 8px 8px;
	padding: 0;
	float : right;
}

.contentsfooter ul {
	border-top: 1px dotted #333;
	list-style-type: none;
	text-align: right;
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 12px;
}

.contentsfooter li {
	display: inline;
	margin: 0;
	padding: 0 0 0 10px;
}

/*-----------VIRTUAL TOUR TABLE RULES---------*/

#tourpics, #tourpics p {
	font: 11px verdana, arial, hevetica, sans-serif;
	color: #333;
	line-height: 130%;
	text-align : center;
	margin: 0;
	padding: 10px 0px;
}


#tourpics td {
	vertical-align : top;
	margin: 0;
	padding: 10px;
}

/*-----------PRODUCT TABLE RULES---------*/
#products {
	font: 12px verdana, arial, hevetica, sans-serif;
	color: #333;
	line-height: 130%;
	text-align : left;
	margin: 10px 0 0 0;
	padding: 10px 0;
}

#products img {
	margin: 0 0 4px 0;
}

#products p {
	font: 12px verdana, arial, hevetica, sans-serif;
	color: #333;
	line-height: 130%;
	text-align : left;
	margin: 0;
	padding: 5px 0px;
}
.quantity {
	display : block;
	font: 11px verdana, arial, hevetica, sans-serif;
	color: #333;
	line-height: 20px;
	text-align : center;
	margin: -5px 0 0 0;
	padding: 0;
}


#products td {
	vertical-align : top;
	padding: 10px;
	background-color: #dfe0ee;
	border-bottom: 14px solid #fff;
}

#products td.blank {
	vertical-align : top;
	padding: 0px;
	background-color: #fff;
}


#products tr {
	margin: 0;
	border-top: 2px solid #fff;
	padding: 0;
}


#products h4 {
	color: #28328B;
	font: 13px georgia, times, "times new roman", serif;
	line-height: 150%;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 0 5px;
	background-color: #fff;
	border-bottom: none;
}

#products h5 {
	color: #28328B;
	font: 12px georgia, times, "times new roman", serif;
	line-height: 150%;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 1px dotted #38AAB8;
}

/*-- ADD TO CART BUTTON --*/

#products h6 {
	color: #fff;
	font: 13px verdana, arial, hevetica, sans-serif;
	text-align: center;
	line-height : 23px;
	margin: 3px 0 0 0;
	padding: 0;
	background: transparent url(/images/cartdark.gif) 5px 2px no-repeat;
	background-color: #28328B;
	border : none;
}

#products h6 a {
	display : block;
	text-decoration: none;
	color: #fff;
	background: transparent url(/images/cartdark.gif) 5px 2px no-repeat;
	line-height : 23px;
	border : none;
}

#products h6 a:hover, #products h7 a:active {
	display : block;
	color: #fff;
	background: transparent url(/images/cart.gif) 5px 2px no-repeat;
	background-color : #0D79A2;
	line-height : 23px;
	border : none;
}

.price {
	display : block;
	color: #28328B;
	font: 15px georgia, times, "times new roman", serif;
	text-align: center;
	margin: 3px 0 0 0;
	padding: 0;
	border : none;
}

.special {
	display : block;
	color: #f72b00;
	font: 15px georgia, times, "times new roman", serif;
	text-align: center;
	margin: 3px 0 0 0;
	padding: 0;
	border : none;
}

.cartprice {
	display : block;
	color: #28328B;
	font: 15px georgia, times, "times new roman", serif;
	text-align: center;
	margin: 0;
	padding: 0;
	border : none;
}


.tips {
	font: 11px verdana, arial, hevetica, sans-serif;
	color: #555;
	line-height: 130%;
	text-align : left;
	margin: 0;
	padding: 5px 0px;
}


/*-----------FOOTER RULES---------*/

#footer {
	color: #aaa;
	text-align: left;
	padding: 5px 35px 7px 20px;
	background: url(images/navbg.gif) repeat-y;
	background-color: #28328B;
}

#footer a {
	color: #aaa;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #38AAB8;
	background-color: transparent;
	text-decoration: underline;
}
#footer p.copyright{float: left; margin: 0; font-size: 11px;}
#footer p.administration{float: right; margin: 0; font-size: 11px;}
/*---------------------------------*/

/* ~~~~ FORMS ~~~ */
.input{
	font: 12px Verdana, sans-serif;
	color: #333;
	border: 1px solid #999;
}
.formtable{margin-top: 12px;}
.formtable td{
	padding: 4px;
}
.formtable td label{font-weight: bold;}
.button{
	font: bold 12px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	padding: 2px 4px;
}
table.formtable td .er
{
	color: red;
}
table.formtable td .req
{
	font: 12px Verdana, Helvetica, sans-serif;
	border: 1px solid #999;
}
table.formtable td label.req
{
	border: none;
	font-weight: bold;
}
table.formtable td .erInput
{
	font: 12px Verdana, Helvetica, sans-serif;
	border: 1px solid red;
}
div.thankyou
{
	padding: 12px;
	background-color: #B0DAE7;
	text-align: center;
	font-weight: bold;
	border: 1px solid #000;
}

/* ~~~ HOMEPAGE FORMS ~~~ */
div.formwrapper
{
    border: 1px solid #999;
    background-color: #F1F1F8;
    color: #fff;
}
div.formwrapper table.formtable{margin: 8px;}
div.formwrapper table.formtable td{padding: 4px 2px;}
div.formwrapper table.formtable td label{color: #666;}
div.formwrapper table.formtable td label,
div.formwrapper table.formtable td input.input,
div.formwrapper table.formtable td button.button{font-size: 11px;}
div.formwrapper table.formtable td button.button
{
    background-color: #666;
    color: #fff;
    font-size: 10px;
}
/* ~~~ USER DEFINED STYLES ~~~ */
.bordered-table{
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.bordered-table td{
	padding: 4px;
	border: 1px solid #ccc;
}
.row-background{
	background-color: #DFE0EE;
}
.cell-background{
	background-color: #DFE0EE;
}
.img-right{float: right; margin: 0 0 4px 8px;}
.img-left{float: left; margin: 0 8px 4px 0;}
.aqua-text{color: #38AAB8;}


/* ~~~ NEWS PAGE STYLES ~~~ */
#contents p.news_date
{
	margin: 0 0 2em;
	font: italic 11px Georgia, serif;
}
#contents div.article h3
{
	font-size: 13px;
}
#contents div.article h3 a
{
	color: #555;
	text-decoration: none;
}
#contents div.article h3 a:hover
{
	color: #38AAB8;
	background-color: transparent;
}
#content .newsbody{

	line-height: 1.3em;

}

/* ~~~ === SITE MAP PAGE STYLES ===================================================== ~~~ */
ul.sitemap
{
    list-style-type: none;
    margin: 0 16px 16px;
    padding: 0;
    background: url(../images/icons/line.gif) repeat-y;
}
ul.sitemap ul
{
    list-style-type: none;
    margin: 0 0 0 8px;
    padding: 0;
    background: url(../images/icons/line.gif) repeat-y;
}
ul.sitemap ul li ul{margin: 0 0 0 16px; border: 1px solid red;}
ul.sitemap li
{
    line-height: 20px;
    padding-left: 7px;
}
ul.sitemap a
{
    background: url(../images/icons/page.gif) no-repeat 0 50%;
    padding: 4px 0 4px 26px;
}
ul.sitemap a span
{
}
ul.sitemap a,
ul.sitemap a:link,
ul.sitemap a:visited{color: #999;}
ul.sitemap a:hover{color: #903;}

.lastchild{background-color: #fff;}
li.lastchild a{background: #fff url(../images/icons/page_bottom.gif) no-repeat 0 0;}
.page-gallery
{
	width: 560px;
	height: 420px;
	position: relative;
}
.three-column .page-gallery{width: 360px;}
.page-gallery-images
{
	width: 560px;
	height: 420px;
	overflow: hidden;
}
.page-gallery-images img{display: block;}
.class{}
#slide-pager
{
	position: absolute;
	top: 5px;
	left: 0;
	width: 560px;
	height: 24px;
	z-index: 2000;
	line-height: 24px;
	text-align: center;
}
#slide-pager a 
{
	border: 1px solid #fff; 
	background: #009DAE; 
	text-decoration: none; 
	margin: 0 5px; 
	padding: 3px 5px;
	font-size: 11px;
	color: #fff;
	vertical-align: middle;
}
#slide-pager a.activeSlide { background: #28328B }
#slide-pager a:focus { outline: none; }