/*  
Site Name: Professionelle
Site URI: ---
Description: Corporate site for professionelle. Design by Greenwire Design, built by Chris Evans ltd & Big Backyard ltd.
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 
Last update made by: 

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*07: Custom Containers & Subclasses

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 					{ text-align: center; }
.right 						{ text-align: right !important; }
.left 						{ text-align: left !important; }
.small 						{ font-size: 9px !important;}
#ie6 .small, #ie7 .small	{ font-size: 10px !important;}
.float-right 				{ float: right; }
.float-left 				{ float: left;}
.clear 						{ clear: both; }
.uppercase 					{ text-transform: uppercase; }
.nowrap 					{ white-space: nowrap; }
.offscreen					{ position: absolute; left: -9999px; top: -9999px; }
.hidden						{ display: none; }
.self-clear 				{ zoom: 1; }
.self-clear:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin			{ margin-right: 0 !important; }
.no-left-margin				{ margin-left: 0 !important; }
.no-top-margin				{ margin-top: 0 !important; }
.no-bottom-margin			{ margin-bottom: 0 !important; }
.hot						{ cursor:pointer; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 				{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic					{ font-style: italic; }
code						{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite						{ font-style: italic; }
abbr, acronym				{ border-bottom: 1px dotted; cursor: help; }
q							{ }
blockquote					{ font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Trebuchet MS, Arial, Helvetica, sans-serif; 
	background: #000;
	color: #746c69;
	
}

img, #homepage-feature .overlay, #section-nav li a, .sidebar-pod h4 a, .sidebar-pod .link-list li a, #page .related-list li a { behavior: url(/scripts/iepngfix.htc) }

h1, h2, h3, h4, h5, h6 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; letter-spacing: 0px; margin-bottom: 0; color: #453935; font-weight: bold; }

h1 { font-size: 2.4em; margin: 0 15px 15px 15px; padding-top: 17px; }
h2 { font-size: 1.7em; margin: 0 0 7px 0; }
h3 { font-size: 1.6em; margin: 0 0 0 0; font-weight: normal; }
h4 { font-size: 1.1em; margin: 30px 0 15px 0; text-transform: uppercase; letter-spacing: 2px; color: #5f5353; border-bottom: 1px dotted #6f6f6f; padding: 0px 8px 6px 8px; }
h4 a { color: #5f5353; }
h4 a, h4 a:hover { text-decoration: none; }

h4.listing-header { margin-bottom: 0; }

p { font-size: 1.3em; line-height: 1.4em; margin: 0 0 15px 0; }

p.no-results { padding-top: 35px; }

a { color: #9a0000; text-decoration: none; }

a:hover, a:active { color: #000; text-decoration: underline; }

ul li {
	list-style-type: none;
}

ol li {
	list-style-type: decimal;
}

blockquote {
border-bottom:1px dotted #6F6F6F;
border-top:1px dotted #6F6F6F;
font-size:1.2em;
font-style:italic;
margin:25px 0;
padding:15px 20px 0;

}

.quote-src {
	text-align: right;
}

input {
	font-size: 1.3em;
	padding: 3px;
	border: none;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */
#header				{ background: #000 url(/Images/interface/bg-logo-bar.jpg) repeat-x bottom left; }
#top-bar 			{ width: 945px; margin: auto auto; }
#logo-bar			{ width: 975px; margin: auto auto; background: #760507; }
#main-nav 			{}
#content-wrapper	{ background: #874d4c url(/Images/interface/BgFade.jpg) no-repeat 50% 0; }
#content			{ width: 975px; margin: auto auto; background: #fff; padding-bottom: 25px; min-height: 600px; }
#ie6 #content		{ height: 600px; }
#main-col			{ float: left; display: inline; width: 680px; margin: 0px 15px 0px 15px; }
#sidebar-col		{ float: left; display: inline; width: 250px; padding-top: 20px; }
#full-col			{ width: 915px; margin: 0px 0px 0px 30px; clear: both; }
#footer				{ background: transparent url(/Images/interface/bg-wrapper.gif) repeat-x; }
#wrapper			{ width: 945px; margin: auto auto; position: relative; min-height: 265px; padding-bottom: 5px; background: transparent url(/Images/interface/bg-footer.jpg) no-repeat center 32px; }
#footer-nav 		{ width: 945px; margin: auto auto; }

/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

div.body-content table { width: 100%; font-size: 1.2em; }
div.body-content table td { padding: 5px; border: 1px solid #c1bfb8;  }


/* access keys ========================= */
#accesskeys { display: none; }

/* header ========================= */
#user-nav 			{ font-size: 1.3em; color: #FFF; line-height: 1.3em; padding-top: 15px; }
#user-nav li 		{ float: left; }
#user-nav li a 		{
	color: #ffcc00;
	text-decoration: none;
	border-right: 1px solid #635d5d;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 10px;
}
#user-nav li.last a		{ border: none; }
#user-nav li a:hover	{ text-decoration: underline; }

#user-nav li span.no-items { color:#878787; padding-left:10px; }

