/**********************************************************************************************

	CSS on Sails
	Title: HEAR
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: February 2010

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

.subBottom { padding-bottom: 2px; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
.show { position: relative; left: 0px; top: 0px; height: auto; width: auto; }

/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/
#content .infobox ul:after,
#content div.infobox2.small dl:after,
#content .images-home:after,
.infobox .images:after,
.wrapper-content2:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/
html {
	background: #CAD7E9 url(../images/bg_html.png) repeat-x 0 0;
}
body {
	color: #434343; /* 636363 */
	font-size: 12px;
	font-family:  Arial, Tahoma, Verdana, sans-serif;
	background: url(../images/bg_body.png) repeat-y 50% 0;
	padding: 0 0 50px 0;
	min-width: 1220px;
}
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family:  Arial, Tahoma, Verdana, sans-serif; font-size: 12px; }
a, a:visited { color: #2B6C8C; text-decoration: underline; } /* 56a7d0 */
a:hover, a:active { color: #2B6C8C; text-decoration: none; }

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.wrapper-content {
	background: url(../images/bg_wrapper_content.png) no-repeat 34px 0;
	width: 1040px;
	margin: 0 auto;
	padding: 36px 0 0 34px;
}

.wrapper-content2 {
	position: relative;
	background: url(../images/bg_wrapper_content2.png) repeat-y 0 0;
	width: 1040px;
}

.wrapper-inner {
}

/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header {
	position: relative;
	z-index: 3;
	width: 1227px;
	height: 219px;
	margin: 0 auto 4px auto;
	background: url(../images/bg_header.png) no-repeat 0 0;
}

	#header h2 {
		position: absolute;
		top: 22px;
		left: 32px;
		width: 172px;
		height: 118px;
	}

		#header h2 a {
			display: block;
			width: 282px;
			height: 175px;
			background: url(../images/logo_hear_toronto.png) no-repeat 0 0;
			text-indent: -8000px;
		}

	#header p {
		position: absolute;
		top: 58px;
		left: 200px;
		width: 221px;
		height: 55px;
		background: url(../images/text_header_p.png) no-repeat 0 0;
		text-indent: -8000px;
	}
	
	#header #facebook_link 
	{
		position: absolute;
		top: 20px;
		left: 262px;
	}
	
	#header #headerContact 
	{
	    position: absolute;
	    top: 25px;
	    right: 35px;
	    color: #ffffff; /*BADCED E8ECED*/
	    text-align: right;
	}
	    #header #headerContact span.cTitle
	    {
	        font-weight: bold;
	    }
	    #header #headerContact p
	    {
	        font-size: 15px;
	        position: static;
	        width: auto;
	        height: auto;
	        background: none;
	        text-indent: 0px;
	        margin: 0px;
	        padding: 0px;
	        min-width: 300px;
	        text-align: right;
	    }
	        /* makes ea. location's text the same width */
	        #header .cTitle  
	        {
	            display: inline-block; 
	            min-width: 110px; 
	            text-align: left;
	        }
	        #header .cAddr  
	        {
	            display: inline-block; 
	            min-width: 140px; 
	            text-align: left;
	        }
	        #header .cPhone  
	        {
	            display: inline-block; 
	            min-width: 90px; 
	            text-align: right;
	        }

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
/*
#navigation {
	padding: 24px 7px 42px 14px;
}

	#navigation li {
		padding: 0 0 7px 0;
	}

		#navigation li a {
			font-weight: bold;
			font-size: 13px;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
			text-shadow: #555 -1px 1px 1px;
		}

		#navigation li a:hover,
		#navigation li.active > a {
			color: #ffcf5e;
		}

			#navigation ul {
				display: none;
				padding: 1px 0 1px 0;
			}

			#navigation li.active ul {
				display: block;
			}

			#navigation ul ul {
				padding: 4px 0 0 0;
				margin-bottom: -3px;
			}

			#navigation li li {
				padding: 0 0 4px 11px;
			}

			#navigation li li li {
				padding: 0 0 4px 19px;
			}

			#navigation li li a {
				font-weight: normal;
				font-size: 11px;
				text-transform: capitalize;
			}
			*/
	
