/* CSS Document */

* {
	padding:0;
	margin:0;
}

img {
	border:0;
}

/*
####################################
GENERIC PAGE STRUCTURE
####################################
*/

body {
	background-color:#E1EBED;
	margin:0 auto;
	text-align:center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:black;
	font-size:0.8em !important;
	font-size:0.78em !ie;
}

#Container {
	text-align:center;
	width:784px;
	padding:0;
	margin:0 auto;
	background:#E1EBED url(../siteimages/container_shadow.png) top left repeat-y;
}

#Wrapper {
	text-align:center;
	background-color:#FFFFFF;
	width:770px;
	padding:0;
	margin:0 auto;
}



/*
####################################
ELEMENT STYLES
####################################
*/


h1 {
	font-size:130%;
	font-weight:bold;
	margin-bottom:1em;
	color:#4C555D;
}

h2 {
	font-size:110%;
	font-weight:bold;
	margin-bottom:.75em;
	color:#1B2164;
}

h3 {
	font-size:110%;
	font-weight:bold;
	margin-bottom:.5em;
}

h4 {
	font-size:100%;
	font-weight:bold;
	margin-bottom:.5em;
}

p {
	margin:0 0 1em 0;
}


ul {
	margin:1em;
}

ul li {
	margin-bottom:5px;
	margin-left:1em;
}

ol {
	margin:1em;
}

ol li {
	margin-bottom:5px;
	margin-left:1em;
}

a:link, a:visited {
	color:#009baa;
	text-decoration:underline;
}

a:hover {
	color:#8C2633;
	text-decoration:underline;
}

a:active {
	color:#666666;
	text-decoration:none;
}





/*
####################################
MAIN HEADER STRUCTURE
Layout and styles for the main top header area
####################################
*/


#Header {
	padding:0;
	background:#ffffff url(../siteimages/header_bg.png) top left no-repeat;
	text-align:left;
	color:#000000;
	font-size:100%;
	border-bottom:2px solid #D5D5D5;
}

#Header #HeaderLinks {
	float:right;
	padding-top:9px;
	padding-right:20px;
	width:450px;
}

#Header #HeaderLinks ul {
	list-style-type: none;
	width: 100%;
	padding: 0;
	margin:0;
	_float: none;
}

/*\**/
#Header #HeaderLinks ul
{
	width: auto;
	float: none;
}
/**/

#Header #HeaderLinks ul li {
	float: right;
	display:inline;
	background:url(../siteimages/bullet_headermenu.gif) center left no-repeat;
}

#Header #HeaderLinks ul a {
	margin-left:7px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	font-weight:normal;
	font-size:85%;
}

#Header #HeaderLinks	ul a:hover {
	text-decoration:underline;
}


#Header #HeaderLogo {
	float:left;
	padding-left:17px;
	padding-top:34px;
	padding-bottom:11px;
}

#Header #HeaderLogo img {
	border:0;
}






/*
####################################
MAIN NAVIGATION
####################################
*/

#MainMenu {
	text-align:left;
	padding:2px 0 2px 3px;
	clear:both;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	background: #ECECEC url(../siteimages/mainmenu_bg_grad.png) bottom left repeat-x;
}

#MainMenu ul {
	display:inline; 
	padding:0; 
	margin:0 auto; 
	list-style:none; 
	white-space:nowrap;
}

#MainMenu  li {
	display:inline; 
	margin:0; 
	padding:0;
}
#MainMenu ul li a {
	text-align:left;
	float:left; 
	font-size:85%; 
	padding:0 1em; 
	height:2em; 
	line-height:2em; 
	text-decoration:none; 
	font-weight:bold;
	color:#000000; 
	display:block; 
	border-right:1px solid #ffffff; 
	border-left:1px solid #D5D5D5;
	background: #ECECEC url(../siteimages/mainmenu_bg_grad.png) bottom left repeat-x;
}

#MainMenu ul .FirstItem {
	border-left:none;
}
#MainMenu ul li a:hover {
	background: #ECECEC url(../siteimages/mainmenu_bg_selected.gif);
	color:#8C2633;
}