#search 		{ float: right; padding: 8px 0 11px 0; }
#input-search 	{
	background: #FF0000 url(/Images/interface/bg-search-input.gif) no-repeat;
	padding: 3px 5px 4px 30px;
	width: 152px;
	color: #999;
}
#ie6 #input-search, #ie7 #input-search { border-bottom: 2px solid #000; }
#search #btn-submit-search {
	background: url(/Images/interface/btn-submit-search.gif) no-repeat;
	width: 58px; height: 25px;
	border: none;
	color: #FFF; font-size: 1.2em; font-weight: bold; text-shadow: #4f0d0e -1px -1px 1px;
	cursor: pointer;
}
#search #btn-submit-search:hover { color: #ffcc00; background-position: bottom left; }

#top-banner { width: 760px; height: 120px; background: #333; border: 1px solid #535250; margin: 0 auto 11px auto; }

#logo-bar { position: relative; background: url(/Images/interface/bg-logo-bar.jpg) repeat-x bottom left; }

#logo	{ 
	background: url(/Images/interface/bg-logo.gif) no-repeat;
	display: block; width: 210px; height: 40px;
	text-indent: -9999px; overflow: hidden;
	position: absolute; top: 16px; left: 14px;
}

/* main nav ========================= */
#main-nav 					{ float: right; }
#main-nav li 				{ float: left; position: relative; }
#main-nav li span			{ display: none; width: 9px; height: 9px; background: url(/Images/interface/ind-main-nav.gif) no-repeat; }
#main-nav li.selected		{ background: url(/Images/interface/bg-nav-selected.jpg) repeat bottom left; }
#main-nav li.selected span	{ display: block; position: absolute; left: 1px; }
#main-nav a 				{ 
	color: #FFF; font-size: 1.4em; text-decoration: none; 
	display: block;
	padding: 39px 40px 13px 15px;
	background: url(/Images/interface/div-nav-item.jpg) no-repeat;
}
#main-nav a:hover { color: #ffcc00; }

/* section nav ========================= */
#section-nav {
	background: #e5e5e5;
	border-bottom: 1px dotted #706e6f;
	margin: 0px 15px 0 15px;
	padding: 12px 0 12px 0;
}

#section-nav li {
	margin: 0px 0px 0px 10px;
	width: 223px;
	float: left;
}

#section-nav li a {
	font-size: 1.4em;
	padding: 2px 5px 2px 18px;
	display: block;
	font-weight: bold; text-decoration: none;
	background: url(/Images/interface/ind-section-nav.png) no-repeat 5px -63px;
	zoom: 1;
}

#section-nav li.selected a,
#section-nav li a:hover {
	background: #fff url(/Images/interface/ind-section-nav.png) no-repeat 5px 9px;
}

/* page ========================= */

#page, #homepage-feature, #sections-latest {
	background: #fff url(/Images/interface/bg-page.gif) no-repeat bottom left;
	border-top: 1px solid #b8b7b5;
	padding: 15px 15px 20px;
}

/* footer ========================= */
#copyright 		{ color: #FFF; font-size: 1.3em; padding: 7px 0px 8px 0px; }
#share-menu 	{ position: absolute; top: 7px; right: 0; color: #FFF; }

#footer-nav 			{ font-size: 1.3em; border-bottom: 1px solid #858585; padding-bottom: 20px; margin-bottom: 20px; }
#footer-nav li 			{ width: 179px; padding-right: 10px; float: left; display: inline; }
#footer-nav li ul li 	{ /*width: auto;*/ }
#footer-nav li a 		{ color: #fce200; text-decoration: none; padding: 10px 0 15px 0; display: block; line-height: 1.2em; font-size:1.1em; font-weight:bold; }
#footer-nav li a:hover	{ text-decoration: underline; }
#footer-nav li ul li a 	{ color: #fff; padding: 0; margin-bottom: 5px; font-size:1em; font-weight: normal; }

#greenwire { 
	background: url(/Images/interface/logo-greenwire.gif) no-repeat; 
	display: block; width: 119px; height: 13px;
	text-indent: -9999px; overflow: hidden;
	padding-bottom: 16px;
}