.flyNav .nav {
	padding: 0px 7px 42px 14px;
}

	.flyNav .nav li {
		padding: 0 0 7px 0;
		background: none;
	}

		.flyNav .nav li a {
			font-weight: bold;
			/*font-size: 13px;*/
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
			text-shadow: #555 -1px 1px 1px;
			display: block;
		}
        
		.flyNav .nav li a:hover,
		.flyNav .nav li.active > a {
			color: #ffcf5e;
		}

			.flyNav .nav ul {
				display: none;
				padding: 1px 0 1px 0;
			}

			.flyNav .nav li.active ul {
				display: block;
			}
            
			.flyNav .nav li li {
				padding: 0px 0px 4px 11px;
			}

			.flyNav .nav li li li {
				padding: 0 0 4px 19px;
			}

			.flyNav .nav li li a {
				font-weight: normal;
				font-size: 12px;
				text-transform: capitalize;
			}		
			
			/* hovering menus */
			/* - - - ADxMenu: BASIC styles - - - from: http://aplus.rs/adxmenu/examples/ */

            .flyNav .nav {
	            width: 213px;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
            }

            .flyNav .nav, 
            .flyNav .nav ul {	/* remove all list stylings 
	            margin: 0;
	            padding: 0;
	            border: 0;
	            list-style-type: none;*/
	            display: block;
            }

            .flyNav .nav li {
	            /*margin: 0;
	            padding: 0;
	            border: 0;*/
	            display: block;
	            position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	            z-index: 5;		/* thus we need to apply explicit z-index here... */
            }

            .flyNav .nav li:hover {
	            z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	            white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							            see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
            }

            .flyNav .nav ul {
	            visibility: hidden;	/* initially hide all submenus. */
	            position: absolute;
	            z-index: 10;
	            left: 0;	/* while hidden, always keep them at the top left corner, */
	            top: 0;		/* 		to avoid scrollbars as much as possible */
            }

            .flyNav .nav li:hover > ul {
	            visibility: visible;	/* display submenu them on hover */
	            left: 100%;	/* and move them to the right of the item */
            }

            /* -- float.clear --
	            force containment of floated LIs inside of UL */
            .flyNav .nav:after, 
            .flyNav .nav ul:after {
	            content: ".";
	            height: 0;
	            display: block;
	            visibility: hidden;
	            overflow: hidden;
	            clear: both;
            }
            .flyNav .nav, 
            .flyNav .nav ul {	/* IE7 float clear: */
	            min-height: 0;
            }
            /* -- float.clear.END --  */

            /* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	            YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	            if you do it, make sure you 110% know what you do */
            .flyNav .nav ul {
	            background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	            padding: 30px 30px 30px 10px;
	            margin: -30px 0 0 -10px;
	            /*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								            you can also use to adjust the safe area to your requirement */
            }


            /* - - - ADxMenu: DESIGN styles - - - */
            .flyNav .nav li:hover > ul {	/* inset submenus, to show off overlapping */
	            top: -10px;
	            left: 80%;
	            background-color: #86C0DD;
	            margin: 0px;
	            padding: 10px 10px 10px 0px;
	            border: 1px solid #ffcf5e;
            }
            
            .flyNav .nav li.iconNav:hover > ul {
                margin-top: 5px;
            }
            
    /* 2.3.1 Bread crumb nav
    -----------------------------------------------------------------------------------------------*/

#header #breadNav {
    position: absolute;
    bottom: 0px;
    right: 10px;
    color: #BADCED;
    margin: 0px 75px 12px 0px;
}

    #header #breadNav p,
    #header #breadNav ul {
        display: inline;
        margin: 0px;
        padding: 0px;
    }

    #header #breadNav li {
        list-style-type: none;
        display: inline;
        background: none;
        width: auto;
        padding: 0px;
        margin: 0px;
    }
    
    #header #breadNav a {
        color: #BADCED;
        text-decoration: none;
    }
    
    #header #breadNav a:hover {
        text-decoration: underline;
    }
    
    /* 2.3.2 Admin nav
    -----------------------------------------------------------------------------------------------*/  
      
    #adminNav {
        position: absolute;
        top: -40px;
        width: 215px;
    }
    
       
/* 2.4 Content
-----------------------------------------------------------------------------------------------*/

#content {
	float: right;
	width: 805px;
	padding-bottom: 200px;
	font-size: 14px;
}

/* NOTE: Styles in #content cannot have '#content' prefixed, as it messes up the CMS's styles */