#MainMenu ul .active a {
	color:#8C2633;
}






/*
####################################
FLASH AREA
Layout and styles for the section header area 
####################################
*/

#FlashSection {
	height:224px;
}




/*
####################################
MAIN CONTENT AREA
Layout and styles for the main content area
####################################
*/


#MainContent {
	text-align:left;
	padding:0 10px 0 0px;
}

.bgDiv {
	background: #FFFFFF url(../siteimages/content_bg_div.gif) top left repeat-y;
}

/*
**************************
MAIN CONTENT AREA :: LEFT HOME
**************************
*/
#MainContent #LeftAreaHome {
	width:122px;
	float:left;
	padding-left:10px;
	margin-bottom:10px;
}

#LeftAreaHome #SpecialButton {
	border:1px solid #D5D5D5;
	margin-bottom:10px;
}

#LeftAreaHome #SpecialButton a {
	margin:1px;
	background:#ECECEC url(../siteimages/button_bg_grad.png) bottom left repeat-x;
	font-size:80%;
	padding:4px 1px;
	text-align:center;
	color:#3A3F3F;
	display:block;
	text-decoration:none;
	font-weight:bold;
}

#LeftAreaHome #SpecialButton a:hover {
	background:#ECECEC url(../siteimages/mainmenu_bg_selected.gif);
	color:#8C2633;
	display:block;
	text-decoration:none;
}

#LeftAreaHome #BannerCTA {
	margin-bottom:10px;
}


#LeftAreaHome #ProfessionalBodies {
	text-align:center;
	padding:0 10px;
}

#LeftAreaHome #ProfessionalBodies img {
	margin-bottom:5px;
}

#LeftAreaHome #WebLinks {
	font-size:90%;
	/*padding-left:15px;*/
	margin-top:20px;
	margin-bottom:10px;
}

#LeftAreaHome #WebLinks h2 {
	font-size:100%;
	padding-bottom:2px;
	background:#FFFFFF url(../siteimages/div_dashed_bg.gif) bottom left repeat-x;
	color:#696969;
	margin-bottom:0.5em;
}

#LeftAreaHome #WebLinks	ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	_float: none;
}

/*\**/
#LeftAreaHome #WebLinks	ul
{
	width: auto;
	float: none;
}
/**/

#LeftAreaHome #WebLinks	ul li {
	margin:0;
	display:block;
	padding-bottom:5px;
	padding-left:8px;
	background:#ffffff url(../siteimages/bullet_externallink.gif) 0px 5px   no-repeat;
}

#LeftAreaHome #WebLinks ul li a {
	text-decoration:none;
	font-weight:normal;
	font-size:95%;
	text-align:left;
	color:#696969;
}

#LeftAreaHome #WebLinks	ul a:hover {
	text-decoration:underline;
}



/*
**************************
MAIN CONTENT AREA :: LEFT INTERNAL
**************************
*/

#MainContent #LeftArea {
	width:141px;
	float:left;
}

#LeftArea #SpecialButton {
	border:1px solid #D5D5D5;
	margin:20px 10px 20px 10px !important;
	margin:20px 10px 20px 10px !ie;
}

#LeftArea #BannerCTA {
	margin-bottom:10px;
	margin:20px 10px 20px 10px;
}

#LeftArea #SpecialButton a {
	margin:1px;
	background:#ECECEC url(../siteimages/button_bg_grad.png) bottom left repeat-x;
	font-size:80%;
	padding:4px 1px;
	text-align:center;
	color:#3A3F3F;
	display:block;
	text-decoration:none;
}

#LeftArea #SpecialButton a:hover {
	background:#ECECEC url(../siteimages/mainmenu_bg_selected.gif);
	color:#8C2633;
	display:block;
	text-decoration:none;
}

#LeftArea #SubMenu {
	margin-bottom:20px;
}

#LeftArea #SubMenu h2 {
	font-size:100%;
	padding:2px 2px 3px 15px;
	background-color:#EEEEEE;
	color:#00386b;
	margin-bottom:0.5em;
}