/* sidebar elements ========================= */
.sidebar-pod 	{ border-bottom: 1px dotted #6f6f6f; margin-bottom: 22px; }
.sidebar-pod h4 {
	background: #63524b;
	color: #fff; font-size: 1.1em; text-transform: uppercase; letter-spacing: 3px;
	padding: 0; margin: 0;
	position: relative;
	border: none;
}

.sidebar-pod h4 span {
	display: block;
	width: 9px; height: 9px;
	background: url(/Images/interface/ind-sidebar-head.gif) no-repeat;
	position: absolute; top: 27px; left: 6px;
}
#ie6 .sidebar-pod h4 span { top: 31px; }
#ie7 .sidebar-pod h4 span { top: 26px; }


.sidebar-pod h4 a {
	padding: 5px 0 5px 12px; display: block;
	color: #FFF; text-decoration: none;
	background: url(/Images/interface/ind-light-yellow-arrow.png) no-repeat 95% 9px;
}
#ie6 .sidebar-pod h4 a, #ie7 .sidebar-pod h4 a { zoom: 1; }

.sidebar-pod h4 a:hover { color:#ffef82; background-color:#453935; }
.sidebar-pod h4 a:hover span { background-image: url(/Images/interface/ind-sidebar-head-hi.gif); }

.sidebar-pod .link-list {
	margin-top: 15px;
}

.sidebar-pod .link-list li {
	margin-top: 10px;
}
	
.sidebar-pod .link-list li a {
	font-size: 1.2em; font-weight: bold; text-decoration: none; line-height: 1.2em;
	display: block;
	background: url(/Images/interface/ind-section-nav.png) no-repeat 0 -71px;
	padding: 0px 0px 0px 11px;
}

.sidebar-pod .link-list li a:hover { background-position: 0 1px; }

.sidebar-pod .link-list li a.comments-link { display: inline; background: none; padding:0; font-size: 1em; }

.sidebar-pod .link-list li span {
	padding: 0px 0px 0px 11px; display: block;
	color: #7c5d5a; font-size: 1.1em; line-height: 1.1em;
}

.sidebar-pod .link-list {padding-bottom: 15px;}

.sidebar-pod .bottom-link {
	border-top: 1px dotted #6f6f6f;
	margin-top: 0; padding: 5px 12px 5px 12px;
	font-size: 1.2em; text-transform: uppercase; text-decoration: none;
	display: block;
}

.sidebar-pod .bottom-link:hover { background-color: #f1f0f0; }



/* *06: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/
/* Homepage ============================ */
.btn-register {
	display: block;
	width: 125px; height: 57px;
	padding: 10px 6px 0px 10px; margin: 60px 0px 0px 0px;
	background: url(/Images/interface/btn-register.gif) no-repeat;
	font-size: 1.3em; color: #FFF; line-height: 1.2em; font-weight: bold; text-shadow: #4f0d0e -1px -1px 1px;
	float: right;
}

#homepage .btn-register { margin-right: 18px; margin-left: 20px; }

.btn-register:hover {
	color: #ffcc00; text-decoration: none; background-position: bottom left;
}

.btn-register span {
	color: #ffdf05;
	background: url(/Images/interface/ind-home-register.gif) no-repeat 100% 50%;
	padding-right: 14px;
}

#homepage-feature .col1 { width: 386px; margin-right: 20px; float: left; }
#homepage-feature .col2 { width: 244px; float: left; }
#homepage-feature .article-image 	{ margin: 0; position: relative; }
#homepage-feature h2				{ font-size: 1em; margin-bottom: 15px; line-height: 2.7em; }
#homepage-feature h2 a				{ font-size: 2.2em; display: block; }
#homepage-feature h2 span 			{ font-size: 1.2em; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #7a6b66; position: relative; top: -3px; }

#homepage-feature .overlay			{ 
	background: url(/Images/interface/bg-overlay.png);
	position: absolute; bottom: 7px; left: 0;
	margin: 7px 7px 0px 7px; padding: 10px 9px 10px 10px;
	width: 351px;
}
#homepage-feature .overlay:hover { background: #333; }

#homepage-feature .overlay h4 {
	border: none;
	padding: 0; margin: 0 0 7px 0;
	color: #fff;
}

#homepage-feature .overlay p 	{ margin: 0; }
#homepage-feature .overlay p a 	{ color: #FFF; background: url(/Images/interface/ind-home-overlay.gif) no-repeat 100% 50%; padding-right: 12px; text-decoration: none; }

#home-news li 		{ margin: 2px 0 20px 0; }
#home-news li p 	{ margin: 0; }
#home-news li .date { font-size: 1.1em; text-transform: uppercase; letter-spacing: 2px; color: #5f5353; padding: 0px 8px 6px 0px; }
#home-news li h3 	{ font-size: 1.4em; color: #5f5353; font-weight: bold; margin-bottom: 6px; line-height: 1.3em; }

#homepage-promos						{ margin-top: 14px; }
#homepage-promos li 					{ float: left; margin-right: 17px; }
#homepage-promos li.last 				{ margin: 0; }
#homepage-promos li a 					{ 
	display: block; 
	width: 202px; height: 73px; 
	padding: 0 13px 13px 0; 
	color: #ffdf05; font-size: 1.5em; font-weight: bold;
	
}
#homepage-promos li a:hover				{ text-decoration: none; }
#homepage-promos li a em	 			{ color: #FFF; font-weight: bold; display: block; line-height: 1em; }
#homepage-promos #home-promo-vdeos		{ background: url(/Images/interface/btn-home-videos.jpg) no-repeat; }
#homepage-promos #home-promo-resources	{ background: url(/Images/interface/btn-home-resources.jpg) no-repeat; }
#homepage-promos #home-promo-premium	{ background: url(/Images/interface/btn-home-premium.jpg) no-repeat; }

