/****************************************************************************************	
	[GENERAL SELECTORS]
*****************************************************************************************/

/* Eric Meyer's Reset Rules */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, ol {list-style: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* Over-ride those pesky font tags */
font {
	font-family: Verdana, Arial, Helvetica, sans-serif !important; 
	font-size: 10pt !important;
	color: #000 !important;
}

/* Back to my CSS */
body {
	color: #000;
	font: 10pt/1.5 Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	background-color: #fff;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th {
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
}
table td {vertical-align: middle;}
table caption {
	font-weight: bold;
	font-size: 12pt;
	padding-bottom: 3px;
}
strong, 
dl dt {font-weight: bold;}
em {font-style: italic;}
#main-content blockquote.testimonial {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom: 2px solid #ebecee;
	margin-bottom: 1.5em;
}
	#main-content blockquote.testimonial p.author {
		text-align: right; 
		font-style: italic;
	}
	#main-content blockquote.testimonialcite {
		font-weight: bold;
		display: block;
	} 
/* Headers */
h2, h3, h4, h5, h6 {
	font: bold 14pt "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	line-height: 1.3;
	margin-bottom: 10px;
	text-transform: uppercase;
}
h3, h4, h5, h6 {
	font-size: 13pt;
	margin-bottom: 8px;
}
h4, h5, h6 {
	text-transform: none;
	font-size: 12pt;
}
	h2 span, h3 span {
		display: block;
		font-size: 0.75em;
		text-transform: none;
	}

/* Forms */
fieldset  {
	border: 1px solid #666;
	padding: 15px 10px;
	margin-bottom: 30px;
}
	fieldset legend span {
		font-weight: bold;
		font-size: 13pt;
		display: block;
		padding-bottom: 10px;
		text-transform: uppercase;
	}
	fieldset div.form-row,
	form .form-row-inline {margin-bottom: 12px;}
	fieldset label {
		font-weight: bold;
		display: block;
	}
	/* Inline Form Row */
	form .form-row-inline {}
		form .form-row-inline label {display: inline;}
		form .form-row-inline input {vertical-align: middle;}

/* [CONTENT AREA]
-------------------------------------------------------*/
/* Spacing */
#main-content p, #main-content ul,
#main-content ol, #main-content dl,
#main-content table {margin-bottom: 20px;}
#main-content table table {margin: 0;}
#main-content #primary-content p + ul {margin-top: -16px;}
/* Lists */
#main-content ul {
	margin-left: 25px;
	list-style: disc;
}
#main-content ol {
	list-style: decimal;
	margin-left: 28px;
}
#main-content ol ol {list-style: lower-alpha;}
#main-content ol ol ol {list-style: lower-roman;}
#main-content ul ul, 
#main-content ol ol {margin: 6px 0 12px 20px;}
/* Alternative Headers */
body.my-sales-centre #main-content h4 {text-transform: uppercase;}
body.my-sales-centre #main-content h3 {margin-bottom: 20px;}

/****************************************************************************************
	[LAYOUT]
*****************************************************************************************/

/* [HIDE ELEMENTS]
-------------------------------------------------------*/
.hide, .hide-print, form p.form-hint, form div.submit,
form fieldset em, #banner-ad, #nav, #subnav,
#logo, #sidebar, .print-hide,
.progress-meter, body.wide-layout h2,
#titlebar ul, body.my-sales-centre #sidebar h5 a,
ul.nav-tabs, #main-content a.btn, .help,
form input[type="image"], #flash-content,
#secondary-content, #call-to-action2, #call-to-action3, 
body.wide-layout div.position-r, #main-content ul.img-gallery li a.enlarge,
#main-content ul.img-gallery li a.close,
#main-content ul.img-gallery li.clear-all,
#main-content ul.img-gallery.med li input.photo-select,
#main-content ul.img-gallery.med li input.primary-photo,
#main-content ul.img-gallery.med li label,
#progress-meter.round-crnr, .btn, #login, object,
body.home div.panel.last, #key-points div.right-col img, .read-more,
#footer ul, #footer div.footer-nav, .email-a-friend, img.bookmark,
#summary div.left-col p.last img, #summary ul.quick-list,
body.home div.panels div.panel img.thumb, dl.faqs dd span {display: none;}

