/* @group Style5 */

/* This is the Main Logo */
#logo {background: url(../images/style5/logo/logo.png) 0 0 no-repeat;}

/* Main Background */

#body {background: #fff;}
#page-bg {background: #fff url(../images/style5/color-bg.jpg) 50% 0 no-repeat;}

/* Top Header Bar */

#top-bar {background: url(../images/main/top-bar-bg.png) 0 0 repeat-x;}
#top-bar .links-block {color: #fff;}
#top-bar .date-block {color: #fff;}
#top-bar .right-module-block {color: #fff;}
#top-bar ul.menu a, #top-bar ul.menu .separator {color: #fff;}
#top-bar ul.menu a:hover {color: #000;}

/* Main Header */

#top-divider {background: url(../images/main/top-divider.png) 0 0 repeat-x;}
#logo-bg-area {background: url(../images/style5/color-bg-element.png) 0 0 no-repeat;}

/* Top Main Menu */

#horiz-menu {background: #48C78A url(../images/style5/horiz-menu-bar.jpg) 100% 0 no-repeat;}
#horiz-menu a, #horiz-menu .separator {color: #fff;}
#horiz-menu li a, #horiz-menu li .separator {background: url(../images/style5/horiz-menu-bg.png) 0 0 repeat-x;}
#horiz-menu li.active a, #horiz-menu li.active .separator, #horiz-menu li:hover a, #horiz-menu li:hover .separator, #horiz-menu li.sfHover a, #horiz-menu li.sfHover .separator {background: url(../images/style5/horiz-menu-bgactive.png) 0 0 repeat-x;}
#horiz-menu li.active a span, #horiz-menu li.active .separator span {background: url(../images/style5/horiz-menu-active.png) 50% 100% no-repeat;}

/* Main Body Items */