#LeftArea #SubMenu h2 a {
	color:#00386b;
	text-decoration:none;
}

#LeftArea #SubMenu h2 a:hover {
	color:#33AFBB;
	text-decoration:none;
}

#LeftArea #SubMenu	ul {
	list-style-type: none;
	margin: 0 0 0 15px;
	padding: 0;
	_float: none;
}

/*\**/
#LeftArea #SubMenu	ul
{
	width: auto;
	float: none;
}
/**/

#LeftArea #SubMenu	ul li {
	margin:0;
	display:block;
	padding-bottom:3px;
	margin-bottom:2px;
	background:#FFFFFF url(../siteimages/div_dashed_bg.gif) bottom left repeat-x;
}

#LeftArea #SubMenu ul li a {
	text-decoration:none;
	font-weight:normal;
	font-size:95%;
	text-align:left;
	color:#2A2A2A;
	display:block;
	padding-left:8px;
	background:#ffffff url(../siteimages/bullet_externallink.gif) 0 4px no-repeat;
}

#LeftArea #SubMenu	ul a:hover {
	text-decoration:none;
	font-weight:normal;
	color:#8C2633;
}

#LeftArea #QuickBuyNow {
	margin:20px 10px 20px 10px;
	border:1px solid #4fa600;
	border-top:3px solid #4fa600;
	background-color:#4fa600;
}

#LeftArea #QuickBuyNow h2 {
	background-color:#ffffff;
	color:#212121;
	font-size:90%;
	padding:2px 2px 2px 5px;
	font-weight:bold;
	margin-bottom:5px;
}

#LeftArea #QuickBuyNow	ul {
	list-style-type: none;
	margin: 0 0 0 1px;
	padding: 0;
	_float: none;
}

/*\**/
#LeftArea #QuickBuyNow	ul
{
	width: auto;
	float: none;
}
/**/

#LeftArea #QuickBuyNow	ul li {
	margin:0;
	display:block;
	padding-bottom:2px;
	margin-bottom:1px;
	background:#4fa600 url(../siteimages/div_dashed_bg_green.gif) bottom left repeat-x;
}

#LeftArea #QuickBuyNow ul li a {
	text-decoration:none;
	font-weight:normal;
	font-size:95%;
	text-align:left;
	color:#2A2A2A;
	display:block;
	padding:1px 0 1px 17px;
	background:#4fa600 url(../siteimages/bullet_doublearrow.gif) left center   no-repeat;
}

#LeftArea #QuickBuyNow	ul a:hover {
	text-decoration:none;
	font-weight:normal;
	color:#ffffff;
}

#LeftArea #QuickBuyNow	ul .bgGold a:hover {
	background-color:#a49263;
}

#LeftArea #QuickBuyNow	ul .bgGas a:hover {
	background-color:#5d727e;
}

#LeftArea #QuickBuyNow	ul .bgPlus a:hover {
	background-color:#b17863;
}

#LeftArea #QuickBuyNow	ul .bgBasic a:hover {
	background-color:#9e8e86;
}

#LeftArea #QuickBuyNow	ul .LastItem {
	background-image:none;
}

#LeftArea #LeftAreaImage {
	text-align:center;
	margin-bottom:50px;
}

#LeftArea #LeftAreaImage img {
	border:1px solid #d5d5d5;
}

#LeftArea .SideImage {
	text-align:center;
	border:1px solid #d5d5d5;
}

#LeftArea #WebLinks {
	font-size:90%;
	padding-left:15px;
	margin-top:20px;
	margin-bottom:10px;
}

#LeftArea #WebLinks h2 {
	font-size:100%;
	padding-bottom:2px;
	background:#FFFFFF url(../siteimages/div_dashed_bg.gif) bottom left repeat-x;
	color:#696969;
	margin-bottom:0.5em;
}

#LeftArea #WebLinks	ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	_float: none;
}

/*\**/
#LeftArea #WebLinks	ul
{
	width: auto;
	float: none;
}
/**/