/* [SHOW ELEMENTS]
-------------------------------------------------------*/
.print-show, body.wide-layout div.success h2,
body.my-sales-centre ol.progress-meter {display: block !important;}
#wrapper {width: 100%;}
#header {
	padding-bottom: 40px;
	text-align: right;
}
body.home #header {padding: 0;}
#header p {
	padding-top: 10px;
	font-style: italic;
	color: #666;
}
#nav-wrapper {
	color: #666;
	text-align: right;
}
#titlebar,
#subtitlebar {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 6px 4px;
}
	#titlebar h1 {
		font: bold 18pt/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0;
		text-transform: lowercase;
	}
	#subtitlebar {
		border-top-width: 1px;
		border-bottom-width: 1px;
		margin: 10px 0;
	}
	#subtitlebar h2 {
		font-size: 14pt;
		margin: 0;
	}
	#subtitlebar p {
		margin: 0;
		font-style: italic;
		font-weight: bold;
	}
	
#main-content {padding: 30px 0;}
	body.my-sales-centre #main-content div.right-col {
		border: 1px solid #000;
		padding: 14px;
	}
	body.home #secondary-content ul.plain-list li {list-style: disc;}
	#main-content div.panels div.inner div.panel p.author cite,
	#main-content #testimonial p.author cite  {
		font-weight: bold;
		font-style: italic;
		display: inline;
		margin-bottom: 0;
		color: #222b32;
		padding: 0;
	}
	/* Testimonial */
	#main-content #testimonial {
		padding: 8px 0 8px 78px;
		position: relative;
		border-left: 4px solid #000;
		margin: 20px 0 0 10px;
	}
		#main-content #testimonial img {
			position: absolute;
			top: 0;
			left: 16px;
		}
	
#footer {
	border-top: 1px solid #666;
	padding: 5px 0 0 0;
	text-align: center;
}
	#footer p {
		font: normal 9pt Arial, Helvetica, sans-serif;
		color: #666;
	}

/****************************************************************************************
	[COMPONENTS] specific styles for content area
*****************************************************************************************/

/* [FAQs]
-------------------------------------------------------*/
#main-content dl.faqs dt {
	font-size: 1.05em;
	font-weight: bold;
	margin-bottom: 0.50em;
}
#main-content dl.faqs dd {margin-bottom: 1.5em;}
	#main-content dl.faqs dd ul {margin: 0.5em 0;}

/* [MAIN TABLE]
-------------------------------------------------------*/
#main-content table.main-tble {width: 100%;}
	#main-content table.main-tble thead th,
	#main-content table.main-tble tbody td {
		vertical-align: top;
		padding: 4px 5px;
		border: 1px solid #666;
	}
	#main-content table.main-tble thead th {
		text-transform: uppercase;
		padding-right: 30px;
	}
	#main-content table.main-tble tfoot td {
		text-transform: uppercase;
		font-weight: bold;
		border: 1px solid #666;
	}
	#main-content table.main-tble tfoot td.divider {
		font-size: 0;
		height: 0;
	}
	#main-content table.main-tble tfoot td.first,
	#main-content table.main-tble tfoot td.last {padding: 5px 0 8px 5px;}

