/* CSS Document */
h1{ display: none;	margin: 0px; padding: 0px;}

.brandscku {	background: url(images/heading_brand_cku.gif) no-repeat; height:32px; }


/* Very IMP for png images ----------------
---------------------------------- */

img {behavior:url("pngbehavior.htc");}

.clear{clear:both;}

/* Page Structure ----------------
---------------------------------- */
body{background-color:#ffffff; font-family:Verdana, Arial; color:#747474; margin:0px; padding:0px;}

p{padding:0px; margin:0px;}

#container {width:1000px; height:580px; margin:0px auto; padding:0px; }
.backgroundColors{width:70px; float:right; }

#wrapper {width:1000px; margin:0px auto;  }

/* Header ----------------
---------------------------------- */
.topBg{background:#f4f4f4 url(../images/top_bg.jpg) no-repeat; width:972px; position:absolute; margin-top:14px; margin-left:14px; }
 

.logo{ width:81px; height:57px; margin:5px 5px 5px 10px;  float:left;}





/* Listen */

ul#imageFade li img{border: 1px solid #00000; padding: 4px; }



.images{position:absolute; float:left; width:974px;
	margin-top:83px;
	margin-left:13px;
	height:485px;
}

ul {margin-top:-5px;   }
html>body ul{ margin-left:-45px;} /* for Mozilla and Safari */
html  ul{ margin-left:-5px;}
 
 

 
 

/*	-------------------------------------------------------------
	MAIN NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {position:relative; z-index:100; width:761px; float:right; height:30px; text-align:center; padding-top:18px;  }
	#nav .select {margin:0; padding:0; list-style:none; white-space:nowrap;}
	#nav li {float:left; padding-right:15px;}
	#nav .select a {float:left;text-decoration:none; white-space:nowrap; height: 30px;display:block;overflow: hidden;}
	#nav .select li:hover a {cursor:pointer; color:#fff;}
	
	#nav .sub {display:none; margin:0; padding:0 0 0 15px; list-style:none; }
	#nav .sub li {background:transparent; padding: 0 10px;}
	#nav .select li:hover .sub {height:30px; display:block; position:absolute; float:left; top:30px; left:0;
	text-align:center;}
	#nav .select li:hover .sub li a {display:block; height:22px; line-height:16px; float:left; margin:0; white-space:nowrap;
	color:#747474; font-size:10px; margin-top:12px;  cursor:hand; }
	
*html #nav .select li:hover .sub li a {display:block; height:22px; line-height:16px; float:left; margin:0; white-space:nowrap;
	color:#747474; font-size:10px; margin-top:12px; margin-left:-1px;}
	
	
	#nav .select li:hover .sub li a:hover {color:#183162; line-height:16px; font-weight:bold;}
	
	#nav .select li:hover .sub li .subactive a {color:#183162; line-height:16px; font-weight:bold; }
	
	#nav .subbrands {margin:0 0 0 170px; width:480px;}
	#nav .subbrandstest {margin:0 0 0 65px; width:480px;}
	#nav .submedia {margin:0 0 0 290px; width:480px;}
	#nav .submediatest {margin:0 0 0 185px; width:480px;}
	#nav .subcontact {padding:0 0 0 235px; width:480px;}
	#nav .substore {padding:0 0 0 270px; width:270px;}

	#nav .select a.home {width:35px; background: transparent url(../images/home.gif) no-repeat top left;  }
	#nav .select .blank{padding-right:36px;}
	#nav .select a.about {width:56px; background: transparent url(../images/about_us.gif) no-repeat top left; }
	#nav .select a.brands {width:69px; background: transparent url(../images/our_brands.gif) no-repeat top left; }
	#nav .select a.media {width:80px; background: transparent url(../images/media_center.gif) no-repeat top left;}
	#nav .select a.careers {width:47px; background: transparent url(../images/careers.gif) no-repeat top left;}
	#nav .select a.contact {width:67px; background: transparent url(../images/contact_us.gif) no-repeat top left;}
	#nav .select a.store {width:80px; background: transparent url(../images/store_locator.gif) no-repeat top left;}
	
	#nav .select li:hover a {background-position: bottom right; }
	#nav .select .mActive a {background-position: bottom right;}
	#nav li a b{display: none;}
	
	.subline{margin-left:-10px; margin-right:-10px;}
	
/*	-------------------------------------------------------------
	FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.footer{
	font-size:9px;
	width:990px;
	margin:0px auto;
	margin-left:8px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: normal; text-align:justify;
}
	.copy{
	width:650px;
	float:left;
	margin-top:10px;
}
	.copy a{color:#747474; text-decoration:none;}
	.copy a:hover{color:#183162; text-decoration:underline; }
	
	
	.bc{ height:15px; float:right;  padding-right:10px;}
	.bc a{color:#747474; text-decoration:none;}
	.bc a:hover{color:#183162; text-decoration:none;}
	
	
/*	-------------------------------------------------------------
	About us
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.innermatter{width:974px;  position:absolute; margin-top:85px; margin-left:15px; }



.innermatter .rightside{width:467px; float:right; padding-right:3px}
.innermatter .rightsideCareer{width:400px; float:right; padding-right:3px}
.innermatter .leftside{ width:480px; float:left; margin-left:10px;}
.innermatter .leftside p{margin-bottom:5px;}
.innermatter .leftside .heading{margin-top:78px; margin-bottom:30px;}



/*	-------------------------------------------------------------
	Scroll
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		a {color:#183162; text-decoration:underline;}
        a:hover {color:#747474;text-decoration:none;}


.mLeft{float:left; width:200px; }
.scroll{overflow:auto; height:253px; position:relative; width:450px;}
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0;left: 0;}
.vscrollerbase {width: 7px;background: url(../images/base-bg.gif) center repeat-y;}
.vscrollerbar {width: 7px;background: url(../images/base-bar.gif) no-repeat;}
.mLeft p{color:#606060; font-size:11px; padding-bottom:4px; line-height:18px; }
.mLeft h3{color:#183162; font-size:12px; font-weight:bold; padding-bottom:5px;}




	
/*	-------------------------------------------------------------
	Brands
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
 .subToplink{ margin-top:34px; font-size:11px;}
	 .subToplink a{color:#747474; text-decoration:none;}
 .subToplink a:hover{color:#183162; text-decoration:none;}
 .subToplink .subactive{color:#183162; font-weight:bold;}
	
 .brandheading{margin-top:34px; margin-bottom:30px;}
	
	
	.innermatter .leftsidecku{ width:580px; float:left; margin-left:10px;}
	.innermatter .leftsidecku p{margin-bottom:5px;}
	.innermatter .rightsidecku{width:367px; float:right; padding-right:3px}


	
/*	-------------------------------------------------------------
	Store Locator
	
	.innermatter .leftside .storeheading{margin-top:78px; margin-bottom:12px;}
	.innermatter .leftside .dropbox{background-color:#ffffff; border:1px solid #d5d5d5; font-family:Verdana, Arial; color:#747474; font-size:11px; width:190px; margin-bottom:12px; padding:1px;}- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.innerStore{width:974px;  position:absolute; margin-top:85px; margin-left:15px; }



.innerStore .rightStore{width:730px; float:right; padding-right:3px}
.innerStore .leftname{ width:220px; float:left; margin-left:10px;}
.innerStore .leftname .heading{margin-top:78px; margin-bottom:30px;}


 .storelink{ margin-top:34px; font-size:11px; margin-left:10px;}
	 .storelink a{color:#747474; text-decoration:none;}
 .storelink a:hover{color:#183162; text-decoration:none;}
 .storelink .subactive{color:#183162; font-weight:bold;}
	
 .storeheading{margin-top:34px; margin-bottom:30px; margin-left:10px;}
 

/*	-------------------------------------------------------------
	Stor Scroll
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		a {color:#183162; text-decoration:underline;}
        a:hover {color:#747474;text-decoration:none;}



.scrollstore{overflow:auto; height:200px; position:relative; width:720px;}
.storeTableHeading{background-color:#344974; padding:5px;  color:#FFFFFF; font-size:11px; font-weight:bold;}
.scrollstore td{ padding:5px; font-size:11px; line-height:14px;}
.storeTablematterGrey{background-color:#f2f2f2; padding:5px; font-size:10px; }
.storeTablematterWhite{background-color:#ffffff; padding:5px; font-size:10px; }

.storebottom{font-size:10px; padding-top:10px;}
.astric{ color:#1141a4;}
.astricBlack{ color:#000000;}

.scrollstoreName{overflow:auto; height:200px; position:relative; width:210px; line-height:20px; margin-bottom:7px;}
.scrollstoreName p{margin:0px;}
.scrollstoreName a {color:#747474; text-decoration:none;}
.scrollstoreName a:hover {color:#183162;text-decoration:none; font-weight:bold;}
.scrollstoreName .activestore {color:#183162;text-decoration:none; font-weight:bold;}

.storeGallery{font-weight:bold; font-size:11px; color:#183162; text-decoration:none;}
.storeGallery a{ text-decoration:none;}
.storeGallery a:hover{ text-decoration:none;}

/*	-------------------------------------------------------------
	Media Center
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.innermatter{width:974px;  position:absolute; margin-top:85px; margin-left:15px; }
	.innermatter .leftside .mediaHeading{font-size:14px; color:#183162; font-weight:bold;}
	.innermatter .leftside .bullet{background:url(../images/bullet.gif) no-repeat left 7px; padding-left:15px; font-weight:bold; font-size:10px;}
	
	.innermatter .leftside .bullet a{color:#747474; text-decoration:none;}
	.innermatter .leftside .bullet a:hover{color:#183162; text-decoration:underline;}
	
	.innermatter .leftside .news{padding-left:15px; margin-top:-4px; font-size:10px;}
	
	.nextback{color:#183162; text-decoration:none; font-size:11px; font-weight:bold; text-align:right;}
	.nextback a{color:#747474; text-decoration:none;}
	.nextback a:hover{color:#183162; text-decoration:none;}
	
	.coverage{font-size:12px; font-family:Arial, Helvetica, sans-serif, Verdana; font-weight:bold; padding-left:10px; }
	
	.press_heading{font-size:12px; font-weight:bold; margin-right:5px; margin-bottom:10px; text-decoration:underline;}
.rightStore p{font-size:11px; margin-bottom:5px;}
		
	.pressheading{margin-top:78px; margin-bottom:30px; margin-left:10px;}
/*	-------------------------------------------------------------
	Contact Us
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.innermatter .rightside1{width:520px; float:right; padding-right:3px}
.innermatter .leftside1{ width:220px; float:left; margin-left:10px;}

.innermatter .leftside1 .heading{margin-top:78px; margin-bottom:30px;}

.scrollcontact{overflow:auto; height:240px; position:relative; width:390px;}

		
/*	-------------------------------------------------------------
	Store Gallery
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 594px; /*Width of Carousel Viewer itself*/
height: 449px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{ padding-top:10px;
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{font-family:Arial, Helvetica, sans-serif, Verdana; font-size:11px; color:#747474; text-align:left; 
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/

 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel a{color:#0f64b3; text-decoration:none;}
.stepcarousel .panel a:hover{color:#04aee5; text-decoration:none; font-weight:}
	
	.stepcarousel .panel img{padding:3px;}