.home {
	padding-bottom: 0;
	margin-bottom: -150px; /* over-rides #content padding-bottom on Home page */
}

	h1 {
		font-size: 20px;
		font-weight: normal;
		/*font-family: Times New Roman;*/
		color: #56A7D0;
		padding: 2px 0 22px 38px;
	}

	.home h1 {
		color: #f6762f;
		padding: 2px 0 21px 46px;
	}

		h1 span {
			color: #4189bb;
		}

	h2 {
		color: #4189bb;
		font-size: 14px;
		padding: 0 0 16px 0px;
		font-weight: normal;
	}
	
	h3 {
		font-size: 12px;
		padding: 0 0 16px 0px;
		font-weight: 600;
		color: #4189bb;
	}
	
	h4 {
		font-size: 12px;
		padding: 0 0 8px 0px;
		font-weight: normal;
		color: #4189bb;
	}
	
	h5 {
		font-size: 10px;
		padding: 0 0 2px 0px;
		font-weight: normal;
	}
	
	h6 {
		font-size: 10px;
		padding: 0 0 2px 0px;
		font-weight: normal;
		font-style: italic;
	}
	
	/* create styles for h4 h5 h6 */
	
	.images-home {
		padding: 0 0 12px 46px;
	}

		.images-home img {
			display: block;
			width: 222px;
			height: 198px;
			padding: 7px 8px 9px 7px;
			background: url(../images/bg_content_img.png) no-repeat 0 0;
			float: left;
		}

	div.hr {
		width: 712px;
		height: 3px;
		background: url(../images/hr.png) no-repeat 0 0;
		text-indent: -8000px;
		margin: 0 0 19px 34px;
	}

	.home div.hr {
		width: 694px;
		background: url(../images/hr_home.png) no-repeat 0 0;
		margin: 0 0 6px 52px;
	}

	div.hr.margin2 {
		margin-bottom: 27px;
	}

		div.hr hr {
			display: none;
		}

	p {
		padding: 0 96px 16px 0px;
		line-height: 135%;
	}

	.home p {
		padding: 0 96px 21px 56px;
		line-height: 160%;
	}

	ul, ol {
		padding: 10px 0px 15px 26px;
	}
	
	ul ul, ol ol, ul ol, ol ul {
	    padding: 10px 0px 5px 10px;
	}

		ul li, ol li {
			padding: 0 0 1px 26px;
			background: url(../images/bullet_01.png) no-repeat 5px 0px;
		}
		
		ol li {
		    background: none;
		    list-style: decimal inside; /* undoes ul li styling so ol shows numbers */
		}

	.content-image {
		padding: 0 0 0 155px;
		position: relative;
	}

		
		.content-image .image {
			display: block;
			position: absolute;
			top: -3px;
			left: 26px;
			width: 125px;
			padding: 6px 7px 7px 7px;
			/*background: url(../images/bg_content_img3.png) no-repeat 0 0;*/
		}
		    
		    .content-image .image img {
		        border: 2px solid #eeeeee;
		        width: 125px;
		    }
		    
	        .content-image .image p {
	            width: 125px;
	            margin: 0px;
	            padding: 0px;
	            line-height: 100%;
	            font-size: 10px;
	            color: #848484;
	            text-align: justify;
	        } 
	        
	        .skmFeed {
	            width: 100%;
	            border: 1px solid #56A7D0;
	            
	        }
	        
	            .skmFeed a {
	                text-decoration: none;
	            }
	            
	            .skmFeed a:hover {
	                text-decoration: underline;
	            }
	        
	        .content-image #iblog {
	            /* NOTE: style is set directly in iframe code, iframe will only accept styles set that way */
	        }
	    
	    /* Home page -specific client-editable area */
	    #content-home-cms 
        {
            padding: 0px 51px 0px 44px;
        }
            #content-home-cms p 
            {
                padding: 0px;
                line-height: 160%;
                margin-bottom: 20px;
            } 
        
        /* Content page -specific client-editable area */   
	    #content-cms {
	        padding-left: 38px;
	        margin-right: 60px;
	    }
	    
	    /* Common Home / Content page client editable area style */
	    
	        #content-cms img,
	        #content-home-cms {
	            margin: 10px;
	        }
	        
	        #content-cms img[align=left],
	        #content-home-cms img[align=left] {
	            margin-left: 0px;
	        }
	        
	        #content-cms img[align=right],
	        #content-home-cms img[align=right] {
	            margin-right: 0px;
	        }
	        
        
               	    

	#content .infobox {
		color: #fff;
		width: 752px;
		height: 180px;
		background: url(../images/bg_infobox.png) no-repeat 0 0;
		position: absolute;
		bottom: 3px;
		left: 263px;
	}

		#content .infobox h2 {
			font-size: 14px;
			font-weight: normal;
			padding: 14px 48px 11px 26px;
			line-height: 140%;
			color: #fff;
		}

		#content .infobox p {
			padding: 0 30px 7px 26px;
			line-height: 160%;
		}

		#content .infobox ul {
			padding: 0 40px 9px 26px;
			line-height: 160%;
		}

			#content .infobox ul li {
				float: left;
				padding: 0 6px 0 0;
				background: none;
				font-size: 10px;
			}

				#content .infobox ul li a {
					font-size: 10px;
					color: #fff;
				}

		#content .infobox .images {
			padding: 0 0 0 27px;
		}

			#content .infobox .images img {
				display: block;
				width: 53px;
				height: 53px;
				padding: 1px 1px 2px 2px;
				margin: 0 8px 13px 0;
				background: url(../images/bg_infobox_img.png) no-repeat 0 0;
				float: left;
			}

	#content div.infobox2 {
		position: relative;
		border: solid 1px #f3864a;
		background: #fffcdd url(../images/bg_body.png) repeat-y 50% 50%;
		margin: 200px 0 12px 49px;
		width: 686px;
	}

	#content div.infobox2.small {
		width: 322px;
	}

	#content div.infobox2.small.left {
		float: left;
		margin: 0 0 0 49px;
	}

	#content div.infobox2.small.right {
		float: right;
		margin: 0 67px 0 0;
	}

		#content div.infobox2 h2 {
			color: #f6762f;
			font-size: 14px;
			font-weight: bold;
			padding: 13px 10px 17px 10px;
			margin: 0;
		}

		#content div.infobox2.small h2 {
			padding: 7px 6px 17px 10px;
		}

		#content div.infobox2 dl {
			font-size: 11px;
			padding: 0 13px 22px 13px;
		}

		#content div.infobox2.small dl {
			padding: 9px 0 35px 10px;
		}

			#content div.infobox2 dl dt {
				padding: 0 0 6px 0;
			}

			#content div.infobox2.small dl dt {
				padding: 0;
				float: left;
				background: url(../images/bg_content_img2.png) no-repeat 0 0;
				width: 77px;
				height: 84px;
				padding: 2px 2px 2px 2px;
			}

				#content div.infobox2.small dl dt img {
					display: block;
					width: 73px;
					height: 80px;
				}

			#content div.infobox2 dl dd {
				display: block;
				padding: 0 0 6px 0;
			}

				#content div.infobox2 dl dd ul {
					padding: 0;
				}

					#content div.infobox2 dl dd ul li {
						padding: 0;
						background: none;
					}

			#content div.infobox2.small dl dd {
				padding: 0 15px 6px 15px;
				line-height: 185%;
				overflow: auto;
			}

				#content div.infobox2.small dl dd a {
					color: #636363;
				}

	#content div.infobox2 > a {
		display: block;
		position: absolute;
		bottom: 0px;
		right: 0px;
		text-decoration: none;
		background: #f6762f;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		padding: 3px 9px 5px 10px;
	}
	
	#content div.infobox2 ul
	{
	    padding-top: 0px; 
	    margin-top: 0px;
	}
	
	#content div.infobox2.infoboxOffers 
	{
	    margin-bottom: 27px;
	}
	
	#content div.infobox2.infoboxNews 
	{
	    margin-top: 0px;
	}
	