#LeftArea #WebLinks	ul li {
	margin:0;
	display:block;
	padding-bottom:5px;
	padding-left:8px;
	background:#ffffff url(../siteimages/bullet_externallink.gif) 0px 5px   no-repeat;
}

#LeftArea #WebLinks ul li a {
	text-decoration:none;
	font-weight:normal;
	font-size:95%;
	text-align:left;
	color:#696969;
}

#LeftArea #WebLinks	ul a:hover {
	text-decoration:underline;
}




/*
**************************
MAIN CONTENT AREA :: RIGHT
**************************
*/
#MainContent #RightArea {
	width:609px;
	float:right;
	padding-bottom:2em;
}

#OfferBanner {
	height:80px;
	margin-bottom:10px;
}

#ProductHighlight {
	border:1px solid #4fa600;
	margin-bottom:10px;
	padding-bottom:5px;
}

#ProductHighlight #ProductHighlightTitle {
	background:#4fa600 url(../siteimages/bullet_doublearrow.gif) left center no-repeat;
	padding:2px 10px 2px 17px;
	color:#ffffff;
}

#ProductHighlight .ProductBox {
	float:left;
	width:144px;
	margin:5px 0 0px 6px !important;
	margin:5px 0 0px 4px !ie;
}

#ProductHighlight .ProductBox img {
	width:144px;
	height:41px;
	border:0;
}

#ProductHighlight .ProductBoxCopy {
	font-size:90%;
	padding:3px 2px 0px 5px;
	line-height:1.2em;
}

#ProductHighlight .ProductBoxBuyNow {
	float:left;
	width:148px;
	font-size:90%;
	padding-right:2px;
	text-align:right;
}

#NewsHighlight {
	float:left;
	width:180px;
	font-size:90%;
}

#NewsHighlight #NewsHighlightTitle {
	background:#009baa url(../siteimages/bullet_doublearrow.gif) left center no-repeat;
	padding:2px 10px 2px 17px;
	color:#ffffff;
}

#NewsHighlight #NewsItems {
	margin:5px;
	background:#FFFFFF url(../siteimages/div_dashed_bg_horiz.gif) top center repeat-y;
}

#NewsHighlight .NewsItem {
	margin:5px;
	background:#ffffff url(../siteimages/bullet_externallink.gif) 0px 5px   no-repeat;
	padding-left:10px;
	line-height:1.2em;
}

#NewsHighlight .NewsItemLeft {
	float:left;
	width:45%;
	background:#ffffff url(../siteimages/bullet_externallink.gif) 0px 5px   no-repeat;
	padding-left:10px;
	line-height:1.2em;
}

#NewsHighlight .NewsItemRight {
	float:right;
	width:45%;
	background:#ffffff url(../siteimages/bullet_externallink.gif) 0px 5px   no-repeat;
	padding-left:10px;
	line-height:1.2em;
}

#EmergencyBanner {
	float:left;
	width:160px;
	margin-left:15px;
}

#TestimonialHighlight {
	float:right;
	width:238px;
	font-size:90%;
}

#TestimonialHighlight #TestimonialHighlightTitle {
	padding:2px 2px 2px 5px;
	background-color:#00386b;
	color:#ffffff;
}

#TestimonialHighlight #TestimonialHighlightCopy {
	background:#ffffff url(../siteimages/img_quote_open.gif) 0px 6px  no-repeat;
	padding:7px 0 0 17px;
	line-height:1.2em;
}

#TestimonialHighlight #TestimonialHighlightCredit {
	text-align:right;
	font-style:italic;
}

#TestimonialHighlight #TestimonialHighlightMore {
	padding-left:17px;
}

#MainContent .SplitColumn {
	background:#FFFFFF url(../siteimages/rightarea_bg.gif) top left repeat-y;
}

#MainContent #RightArea #MainCol {
	float:left;
	width:438px;
}

#MainContent #RightArea #RightCol {
	float:right;
	width:147px;
	margin-top:15px;
}


#RightCol #Gallery {
	background-color:#EEEEEE;
}