#maincontent-block a {color: #008921;}
h1.componentheading span.bg {background: url(../images/style5/component-head.png) 50% 100% no-repeat;color: #fff;}
.frontpage-item a, .blog-item a, .pagination a {color: #008921;}
.contentheading, #maincontent-block a.contentpagetitle, #main-body a.readon {color: #666;}
.medium .contentheading, #maincontent-block .medium a.contentpagetitle, #main-body .medium a.readon {color: #444;}
.dark .contentheading, #maincontent-block .dark a.contentpagetitle, #main-body .dark a.readon {color: #fff;}
#main-body .color a.readon {color: #fff;}
#main-body .promo a.readon {color: #fff;}
#main-body .color a.readon:hover {color: #AFF6C4;}
.color span.readon-full {background: #007920 url(../images/style5/main-color-readon-bg.png) 0 0 repeat-x;border: 1px solid #005E15;}
.main-article h2.contentheading {color: #008921;}

h5 { font-family: ‘PT Sans Narrow’, Arial, serif; font-weight: 400; }
/* Side Column Modules */

.side-mod a, .medium .side-mod a {color: #008921;}
.light .side-mod a {color: #008921;}
.color .side-mod h3.module-title span.bg {background: url(../images/style5/side-color-h3.png) 50% 100% repeat-x;color: #fff;}
.color .side-mod {background: #007720 url(../images/style5/side-color-mod-bg.png) 0 0 repeat-x;border-left: 1px solid #005E15;border-right: 1px solid #005E15;border-top: 1px solid #005E15;}
.color .side-mod a {color: #AFF6C4;}
.color .side-mod2 {background: url(../images/style5/side-color-mod-h3-bg.png) 0 0 repeat-x;color: #fff;}
.color .side-mod-bottom {background: url(../images/style5/side-color-bm.png) 0 0 repeat-x;}
.color .side-mod-bottom2 {background: url(../images/style5/side-color-br.png) 100% 100% no-repeat;}
.color .side-mod-bottom3 {background: url(../images/style5/side-color-bl.png) 0 100% no-repeat;}
.color .side-mod .close-handle {background: url(../images/style5/side-color-close-handle.png) 50% 50% no-repeat;}
.color .side-mod .open-handle {background: url(../images/style5/side-color-open-handle.png) 50% 50% no-repeat;}
.color .side-mod .tools-handle {background: url(../images/style5/side-color-tools-handle.png) 50% 50% no-repeat;}
.promo .side-mod h3.module-title span.bg {background: url(../images/style5/modstyle1-h3.png) 50% 100% repeat-x;color: #fff;}

/* Side Menus */

#main-body .color ul.menu li, .color .side-mod ul li {background: #007920 url(../images/style5/main-color-readon-bg.png) 0 0 repeat-x;border: 1px solid #005E15;}
#main-body .light ul.menu li a:hover, #main-body .light ul.menu li .separator:hover, .light .side-mod ul li a:hover, .light .side-mod ul li .separator:hover {background: url(../images/style5/light-arrow-hover.png) 8px 4px no-repeat;color: #008921;}
#main-body ul.menu li a:hover, #main-body ul.menu li .separator:hover {background: url(../images/style5/med-arrow-hover.png) 8px 4px no-repeat;color: #008921;}
#main-body .color ul.menu li a, #main-body .color ul.menu li .separator, .color .side-mod ul li a, .color .side-mod ul li .separator {background: url(../images/style5/color-arrow.png) 8px 4px no-repeat;color: #AFF6C4;}
#main-body .color ul.menu li a:hover, #main-body .color ul.menu li .separator:hover, .color .side-mod ul li a:hover, .color .side-mod ul li .separator:hover {background: url(../images/style5/color-arrow-hover.png) 8px 4px no-repeat;color: #fff;}

/* Main Body Modules */

.mainblock-mod a, .light .mainblock-mod a, .mainblock-mod .separator, .light .mainblock-mod .separator {color: #008921;}
.mainblock-mod ul li a:hover, .side-mod ul li a:hover, .mainblock-mod ul li .separator:hover, .side-mod ul li .separator:hover {color: #008921;background: url(../images/style5/mainblock-arrow-hover.png) 8px 4px no-repeat;}
.medium .mainblock-mod a, .medium .mainblock-mod .separator {color: #008921;}
.medium .mainblock-mod ul li a:hover, .medium .side-mod ul li a:hover, .medium .mainblock-mod ul li .separator:hover, .medium .side-mod ul li .separator:hover, #main-content .blog_more ul li a:hover {color: #008921;background: url(../images/style5/mainblock-arrow-hover.png) 8px 4px no-repeat;}
.dark .mainblock-mod a, .dark .mainblock-mod .separator {color: #fff;}
.dark .mainblock-mod h3.module-title span.bg {background: #008921;border: 1px solid #005E15;color: #fff;}

/* Login Style */

.color .inputbox {border: 1px solid #005E15;}
.color input.button {background: #007920 url(../images/style5/main-color-readon-bg.png) 0 0 repeat-x;border: 1px solid #005E15;color: #fff;}

/* Bottom Section */

#bottom-expansion {background: url(../images/main/bottom-expansion.png) 0 0 repeat-x;border-top: 1px solid #ddd;}

/* Extra Content Styles */

.feature-thumb span {background: url(../images/style5/feature-thumb.png) 0 0 no-repeat;color: #fff;}
.feature-thumb2 span {background: url(../images/main/feature-thumb2.png) 0 0 no-repeat;color: #008921;}

/* RokFeature */

.rokfeature-tab-1, .rokfeature-tab-4 {background: #90FFE5 url(../images/style5/rokfeature-tab-1.png) 0 0 no-repeat;border-right: 1px solid #000;}
.rokfeature-tab-2, .rokfeature-tab-5 {background: #29FF8E url(../images/style5/rokfeature-tab-2.png) 0 0 no-repeat;border-right: 1px solid #000;}
.rokfeature-tab-3, .rokfeature-tab-6 {background: #E4FF8D url(../images/style5/rokfeature-tab-3.png) 0 0 no-repeat;border-right: 1px solid #000;}
.rokfeature-block-bg1, .rokfeature-block-bg4 {background: #336958;}
.rokfeature-block-bg2, .rokfeature-block-bg5 {background: #10833A;}
.rokfeature-block-bg3, .rokfeature-block-bg6 {background: #67773C;}
.rokfeature-option-block span {color: #fff;}
img.rokfeature-thumb {border: 3px solid #fff;}
.rokfeature-readon span {background: #666;color: #fff;}

/* @end */






/*FABIAN*/

/* Client-specific Styles */
			#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
			body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
			body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */

			/* Reset Styles */
			body{margin:0; padding:0;}
			img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
			table td{border-collapse:collapse;}
			#backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}

			#templateContainer{
				/*@editable*/ border: 1px solid #DDDDDD;
			}

			/**
			* @tab Page
			* @section heading 1
			* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
			* @style heading 1
			*/
			h5, .h5{
				/*@editable*/ color:#ed1942;
				display:block;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:34px;
				/*@editable*/ font-weight:bold;
				/*@editable*/ line-height:100%;
				margin-top:0;
				margin-right:0;
				margin-bottom:10px;
				margin-left:0;
				/*@editable*/ text-align:left;
			}

			/**
			* @tab Page
			* @section heading 2
			* @tip Set the styling for all second-level headings in your emails.
			* @style heading 2
			*/
			h2, .h2{
				/*@editable*/ color:#202020;
				display:block;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:26px;
				/*@editable*/ font-weight:bold;
				/*@editable*/ line-height:100%;
				margin-top:0;
				margin-right:0;
				margin-bottom:10px;
				margin-left:0;
				/*@editable*/ text-align:left;
			}

			/**
			* @tab Page
			* @section heading 3
			* @tip Set the styling for all third-level headings in your emails.
			* @style heading 3
			*/
			h3, .h3{
				/*@editable*/ color:#202020;
				display:block;
				font-style: italic;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:20px;
				/*@editable*/ font-weight:bold;
				/*@editable*/ line-height:100%;
				margin-top:0;
				margin-right:0;
				margin-bottom:10px;
				margin-left:0;
				/*@editable*/ text-align:left;
			}

			/**
			* @tab Page
			* @section heading 4
			* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
			* @style heading 4
			*/
			h4, .h4{
				/*@editable*/ color:#00a4cb;
				display:block;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:18px;
				/*@editable*/ font-weight:bold;
				/*@editable*/ line-height:100%;
				margin-top:0;
				margin-right:0;
				margin-bottom:10px;
				margin-left:0;
				/*@editable*/ text-align:left;
			}

			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: PREHEADER /\/\/\/\/\/\/\/\/\/\ */

			/**
			* @tab Header
			* @section preheader style
			* @tip Set the background color for your email's preheader area.
			* @theme page
			*/
			#templatePreheader{
				/*@editable*/ background-color:#FAFAFA;
			}

			/**
			* @tab Header
			* @section preheader text
			* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
			*/
			.preheaderContent div{
				/*@editable*/ color:#505050;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:10px;
				/*@editable*/ line-height:100%;
				/*@editable*/ text-align:left;
			}

			/**
			* @tab Header
			* @section preheader link
			* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
			*/
			.preheaderContent div a:link, .preheaderContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent div a .yshortcuts /* Yahoo! Mail Override */{
				/*@editable*/ color:#336699;
				/*@editable*/ font-weight:normal;
				/*@editable*/ text-decoration:underline;
			}

			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */

			/**
			* @tab Header
			* @section header style
			* @tip Set the background color and border for your email's header area.
			* @theme header
			*/
			#templateHeader{
				/*@editable*/ background-color:#FFFFFF;
				/*@editable*/ border-bottom:0;
			}

			/**
			* @tab Header
			* @section header text
			* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
			*/
			.headerContent{
				/*@editable*/ color:#202020;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:34px;
				/*@editable*/ font-weight:bold;
				/*@editable*/ line-height:100%;
				/*@editable*/ padding:0;
				/*@editable*/ text-align:center;
				/*@editable*/ vertical-align:middle;
			}

			/**
			* @tab Header
			* @section header link
			* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
			*/
			.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
				/*@editable*/ color:#336699;
				/*@editable*/ font-weight:normal;
				/*@editable*/ text-decoration:underline;
			}

			#headerImage{
				height:auto;
				max-width:600px !important;
			}

			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: MAIN BODY /\/\/\/\/\/\/\/\/\/\ */

			/**
			* @tab Body
			* @section body style
			* @tip Set the background color for your email's body area.
			*/
			#templateContainer, .bodyContent{
				/*@editable*/ background-color:#FFFFFF;
			}

			/**
			* @tab Body
			* @section body text
			* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
			* @theme main
			*/
			.bodyContent div{
				/*@editable*/ color:#505050;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:14px;
				/*@editable*/ line-height:150%;
				/*@editable*/ text-align:left;
			}

			/**
			* @tab Body
			* @section body link
			* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
			*/
			.bodyContent div a:link, .bodyContent div a:visited, /* Yahoo! Mail Override */ .bodyContent div a .yshortcuts /* Yahoo! Mail Override */{
				/*@editable*/ color:#336699;
				/*@editable*/ font-weight:normal;
				/*@editable*/ text-decoration:underline;
			}

			.bodyContent img{
				display:inline;
				height:auto;
			}

			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: FOOTER /\/\/\/\/\/\/\/\/\/\ */

			/**
			* @tab Footer
			* @section footer style
			* @tip Set the background color and top border for your email's footer area.
			* @theme footer
			*/
			#templateFooter{
				/*@editable*/ background-color:#FFFFFF;
				/*@editable*/ border-top:0;
			}

			/**
			* @tab Footer
			* @section footer text
			* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
			* @theme footer
			*/
			.footerContent div{
				/*@editable*/ color:#707070;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:12px;
				/*@editable*/ line-height:125%;
				/*@editable*/ text-align:left;
			}

			/**
			* @tab Footer
			* @section footer link
			* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
			*/
			.footerContent div a:link, .footerContent div a:visited, /* Yahoo! Mail Override */ .footerContent div a .yshortcuts /* Yahoo! Mail Override */{
				/*@editable*/ color:#336699;
				/*@editable*/ font-weight:normal;
				/*@editable*/ text-decoration:underline;
			}

			.footerContent img{
				display:inline;
			}

			/**
			* @tab Footer
			* @section social bar style
			* @tip Set the background color and border for your email's footer social bar.
			* @theme footer
			*/
			#social{
				/*@editable*/ background-color:#FAFAFA;
				/*@editable*/ border:0;
			}

			/**
			* @tab Footer
			* @section social bar style
			* @tip Set the background color and border for your email's footer social bar.
			*/
			#social div{
				/*@editable*/ text-align:center;
			}

			/**
			* @tab Footer
			* @section utility bar style
			* @tip Set the background color and border for your email's footer utility bar.
			* @theme footer
			*/
			#utility{
				/*@editable*/ background-color:#FFFFFF;
				/*@editable*/ border:0;
			}

			/**
			* @tab Footer
			* @section utility bar style
			* @tip Set the background color and border for your email's footer utility bar.
			*/
			#utility div{
				/*@editable*/ text-align:center;
			}

			#monkeyRewards img{
				max-width:190px;
			}