@charset "utf-8";
/* CSS Document */
/* - - - - - - - - - - - - - - - - - - - - -

Title : SYNTEL INC
Author : Ashutosh Machhe
URL : http://www.syntelinc.com

- - - - - - - - - - - - - - - - - - - - - */
body{background:#fff; color:#3e5e8d; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/* Clearfix */
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{/*height:1%;*/}

/* Common Classes */
.noBorder{border:none;}
.textRight{text-align:right;}
.flLeft{float:left;}
.flRight{float:right;}
.clear{clear:both;}
h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; line-height:24px; }
h2{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; line-height:24px;}
a{color:#000; text-decoration:underline}
a:hover{text-decoration:none;}

.mTop{ margin-top:-50px;}

/*areas */
.wrapper{ margin:0 auto; width:980px;}
.areaHeader{ background:url(/images/bg-header-trans.gif) no-repeat; height:60px;}
.areaMainNav{float:left; width:785px;}
.areaPage{}
.areaPageLeftBar{float:left; width:200px; }
.areaPageBody{float:right; width:780px;}
.areaFooter{font-size:11px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:10px 0 15px 200px;}

/* Headers*/
.areaLogo{ float:left;}
.areaLogo a{display:block; *display:inline-block; width:195px; height:50px; text-decoration:none}
.areaLogo[class] a{ text-decoration:none}


/* main nav */
.mainnav{padding:0 0 0 20px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; text-shadow:2px 1px 1px #036;}
.mainnav ol { margin-top:18px;}
.mainnav ol li{float:left; list-style:none;}
.mainnav ol li a{color:#FFF; height:25px; padding:10px 21px 18px;}
.mainnav[class] a {min-height:16px;}
.menuShadow{background:url(/images/bg-menuShadow-trans.png) no-repeat; height:7px; width:786px; position:relative; top:52px; *top:2px; left:198px; z-index:100; }


/* pagelinks*/
.pgDrums .mnDrums, .pgPads .mnPads, .pgAmplifiers .mnAmplifiers, .pgAccessories .mnAccessories, .pgSupport .mnSupport, .pgBuy .mnBuy{text-decoration:none;}

.dropmenudiv {
	Z-INDEX:99;
	FILTER: progid:DXImageTransform.Microsoft.Shadow(color=#f4f4f4,direction=135, strength=1); 	VISIBILITY: hidden;
	WIDTH: 160px;
	POSITION: absolute;
	TOP: 0px;
	background-color:#15608d;
	font:normal 10px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;  TEXT-ALIGN: center;

}
.dropmenudiv h1{font:bold 13px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; display:block;  }
.dropmenudiv h6{font:bold 13px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; text-align:left; margin:2px 0;  }
.dropmenudiv A {DISPLAY: block; WIDTH: 100%; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none; padding:2px 0;}
.dropmenudiv A:hover {COLOR: #fff; background:#5292c1;}
.dropmenudiv B {DISPLAY: block; FONT-WEIGHT: bold; WIDTH: 100%; COLOR: #e48100; TEXT-INDENT: 3px; PADDING-TOP: 1px;  TEXT-DECORATION: none}
.chromestyle {	FONT-WEIGHT: bold; WIDTH: 99%}
.chromestyle:unknown {	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."}
.chromestyle UL {PADDING-BOTTOM: 4px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 2px; TEXT-ALIGN: center}
.chromestyle UL LI {DISPLAY: inline; LIST-STYLE-TYPE: none;}
.chromestyle UL LI A {}
.chromestyle UL LI A:hover {}
.chromestyle UL LI A[rel]:unknown {
	content: " v"
}


/*product Img*/
.proImg{}
#TipLayer{}
#TipLayer table td{border:1px solid #3e5e8d; *padding-left:0px; font:normal 10px/16px Arial, Helvetica, sans-serif;}
#TipLayer table td table td b{font:bold 14px/16px Arial, Helvetica, sans-serif;}
#TipLayer a.link{font:normal 10px/16px Arial, Helvetica, sans-serif; margin-right:5px;}
#TipLayer table td table td  ul li{background:url(../images/arrow-icon.gif) no-repeat 3px 5px; padding-left:15px; font:normal 11px/16px Arial, Helvetica, sans-serif;}
/*product tilea*/
.proTitle{display:block; margin-bottom:20px;}
.proLinks{ padding-left:10px;}
.proLinks li{margin-bottom:8px;}
.proLinks a{color:#3e5e8d; font-weight:bold; font-size:11px;}
.proContent{z-index:1; width:180px; position:absolute; font-weight:bold}
.proContent h6{font:bold 14px/15px Arial, Helvetica, sans-serif; text-decoration:underline; text-align:left; margin-bottom:5px;  }
#DA50, #DA200{top:50px; left:600px; position:absolute; }
#pad1{top:10px; left:20px; width:300px; position:absolute; }
#pad2{top:335px; left:20px; width:300px; position:absolute; }
#sd1{top:10px; left:30px; position:absolute; }
#SD5K{top:400px; left:40px; position:absolute; }
#SD7PK{top:545px; left:50px; width:250px; position:absolute; }
#SD9K{top:520px; left:415px; width:250px; position:absolute; }
#SDHB2{top:10px; left:20px; width:400px; position:absolute; }
#SDMK2, #SDMK4{top:555px; left:50px; width:300px; position:absolute; }
#SDMP1{top:550px; left:65px; width:300px; position:absolute; }
#SDPC1{top:40px; left:550px; position:absolute; }
#SDSDT{top:10px; left:20px; width:250px; position:absolute; }


/* SIZE CLASSES */

.px1 {font-size: 1px;}
.px2 {font-size: 2px;}
.px3 {font-size: 3px;}
.px4 {font-size: 4px;}
.px5 {font-size: 5px;}
.px6 {font-size: 6px;}
.px7 {font-size: 7px;}
.px8 {font-size: 8px;}
.px9 {font-size: 9px;}
.px10 {font-size: 10px;}
.px11 {font-size: 11px;}
.px12 {font-size: 12px;}
.px13 {font-size: 13px;}
.px14 {font-size: 14px;}
.px15 {font-size: 15px;}
.px16 {font-size: 16px;}
.px17 {font-size: 17px;}
.px18 {font-size: 18px;}
.px19 {font-size: 19px;}
.px20 {font-size: 20px;}