#RightCol #Gallery h2 {
	font-size:100%;
	padding:2px 2px 3px 8px;
	background-color:#009baa;
	color:#ffffff;
	margin-bottom:0.5em;
}

#RightCol #Gallery p {
	margin-left:8px;
	font-size:90%;
	color:#757575;
}

#RightCol #Gallery a {
}	

#RightCol #Gallery a img {
	margin:0 0 8px 8px;
	float:left;
	border:2px solid #B5B5B5;
	height:49px;
	width:56px;
}	

#RightCol #Gallery a:hover img {
	border:2px solid #666666;
}	

.FaqQuestion {
	margin-bottom:1em;
}

.FaqAnswer {
	margin-bottom:2em;
}

.TestimonialQuote {
	background:#ffffff url(../siteimages/img_quote_open.gif) 0px 6px  no-repeat;
	padding:4px 0 0 17px;
}

/*
####################################
FOOTER STYLES 
Layout and styles for the footer area
####################################
*/

#PageEnding {
	clear:both;
	height:6px;
	background-color:#33AFBB;
}

#Footer {
	background: #E1EBED url(../siteimages/footer_shadow.png) top left no-repeat;
	padding:5px;
	font-size:80%;
	color:#848789;
}

#Footer a {
	color:#848789;
	text-decoration:underline;
	font-weight:normal;
}

#Footer #Strapline{
	padding-bottom:3px;
}

#Footer #Strapline a {
	padding-bottom:3px;
	text-decoration:none;
}





/*
####################################
CUSTOM PAGE STRUCTURE & STYLE
####################################
*/

.BoxTitle {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

#CoverSummaryTable {
	text-align:center;
	margin-top:1.5em;
	margin-bottom:2em;
}

#CoverSummaryTable table{
	width:100%;
	border:none;
	font-size:95%;
}

#CoverSummaryTable th {
	padding:5px 2px;
	border-bottom:2px solid white;
	border-right:1px solid white;
	text-align:center;
	font-weight:bold;
}

#CoverSummaryTable th a {
	color:#ffffff;
	text-decoration:none;
}

#CoverSummaryTable th a:hover {
	color:#cccccc;
	text-decoration:none;
}

#CoverSummaryTable td {
	width:75px;
	padding:5px 2px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid white;
	text-align:center;
}

#CoverSummaryTable .CopyCell {
	width:auto;
	text-align:left;
}

#CoverSummaryTable .CopyCell img {
	width:35px;
	height:35px;
}


#CoverSummaryTable td img {
	width:15px;
	height:16px;
}

#CoverSummaryTable td .ScreenVersion {
	display:inline;
}

#CoverSummaryTable td .PrintVersion {
	display:none;
}

#CoverSummaryTable .DataRow th {
	background-color:#FFFFFF;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	font-weight:normal;
	border-right:none;
	padding-right:5px;
}

#CoverSummaryTable .DataRow th img {
	width:35px;
	height:35px;
}

#CoverSummaryTable .PriceRow th {
	background-color:#EEF6E5;
	text-align:left;
	padding:5px 2px 1px 2px;
	font-weight:normal;
	border-bottom:none;
	border-right:none;
}

#CoverSummaryTable .PriceRow td {
	background-color:#EEF6E5;
	padding:5px 2px 1px 2px;
	border-bottom:none;
	border-right:none;
}

#CoverSummaryTable .PriceRow2 th {
	background-color:#EEF6E5;
	text-align:left;
	padding: 1px 2px 5px 2px;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	border-right:none;
}

#CoverSummaryTable .PriceRow2 td {
	background-color:#EEF6E5;
	padding: 1px 2px 5px 2px;
	border-right:none;
}

#CoverSummaryTable .BuyNowRow th {
	text-align:left;
	background-color:#FFFFFF;
	padding-top:8px;
	border-bottom:none;
	font-weight:normal;
	font-size:95%;
}

#CoverSummaryTable .BuyNowRow td {
	background-color:#FFFFFF;
	padding-top:8px;
	border-bottom:none;
}

#CoverSummaryTable .BuyNowRow td img {
	width:67px;
	height:27px;
}

