/*
	
	Leightons projects' css file.
	Created 28/07/2008 by Cem Sisman cem@skyron.co.uk	

	Default font	: Georgia and arial
	Default color	: #818081
	Link color		: #aa1061
	Width			: 985px

*/

* {	margin:0pt;	padding:0pt; }
body { margin:0pt; padding:0pt; }
div { font-family:Arial; color:#818081;font-size:12px; }
p {color:#818081;font-size:12px;}

/* HACKS */
.noborder { border:none!important; }
.nopadding { padding:0pt!important; }
.nomargin { margin:0pt!important; }
.fix { clear:both; }
.none { display:none; }
strong {font-weight:bold!important;}

.findmore { margin:18px 0px; background:url(../images/arrows/default.gif) no-repeat left;}
.findmore ,.findmore a { text-indent:12px;	color:#aa2c6f;	font-size:13px!important; font-family:Georgia; }	
.pagingcontainer { float:left; padding-top:30px; margin-top:20px; margin-left:15px; border-top:solid 1px #e4e4e4; width:544px; overflow:hidden;}
.pagingcontainer .next {float:right; background:url(../images/arrows/next.gif) no-repeat right 2px; padding-right:15px;}
.pagingcontainer .prev {float:left; background:url(../images/arrows/prev.gif) no-repeat left 2px; text-indent:15px;}
.button 
{
	background:url(../images/button.gif) repeat-x; height:32px;
	border:none; padding:0 15px;
	color:white;font-size:15px;font-family:Georgia;
	}
	
/* SEARCH AUTOCOMPLETE PANEL*/
.autocomplete-a {	clear:left;float:left;padding:5px 5px;width:167px;	}
.autocomplete-a:hover, a.focus {background-color:#b5b5b5;color:White;cursor:pointer;}

/* AJAX LOADING PANEL */
#loader{display:none;position:absolute;top:10px;right:10px;float:left;width:100px;
        background-color:#FFF1A8;color:#000;font-weight:bold;padding:5px;}
#loader img{padding-left:5px;float:left;border:none;}


/* FORMS */
input.search {float:left; border:solid 1px #d2d2d2; border-right:0px; padding:3px; margin-top:10px; width:150px;}
input.button-search {float:left; border:none; width:22px; height:24px; background:url(../images/buttons/search.gif); margin-top:10px; }

/* LINKS */
#content a { color:#aa2c6f;}
a { font-family:Arial; text-decoration:none; color:#525151; }
a:hover { text-decoration:underline; cursor:pointer;}

/* LISTS */
#header #rightnav ul { float:left; list-style:none; margin-left:2px; }
#header #rightnav ul li { float:left; padding:0px 9px; }

/*  */
#site { float:left; background:url(../images/home-bg.gif) repeat-x 0pt 11px; width:100%; }
#site-l1 { float:left; background:url(../images/l1-bg.gif) repeat-x 0pt 160px; width:100%; }

#container { width:985px; margin:20pt auto; }
#container #wrapper { float:left; width:4967px; overflow:hidden; position:relative; overflow:visible}
#header { width:985px; }
#header #rightnav { float:right; width:505px; height:43px; background-color:#f7f6f6; }
#header #rightnav div { float:left; font-size:12px; color:#525151; line-height:43px; padding-left:15px; }
#header #rightnav #fontadjust { padding-left:10px; font-size:12px; color:#525151; padding-top:12px; }
#header #rightnav img { float:left; }
#header #rightnav img.border { border:solid 2px #cacaca; margin-left:2px; cursor:pointer;}


/* MENU */
#header #menu { float:left; width:985px; height:44px; background:url(../images/header-menu-container-bg.gif); margin-top:-2px; }
#header #menu ul { float:left; list-style:none; margin-left:2px; }
#header #menu ul li { float:left; height:41px; background-image:url(../images/header-menu-item-bg.gif); 
                     line-height:41px; padding:0px 14px 0px 20px;
                     margin-left:1px; }

#header #menu ul li.about-us-selected
		,#header #menu ul li.about-us:hover { background:url(../images/header-menu/about-us-selected.gif) repeat-x 0pt 2pt; }		
#header #menu ul li.about-us-selected a,
	#header #menu ul li.about-us:hover a {color:White!important;background:none;}

#header #menu ul li.about-hearing-selected
		,#header #menu ul li.about-hearing:hover { background:url(../images/header-menu/about-hearing-selected.gif) repeat-x 0pt 2pt; }
#header #menu ul li.about-hearing-selected a 
		,#header #menu ul li.about-hearing:hover a {color:White!important;background:none;}

#header #menu ul li.our-services-selected
	,#header #menu ul li.our-services:hover { background:url(../images/header-menu/our-services-selected.gif) repeat-x 0pt 2pt; }
#header #menu ul li.our-services-selected a
	,#header #menu ul li.our-services:hover a {color:White!important;background:none;}

#header #menu ul li.digital-hearing-aids-selected 
	,#header #menu ul li.digital-hearing-aids:hover { background:url(../images/header-menu/digital-hearing-aids-selected.gif) repeat-x 0pt 2pt; }
#header #menu ul li.digital-hearing-aids-selected a
	,#header #menu ul li.digital-hearing-aids:hover a {color:White!important;background:none;} 

#header #menu ul li.hearing-protection-selected
	,#header #menu ul li.hearing-protection:hover { background:url(../images/header-menu/hearing-protection-selected.gif) repeat-x 0pt 2pt; }
#header #menu ul li.hearing-protection-selected a
	,#header #menu ul li.hearing-protection:hover a {color:White!important;background:none;}  

#header #menu ul li.batteries-accessories-selected
	, #header #menu ul li.batteries-accessories:hover { background:url(../images/header-menu/batteries-accessories-selected.gif) repeat-x 0pt 2pt; }
#header #menu ul li.batteries-accessories-selected a
	,#header #menu ul li.batteries-accessories:hover a {color:White!important;background:none;}

#header #menu ul li a { font-size:15px; padding:0px 11px; font-family:Georgia; text-decoration:none; }
#header #menu ul li.about-us a { color:#aa1061; background: url(../images/arrows/about-us.gif) no-repeat 0pt 4pt; }
#header #menu ul li.about-hearing a { color:#0a88af; background: url(../images/arrows/about-hearing.gif) no-repeat 0pt 4pt; }
#header #menu ul li.our-services a { color:#737606; background: url(../images/arrows/our-services.gif) no-repeat 0pt 4pt; }
#header #menu ul li.digital-hearing-aids a { color:#ab20c3; background: url(../images/arrows/digital-hearing-aids.gif) no-repeat 0pt 4pt; }
#header #menu ul li.hearing-protection a { color:#b26007; background: url(../images/arrows/hearing-protection.gif) no-repeat 0pt 4pt; }
#header #menu ul li.batteries-accessories a { color:#45227e; background: url(../images/arrows/batteries-accessories.gif) no-repeat 0pt 4pt; }
                     
/* h elements */
#logo h1 a {font-family:Times New Roman; font-size:30px; color:#a73570; font-weight:bold;}
#logo h1 a:hover {text-decoration:none;}

h1 { font-family:Arial;}
h1 a { display:block; font-size:30px; font-family:Georgia; color:#6d033b; font-weight:normal; }
h2 { float:left; font-size:12px; font-family:Arial; color:#878686; margin-bottom:20px; margin-top:10px; font-weight:normal; }
h3 { font-size:30px; font-family:Georgia; }

/* slide */
#slidecontainer {float:left; background-color:#e8e8e8; width:100%; padding:10px 0; }
#slidecontainer .slidebox { float:left; width:185px; margin-left:10px; cursor:pointer;}
#slidecontainer .slidebox .title{ padding:10px 0px 0px 10px; height:41px; background:url(../images/slidebox-title-bg.gif); 
                                  color:white; font-family:Georgia; font-size:14px; }
#slidecontainer .slidebox .body{}
#slidecontainer .slidebox p {color:White; z-index:9999;}
#slidecontainer .slidebox .hidden{float:left; position:absolute; background-color:Black; display:none; 
                                  height:106px; width:175px; padding:10px 0px 0px 10px;}
                                 

/* home items under the slideboxes */
#home-item-container { float:left; }
#home-item-container div.item {float:left; width:278px; border-right:solid 1px #ddd; padding:30px 20px 30px 20px;}
#home-item-container div.item p {font-family:Georgia; font-size:17px;margin-bottom:10px;}

/* content */
#content { position:relative; overflow:hidden;}
#content #home { float:left; margin-left:20px; position:relative; width:965px;}
#content #home div.left { float:left; width:355px;  }
#content #home div.right { float:right; width:588px; height:304px; }
#content #home div h1 { font-size:30px; margin-top:40px; color:#3f3f3f; }
#content #home div p { margin-top:13px; }

#content #benefits { float:left; position:relative; float:left; width:985px;}
#content #benefits div { float:left; height:304px; }
#content #benefits div img {border:none!important;}
#content #benefits div.copy { width:380px; margin-left:20px; }
#content #benefits div h1 { font-size:30px; margin-top:40px; color:#3f3f3f; }
#content #benefits div p { margin-top:20px; }

#content #storelocator { float:left; margin-left:20px; position:relative; float:left; width:965px;}
#content #storelocator div.left { float:left; width:415px; }
#content #storelocator div.right { float:right; width:538px; height:304px; }
#content #storelocator div h1 { font-size:30px; margin-top:40px; color:#3f3f3f; }
#content #storelocator div p { margin-top:20px; }

.branchDivider{ float:left; width:33%; overflow:hidden; padding-top:5px;}
.branchDivider ul { list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin:0 0 12px;
					padding:0;}
.branchDivider ul li { font-weight:bold;
					margin:0;
					padding:0;
					color:#666666;							
					line-height:1.3em;
					margin-bottom:2px;}
.branchDivider ul li li a {color:#3C3C3C!important;
							font-size:1em;
							font-weight:normal;
							margin-left:6px;
							padding:0;}

#content #offers { float:left; position:relative; float:left; width:985px;}
#content #offers div { float:left; height:304px; }
#content #offers div img {border:none!important;}
#content #offers div.copy { width:380px; margin-left:20px; }
#content #offers div h1 { font-size:30px; margin-top:40px; color:#3f3f3f; }
#content #offers div p { margin-top:20px; }

#content #testimonials { float:left; position:relative; float:left; width:985px;}
#content #testimonials div.image { height:304px; }
#content #testimonials div { float:left; }
#content #testimonials div.copy { width:260px; margin-left:20px; vertical-align:middle; margin-top:60px; }
#content #testimonials div h1 { font-size:30px; margin-top:40px; color:#3f3f3f; }
#content #testimonials div p { margin-top:20px; }

#lefthandside { margin-top:15px; float:left; width:205px; }
#lefthandside ul { float:left; list-style:none; list-style-position:inside; }
#lefthandside ul li { float:left; border-bottom:solid 1px #ddd; width:206px; }
#lefthandside ul li.selected { font-weight:bold;}
/*#lefthandside ul li.selected span {float:left; position:relative; height:100%; width:8px; background-color:red; border:solid 1px red; }*/
#lefthandside ul li a{ display:block; color:#7c7c7c; padding:10px 10px 10px 20px; }

#center { margin-top:15px; float:left; width:574px; overflow:hidden;}
#center .header { float:left; height:254px; }
#center h1 {float:left; width:574px; color:White; font-family:Arial; font-size:12px; padding:10px 10px 0px 15px; font-weight:normal; }
#center h2 {float:left; width:574px; color:White; font-family:Georgia; font-size:20px; padding:10px 10px 10px 15px; margin:0px!important }
#center .copy { margin:5px 15px; float:left; }
#center .copy p { margin-bottom:10px; }
#center .copy p.copyp { margin:15px 0px; }
.center2columns { width:780px!important; }
.center2columns h2  {color:#7c7c7c!important; width:100%!important;}

#righthandside { margin-top:15px; float:right; width:205px; }
#righthandside #storelocatorsidebar { background:url(../images/sidebar-storelocator.jpg); height:182px; }
#righthandside #storelocatorsidebar a:hover {text-decoration:none; color:#881149!important; z-index:9999;}
#righthandside #testomonialsidebar { background:url(../images/sidebar-testimonial.jpg); height:177px; }
#righthandside #testomonialsidebar a:hover {text-decoration:none; color:#881149!important; z-index:9999;}
/*#righthandside #testomonialsidebar p { padding:10px; padding-top:40px; width:110px; }
#righthandside #storelocatorsidebar p { padding:10px; padding-top:40px; width:110px; }*/
#righthandside img {border:none;}


#xsltsearch {margin:0 0 20px 20px!important;padding:0px!important;}
#xsltsearch .xsltsearch_ordinal { color:#AA2C6F; font-size:12px;}
#xsltsearch h1{font-size:25px; margin:20px 0px;}

#news-item { padding-bottom:20px; margin:20px 0; margin-bottom:25px; border-bottom:1px solid #E4E4E4;}
#news-item h3, #news-item h3 a { color:#ac1062; font-size:16px; font-weight:normal; font-family:Georgia; }
#news-item p.date { color:#9c9c9c; font-size:11px; font-family:Arial; margin:10px 0 0 0;}

#testimonial-item { float:left; width:236px; margin-right:30px; border:solid 0px red; min-height:260px;}
#testimonial-item a { font-family:Georgia; font-size:14px;}
#testimonial-item div.up { margin:15px 0; border-bottom:solid 1px #f0f0f0; height:177px; }
#testimonial-item img {height:177px; border:none!important;padding-right:10px;}
#testimonial-item h3, #testimonial-item h3 a { color:#ac1062; font-size:16px; font-weight:normal; font-family:Georgia; }

#testimonial-item div.name { width:130px; position:relative; top:-70px;left:120px; color:#881149; font-size:14px!important;
                              font-family:Georgia;  }
#testimonial-item div.company {  width:130px;position:relative; top:-70px;left:120px;color:#5b5b5b; font-size:12px; font-family:Georgia;}

#center h3 { font-family:Georgia; font-size:20px; color:#2c2b2c; margin:10px 0 6px 0; }
#copy p.date { color:#9c9c9c; font-size:11px; font-family:Arial; margin:10px 0 0 0;}

.copy ul {list-style:none;}
.copy ul li 
{	background:url(../images/arrows/ab20c3-li.gif) no-repeat 10pt 10pt;
	padding:10px 30px; background-color:#f4f4f4;margin-bottom:1px;width:90%;overflow:hidden;}


/* job application */
#jobapp { float:left; width:100%; overflow:hidden;}
#jobapp div { float:left; margin-top:10px; }
#jobapp div.ja-item { width:100%; font-weight:bold; }
#jobapp div.ja-right { float:right; border-bottom:solid 1px #e4e4e4; padding-bottom:20px; }

/* job opportunuties */
.jobopp { float:left; width:545px; overflow:hidden;}
.jobopp div { float:left; margin-top:10px; }
.jobopp div.ja-item { width:100%; font-weight:bold; }
.jobopp div.ja-right { width:360px;float:right; border-bottom:solid 1px #e4e4e4; padding-bottom:20px; font-weight:normal;}
#morefileupload {float:right!important;}

#jobapp input { font-size:12px; font-family:Arial; color:#7c7c7c; width:338px; }
#jobapp .nowidth input {width:15px!important; margin-right:10px!important;}

#jobapp select { font-size:12px; font-family:Arial; color:#7c7c7c; width:342px; }
#jobapp textarea { font-size:12px; font-family:Arial; color:#7c7c7c; width:338px; height:100px; }

/* store locator */
#store-locator {}
#divCities {width:762px;background-color:#edecec;padding-left:10px;overflow:hidden;padding-bottom:10px}
#divCities .cityleft{float:left;width:47%;}
#divCities .cityright{float:right;width:50%;margin-bottom:10px;}
#divCities p.title {font-weight:bold;margin-top:10px;}
#divCities p.content {}



/* footer */
#footer { float:left; width:965px; background-color:#525252; padding:18px 10px; margin-top:40px; }
#footer div {}
#footer a { color:#cbcbcb; }
#footer span { float:left; color:White; font-family:Arial; font-size:12px; }
#footer .p2 { float:left; color:#cbcbcb; padding-top:0px; }
#footer ul { float:right; list-style:none; }
#footer ul li { float:left; padding:0px 3px; }
#footer ul li.last {padding-right:0px;}
#footer ul li a { border-right:solid 1px #cbcbcb; padding-right:5px; }

#seofooter {margin:20px 0; float:right; border:solid 0 red;width:100%;}
#seofooter ul { list-style:none; }
#seofooter ul li { border:solid 0; float:left;}
#seofooter ul li a { font-size:10px; font-family:Arial; float:left; 
                     padding-right:5px; margin-right:5px; white-space:nowrap; 
                     border-right:solid 1px #807f7f;}

#seofooter ul li.last a { border:none;padding:0;margin:0;}


/* sitemap */
#sitemap { float:left; display:block; width:740px; border:none;}
#sitemap ul { list-style:none;float:left; }
#sitemap ul li { padding:0 0 10px 0; font-weight:bold; background:none!important; width:300px;}
#sitemap ul li ul li { text-indent:10px; padding:10px 0 0 0; font-weight:normal; }



#logo{

width:600px;
float:left;

}

.phoneBanner{

float:right;
width:350px;
text-align:right;

}

.callUs{
width:130px;
float:right;
font-size:14px !important;
text-align:left;


}
.callUsNo{

color:#A73570;
font-size:18px !important;
text-align:left;
width:130px;
float:right;
clear:both;

}

.copy h1 img{

position:relative;
right:9px;

}

a.maxA:hover{

text-decoration:none;

}