/* [MY SALES CENTRE]
-------------------------------------------------------*/
body.my-sales-centre #main-content .curved-box-201,
body.my-sales-centre #main-content .curved-box-472 {padding: 0;}
	/* My To-Do List + Resources */
	body.my-sales-centre #main-content ul.resources,
	body.my-sales-centre #main-content ol.progress-meter {margin-left: 0;}
	body.my-sales-centre #main-content ol.my-to-do-list li,
	body.my-sales-centre #main-content ul.resources li,
	body.my-sales-centre #main-content ol.progress-meter li {
		border-bottom: 1px solid #fff;
		padding: 0.40em 14px;
		position: relative;
		background: none;
	}
	body.my-sales-centre #main-content ol.my-to-do-list li.last,
	body.my-sales-centre #main-content ul.resources li.last {border: none;}
		body.my-sales-centre #main-content ol.my-to-do-list li input {vertical-align: middle;}
		body.my-sales-centre #main-content ol.my-to-do-list li label {padding: 0 230px 0 5px;}
		body.my-sales-centre #main-content ol.my-to-do-list li a,
		body.my-sales-centre #main-content ul.resources li a,
		body.my-sales-centre #main-content ol.progress-meter li {
			font-weight: bold;
			text-decoration: none;
		}
		body.my-sales-centre #main-content ol.my-to-do-list li a {
			position: absolute;
			right: 14px;
			top: 0.40em;
		}
	/* Campaign History */
	body.my-sales-centre #main-content ul.campaign-history {
		padding: 0.40em 14px;
		margin: 0;
	}
		body.my-sales-centre #main-content ul.campaign-history li {
			margin-bottom: 0.80em;
			background: none;
			padding: 0;
		}
		body.my-sales-centre #main-content ul.campaign-history li.first {margin-bottom: 0;}
		body.my-sales-centre #main-content ul.campaign-history li.second {margin-bottom: 1.1em;}
			body.my-sales-centre #main-content ul.campaign-history li div {
				position: relative;
				padding-left: 39px;
				min-height: 22px;
				margin-bottom: 4px;
			}
				body.my-sales-centre #main-content ul.campaign-history li div img {
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 27px;
					height: 22px;
				}
				body.my-sales-centre #main-content ul.campaign-history li div strong {
					display: block;
					padding: 3px 0;
					width: 280px;
				}
				body.my-sales-centre #main-content ul.campaign-history li div span {
					display: block;
					position: absolute;
					right: 8px;
					top: 3px;
					font-weight: bold;
				}
			body.my-sales-centre #main-content ul.campaign-history li p {
				margin: 0;
				padding: 0 8px 0 39px;
				line-height: 1.3;
			}
/* Tax Invoice */
body.my-sales-centre #main-content div.round-crnr div.tax-invoice {
	position: relative;
	font-weight: bold;
}
	body.my-sales-centre #main-content div.round-crnr div.tax-invoice h5,
	body.my-sales-centre #main-content div.round-crnr div.tax-invoice h6 {margin-bottom: 0;}
	body.my-sales-centre #main-content div.round-crnr div.tax-invoice h5 {margin-bottom: 60px;}
	body.my-sales-centre #main-content div.round-crnr div.tax-invoice h6 {text-transform: uppercase;}
	body.my-sales-centre #main-content div.round-crnr div.tax-invoice p {
		position: absolute;
		right: 14px;
		top: 4px;
		text-align: right;
		margin: 0;
	}
	
/* [TWO COLUMN LIST]
-------------------------------------------------------*/
#wrapper #main-content .two-col-list {
	margin: 0 0 30px 0;
	list-style: none;
	padding-bottom: 16px;
}
#wrapper #main-content .two-col-list:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
	#wrapper #main-content .two-col-list li {
		padding: 8px 0;
		background: none;
		clear: both;
	}
		#wrapper #main-content .two-col-list li dl {
			margin: 0;
			float: left;
			clear: both;
		}
			#wrapper #main-content .two-col-list li dl dt {
				font-weight: bold;
				width: 17em;
				float: left;
				padding-right: 30px;
				text-align: right;
			}
			#wrapper #main-content .two-col-list li dl dd {float: left;}
	
/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

/* [PLAIN LIST]
-------------------------------------------------------*/
#main-content .plain-list li {
	background: none;
	padding: 0;
	list-style: none;
	margin-left: 0;
}

/* [HEADER WITH SUB TEXT ABSOLUTLY POSITIONED RIGHT]
-------------------------------------------------------*/
#main-content div.position-r {position: relative;}
	#main-content div.position-r p,
	#main-content div.position-r span {
		margin: 0;
		font-style: italic;
		font-size: 0.95em;
		color: #585E61;
		position: absolute;
		right: 0;
		top: 0;
		width: 678px;
		text-align: right;
	}
	#main-content div.position-r p.warning {
		font-style: normal;
		font-weight: bold;
	}
	#main-content div.position-r span.status {
		font-style: normal;
		font-weight: bold;
		display: block;
		text-transform: uppercase;
		padding-left: 16px;
		width: auto;
	}
	
