@charset "utf-8";
/* STANDARD CSS Only read by front end of website */
* { margin:0; padding:0;}
body  { font:62.5% Arial, Helvetica, sans-serif !important; background:#fffffe url(/images/body_bg.jpg) repeat-x top left !important; text-align:center; color:#000;}

.outer_container{width: 100%;}
#main_container{ width: 980px; margin: 0 auto; position:relative;}
#header{ background: url(/images/header.png) no-repeat ; height:105px; width: 980px; position:relative;}
#footer{ width:980px; height:20px; position:relative;}

#topleftimage{ width:253px; height:159px; background:url(../images/top_left_image.png) no-repeat; z-index:10; position:absolute; top:15px; left:15px;}

#container{width: 980px; margin:30px 0 0 0;}
#container #container_header{ background:url(../images/page_top.png) no-repeat; width:980px; height:10px; }
#container #container_bg{ background:url(../images/page_rep.png) repeat-y; width:960px; padding:40px 10px 10px 10px;}
#container #content{ width:680px; float:right; text-align:left; margin: 0 10px 0 0; font-size:12px;}
#container #container_footer{ background:url(../images/page_btm.png) no-repeat; width:980px; height:10px; }

#container #content img{ margin: 2px; padding: 5px; }
#container #content li{ font-size:1.2em; margin: 0 0 10px 20px;}


#topnav {width:670px; position:absolute; top:104px; left:300px; z-index:5; float:left;}
#list { display:block; position:relative; overflow:hidden;}
#list li { display:inline;}
#list li a{ margin: 0; display:block; float:left; color:#000; font-weight:bold; font-size:1.2em; background: url(../images/tab_bg.png) no-repeat -1px 0px; width:129px; text-align:center; height:67px; line-height:40px; white-space:nowrap; cursor:pointer;}
#list li a:hover { background-position:-1px -67px; color:#000; text-decoration:none; }
#list li:hover > a { background-position:-1px -67px; color:#000; text-decoration:none; }

#nav{ background-color:#cdf6e9; width:245px; float:left; text-align:left; margin:0 0 0 9px; position:relative;}
#nav ul{ margin: 0 10px 0 15px;}
#nav li{}
#nav li a{margin: 0 0 10px 0; line-height:25px; font-size:1.6em;}
#nav li a:hover{}
#nav li li{list-style:url(../images/bullet_sub.gif); margin:0 0 0 5px;}
#nav li li a{font-size:12px; line-height:20px;}
#nav #navheader{ background:url(../images/nav_bg_header.gif) no-repeat; width:245px; height:6px;}
#nav #navfooter{ background:url(../images/nav_bg_footer.gif) no-repeat; width:245px; height:6px; margin-bottom:-6px;}

#newsheader{ width:228px; height:45px; background:url(../images/h_latestnews.gif) no-repeat; margin: 0 8px;}
#news_bg{ width:208px; background:url(../images/latestnews_bg_rep.gif) repeat-y; padding:10px; font-size:1.2em; margin: 0 8px;}
#newsfooter{ width:228px; height:11px; background:url(../images/latestnews_footer.gif) no-repeat; margin: 0 8px;}

/* FLOATING CLASSES */
.fleft{ float:left;}
.fright{ float:right;}
.clear { clear:both; height:0; line-height:0; font-size:1px;}

/* GENERAL LINK COLOURS fleft fright clear */
a:link {color:#000; text-decoration:none; font-weight:bold;}
a:visited {color:#000; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}
a:active {color:#FF6600;}
a:focus {outline:none;}

/* GLOBAL IMAGE STYLES */
img {border:none;}
.middle {vertical-align:middle;}

/* THUBNAIL IMAGE CONTAINER */
.imgholder {width:132px; max-width:132px; height:132px; max-height:132px; display:block; position:relative; overflow:hidden; margin:0 auto 5px auto; z-index:2; text-align:center;}
.imgholder a:link img, .imgholder a:visited img, .imgholder a:active img {border:solid 1px #dcecf0; background:#fff}
.imgholder a:hover img {border:solid 1px #b1c8ce;}

/* FORM AND INPUT RELATED STYLES */
form {padding:0; margin:0;}
input {color:#444; vertical-align:middle;}
label {vertical-align:middle;}
input.button {vertical-align:top;}
.button2 {vertical-align:top; margin:5px; display:block;}
select {color:#444; font-size:1em;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}
img.button {margin:5px;}
select.side {max-width:160px; width:160px;} /* Side-nav select boxes */
fieldset.hidden {margin:0; padding:0; border:none;}
legend.hidden {margin:0; padding:0; display:none;}
.wide {width:300px}
.medium {width:200px;}
.narrow {width:120px;}

/* TABLE STYLING mainly used in basket and checkout pages */
.formtable {border:1px solid #cbdce1; border-width:1px 0px 0px 1px;}
.formtable td {border:1px solid #dcecf0; border-width:0px 1px 1px 0px; background:#fff; height:30px; padding:0 10px;}
.formtable .heading td {background:#DFECF0; border:1px solid #FFF; border-color:#fff #b1c8ce #b1c8ce #fff; font-weight:bold; height:35px;}
.formtable i {font-weight:normal; color:#517089;}
.formtable .highlight td  {background:#f6fafb; font-weight:bold;}0
.formtable td.right {text-align:right; padding:0 10px 0 0;}
.formtable .noborder td {border:none; padding:0;}



/***************************************************
* LiquidShop LIGHTBOX IMAGE MAGNIFIER CSS Stylesheet
***************************************************/


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

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 600px;
	height: 500px;
	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: 500px;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url(/images/prevlabel.gif) left 0 no-repeat; }
#nextLink{ right: 0; float: right;background: url(/images/nextlabel.gif) right 0 no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

/* SHARED CSS USED BY BOTH FRONT END AND BACK OFFICE RTE */
body{ font-family:Arial, Helvetica, sans-serif; background: #fff; color:#000; font-size:62.5%;}
.mceContentBody{ font-size: 12px; }
p{ margin: 0; padding:0; }

.rte_twoeqcol_left, .rte_twoeqcol_right, .rte_twocol_small_left, .rte_twocol_big_right, .rte_twocol_big_left, .rte_twocol_small_right, .rte_threecol { float: left; margin: 5px 0; padding: 5px 0;}
.rte_twoeqcol_left {width: 48%; }
.rte_twoeqcol_right {width: 48%;}
.rte_twocol_small_left {width: 38%;}
.rte_twocol_big_right {width: 58%;}
.rte_twocol_big_left {width: 58%;}
.rte_twocol_small_right {width: 38%;}
.rte_threecol {width: 31%;}

.mceContentBody .rte_twoeqcol_left, .mceContentBody .rte_twoeqcol_right, .mceContentBody .rte_twocol_small_left, .mceContentBody .rte_twocol_big_right, .mceContentBody .rte_twocol_big_left, .mceContentBody .rte_twocol_small_right, .mceContentBody .rte_threecol {border:1px dotted #999;}
#mceTemplatePreview .rte_twoeqcol_left, #mceTemplatePreview .rte_twoeqcol_right, #mceTemplatePreview .rte_twocol_small_left, #mceTemplatePreview .rte_twocol_big_right, #mceTemplatePreview .rte_twocol_big_left, #mceTemplatePreview .rte_twocol_small_right, #mceTemplatePreview .rte_threecol {border:1px dotted #999;}

.clear {clear:both; }

h1 { color:#349967; }
h2 { color:#ff8710; }
h3 { color:#349967; }
h4 { color:#ff8710; }



a:link 		{} 
a:visited 	{} 
a:hover 	{} 
a:active 	{} 	

img {border:none;}

/* LINKS PAGE STYLING - Change width on #links_container to make overall width smaller - Liquid Layout*/
#links_container{ width: 520px; font-size: 1.1em; }
#links_container ul{ list-style-type: none; }
#links_container li{ width:100%; overflow:hidden; }
#links_container li a#globe_link, #link_container li a:link#globe_link, #link_container li a:visited#globe_link, #link_container li a:active#globe_link{
background: #fff url(/images/links_icon.gif) no-repeat; width: 34px; height: 34px; display:block; float: left; position:relative; margin: 0 10px 10px 0; text-indent:-9000px;
}
#links_container li a:hover#globe_link{ }
/* THIS OVERRIDES STYLES ON THE LI */
#links_container .withdesc, #links_container .nodesc{ border: 1px solid #dddddd; margin: 0 0 10px 0; font-weight: bold; padding: 5px 5px 5px 5px; }
#links_container .withdesc{  }
#links_container .nodesc{ }
/* THIS IS THE ACTUAL CONTENTS STYLING - TITLE IS USED ONLY TO CLEAR THE 2 FLOATING CLASSES */
#links_container .title{ display:block; width: 90%; overflow:hidden; }
#links_container .left, #links_container .right{ display:block; margin: 0 0 5px 0; }
#links_container .left{ width: 65%; float:left; position:relative; }
#links_container .right{ width: 30%; float:right; position:relative; text-align:right; }
#links_container .desc{ font-weight: normal; display:block; width: 90%; float:left; position:relative; padding: 1px; }
/* ALL LINKS WILL BE USING GLOBAL STYLES UNLESS CHANGED BELOW */ 
#links_container a,#links_container a:link,#links_container a:active,#links_container a:visited{ color: #000; }
#links_container a:hover{  }

/* Events Calendar CSS*/

#events_table { border:1px solid #925F93; width:535px; margin:10px 0;}
#events_table td { border:1px solid #e7e7e7; border-top:none; border-left:none; text-align:center;}
#events_table td.none { background-color:#f4f4f4;}
#events_table a { background:#ffe8d6; border:1px solid #fff; border-right-color:#ffb579; border-bottom-color:#ffb579; color:#000; font-weight:bold; display:block; width:100%;}
#events_table a.calMonthSelect { display:inline; text-decoration:none;}
#events_table a:active { border:1px solid #F5822A;}
#events_table a:hover { background:#F5822A; color:#fff;}
#events_table .header { background:#DABFDB;}
#events_table .header td { width:76px; font-weight:bold; background:#DABFDB; border:1px solid #925F93; border-top-color:#f7f1f7; border-left-color:#f7f1f7;}

#events_list {}
#events_list ul { margin:10px 0 30px 30px; padding:0; list-style-image: url(/images/icon_page.gif);}
#events_list li { margin:5px 0;}

/* LiquidWeb Specific Styles Please Leave*/

fieldset.hidden { margin:0; padding:0; border:none;}
.nifty_content { padding:5px 10px 10px 10px;}

.req {color:#ff9900; font-size:1.6em;}

#nifty{ background: #CDF6E9;}
#nifty b.rtop, #nifty b.rbottom{display:block;background: #fff;}
#nifty b.rtop b, #nifty b.rbottom b{display:block;height: 1px; overflow: hidden; background: #CDF6E9; }
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
.nifty_content { padding:5px 10px 10px 10px;}

#horizlist { position:relative; z-index:50;}
#horizlist ul { margin:5px 0 10px 10px; padding:0; list-style-type:none;}
#horizlist li { margin:0 10px 5px 0;}
#horizlist li a{ color: #000; font-size: 12px;}
#horizlist li a:hover{ color: #FF8710; text-decoration: none;}
#horizlist li a.current { font-weight:bold; color:#000; padding:3px;}

#news_list {}
#news_list ul { margin:20px 0 20px 5px; padding:0; list-style-type:none;}
#news_list li { margin:15px 0;}

/***************************
*    SITEMAKERS BUBBLE
***************************/

.balloon { text-align:left; width:80px; height:15px; z-index:10; position:absolute; top:4px; right:10px; line-height:1.6em;}
.balloon a, .balloon a:visited {display:block; text-decoration:none; color:#000; width:80px; height:15px; background:transparent;}
.balloon a img, .balloon a:visited img {}
.balloon dl {visibility:hidden;position:absolute; top:-200px; left:-200px}

.balloon table {margin:-2px;border:0;padding:0;border-collapse:collapse;font-size:1em;}

.balloon dl {width:210px; padding:0 0 10px 0; background:#FF9900; border:1px solid #000;}
.balloon dt {margin:0; padding:5px; font-weight:bold; color:#fff; text-align:center; font-size:1.2em;}
.balloon dd {margin:0; padding:5px 15px; color:#000; background:#fff; font-weight:normal;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon:hover, .balloon a:hover {cursor:pointer; text-decoration:none;}
.balloon:hover dl,.balloon a:hover dl {visibility:visible; color:#000; top:-155px; left:-115px; cursor:default;}
.balloon:hover dl em,.balloon a:hover dl em {display:block;position:absolute;left:0px; top:125px;width:210px; height:35px;background:transparent url(/images/pointer.gif) no-repeat 125px;}
.balloon:hover dl a,.balloon a:hover dl a {color:#000; text-decoration:none; font-weight:bold; background:url(/images/icon_sitemakers.gif) left no-repeat; padding-left:20px;}
.balloon:hover dl a:hover,.balloon a:hover dl a:hover {text-decoration:underline;}