#CoverSummaryTable p {
	text-align:left;
	font-size:90%;
	font-style:normal;
}

.bgGold {
	background-color:#a49263;
	color:#ffffff;
}

.bgGas {
	background-color:#5d727e;
	color:#ffffff;
}

.bgPlus {
	background-color:#b17863;
	color:#ffffff;
}

.bgBasic {
	background-color:#9e8e86;
	color:#ffffff;
}

.bgGeneric {
	background-color:#4FA600;
	color:#ffffff;
}

#CustomerTestimonials h3 {
	background-color:#35C4AF;
	padding:2px 5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:100%;
}

#CustomerTestimonials p {
	padding-left: 5px;
}

#PurchaseSummaryTable th, #PurchaseSummaryTable td {
	padding:3px;
	text-align:left;
	border:0;
}

.NewsSummary {
	margin-bottom:0.5em;
}

#CoverDownloads {
	float:right;
	text-align:right;
	margin:0 0 2em 2em;
	border:1px solid #999999;
	padding:10px;
	background-color:#EEF6E5;
}

#CoverDownloads img {
	border:0;
}

.CoverIcons {
	margin:1.5em 0;
}

.CoverIcons img {
	margin-right:5px;
	border:0;
}



/*
####################################
CUSTOM STYLES 
####################################
*/

.strikethrough {
	text-decoration:line-through;
}


.hidden {
	display:none;
}

.error {
	color:#CC0000;
}

.Clear {
	clear:both;
}

.Clear1 {
	clear:both;
	height:1px;
}

.Lighter {
	color:#666666;
}

.Italic {
	font-style:italic;
}

.Strong {
	font-weight:bold;
}

.TextLeft {
	text-align:left;
}

.TextCenter {
	text-align:center;
}

.TextRight {
	text-align:right;
}

.TextJustify {
	text-align:justify;
}

.CourierText {
	font-family:"Courier New", Courier, monospace;
	font-size:100%;
	color:#333333;
}

.CourierTextRed {
	font-family:"Courier New", Courier, monospace;
	font-size:100%;
	color:#CC0000;
}

.Smaller {
	font-size:90%;
}

.FloatLeft {
	float:left;
}

.FloatRight {
	float:right;
}

.Pad10 {
	height:10px;
}

.Pad15 {
	height:15px;
}

.Pad20 {
	height:20px;
}

.ImageRight {
	float:right;
	border:2px solid #B5B5B5;
	margin:0 0 1em 1em;
}

.ImageLeft {
	float:left;
	border:2px solid #B5B5B5;
	margin:0 1em 1em 0;
}

.ImageRightNoBorder {
	float:right;
	border:0;
	margin:0 0 1em 1em;
}

.ImageLeftNoBorder {
	float:left;
	border:0;
	margin:0 1em 1em 0;
}

.hr {
	height:1px;
	background:#FFFFFF url(../siteimages/div_dashed_bg.gif) bottom left repeat-x;
	margin-bottom:1em;
}

.BlueText {
	color:#1B2164;
}

.BottomMargin {
	margin-bottom:2em;
}

.HighlightBox {
	border:1px solid #999999;
	background-color:#ECECEC;
	padding:5px;
}

/*
####################################
FORM STYLES 
####################################
*/

form fieldset {
	border:0;
	width:500px;
}

form p {
	margin-bottom:1em;	
	clear:left;
}

form label {
	float:left;
	width:10em;
	font-weight:normal;
	font-size:95%;
}

form input {
	background-color:#E5EFF1;
	padding:2px;
	font-size:90%;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
}

form select {
	background-color:#E5EFF1;
	padding:2px;
	font-size:90%;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
}

form textarea {
	background-color:#E5EFF1;
	padding:2px;
	font-size:90%;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
}

form .formButton {
	background-color:#33AFBB;
	color:#ffffff;
	font-weight:bold;
	float:left;
	padding:2px 5px;
	width:auto;
	
}



.jot-cfm {font-weight:bold; color:#1B2164; margin-bottom:10px;}