/* [LEFT / RIGHT (TWO COLUMN)]
-------------------------------------------------------*/
#wrapper #main-content .left-right {margin: 0;}
	#wrapper #main-content .left-right li {
		margin-bottom: 8px;
		position: relative;
	}
	#wrapper #main-content .left-right li.last {
		margin: 0;
		font-weight: bold;
		border-top: 1px solid #fff;
		padding-top: 5px;
	}
		#wrapper #main-content .left-right li span {
			display: block;
			position: absolute;
			right: 0;
			top: 0;
		}
		#wrapper #main-content .left-right li.last span {top: 5px;}
		
/* [CURVED GREY BOX]
-------------------------------------------------------*/
#main-content .round-crnr {
	padding-top: 5px;
	margin-bottom: 1.5em;
	border: 2px solid #666;
}
	#main-content .round-crnr .round-crnr-inner {padding: 9px 14px 14px 14px;}
	#main-content .round-crnr .round-crnr-inner h5,
	#main-content .round-crnr .round-crnr-inner p,
	#main-content .round-crnr .round-crnr-inner ul {margin-bottom: 10px;}
	#main-content .round-crnr .round-crnr-inner.no-margin p {margin: 0;}
	
/* [CURVED GREY BOX WITH BROWN TOP]
-------------------------------------------------------*/
#main-content .curved-box-201,
#main-content .curved-box-472,
#main-content .curved-box-687,
#main-content .curved-box-896 {
	margin-left: 0;
	list-style: none;
	border-top: 3px solid #746a69;
	padding: 14px;
}
#main-content div.curved-box-201,
#main-content div.curved-box-472,
#main-content div.curved-box-687,
#main-content .curved-box-896 {margin-bottom: 20px;}
#main-content .curved-box-201 p,
#main-content .curved-box-472 p,
#main-content .curved-box-687 p,
#main-content .curved-box-896 p {margin-bottom: 8px;}

/* [ORANGE BOX]
-------------------------------------------------------*/
#main-content div.orange-box {
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #000;
}
	#main-content div.orange-box div.orange-box-inner img {
		display: block;
		border: 2px solid #fff;
		float: right;
		margin: 0 0 12px 12px;
	}
	#main-content div.orange-box div.orange-box-inner p {
		line-height: 1.3;
		margin-bottom: 6px;
	}
	
/* [INTRO'S]
-------------------------------------------------------*/
#main-content .intro {
	font-size: 11pt;
	font-weight: bold;
}
#main-content .intro2 {
	font-size: 12pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* [FLOAT IMAGES]
-------------------------------------------------------*/
img.float-img-r {
	float: right;
	margin: 8px 0 16px 16px;
}
#sidebar img.float-img-r {margin: 8px 0 4px 4px;} 
img.float-img-l {
	float: left;
	margin: 8px 16px 16px 0;
}

/* [IMAGE GALLERIES]
-------------------------------------------------------*/
#main-content ul.img-gallery {
	margin: 0;
	list-style: none;
}
#main-content ul.img-gallery:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
#main-content ul.img-gallery.lrge {
	width: 665px;
	margin: -9px 0 0 -6px;
}
#main-content ul.img-gallery.sml {
	width: 312px; 
	margin: 0 0 14px 3px;
}
#main-content ul.img-gallery.med {
	width: 434px; 
	margin: -7px 0 0 0;
}
	#main-content ul.img-gallery li {
		padding: 0;
		background: none;
		float: left;
		margin: 9px 0 0 6px;
		position: relative;
	}
	#main-content ul.img-gallery.sml li {margin-left: 7px;}
	#main-content ul.img-gallery.med li {
		margin: 7px 0 0 7px;
		width: 95px;
		padding: 3px 3px 5px 3px;
	}
		#main-content ul.img-gallery li img {
			display: block;
			border: 2px solid #CCC8C7;
		}
		#main-content ul.img-gallery.lrge li img {
			width: 123px;
			height: 91px;
		}
		#main-content ul.img-gallery.med li img {
			border: none;
			width: 95px;
			height: 70px;
		}
		#main-content ul.img-gallery.sml li img {
			width: 53px;
			height: 38px;
			border-width: 1px;
		}
		#main-content ul.img-gallery li span {
			text-align: center;
			font-size: 8pt;
			display: block;
			padding-top: 3px;
		}

/* [SMALL TEXT]
-------------------------------------------------------*/
.sml-txt {font-size: 9pt;}