#sections-latest 	{ padding: 0 0 15px 0; margin-top: 8px; }
#sections-latest li { margin: 15px 0 0 15px; float: left; width: 317px; }
/*#sections-latest h4 { padding:0 0 4px 15px; margin: 0; border-bottom: 1px dotted #cfc3bf; background: url(/Images/interface/ind-yellow-box.gif) no-repeat 0 2px; }*/
#sections-latest h4 { padding:0 0 4px 12px; margin: 0; border-bottom: 1px dotted #cfc3bf; background: url(/Images/interface/ind-section-nav.png) no-repeat 0 -68px; }
#sections-latest h4:hover { background-position: 0 4px; }
#sections-latest h5 { font-size: 1.4em; margin: 10px 0 5px 0; }

#sections-latest h4,
#sections-latest h4 a { color: #7a6b66 }
#sections-latest h4 a:hover { color: #000 }

/* listings ============================ */
.page-no				{ float: right; font-size: 1em; text-transform: uppercase; letter-spacing: 1px; margin-top: -21px; margin-right: 8px; }

#ie7 .page-no { margin-bottom:0; }

.listing				{ border-bottom: 1px dotted #6F6F6F; }
.listing li 			{ border-bottom: 1px solid #dcdcdc; padding-bottom: 15px; padding-top: 15px; /*margin-bottom: 15px;*/ }

.listing li.last		{ border: none; margin-bottom: 0; }
.listing li.hover		{ background: #f1f0f0; cursor: pointer; }
.listing-data 			{ width: 152px; float: left;padding-left: 8px; color: #845e5d; }
.listing-data .date 	{
	display: block;
	font-size: 1.1em; text-transform: uppercase; letter-spacing: 1px;
	margin-bottom: 10px;
}
.listing-data .author			{ display: block; font-size: 1.1em; }
.listing-data .no-comments		{ font-size: 1.1em; }
.listing-data a 				{ text-decoration: none; }
.listing-data .product-thumb	{ margin: auto auto; }
.listing-data .price			{ display: block; text-align: center; font-size: 1.4em; color: #62514b; font-weight: bold; padding-top: 3px; }
.listing-body 					{ width: 480px; float: left; margin-left: 10px; }
.listing-body h5 				{ margin: 0px 0 8px 0; line-height: 2em; }
.listing-body h5 a 				{ font-size: 1.5em; text-decoration: none; }
.listing-body h5 a:hover		{ text-decoration: underline; }
.listing-body p 				{ margin-bottom: 10px; }
.listing-body .tags				{ font-size: 1.2em; color: #9d8b87; }

ul.events-listing .listing-data { width: 202px; }
ul.events-listing .listing-body { width: 430px; }


.product-listing li 				{ border-bottom: 1px solid #dcdcdc; padding-bottom: 0; padding-top: 0; margin-bottom: 0; }
.product-listing .listing-body h5	{ margin-top: 15px; }
.product-listing .listing-data 		{ width: 112px; background: #f1f0f0; padding: 15px 0 10px 0; }
.product-listing .listing-body 		{ width: 510px; margin-left: 20px; }

.pagination 				{ text-align: center; margin: 12px 0 15px 0; }
.pagination li 				{
	display: inline;
}
.pagination li a			{ font-size: 1.1em; padding: 0px 6px 0px 6px; text-decoration: none; line-height: 1.2em; }
.pagination li a:hover 		{ background: #f2f0f1; color: #000; }
.pagination li.selected a	{ background: #d7d4d5; color: #574c4a; }
.pagination li.next			{ display: block; float: right; font-size: 1.1em; text-transform: uppercase; letter-spacing: 2px; }
.pagination li.prev			{ display: block; float: left; font-size: 1.1em; text-transform: uppercase; letter-spacing: 2px; }

#article-listing-header .article-image 		{ float: left; margin: 0px 15px 15px 0px; }
#article-listing-header p 					{ font-size: 1.4em; font-weight: bold; }


#product-listing-header .article-image 		{ float: left; margin: 0px 15px 15px 0px; }
#product-listing-header p 					{ font-size: 1.4em; font-weight: bold; }


#events-listing-header .article-image 		{ float: left; margin: 0px 15px 15px 0px; }
#events-listing-header p 					{ font-size: 1.4em; font-weight: bold; }

#events-header select 					{ float: left; margin-right: 12px; zoom: 1; }
#events-header .checkbox,
#search-result-header .checkbox			{ padding: 11px 0 17px 15px; }
#events-header .checkbox span,
#search-result-header .checkbox span	{ display: block; float: left; }
#events-header .checkbox input,
#search-result-header .checkbox input	{ margin: 0; }
#events-header .checkbox label			{ width: 250px; line-height: 1em;}
#search-result-header .checkbox label 	{ width: 70px; line-height: 1em;}
#ie6 #events-header .checkbox label,
#ie7 #events-header .checkbox label, 	
#ie6 #search-result-header .checkbox label,
#ie7 #search-result-header .checkbox label 	{ line-height: 1.5em;}
#ie6 #events-header .checkbox,
#ie7 #events-header .checkbox,
#ie6 #search-result-header .checkbox,
#ie7 #search-result-header .checkbox		{ margin-top: -4px; }
#events-header .btn-submit,
#search-result-header .btn-submit			{ background: url(/Images/interface/btn-submit-small.gif) no-repeat; width: 60px; height: 27px; margin-top: -80px; font-size: 1.2em; }
#events-header .btn-submit:hover,
#search-result-header .btn-submit:hover		{ background-position: bottom left; }

#search-result-header #input_searchterm 	{ width: 520px; }
#search-result-header #show					{ margin: 0; font-weight: bold; line-height: 1em; margin-right: 40px; }

strong.city { text-transform: uppercase; }



/* detail page ========================= */
#article-options {
	border-bottom: 1px dotted #6f6f6f;
	margin: 0px 15px 0px 15px;
	padding-bottom: 5px;
}

#article-options {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 15px;
}

#article-options .date { font-size: 1.1em; padding-top: 2px; margin-bottom: 0; }

#article-options ul 	{ float: right; }
#article-options li 	{ float: left; }
#article-options li a 	{ text-decoration: none; padding: 0px 0px 5px 20px; margin: 0px 0px 0px 20px; background: url(/Images/interface/bg-article-icons.gif) no-repeat; }

#article-options li.list a 				{ }
#article-options li.list a:hover 		{ background-position: 0 -80px; }
#article-options li.comments a 		{ background-position: 0 -20px; }
/* #article-options li.comments a:hover 	{ background-position: 0 -100px; } */
#article-options li.print a 			{ background-position: 0 -40px; }
/* #article-options li.print a:hover		{ background-position: 0 -120px; } */
#article-options li.email a 			{ background-position: 0 -60px; }
/* #article-options li.email a:hover		{ background-position: 0 -140px; } */

#article-options li.print { display: none; }

.tagline { margin: 0px 15px 22px 15px; }

.article-image { padding: 7px; border: 1px solid #dfdfdf; float: right; clear: right; margin: 0px 0px 15px 15px; display: block; }

#page .body-content ul,
#page .body-content ol,
body#tinymce ul,
body#tinymce ol { margin-bottom: 15px; }
#page .body-content ul li,
body#tinymce ul li {
	list-style-type: square;
	font-size: 1.3em;
	margin-left: 15px;
}


#page .body-content ol li,
body#tinymce ol li {	font-size: 1.3em; margin-left: 27px;}


#page .resource-list, #page .related-list 				{ }
#page .resource-list li, #page .related-list li 		{ list-style-type: none; margin: 0px 8px 5px 8px; font-size: 1.3em; }
#page .resource-list li a, #page .related-list li a 	{
	display: block;
	background: url(/Images/interface/ico-resources.gif) no-repeat;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 0.8em;
	padding: 2px 0px 5px 25px;
	zoom: 1;
}
#page .related-list li a 								{ background: url(/Images/interface/ind-section-nav.png) no-repeat 0 -67px; padding-left: 15px; }
#page .related-list li a:hover							{ background-position: 0 5px; }
#page .resource-list li a span 							{ font-weight: normal; font-size: 0.8em; letter-spacing: 1px; }
#page .resource-list li a:hover							{ background-position: 0 -80px; }
#page .resource-list li.doc a 							{ background-position: 0 -20px; }
#page .resource-list li.doc a:hover						{ background-position: 0 -100px; }
#page .resource-list li.xls a 							{ background-position: 0 -40px; }
#page .resource-list li.xls a:hover						{ background-position: 0 -120px; }
#page .resource-list li.pdf a 							{ background-position: 0 -60px; }
#page .resource-list li.pdf a:hover						{ background-position: 0 -140px; }


#page .add-comment { 
	background: url(/Images/interface/ico-add-comment.gif) no-repeat 0 1px;
	float: right;
	font-size: 1em; text-transform: uppercase; text-decoration: none; letter-spacing: 1px;
	padding: 0px 0px 0px 20px; margin: -38px 8px 0px 0px;
}
#page .comments							{ font-size: 1.3em; margin-bottom: 30px; }
#page .comments li 						{ list-style-type: none; margin: 0px 8px 0px 8px; }
#page .comments .comment-data 			{
	margin: 0px 0px 0px 0px;
}
#page .comments .comment-data .posted 	{ text-transform: uppercase; color: #9c9794; font-size: 0.85em; letter-spacing: 1px; margin: 0px 0px 5px 0px; }
#page .comments .comment-data .author 	{ color: #7a726f; font-size: 0.9em; }
#page .comments .comment-body p			{ font-size: 1em; }

h4#comments,
h4#relatedArticles,
h4#relatedResources { clear: both; }

/* comments form ========================= */
div.sendfriend-thanks { padding-top: 10px; }
div.sendfriend-thanks .box-msg { padding-bottom: 10px; padding-top:10px; margin-bottom: 10px; border-top: 2px solid #000; border-bottom: 2px solid #000; }

div#comment-form { margin-top: 10px; }

fieldset h4 {
	background: #e9e6e6;
	border: none;
	margin: 0; padding: 11px 0 11px 15px;
}

fieldset li {
	background: #f2f0f1;
	border-top: 1px solid #fff;
	margin: 0;
	list-style-type: none;
	padding: 11px 0 11px 15px;
	font-size: 1.3em;
}

fieldset li.last { background: #e9e6e6; }

fieldset li.first-field { padding-top: 20px; }

fieldset li.no-border { border: none; }

fieldset label {
	width: 135px;
	display: block; float: left;
}

fieldset input, fieldset textarea {
	width: 470px;
	font-size: 1em;
	padding: 2px 5px 2px 5px;
	border: 1px solid #b5b9bc;
}

fieldset select {
	font-size: 1em;
}

fieldset .checkbox input {
	width: auto;
	float: left;
	margin: 4px 0 0 135px;
	border: none;
}

#ie6 fieldset .checkbox input, #ie7 fieldset .checkbox input { margin-top: 0; }

fieldset .checkbox { padding: 35px 0 35px 15px; }

fieldset .checkbox label {
	width: 400px;
	margin-left: 10px;
}

fieldset .multi-checkbox label 	{ width: auto; margin-left: 5px; }
fieldset .multi-checkbox label.global 	{ font-weight: bold; margin-right: 10px; }
fieldset .multi-checkbox input	{ margin-left: 30px; }

fieldset .btn-submit {
	background: url(/Images/interface/btn-submit.gif) no-repeat;
	width: 178px; height: 42px;
	border: none;
	color: #FFF; font-size: 1.4em; font-weight: bold; text-shadow: #4f0d0e -1px -1px 1px;
	float: right;
	margin: -65px 17px 0 0;
	cursor: pointer;
}

fieldset .btn-submit:hover {
	color: #ffcc00; background-position: bottom left;
}

fieldset .note {
	display: block;
	margin: 10px 0 0 135px;
	font-size: 0.9em; color: #796b6a;
}

fieldset .error { 
	display: block;
	padding: 5px 10px 5px 10px; margin: 0 18px 10px 0;
	background: #8e0000;
	color: #FFF !important; font-weight: bold; text-align: center;
	position: relative;
}
#account-details .error { margin-right: 21px; }

.box-error {
	color: #9a0000;
	display: block; 
	font-weight: bold; text-align: center;
	font-size: 1.2em;
	padding-top: 10px; padding-bottom: 10px; border-top: 2px solid #cc0000; border-bottom: 2px solid #cc0000;
}

#loginform .box-error,
#changepassword .box-error,
#forgotpassword .box-error { border: none; padding:0; }

.box-msg {
	color: #000;
	display: block; 
	font-weight: bold; text-align: center;
	font-size: 1.2em;
}

fieldset .error span {
	display: block; width: 10px; height: 10px;
	background: url(/Images/interface/ind-form-error.gif) no-repeat;
	position: absolute; top: 30px; left: 48.5%;
}
#ie6 fieldset .error span, #ie7 fieldset .error span { top: 29px; }

/* event detail header ============================ */
#event-detail-header 			{  }
.event-abstract 				{ width: 312px; float: left; }
.event-abstract img				{ margin-bottom: 15px; }
.event-details 					{ width: 314px; margin-left: 24px; float: right; }
.event-details dl				{ font-size: 0.85em; }
.event-details dt				{ width: 94px; clear: left; margin: 0 15px 5px 0; float: left; }
.event-details dd				{ width: 175px; float: left; margin-bottom: 5px; color: #5c514d; font-weight: bold; font-size: 1.1em; }
.event-details li.last			{ background: #eae6e7; padding: 15px; }
.event-details .btn-submit		{ width: 138px; height: 42px; background: url(/Images/interface/btn-submit-med.gif) no-repeat; margin: 0; font-size: 1.1em; }

.event-details a.btn-submit { padding-top: 9px; padding-bottom: 1px; }

/* registration / your account form (& generic styles for 2 col form) ============================ */
#account-details 							{ margin-bottom: 60px; }
#account-details ul, .two-col-form ul		{
	width: 448px;
	float: left;
	margin-bottom: 30px;
}



#account-details li.alt 					{ background: #eae6e7; }
#account-details li.title,
.two-col-form li.title						{ background: #63524b; position: relative; }
#account-details li.int-title				{ border-top: 10px solid #fff; }
#account-details li.title h2,
.two-col-form li.title h2	 				{ color: #FFF; font-size: 1.3em; margin: 0; }
#account-details li.title h2 span 			{ display: block; font-weight: normal; font-size: 0.8em; }
#account-details li.title .ind				{ 
	display: block; 
	width: 13px; height: 13px; 
	background: url(/Images/interface/ind-reg-title.gif) no-repeat;
	position: absolute; top: 70px; left: 15px;
}

#acct-col-1 												{ margin-right: 19px; }
#account-details input, #account-details textarea,
.two-col-form input, .two-col-form textarea					{ width: 200px; }
#account-details textarea, .two-col-form textarea			{ height: 100px; }
#account-details select, .two-col-form select				{ width: 212px; }
#account-details label, .two-col-form label					{ width: 200px; font-weight: bold; }

#account-details .checkbox-list 							{ width: auto; margin: 15px 0 0 0; }
#account-details .checkbox-list li							{ padding: 0; width: 208px; border: none; float: left; font-size: 1em; margin-bottom: 5px; background: none; }
#account-details .checkbox-list li.alt						{ background: none; }
#account-details .checkbox-list label						{ width: auto; float: none; display: inline; padding-left: 10px; }
#account-details .checkbox-list input						{ width: auto; border: none; }
#account-details .single-col-checkbox-list li				{ float: none; }


#account-details li.recaptcha { padding-left:0; }
#recaptcha_area { margin: 0 auto; }


#submit-holder {
	border-top: 1px dotted #6b696a;
	clear: both;
}
#submit-holder .btn-submit 		{ margin: -32px 0px 0px 0px; width: 178px; }
.two-col-form .btn-submit 		{ width: 138px; height: 42px; background: url(/Images/interface/btn-submit-med.gif) no-repeat; margin: 0 21px 0 0; }
.two-col-form .btn-submit-back	{ width: 138px; height: 42px; background: url(/Images/interface/btn-submit-med-back.gif) no-repeat; margin: 0 21px 0 0; }
a.btn-submit,
a.btn-submit-back				{ 
	display: block; 
	text-align: center; text-decoration: none; color: #fff; font-weight: bold; text-shadow:-1px -1px 1px #4F0D0E; font-size: 14px; 
	padding-top: 10px; height: 32px !important;
}
a.btn-submit:hover,
a.btn-submit-back:hover					    { color: #ffcc00; background-position: bottom left; }
#submit-holder span.checkholder 			{ display: block; text-align: right; padding-right: 225px; margin-top: 45px; }
#submit-holder span.checkholder input 		{ width: auto; display: inline; border: none; }
#submit-holder span.checkholder label		{ width: auto; display: inline; float: none; font-size: 1.3em; padding-left: 5px; }

#submit-holder span.box-error { margin-top:10px;}

.two-col-form fieldset a 		{ margin-left: 200px; }
.two-col-form .col-1			{ width: 448px; float: left; }
.two-col-form .col-2			{ width: 448px; float: left; margin-left: 19px; }

#loginform .two-col-form .col-2	{ margin-left: 29px; width: 438px; }

.two-col-form .btn-register		{ margin-top: 30px; }
.two-col-form input.short		{ float: left; width: 50px; }
.two-col-form .short-link		{ float: left; display: block; margin: 0 0 0 10px; }

#credit-card input 				{ width: 38px; }
#expiry-date select				{ width: auto; }

#remember-me 					{ display: block; position: relative; top: 10px; }
#remember-me input 				{ width: auto; float: left; margin-top: 3px; border: none; }
#remember-me label 				{ width: auto; margin-left: 10px; font-weight: normal; }

/* product detail page ============================ */
#product-detail {}

#product-detail img 								{ float: left; }
#product-detail .product-info						{ float: right; width: 320px; margin-left: 15px; }

#product-detail .product-info li.last				{ clear: both; padding: 15px; }
#product-detail .product-info .item-price 			{ width: 161px; padding: 16px 0 5px 0; float: left; font-size: 2.6em; text-align: center; border-right: 1px solid #fff; height: 50px; }

#product-detail .product-info .special-price { line-height: 1.1em; height: 91px; }

span.struck { text-decoration: line-through; }
span.special-price-value { color:#9A0000; }
span.priceinfo { font-size:50%; font-weight: normal; }

#ie6 #product-detail .product-info .item-price,
#ie7 #product-detail .product-info .item-price		{ padding: 17px 0 5px 0; }
#product-detail .product-info .quantity 			{ width: 134px; padding: 12px 12px 10px 12px; float: left; font-size: 1.1em; height: 50px; }

#product-detail .product-info .extra-special-qty { height: 90px; }

#product-detail .product-info .quantity label		{ width: 50px; clear: both; }
#product-detail .product-info .quantity select 		{ float: right; }
#ie6 #product-detail .product-info .quantity label,
#ie7 #product-detail .product-info .quantity label	{ width: 47px; }
#product-detail .product-info .quantity select		{ font-size: 1.1em; }
#product-detail .product-info .quantity dl			{ padding-top: 5px; clear: both; }
#product-detail .product-info .quantity dt			{ float: left; }
#product-detail .product-info .quantity dd			{ float: right; font-weight: bold; }
#product-detail .product-info li.variant-option		{ padding:12px 12px 10px;}

#product-detail .btn-submit							{ width: 138px; height: 42px; background: url(/Images/interface/btn-submit-med.gif) no-repeat; margin: 0; font-size: 1em; }
#product-detail .btn-submit:hover					{ background-position: bottom left; }

/* shopping cart stuff ============================ */
#cart-progress {
	 font-size: 1.1em; text-transform: uppercase; letter-spacing: 2px; color: #5f5353;
	 border-bottom: 8px solid #dfdedb;
	 margin-bottom: 10px;
}

#cart-progress li {
	float: left;
	width: 181px;
	text-align: center;
	padding: 7px 0 7px 0;
	position: relative;
	font-size: 1.1em;
	background: #f1f0f0;
	border: 1px solid #fff;
}

#cart-progress li.last { width: 183px; border: none; }

#cart-progress li.selected {
	background: #62514b;
	color: #FFF;
}

#cart-progress li.selected span {
	display: block; 
	width: 13px; height: 13px; 
	background: url(/Images/interface/ind-reg-title.gif) no-repeat;
	position: absolute; top: 30px; left: 50%;
}

#not-a-member							{ background: #f2f0f1; }
#not-a-member h2						{ padding: 12px 15px 0 15px; }
#not-a-member p							{ padding: 0 15px 0 15px; }
#not-a-member .checkout-link-holder		{ background: #EAE6E7; padding: 11px 0 11px 15px; margin-top: 50px; margin-bottom: 0; }
#not-a-member .checkout-link-holder	a	{ float: right; }

#shopping-process { position: relative; }
#shopping-process h1 					{ margin-left: 0; }
#shopping-process table 				{ width: 100%; font-size: 1.3em; color: #666; }
#shopping-process fieldset				{ background: #f1f0f0; }
#shopping-process th					{ background: #62514b; color: #fff; font-weight: bold; padding: 15px; border-right: 1px solid #fff; }
#shopping-process .cell-remove			{  }
#shopping-process .cell-description		{  }
#shopping-process .cell-quantity		{ width: 100px; text-align:center; }
#shopping-process td.cell-price			{ width: 80px; text-align: right!important; padding-right:30px;}
#shopping-process th.cell-price			{ text-align:center!important;}
#shopping-process tr					{  }
#shopping-process td					{ border: none; border-bottom: 1px solid #c1bfb8; border-right: 1px solid #c1bfb8; padding: 15px; font-weight: bold; }
#shopping-process .btn-remove			{
	background: url(/Images/interface/btn-remove.gif) no-repeat; 
	text-indent: -9999px; overflow: hidden;
	display: block; width: 22px; height: 20px;
	margin: auto auto;
}
#shopping-process .btn-remove:hover		{ background-position: bottom left; }
#shopping-process .type								{ font-size: 0.8em; text-transform: uppercase; display: block; letter-spacing: 2px; font-weight: bold; margin-top: -4px; }
#shopping-process .item								{ font-size: 1.2em; font-weight: bold; line-height: 1em; display: block; margin-bottom: 2px; }
#shopping-process table input.quantity				{ border: 1px solid #b3bbbf; width: 20px; font-size: 1em; text-align: center; color: #666; font-weight: normal; }
#shopping-process table input.update 				{ width: auto; border: none; color: #9a0000; cursor: pointer; font-weight: normal; }
#shopping-process table input.update:hover			{ color: #000; }
#shopping-process .order-details					{ margin-top: 20px; }
#shopping-process .order-details label				{ display: inline; float: none; width: auto; }
#shopping-process .order-details tr					{ border: none; }
#shopping-process .order-details td					{ border-right: none; border-bottom: none; text-align: right; padding-top: 0; padding-bottom: 0; }
#shopping-process .order-details .order-total 		{ font-size: 16px; border-top: 1px solid #bbb8b1; }
#shopping-process .order-details .order-total td	{ padding-bottom: 20px; }
#shopping-process .checkout .btn-submit,
#shopping-process .checkout .btn-submit-back		{ margin: 15px 0 15px 0; }
#shopping-process .checkout 				{ background: #e9e6e6; }
#shopping-process div.checkout				{ padding-left: 15px; padding-right: 15px;}
#thanks p 						{ font-size: 16px; }
#thanks h1 { margin-left:0; }

.continue-shopping {
	width: 139px; height: 34px; 
	background: url(/Images/interface/btn-submit-med-noarrow.gif) no-repeat; 
	display:block;
	color: #FFF; font-size: 1.4em; font-weight: bold; text-shadow: #4f0d0e -1px -1px 1px; text-decoration:none !important;
	padding:8px 0 0 39px;
	margin: 0;
	cursor: pointer;
	position:absolute;
	right:15px;
	top:15px;
}
.continue-shopping:hover							{ color: #ffcc00; }

.empty-message				 						{ background: #e9e6e6; padding:1em; font-size:1.4em; font-weight:bold; text-align:center; }



body#tinymce { background: #fff; padding:5px; margin:0; }

img.floatImgLeft{ float:left; display:inline; margin:0 15px 15px 0; }
img.floatImgRight{ float:right; display:inline; margin:0 0 15px 15px; }


img.normalImage{ float:none; display:block; margin:10px auto; }






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {

}

h3 {

}

.floatImgLeft {

}

.floatImgRight {

}

.normalImage {

}

p {

}


