/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #282727; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background:#0b0016 url(../images/bg.jpg) repeat-x;  }
img { border: 0px; }
a {color:#292829; text-decoration: underline;}
a:hover {text-decoration: none;}

/* ### GLOBAL CLASSES ### */
.clear { clear: both;  }

/* ### WRAPPER ### */
#wrapper { width: 100%; height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding:0px; width: 992px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { width: 992px; height: 150px; position: relative; }
	#headerCntr div.logo  { margin: 0px auto; padding: 0  0px 2px 0px; width: 237px;  }
	#headerCntr h1 { padding: 22px 0 0 0; width: 237px; height: 62px; }
	#headerCntr h1 a { width: 237px; height: 62px; display: block; text-indent: -9999px;  background: url(../images/logo.png) no-repeat 0 0; }
	#headerCntr img.product { position: absolute; top: 26px; right: 10px; } 
			
		/* ### MENU CONTAINER ### */
		#menuCntr { margin:0px; padding: 0px; position: absolute; top: 83px; left: 0px; background:url(../images/menuBack.jpg) repeat-x center bottom; height:67px; width:992px; }
		#menuCntr ul.navMenu { height:67px; width:992px; }
		#menuCntr ul.navMenu li{margin:0px; padding:0px; float:left; display:block; color:#fff;list-style:none;}		
		
		#menuCntr ul.navMenu li a{ margin:0px; float:left; display:block; text-decoration:none; font-size: 0px; }	

		#menuCntr ul.navMenu li a span{  padding: 50px 26px 4px 25px; height: 13px; width: 39px; text-indent: -9999px; float:left; display:block; color:#fff; background:url(../images/home1.jpg) no-repeat center 44px; list-style:none;}
		#menuCntr ul.navMenu li a span:hover { cursor: pointer; background: url(../images/homeOver1.jpg) no-repeat center 44px; }	
		#menuCntr ul.navMenu li a:hover { cursor: pointer; background: url(../images/starOver.png) no-repeat center 10px  ; }
		#menuCntr ul.navMenu li a.active { background: url(../images/starOver.png) no-repeat center 10px  ; }
		#menuCntr ul.navMenu li a.active span { cursor: pointer; background: url(../images/homeOver1.jpg) no-repeat center 44px; }
	
		#menuCntr ul.navMenu li a span.about { width: 65px; background: url(../images/about_us.jpg) no-repeat center 44px;}
		#menuCntr ul.navMenu li a span.about:hover { cursor: pointer; background: url(../images/about_usOver.jpg) no-repeat center 44px; }	
		#menuCntr ul.navMenu li a.active span.about { cursor: pointer; background: url(../images/about_usOver.jpg) no-repeat center 44px; }
		
		#menuCntr ul.navMenu li a span.jewellery { width: 71px; background: url(../images/jewellery.jpg) no-repeat center 44px;}		
		#menuCntr ul.navMenu li a span.jewellery:hover { cursor: pointer; background: url(../images/jewelleryOver.jpg) no-repeat center 44px; }	
		#menuCntr ul.navMenu li a.active span.jewellery { cursor: pointer; background: url(../images/jewelleryOver.jpg) no-repeat center 44px; }
		
		#menuCntr ul.navMenu li a span.timepices { width: 73px; background: url(../images/timepices.jpg) no-repeat center 44px;}		
		#menuCntr ul.navMenu li a span.timepices:hover { cursor: pointer; background: url(../images/timepicesOver.jpg) no-repeat center 44px; }	
		#menuCntr ul.navMenu li a.active span.timepices { cursor: pointer; background: url(../images/timepicesOver.jpg) no-repeat center 44px; }
		
		#menuCntr ul.navMenu li a span.storelocation { width: 113px; background: url(../images/storelocation.jpg) no-repeat center 44px;}		
		#menuCntr ul.navMenu li a span.storelocation:hover { cursor: pointer; background: url(../images/storelocationOver.jpg) no-repeat center 44px; }	
		#menuCntr ul.navMenu li a.active span.storelocation { cursor: pointer; background: url(../images/storelocationOver.jpg) no-repeat center 44px; }
		
		#menuCntr ul.navMenu li a span.careers { width: 57px; background: url(../images/careers.jpg) no-repeat center 44px;}		
		#menuCntr ul.navMenu li a span.careers:hover { cursor: pointer; background: url(../images/careersOver.jpg) no-repeat center 44px; }	
		#menuCntr ul.navMenu li a.active span.careers { cursor: pointer; background: url(../images/careersOver.jpg) no-repeat center 44px; }
		
		#menuCntr ul.navMenu li a span.cup { width: 81px; background: url(../images/cup.jpg) no-repeat center 44px;}						
		#menuCntr ul.navMenu li a span.cup:hover { cursor: pointer; background: url(../images/cupOver.jpg) no-repeat center 44px; }	
		#menuCntr ul.navMenu li a.active span.cup { cursor: pointer; background: url(../images/cupOver.jpg) no-repeat center 44px; }
		
		#menuCntr ul.navMenu li a span.contant { width: 80px; background: url(../images/contact.jpg) no-repeat center 44px;}				
		#menuCntr ul.navMenu li a span.contant:hover { cursor: pointer; background: url(../images/contactOver.jpg) no-repeat center 44px; }	
		#menuCntr ul.navMenu li a.active span.contant { cursor: pointer; background: url(../images/contactOver.jpg) no-repeat center 44px; }	
	
				
		/* ### HEADER BANNER #### */
		.headerBanner { clear:both;  height:197px; width:992px;}
		.headerBannerAboutUs { clear:both; height:197px; width:992px;}
		.headerBannerStoreLocation { clear:both;  height:197px; width:992px;}
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin:0px; padding:0px 0px 20px 0px;  background:url(../images/bottom_curve.png) no-repeat 0 bottom; width: 993px; }
	
     /* ### MIDDLE CONTAINER ### */		
	 .middleContainer {margin:0px; padding:12px 22px 0px 22px; background:#fff; width:947px; }
	 	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-top: 10px; float: left; width: 375px; }
			.leftContent {margin:0px; padding:0px;}
			span.img1 {margin:0px; padding:0px 0px 10px 0px; display:block; width:375px;}
		    span.policeBox { width: 375px; float: left; margin:0px; padding-top: 0px; display:block;}
		
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 552px; }
			.rightContent {margin:0px; padding:10px 0px 0px 0px;}
			 	.welcomeBox {margin:0px; padding:0px; }
				 h1 {margin:0px; padding:0px 0px 0px 0px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#1e0033; text-decoration:none;}
			 .welcomeBox p{margin:0px; padding:0px 5px 5px 0px; line-height:17px; font-size:12px; color:#292829;}
				span.readMore {margin:0px; padding:0px 0px 10px 0px; display:block; width:100px;}
				span.readMore a { color:#ca3640; text-decoration:none;}
				span.readMore a:hover { color:#ca3640; text-decoration: underline;}
				 
			.vipBox {margin:0px; padding: 0px; background:url(../images/vip.jpg) no-repeat center ; height:226px; width:200px; float: right; color:#fff; }
			.vipBox p {margin:0px; padding:125px 25px 0px 25px; text-align:center; color:#fff; line-height:16px;}
			 span.startNow {margin:0px; padding:2px 50px 0px 0px; display:block; font-size:13px; color:#f9f8dd; text-align:right;}
			 span.startNow a {color:#f9f8dd; text-decoration:none;}
			 span.startNow a:hover {color:#f9f8dd; text-decoration: underline;}			 
			.ourBrand { float: left; padding: 0px 0px 0px 50px;}	
			.scriptImg {margin:0px; padding:0px;}	
			
				ul.addressList {margin:0px; padding:0px; }
				ul.addressList li {margin:0px; padding:0px; float:left; list-style:none; display:block; width:50%; color:#202020; font-size:13px; }				
				ul.addressList li p {margin:0px; padding:0px;}
					span.view {margin:0px; padding:15px 0px 0px 0px; display:block;}
					
			
		/* ### LEFT CONTAINER BRAND PAGE ### */			
		#leftBrandBox {float:left; width:120px;}
			.leftBrandContent {margin:0px; padding:0px;}
				.ajxImg {margin:0px; padding:0px;}
				
		/* ### BIG BOX CURVE ### */						
		.bigTopCurve {width: 388px; background:url(../images/logo/line_gradient.gif) repeat-y 0 0;}
		.bigMidCurve {width: 388px; background:url(../images/logo/top_corner.gif) no-repeat 0 0;}
		.bigBottomCurve {width: 368px; text-align: center; padding: 10px; text-align: center; background:url(../images/logo/bottom_corner.gif) no-repeat 0  bottom;}		
		.bigBottomCurve  img { margin:0px auto; text-align:center;}
		
		/* ### RIGHT CONTAINER BRAND PAGE ### */				
		#rightBrandBox { float:right; width:799px;}
			.rightBrandContent {margin:0px; padding:0px;}
			.dynamicImg {float:left; width:442px;}
			.panegondaContent {float:right; width:346px; margin:0px; padding:0px 0px 0px 0px;}
			.panegondaContent h2 {margin:0px; display:block;}
			.panegondaContent h2 img { margin-bottom: 5px; }
			.panegondaContent p strong { color:#282727;}
			.panegondaContent img.history { float: left; margin-top: 12px; }
								
			.ajxPanel {margin:0px 0px 0px 20px; padding:0px;}	
			
	/* ### VIP PAGE ### */	
	
	#leftBoxVip {float:left; width:410px;}
	.leftContentVip {margin:0px; padding:6px 0 0 0;}
	
	.formdiv {margin:0px; padding:10px 0 ;}
	.formdiv label {margin:0px; padding: 3px 0 0 0; font-size:11px; text-transform:uppercase; float:left; text-align:right; display:block; width:80px;  }
	.formdiv span.input {margin:0px; padding:0px; background:url(../images/input.jpg) no-repeat; display:block; width:316px; height:20px; float:right;}
	.formdiv  input.txtfield {margin:0 0 0 2px ; padding:3px; border:none; background:none; width:306px; height:14px;  font-size:11px; }
	.formdiv span.smallfield {margin:0px; padding:0px; background:url(../images/small_input.jpg) no-repeat; display:block; width:106px; height:20px; float:right;}
	.formdiv  input.txtfield2 {margin:1px 0 0 2px ; padding:3px; border:none; background:none; width:96px; height:14px; font-size:11px }
	.formdiv  select {margin:0 0 0 15px; padding:0px; height:auto; width:auto;}
	.formdiv input.submitButt {margin:0px; padding:0px; width:63px; height:22px;}
	.fields {margin:0px; padding:0 ; float:left; width:200px;}
	
	#rightBoxVip {float:right; width:500px;} 
	.rightContantVip {margin:0px; padding: 10px 0 0 0 ;}
	.rightContantVip h1 {margin:0px; padding:0px 0px 15px 0px; color:#1e0033; font-size:15px; font-weight: bold; display:block; text-transform:uppercase; }		
	.rightContantVip p {margin:0px; padding:0 0 10px 0; font-size:12px; line-height:17px; color:#282727;} 
	/* ### FOOTER CONTAINER ### */
	#footerCntr { margin:0px; padding:10px 0px 10px 0px; }
	#footerCntr p {margin:0px; padding:0px; font:8px Verdana; color:#cbcbcb; text-align:center;}
	#footerCntr p a {margin:0px; padding:0px 10px 0px 10px; color:#cbcbcb; text-decoration:none; }
	/* ### LIGHT BOX ### */	
		
		.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; 		z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
		
		.white_content { display: none; position: absolute; 	top: 22%; left: 28%; width: 40%; height: 300px; padding: 16px; border: 16px solid #2E1A3D; background-color: white; z-index:1002; overflow: auto;}
		
		span.close { display: block; position: absolute; right: 10px; top: 7px; }
		span.close a { color: #003366; text-decoration: none; }