/*
** Copyright Stephen Neate - http://subtledifference.com.au/
** Design Template 02-a - for ezyWebsite CMS suitable for single section, multi page site.
**
** ## Quick Colours ##
** Primary Colour: #E84B04
** Primary Colour Shade: #FADBCD (20% shade)
** 2nd Colour: #003863
** 3rd Colour: #744233
** 4th Colour: #3A3D4A
** 5th Colour: #FDBC9E
**
** Last Updated: 06 May 2007
*/

/* #### General page wide styles  #### */
*{margin:0;padding:0;}
body{font-size:13px;line-height:15px;font-family:Trebuchet MS;color:#565656;background:#fff url(/template-images/images/body-bg.jpg) top repeat-x;}
/* general text */
p{color:#565656;letter-spacing:-0.1px;line-height:1.3em;padding:5px 0pt;}

.hd01{display:block;border-bottom:1px solid #EA7DAF;font-weight:normal;}
.hd01b{display:block;border-bottom:1px solid #EA7DAF;font-weight:bold;}
h2,.h2{color:#00B4DA;display:block;font-size:18px;font-weight:normal;letter-spacing:0.05em;line-height:1.2em;padding:0pt 0pt 5px;}
.hd02{display:block;font-size:18px;color:#00B4DA;padding:0 0 5px;margin:0;border-bottom:1px solid #00B4DA;font-weight:normal;}
.hd02b{display:block;font-size:18px;color:#00B4DA;padding:0 0 5px;margin:0;border-bottom:1px solid #00B4DA;font-weight:bold;}
h3,.h3{display:block;font-size:18px;color:#565656;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;}
.hd03{display:block;font-size:18px;color:#565656;padding:0 0 5px;margin:0;border-bottom:1px solid #565656;font-weight:normal;}
.hd03b{display:block;font-size:18px;color:#565656;padding:0 0 5px;margin:0;border-bottom:1px solid #565656;font-weight:bold;}
h4,.h4{display:block;font-size:18px;color:#AF1C69;padding:0 0 5px 0;line-height:1.2em;letter-spacing:.05em;font-weight:normal;}
.hd04{display:block;font-size:18px;color:#AF1C69;padding:0 0 5px;margin:0;border-bottom:1px solid #AF1C69;font-weight:normal;}
.hd04b{display:block;font-size:18px;color:#AF1C69;padding:0 0 5px;margin:0;border-bottom:1px solid #AF1C69;font-weight:bold;}
h5,.h5{display:block;font-size:150%;color:#0a0a0a;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;}
.hd05{display:block;font-size:110%;color:#0a0a0a;padding:0 0 5px;margin:0;border-bottom:1px solid #0a0a0a;font-weight:normal;}
.hd05b{display:block;font-size:110%;color:#0a0a0a;padding:0 0 5px;margin:0;border-bottom:1px solid #0a0a0a;font-weight:bold;}
.txt_small{font-size:70%;}
acronym{border-bottom:1px dotted;cursor:help;}
/* general block elements */
.bl01{display:block;padding:15px;border:2px dashed #EA7DAF;}
.bl01i{display:block;padding:15px;background:#EA7DAF;color:#fff;}
.bl02{display:block;padding:15px;border:2px dashed #00B4DA;}
.bl02i{display:block;padding:15px;background:#00B4DA;color:#fff;}
.bl03{display:block;padding:15px;border:2px dashed #565656;}
.bl03i{display:block;padding:15px;background:#565656;color:#fff;}
.bl04{display:block;padding:15px;border:2px dashed #AF1C69;}
.bl04i{display:block;padding:15px;background:#AF1C69;color:#fff;}
.bl05{display:block;padding:15px;border:2px dashed #000;}
.bl05i{display:block;padding:15px;background:#000;color:#fff;}
/* drop cap */
.dc01 {position:relative;z-index:55;float:left;width:auto;font-size:375%;padding:0 3px 0 0;line-height: 100%;color:#EA7DAF;font-weight: normal;font-family: georgia, times, serif;}
.dc02 {position:relative;z-index:55;float:left;width:auto;font-size:375%;padding:0 3px 0 0;line-height: 100%;color:#00B4DA;font-weight: normal;font-family: georgia, times, serif;}
.dc03 {position:relative;z-index:55;float:left;width:auto;font-size:375%;padding:0 3px 0 0;line-height: 100%;color:#565656;font-weight: normal;font-family: georgia, times, serif;}
.dc04 {position:relative;z-index:55;float:left;width:auto;font-size:375%;padding:0 3px 0 0;line-height: 100%;color:#AF1C69;font-weight: normal;font-family: georgia, times, serif;}
.dc05 {position:relative;z-index:55;float:left;width:auto;font-size:375%;padding:0 3px 0 0;line-height: 100%;color:#000000;font-weight: normal;font-family: georgia, times, serif;}
/*### Custom Layout Options ###*/
#dvwrap01{width:781px;background:#FADBCD;min-height:650px;}
#dvwrap01 .dvleft{float:left;width:540px;padding:0 0 10px 0;background:#fff;border-right:1px solid #E84B04;min-height:640px;}
#dvwrap01 .dvleft p{padding-left:10px;padding-right:10px;}
#dvwrap01 .dvright{float:right;padding-right:20px;width:215px;background:#FADBCD url(/template-images/default/temp02-bg-feat.gif) no-repeat top right;min-height:650px;}
.dvclear {clear:both;background:#fff;height:0px;}
.clear {display:none;}
/* #### Page layout #### */
/* Outer container: for entire page */
#container-main{width:100%;background:transparent url(/template-images/images/footer-bg.gif) repeat-x scroll center bottom;}
/* Inner container: for entire page */
#container{background:url(/template-images/default/temp02-bg-cm.jpg) repeat-y top center;margin:0 auto;width:990px;}
/* Header: inside both containers - Section or Page header content appears here */
#header{background:transparent url(/template-images/images/header_new.gif) no-repeat scroll center 101px;height:350px;margin:0pt auto;width:990px;position:relative;}
#header-control{} /* additional header control if required */
#logo{float:left;height:52px;margin:10px 0pt 0pt 6px;width:458px;}
#logo h1{color:#fff;margin:0;display:inline;visibility:visible;}
#logo h1 a{font-size:1px;display:block;width:458px;overflow:hidden;background:url(/template-images/images/logo_03.png) no-repeat;position:absolute;top:8px;height:52px;padding-top:52px;voice-family:"\"}\"";voice-family:inherit;height:0;}


/* Page Content: inside both containers below Header - Page content appears here */
#contents{min-height:650px;margin:0 auto;width:990px;border-top:1px solid #fff;}
/* Breadcrumb: inside Page Content displaying breadcrumb nav, does not exist on home page */
#breadcrumb{display:none;}
.page_footer_link {display:none;} /* link at footer of page content designating what page the user is on */
/* replacement of margin for standard lists and standard (default) link */
#contents ul {margin-left:17px;}
#contents li {margin-left:10px;}
#contents a:link {color:#F06D9B;}
#contents a:visited {color:#003863;}
#contents a:hover {color:#620038;}
/* Footer: inside both containers below Page Content */
#footer{text-align:right;font-size:.8em;color:#fff;}
#footer a{color:#fff;}
#footer-2 {margin:0 auto;width:990px;border-top:1px solid #fff;height:80px;} /* additional footer control if required */
#footer-3 {padding:47px 15px 0px;} /* additional footer control if required */
#devnote {} /* designers link */
#devnote span {} /* span in designers link: essentially for image replacement if needed */

/* #### Navigation Links #### */
/* Section navigation links */
#navigation-position{display:none;}
.navigation-panel {} /*internal to navigation-position for added control */

/* Note: All section navigation links have a class of sec$ where $ is the section ID, and all link text is surrounded by span tags */
/* start of section based drop down nav */
.section-title{display:none;font-size:190%;color:#744233;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;} /* section name: text is surrounded by span tags */
/* Menu wrapper */
#slidingmenu{padding-top:10px;position:absolute;top:61px;width:990px;font-size:13px;display:block;height:29px;background:#040404;font-family:arial;z-index:10}
/* Appearance Top Level */
/* all lists */
#slidingmenu ul{list-style-type:none;margin-top:1px;}
/* all list items */
#slidingmenu li{float:left;position:relative;display:block;}
ul.slidingmenu a:link, ul.slidingmenu a:visited {display:block;background:url(/template-images/default/temp02-bg-nav.gif) no-repeat; color:#fff;padding:1px 14px 6px 14px;text-decoration:none;font-weight:bold;min-height:17px;}
ul.slidingmenu a:hover {background-position:0 -24px;}
/* second-level lists */
#slidingmenu li ul{display:none;position:absolute;top:21px;left:0;border-width:0;}
/* third and further level lists */
#slidingmenu li ul ul{display:none;position:absolute;top:0;left:140px;border-width:0;}
/* lists nested under hovered list items */
#slidingmenu li:hover ul,#slidingmenu li.hover ul{border-width:0;text-align:left;}
ul.slidingmenu ul{margin:4px 0 0 0;border-width:0;padding:0;font-size:12px;font-weight:400;text-align:left;color:#fff;background:#000;width:140px;}
ul.slidingmenu ul li{display:block;width:140px;border-width:0;text-align:left;}
ul.slidingmenu ul a:link,ul.slidingmenu ul a:visited{float:none;background-image:none;font-weight:normal;text-transform:none;border-width:0;color:#fff;text-decoration:none;padding:3px 3px 3px 6px;display:block;width:131px;text-align:left;}
ul.slidingmenu ul a:hover{background:#ea7daf;color:#fff;text-decoration:none;margin:0;padding:3px 3px 3px 6px;display:block;width:131px;}
/* Note: the class .subheader is available for menu items that have sub menus */

/* ### Speciality elements - ezyLinks, ezyEvents, ezyArticles ### */
#article {display:none}
#artmove #article {display:block;padding:0 10px;}
.link_list,.events_list,.article_list{display:block;margin-bottom:15px;color:#F06D9B;}
.link_link,.event_link,.article_link{color:#AAA;font-weight:700;font-size:110%;display:block;color:#F06D9B;}
.link_text,.event_text,.article_text{}
.event_text_date,.article_text_date{}
.link-display-title{color:#F06D9B;}
.link-display-link{color:#F06D9B;}
.event_link2{color:#000762;}
.article-date{font-weight:700;display:block;color:#3A3D4A;}
.article-author{display:block;font-style:italic;margin-bottom:10px;color:#3A3D4A;}
.article_link2{color:#000762;}
#art_recent, #eve_recent {list-style-type:none;}
#art_recent ul, #eve_recent ul{margin:0;padding:0;}
#art_recent li, #eve_recent li{margin:2px 0px;padding:0;}
#article-display {padding:20px;}

/* ### form elements ### */
.info,.warn,.error {color:#9e3c37;background-color:transparent;font-weight:400;font-style:italic;}
.error {width:100%;}
.error-display{display:block;width:100%;}
.input-checkBox{width:15px;color:#E84B04;background-color:#FADBCD;border:1px solid #E84B04;display:inline;margin:0;padding:0 2px;}
.input-textArea{color:#E84B04;background-color:#FADBCD;border:1px solid #E84B04;width:100%;display:block;height:65px;}
.input-text,
.input-yesno,
.input-nowidth,
.input-dropDown {color:#565656;border:2px solid #CF6193;width:93%;}


.form-display{padding:10px;display:block;color:#E84B04;width:240px;}

.form-display2{text-align:left;}
.form-header {color:#E84B04;font-weight:700;font-size:125%;text-align:left;margin:0 0 4px 0;padding:0 0 4px 0;display:block;border-bottom:1px solid #E84B04;}
.label{font-size:90%;font-weight:bold;text-align:left;color:#000;display:block;}
.form-text{color:#003863;font-size:80%;text-align:left;display:block;clear:both;font-style:italic;}
.submit-main{color:#3A3D4A;font-weight:bold;padding:2px 10px;}
.progress{display:none;width:350px;position:absolute;padding:40px;z-index:1000;border:1px solid #3A3D4A;color:#3A3D4A;font-size:10px;background-color:#fff;margin:-60px auto 0;}

#newsletter {width:193px;background:#FFFFFF url(/template-images/images/register-bg.jpg) repeat-y scroll center top;}
#newsletter .form-header{display:none;}

#search-main span {visibility:hidden;}

h1, .h1, .hd01, .hd01b {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	letter-spacing: -.05em;
	margin: 0;
	padding:10px 0pt;
	line-height: 1em;
	text-align:left;
	font-size:18px;
	color:#EA7DAF;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;

}

/****** content template ******/
td {vertical-align:top;}
/********2 col layout right wide*******/

	#col2-rightwide {
			width:100%
			}
	#col2-rightwide .col-1 {
			width:210px;
			vertical-align:top;


			}
	#col2-rightwide .col-2 {
			padding:5px 10px 20px 35px;
			vertical-align:top;
			width:735px;
			}
	/********2 col layout left wide*******/

	#col2-leftwide {
			width:100%
			}
	#col2-leftwide .col-1 {
			width:58%;
			vertical-align:top;

			}
	#col2-leftwide .col-2 {
			padding-top:0;
			vertical-align:top;

			}
/*******3 col layout********/
	#col3 {
			width:100%;
			}
	#col3 .col-1, #col3 .col-2, #col3 .col-3 {
			width:33%;
			padding:10px 0px;
			vertical-align:top;
			}

/***style guide****/
a {text-decoration:none}
button {cursor:pointer;}
img {border:0;}
.blackbord {border:1px #3b3d37 solid;}
.pV20 {padding:10px 20px}
.mT20 {margin-top:20px;}
	/***colors***/
.black, #subnav a:hover {color:#000;}
.pink {color:#ea7daf;}
.dpink {color:#af1c69;}
.blue {color:#00b4da;}
.white, .shoutout h2, .shoutout h4, #subnav a, #subnav ul li {color:#fff;}
	/***backgrounds****/
.gray-row {background:#e9e9e9;}
.blue-row {background:#00bce4;}
.align-right {text-align:right;}
li {list-style-type:none;}
/****inputs****/
input {border:2px solid #CF6193;line-height:13px;width:90%;padding:3px 4px;}
.pink-brush {background:#fff url(/template-images/images/register-bg.jpg) left top repeat;}
#search {float:left;padding:10px 0pt 3px 230px;width:280px;}
#search input {width:200px;}
#search a img {margin-bottom:-7px;}
*html #search a img {margin-bottom:-3px;}
.shoutout {clear:both;left:0;height:150px;margin-left:300px;padding-top:60px;position:absolute;top:101px;width:360px;}

#subnav {clear:both;left:0;margin-left:697px;position:absolute;top:101px;width:290px}
	#subnav a {display:block;font-size:18px;line-height:1.2em;text-decoration:none;}
	#subnav ul li {height:55px;padding:15px 0pt 0pt 90px;}
/***buttons***/
.bt-red {background:#ED453C none repeat scroll 0%;border:0pt none;padding:3px 5px;font-weight:bold;}
/***thumbnails***/
.thumblist {font-size:12px;width:170px;}
.thumblist a {display:block;padding:1px 0pt;}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

#selecNav {display:none;/*position:absolute;left:27px;top:11px;z-index:20;border:2px solid red;*/}
.sp-3 {background:url(/template-images/images/shop-grey_03.gif) top repeat-x;}
.sp-2 {background:url(/template-images/images/shop-blue_03.gif) top repeat-x;}