/*
	    company: www.flipsidegroup.com
	 	author name(s): johan
		website: wwww.prophet-web.com
*/
 
/* DEFAULTS 
----------------------------------------- */ 
body,html,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,img,legend,input,textarea,p,blockquote,address{margin:0;padding:0;}
body {color:000;font-family:Arial, Helvetica, sans-serif; background:#ccc url('../images/bg.jpg') repeat top left; height:100% }
table {border-collapse:collapse;}
.typography table td {border:none;}
caption, th, td {text-align:left;font-weight:normal;}
img{display:block; border:0}
ul#AccessLinks{position:absolute; left:-2000em; z-index:9999}
ul#AccessLinks a:focus, 
ul#AccessLinks a:active{position:absolute; left:2000em; width:200px; text-align:center; font-weight:bold; padding:10px; color:#000; background:#fbe626; top:0; text-decoration:none; z-index:999}

#breadcrumbs{font-size:11px; padding:5px 5px 5px 10px; margin:0 0 10px 0; border-bottom:1px solid #fff}

/* CONTAINER
----------------------------------------- */
.decoration {background-image:url(../images/top.gif); width:960px; height:10px; float:left; clear:both}
#Wrap {width:960px;padding-bottom:15px;margin:0 auto;}
.footer{clear:both; float:left; border-top:1px #ccc solid; width:960px; height:109px; text-align:center; background:url('../images/footer_bg.jpg') no-repeat top left; margin-bottom:0px;color:#d7e4e0; font-size:12px; padding-top:25px}
.footer p {margin:0 0 8px 0}
.footer ul {margin:0 0 0 0; float:left; clear:both;color:#d7e4e0}
.footer li{float:left; margin:0 10px 0 12px}
.footer a {color:#d7e4e0; text-decoration:none}
.footer a:hover,
.footer a:focus{color:#d7e4e0; text-decoration:underline}
.footer ul.first{margin:0 0 10px 350px; }
.footer ul.second{margin:0px 0 0 85px; width:100% }
.footer li.first{list-style:none}


/* HEADER
----------------------------------------- */
#Head{width:960px; height:120px; overflow:hidden;clear:both; float:left; background:url('../images/head_bg.jpg') no-repeat; position:relative; margin:10px 0;  z-index:2}
#Head .logo {float:left; display:block; margin:10px; width:250px}
#Head p {font-size:1.4em;clear:left;margin:0 0 0 100px;}
#SearchArea {position:absolute; top:43px; right:0; width:280px;}
#SearchArea form div input.searchInput{float:left; width:190px; background:#fff url('../images/icons/search.gif') no-repeat top right; margin-top:2px}
#SearchArea form div label{height:0; width:0; overflow:hidden;float:left;display:block;width:200px;text-indent:-3000em}

/* NAVIGATION 
----------------------------------------- */
#Nav {width:950px;height:50px;clear:both;background-image:url('../images/menu.jpg'); position:relative; z-index:9; margin-bottom:20px; padding-left:10px; font-weight:bold; position:relative; z-index:100}
.sf-menu li a {display:block; height:15px; overflow:hidden; padding:7px 10px 7px 10px;color:#fff;font-size:13px; text-decoration:none; margin:10px 0 0 0;background:url('../images/menu-button-ends.gif') no-repeat top right}
.sf-menu li a.current,
.sf-menu li a:hover {background-color:#1b1817}
a.rss {display:block; width:32px; position:absolute; z-index:99; right:20px; top:15px}

	.sf-menu {list-style:none;  float:left; margin:0; padding:0; }
	.sf-menu * {list-style:none; margin:0; padding:0;}
	.sf-menu ul {position:absolute; top:-999em; }
	.sf-menu ul li {width:100%; margin-top:0px}
	/*.sf-menu li:hover {visibility:inherit; background:#4b6892; outline:0;}*/
	.sf-menu li {float:left; position:relative;}
	.sf-menu li li{background:#4b6d62; }
	.sf-menu a {display:block; position:relative;  text-decoration:none; color:#fff; margin:0}
	.sf-menu li li a {background-image:none; padding:8px 10px; margin:0}
	.sf-menu li:hover ul {left:0; top:2.5em; z-index:99;}
	.sf-menu li.sfHover ul {left:0; top:2.5em; z-index:99;}
	ul.sf-menu li:hover li ul {top:-999em;}
	ul.sf-menu li.sfHover li ul {top:-999em;}
	ul.sf-menu li li:hover ul {left:10em; top:0;}
	ul.sf-menu li li.sfHover ul {left:10em; top:0;}
	ul.sf-menu li li:hover li ul {top:-999em;}
	ul.sf-menu li li.sfHover li ul {top:-999em;}
	ul.sf-menu li li li:hover ul {left:10em; top:0;}
	ul.sf-menu li li li.sfHover ul {left:10em; top:0;}
	.sf-menu a:visited {color:#fff;}
	.sf-menu li li {background:#4b6d62;}
	.sf-menu li li li {background:#4b6d62;}
	.sf-menu li li.sfHover {background:#4b6892; outline:0;}
	/*** arrows **/
	.sf-menu a.sf-with-ul {padding-right:2.25em; min-width:1px;}
	.sf-sub-indicator {position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -10px -100px;}
	a > .sf-sub-indicator {top:.8em; background-position:0 -100px;}
	a:focus > .sf-sub-indicator {background-position:-10px -100px;}
	a:hover > .sf-sub-indicator {background-position:-10px -100px;}
	a:active > .sf-sub-indicator {background-position:-10px -100px;}
	li:hover > a > .sf-sub-indicator {background-position:-10px -100px;}
	li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px;}
	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator {background-position:-10px 0;}
	.sf-menu ul a > .sf-sub-indicator {background-position:0 0;}
	.sf-menu ul a:focus > .sf-sub-indicator {background-position:-10px 0;}
	.sf-menu ul a:hover > .sf-sub-indicator {background-position:-10px 0;}
	.sf-menu ul a:active > .sf-sub-indicator {background-position:-10px 0;}
	.sf-menu ul li:hover > a > .sf-sub-indicator {background-position:-10px 0;}
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position:-10px 0;}
	/*** shadows for all but IE6 ***/
	.sf-shadow ul {background:url('../images/shadow.png') no-repeat bottom right; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px; padding:0 8px 9px 0;}
	.sf-shadow ul.sf-shadow-off {background:transparent; }


/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
	.coda-slider-wrapper { }
	.coda-slider {}
	.coda-slider-no-js .coda-slider { overflow: auto !important; padding-right: 20px }
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 300px } 
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {  width: 300px   }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	/* Tab nav */
	.coda-nav ul li a.current { background: #8f7e50 }
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px ;}
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }
/* Don't change anything below here unless you know what you're doing */
	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	

	
#Container{z-index:1}	


	

/* LAYOUT
----------------------------------------- */
.boxNarrow,
.boxSingle,
.boxDouble ,
.boxTriple{float:left; background-color:#fff; padding:0px; border:10px #fff solid; margin-bottom:20px; position:relative}

.topRow .boxNarrow,
.topRow .boxDouble,
.topRow .boxTriple {height:272px}

.boxDouble {width:660px; margin-right:15px;}
.boxDouble .shadow{background:url('../images/shadows/double.png') no-repeat; width:670px; height:10px; position:absolute; bottom:-20px; left:-10px}

.boxTriple {width:940px; margin-right:15px;}
.boxTriple .shadow{background:url('../images/shadows/full.png') no-repeat; width:960px; height:10px; position:absolute; bottom:-20px; left:-10px}

.boxSingle {width:313px; margin-right:15px;}
.boxSingle .shadow{background:url('../images/shadows/single.png') no-repeat; width:335px; height:10px; position:absolute; bottom:-20px; left:-10px;}

.boxNarrow {width:244px}
.boxNarrow .shadow{background:url('../images/shadows/narrow.png') no-repeat; width:257px; height:10px; position:absolute; bottom:-20px; left:-10px}

.min-height{min-height:500px;  height:auto !important;  height:500px;}

h1.title,
h2.title,
h3.title,
h4.title,
h5.title {margin:0; padding:10px; color:#fff; border-bottom:1px #fff solid; font-size:18px; font-weight:lighter}

table.listLayout {width:100%}
table.listLayout td{padding:10px; border-bottom:1px #fff solid}



/* colours */
	.brown{background-color:#57517b;}
	.brown table.listLayout tr.odd{background-color:#726b99}
	.brown h1.title,
	.brown h2.title {background-color:#3e3768;margin-bottom:10px}

	.orange{background-color:#ffe3c8}
	.orange table.listLayout tr.odd{background-color:#ffeddb}
	.orange h1.title,
	.orange h2.title {background-color:#f37800}
	
	.blue{background-color:#d1e1ea}
	.blue table.listLayout tr.odd{background-color:#bed5e1}
	.blue h1.title,
	.blue h2.title {background-color:#176895}
	
	.gray{background-color:#f6f4f0}
	.gray table.listLayout tr.odd{background-color:#eeeae3}
	.gray h1.title,
	.gray h2.title {background-color:#a38f6f}
	
	.green {background-color:#dfe3cc}
	.green table.listLayout tr.odd{background-color:#ebefd9}
	.green h1.title,
	.green h2.title {background-color:#607402}






/* jFlow
----------------------------------------- */
#jFlowSlide{}
#myController span.jFlowSelected {font-weight:bold; color:#FF6600}

#myController, #myController2, #myController3{ margin:10px 0 0 0; float:right; font-size:11px}
#myController span, #myController2 span, #myController3 span{color:#000;background:#fff;margin:0 10px 0 0;cursor:pointer;padding:0 4px;}
.jFlowPrev, .jFlowNext, .jFlowPrev2, .jFlowNext2, .jFlowPrev3, .jFlowNext3{cursor:pointer;}

.slide-link{display:block; position:relative; text-decoration:none; height:247px; width:659px; }
.slide-link .slide-content{position:absolute; top:45px; left:55px; z-index:99; width:350px; text-decoration:none; color:#fff; font-size:14px; }
.slide-link strong {font-weight:normal; font-size:22px}





/* forms */

.login #Email input,
.login #Password input{margin:0 0 5px 0px; float:left; dispay:block; clear:both; width:220px}

.login #Email label,
.login #Password label{clear:both;  color:#fff; margin-left:0px}

.login .Actions {margin-bottom:10px}
.login .Actions input {padding:1px; margin:0}
#Remember{height:18px; padding:0; margin:0; float:left; clear:both}

p#PleaseRegister {margin:0;padding:0; float:left; clear:both; font-weight:bold; color:#FF6600}

p#Remember {border:0; padding:0}
#Remember input{}
#Remember label{color:#fff}

#PleaseRegister{float:left; clear:both}

#mySlides{height:247px; overflow:hidden}

.login div{margin:0; padding:0}

.login .Actions{clear:both; margin-left:0px; width:100%; float:left}
.login .Actions input.action {float:left; clear:both; display:block}
.login p#ForgotPassword{float:left; width:200px; margin:0}
#WhyLogin,
#WhyLogin,
#Register,
#ForgotPassword{clear:both; margin:0 0 0 0; float:left}

/* BREADCRUMBS
----------------------------------------- */
#Breadcrumbs {text-align:left;font-size:0.85em; margin:0px 5px 10px 0;}
#Breadcrumbs p, #Breadcrumbs a {margin:0;}


/* 3rd level list */

div#NavThirdLevel{margin:10px}
div#NavThirdLevel ul li{margin:10px 0}

/* CONTENT
----------------------------------------- */
#Content {float:left; width:660px; margin-top:20px}
.full {width:960px}

/* COMMENTS
----------------------------------------- */
#CommentHolder ul {list-style:none;margin:20px 0 20px 10px;}
#PageComments li {margin:5px 0;padding:1px;width:88%;}
#PageComments li.odd {background:#E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;padding:10px 0 0 0px;border-bottom:2px solid #BCE4FE;}
#PageComments li.even {background:#fff url(../images/commentBgAlt.png) no-repeat 99% 10%;padding:10px 0 0 0px;padding-left:10px;}
	#PageComments li.odd p.info {color:#3AA0C3;}
	.actionLinks li {display:inline;border-right:1px solid;}
		.actionLinks li a {padding-right:3px;font-size:10px;}
		.actionLinks li.last {border-right:none;}
.commentrss {background:transparent url(../images/feed-icon-14x14.png) no-repeat;padding-left:0px;font-size:1.1em;line-height:1.6em;}
#PageCommentsPagination p {text-align:center;font-size:1.2em;}
#PageComments p {font-size:1em;}
	#PageComments p.info {color:#999;margin:0px;padding:0;line-height:1em;font-size:0.9em;}

/* SEARCH RESULTS STYLES
----------------------------------------- */
ul#SearchResults {margin:10px 10px;}
ul#SearchResults li {margin-bottom:20px}
ul#SearchResults li h3 a{font-size:16px}
ul#SearchResults li h3 {margin-bottom:10px}
ul#SearchResults li p {margin:0 0 5px 0;padding:0}


#PageNumbers {margin:10px}

/* MESSAGEBOXS */
.message {margin:10px;padding:2px 4px;color:#979908;border:2px solid #607402;background:#f0ece3;
}
.login .message {background-color:#d2cfe0; border-color:#86829d; }
	span.middleColumn .message {	margin:4px 0 0 3px;}
.required {margin:4px 0 0 3px;padding:4px;width:92%;color:#DC1313;border:2px solid #FF7373;background:#FED0D0;
}

.entry {border-bottom:1px solid #eee;
}
.typography #content p.authorDate {color:#444;margin-top:-15px;}
	
/* UNSUBSCRIBE NEWSLETTER */
#Unsubscribe_MailingListForm_MailingListForm{min-height:100px;}
	#Unsubscribe_MailingListForm_MailingListForm p{	margin:0 !important;padding:10px;}
	#Unsubscribe_MailingListForm_MailingListForm p label{display:inline;}
	#Unsubscribe_MailingListForm_MailingListForm label{margin:0;}


#FormWrapper {
	width:100%;
}

#Form_Form {
	width:306px;
	margin:0 auto;
}

/* MODULE STYLE OVERRIDES */
			
/* FLICKR */

.flickr a.lightwindow img {
	background:url(../images/loadinfo.net.gif) no-repeat center center;
	width:75px;
	height:75px;
}
.pages {
	text-align:center;
}
#Layout .flickr {
	margin:0 40px; 
	width:725px;
}

/* ECOMMERCE */

.ecommerce #Menu2 li.current span, .ecommerce #Menu2 .sub a.current, .ecommerce #Menu2 .sub a.section\ {
	display:block;
	width:100%;
	background:#4EA3D7;
	color:#FFF;
	padding:3px;
	text-decoration:none;
	margin:-3px;
}
	.ecommerce #Menu2 .current .sub li a span {
		background:#FFF;
		color:#4EA3D7;
	}
.gallery-note {
	text-align:center;
}
#ImageGallery {
	margin:0 auto;
	width:658px;
}
#ShoppingCart .noItems {
	padding-left:7px;
	margin-top:16px;
	font-size:0.8em;
}
#MemberLoginForm_LoginForm .Actions {
	padding-left:10.25em !important;
}

/* CLEARING OPTIONS
----------------------------------------- */
.clear {clear:both;}
/* Clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

/* Clearfix */
.clearFix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearFix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearFix{height:1%}
.clearFix{display:block}
/* End hide from IE-mac */