/* classes excluded from CMS (as doesn't include a #content element */
#content .alert {
    color: #993333;
}

#content .submitted {
    color: #339933;
}

#content .block { 
    display: block; 
}

#content .faded { 
    color: #999999; 
}


/* color classes for CMS */

.dark_blue { color: #56A7D0; }
.light_blue { color: #5AD3F5; }
.orange { color: #F6762F; }
.green { color: #90CB21; }
.gold { color: #FFCF5E; }


/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 228px;
	padding: 0 0 0 7px;
}


		.flyNav > ul > li.iconNav {
			border-bottom: solid 1px #ffffff;
			padding: 0px;
			margin: 0px 0px 0px -14px;
		}

			.flyNav > ul > li.iconNav > a {
				display: block;
				min-height: 47px;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				text-decoration: none;
				padding: 18px 10px 0 72px;
				line-height: 160%;
				text-shadow: #555 -1px 1px 1px;
			}

			.flyNav > ul > li.hearing-tests > a {
				background: url(../images/ico_hearing_tests.png) no-repeat 4px 0;
			}
			
			.flyNav > ul > li.hearing-aids > a {
				background: url(../images/ico_hearing_aids.png) no-repeat 4px 0;
			}

			.flyNav > ul > li.earplugs > a {
				background: url(../images/ico_earplugs.png) no-repeat 4px 0;
				padding-top: 9px;
				height: 56px;
			}

			.flyNav > ul > li.earphones > a {
				background: url(../images/ico_earphones.png) no-repeat 4px 0;
				padding-top: 9px;
				min-height: 56px;
			}
			
			/* adds space before the non-iconNav nav */
			.flyNav > ul > li.earphones {
			    margin-bottom: 30px;
			}

			.flyNav > ul > li:first-child > a {
				padding-top: 28px;
				background-position: 4px 10px;
			}

			.flyNav > ul > li.iconNav > a:hover {
				background-color:#86C0DD;
			}

/* OLD
	#sidebar ul.menu-top {
		margin: 0 1px 0 0;
	}

		#sidebar ul.menu-top li {
			border-bottom: solid 1px #ffffff;
		}
		
		#sidebar ul.menu-top li.active {
			border-bottom: none;
		}

			#sidebar ul.menu-top li a {
				display: block;
				min-height: 47px;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				text-decoration: none;
				padding: 18px 10px 0 72px;
				line-height: 160%;
				text-shadow: #555 -1px 1px 1px;
			}

			#sidebar ul.menu-top li.hearing-tests a {
				background: url(../images/ico_hearing_tests.png) no-repeat 4px 0;
			}
			
			#sidebar ul.menu-top li.hearing-aids a {
				background: url(../images/ico_hearing_aids.png) no-repeat 4px 0;
			}

			#sidebar ul.menu-top li.earplugs a {
				background: url(../images/ico_earplugs.png) no-repeat 4px 0;
				padding-top: 9px;
				height: 56px;
			}

			#sidebar ul.menu-top li.earphones a {
				background: url(../images/ico_earphones.png) no-repeat 4px 0;
				padding-top: 9px;
				min-height: 56px;
			}

			#sidebar ul.menu-top li:first-child a {
				padding-top: 28px;
				background-position: 4px 10px;
			}

			#sidebar ul.menu-top li a:hover {
				background-color:#86C0DD;
			}
			
			#sidebar ul.menu-top li a.sub1:hover {
				background-color:#56A7D0;
			}
			
			#sidebar ul.menu-top li a.sub2 { 
			    font-size:10px; background:none; margin-top:-45px; font-variant:normal;
			}
			
			#sidebar ul.menu-top li a.sub2active { 
			    font-size:10px; background:none; color:#F09563; margin-top:-45px; font-variant:normal;
			}
			
		    #sidebar ul.menu-top li a.sub2:hover { 
			    color:#F09563;
			}
		
			
			#sidebar ul.menu-top li a.sub3 { 
			    font-size:10px; background:none; margin-top:-35px; font-variant:normal;
			}
			
			#sidebar ul.menu-top li a.sub3active { 
			    font-size:10px; background:none; color:#5AD3F5; margin-top:-35px; font-variant:normal;
			}
			
		    #sidebar ul.menu-top li a.sub3:hover { 
			    color:#5AD3F5;
			}
			
			#sidebar ul.menu-top li a.sub4 { 
			    font-size:10px; background:none; margin-top:-25px; font-variant:normal; padding-top:15px; padding-bottom:0px; height:0px;
			}
			
			#sidebar ul.menu-top li a.sub4-2 { 
			    font-size:10px; background:none; font-variant:normal; margin-top:-35px; margin-left:10px; height:5px;
			}
			
			#sidebar ul.menu-top li a.sub4-2active { 
			    font-size:10px; background:none; font-variant:normal; color:#A7DD40; margin-top:-35px; margin-left:10px; height:5px;
			}
			
			#sidebar ul.menu-top li a.sub4-2:hover { 
			    color:#A7DD40;
			}
			
			#sidebar ul.menu-top li a.sub4active { 
			    font-size:10px; background:none; color:#A7DD40; margin-top:-25px; font-variant:normal; padding-bottom:0px; height:0px;
			}
			
		    #sidebar ul.menu-top li a.sub4:hover { 
			    color:#A7DD40;
			}
			
            #sidebar ul.menu-top li a.sub5 { 
			    font-size:10px; background:none; margin-top:-25px; font-variant:normal; padding-top:15px; padding-bottom:0px; height:0px;
			}
			
			#sidebar ul.menu-top li a.sub5active { 
			    font-size:10px; background:none; color:#FDB200; margin-top:-25px; font-variant:normal; padding-bottom:0px; height:0px;
			}
			
		    #sidebar ul.menu-top li a.sub5:hover { 
			    color:#FDB200;
			}


            #sidebar ul.menu-top li a.sub5last { 
			    font-size:10px; background:none; margin-top:-45px; font-variant:normal; padding-top:5px; padding-bottom:0px; height:0px;
			}
			
			#sidebar ul.menu-top li a.sub5lastactive { 
			    font-size:10px; background:none; color:#FDB200; margin-top:-45px; padding-top:5px; font-variant:normal; padding-bottom:0px; height:0px;
			}
			
		    #sidebar ul.menu-top li a.sub5last:hover { 
			    color:#FDB200;
			}

			
			#sidebar ul.menu-top li a.sub5-2 { 
			    font-size:10px; background:none; font-variant:normal; margin-top:-40px; margin-left:10px; height:5px; padding-bottom:10px;
			}
			
			#sidebar ul.menu-top li a.sub5-2active { 
			    font-size:10px; background:none; font-variant:normal; color:#FDB200; margin-top:-40px; margin-left:10px; height:5px; padding-bottom:10px;
			}
			
			#sidebar ul.menu-top li a.sub5-2:hover { 
			    color:#FDB200;
			}
			
			#sidebar ul.menu-top li a.sub5-3 { 
			    font-size:10px; background:none; font-variant:normal; margin-top:-37px; margin-left:20px; height:0px;
			}
			
			#sidebar ul.menu-top li a.sub5-3active { 
			    font-size:10px; background:none; font-variant:normal; color:#FDB200; margin-top:-37px; margin-left:20px; height:0px;
			}
			
			#sidebar ul.menu-top li a.sub5-3:hover { 
			    color:#FDB200;
			}	
			
    */

	#sidebar .infobox {
		background: #f28c54;
		color: #fff;
		border-right: solid 1px #fac1a2;
		border-top: solid 1px #fff;
	}

		#sidebar .infobox h2 {
			font-size: 14px;
			font-weight: normal;
			padding: 13px 48px 22px 15px;
			line-height: 140%;
		}

		#sidebar .infobox p {
			padding: 0 30px 1px 15px;
			line-height: 160%;
		}

		#sidebar .infobox ul {
			padding: 0 40px 15px 15px;
			line-height: 160%;
		}

			#sidebar .infobox ul li {
			}

				#sidebar .infobox ul li a {
					font-size: 10px;
					color: #fff;
				}

		#sidebar .infobox .images {
			padding: 0 0 0 12px;
		}

			#sidebar .infobox .images img {
				display: block;
				width: 53px;
				height: 53px;
				padding: 1px 1px 2px 2px;
				margin: 0 7px 13px 0;
				background: url(../images/bg_infobox_img.png) no-repeat 0 0;
				float: left;
			}
			
	#sidebar .infobox2 
	{
	    margin: 0px 0px 25px 0px;
		color: #fff;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
	}	
	
	    #sidebar .infobox2 a 
	    {
	        display: block;
	        width: 144px;
	        margin: 10px auto;
	    }



/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/

#footer {
    position: relative;
	background: url(../images/bg_footer.png) no-repeat 34px 0;
	width: 751px;
	/*padding: 0 0 0 289px;*/
	padding: 0 0 0 323px;
	height: 65px;
	margin: 0 auto;
}

	#footer dl {
		float: left;
		padding: 10px 0 0 0;
	}

	#footer dl:first-child {
		padding-right: 22px;
	}

		#footer dl dt {
			display: block;
			float: left;
			font-weight: bold;
			color: #f6762f;
			padding-right: 4px;
		}

		#footer dl dd {
			display: block;
			float: left;
			color: #0abaeb;
		}
		
		#footer #footerAdd {
		    position: absolute;
		    top: 2px;
		    left: 40px;
		    width: 200px;
		    color: #999999;
		    font-size: 70%;
		}
		
		    #footer #footerAdd a {
		        color: #999999;
		        text-decoration: none;
		    }