@charset "utf-8";
/* created by NKS */

/*********** SELECTORS STYLES  ***********/
body { background:#fff url(../images/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; table-layout:fixed; color:#353535; }
body, fieldset, form, h1, h2, h3, h4, h5, h6, p { margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6, form { display:inline; }
hr { height:1px; color:#ccc; background:#ccc; border:0; }
img { border:0px; }
li { margin-bottom:5px; }
ol { margin:5px 0 5px 30px; padding:0; }
ul { margin:5px 0 5px 30px; padding:0; }
ul ul, ol ol, ol ul, ul ol { margin-left:30px; }
blockquote { margin:5px 20px; }
fieldset { border:1px solid #ccc; }
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea { font-size:1em; font-family:Arial, Helvetica, sans-serif; }
select { border:1px solid #ccc; }
textarea { border:1px solid #ccc; padding:2px; overflow:auto; }
a, a:hover{ text-decoration:none; outline:none;} 

.input { padding:1px 2px 1px 4px; border:1px solid #ccc; background:#fff !important; }
.button { background:#dfdfdf url(../images/btnBg.gif) left no-repeat; border:1px solid #027390; padding:3px 5px 3px 20px; overflow:visible; cursor:pointer; font:13px Verdana, Geneva, sans-serif; color:#424242; }
.button:hover{ background:#067f9e url(../images/btnBgh.gif) left no-repeat; color:#fff;}

.button2 { background:url(../images/btnBg2.gif) repeat-x; border:1px solid #ccc; padding:4px 6px; overflow:visible; color:#C00; cursor:pointer; font:11px Tahoma, Geneva, sans-serif;}

.container{ width:961px; margin:0 auto;}
.containerIn{ width:925px; margin:0 auto;}

.blr-pink{ border:#f1a6be 1px solid; border-width:0 1px;}
.btop-pink{ border-top:#f1a6be 1px solid;}
.bbot-pink{ border-bottom:#f1a6be 1px solid;}

.phone{ background:url(../images/phoneIco.gif) bottom left no-repeat; padding:20px 0 0 20px; width:190px;}

.borgreen{ border:#b8ce7a 1px solid;}
.bordpink{ border:#f9f0f3 1px solid;}

.b1{ padding:3px 0px 3px 17px; background:url(../images/b1.gif) 4px 8px no-repeat;}
.b2{ padding:3px 0px 3px 17px; display:block; background:url(../images/b2.gif) 8px no-repeat;}
.b3{ padding:3px 0px 3px 17px; display:block; background:url(../images/b3.gif) 8px no-repeat; padding-left:29px;}
.b4{ padding:3px 0px 3px 17px; display:block; background:url(../images/b4.gif) 8px no-repeat; padding-left:29px;}




/***** FONT STYLES *****/
.lh0em { line-height:0em; }
.lh02em { line-height:0.2em; }
.lh05em { line-height:0.5em; }
.lh1em { line-height:1em; }
.lh12em { line-height:1.2em; }
.lh15em { line-height:1.5em; }
.lh2em { line-height:2em; }

.xsmall { font-size:0.8em; }
.small { font-size:0.9em; }
.large { font-size:1.1em; }
.xlarge { font-size:1.2em; }
.xxlarge { font-size:1.4em; }
.xxxlarge { font-size:1.6em; }

.ffan { font-family:"Arial Narrow", Arial; }
.ffh { font-family:Helvetica; }
.arial { font-family:Arial, Helvetica, sans-serif; }
.fftms { font-family:"Trebuchet MS", Arial; }
.geo { font-family:Georgia, "Times New Roman", Times, serif; }
.ver { font-family:Verdana, Geneva, sans-serif;}

/***** COLOR STYLES *****/
.black, .black a:link, .black a:visited { color:#000; }
.black a:hover, .black a:active { color:#069; }
.gold, .gold a:link, .gold a:visited { color:#b39b7a; }
.gold a:hover, .gold a:active { color:#fff; }
.lgreen, .lgreen a:link, .lgreen a:visited { color:#e5e97d; }
.lgreen a:hover, .lgreen a:active { color:#fff; }
.gray, .gray a:link, .gray a:visited { color:#666; }
.gray a:hover, .gray a:active { color:#363636; }
.dgray, .dgray a:link, .dgray a:visited { color:#666; }
.dgray a:hover, .dgray a:active { color:#000; }
.maroon, .maroon a:link, .maroon a:visited { color:#cc0000; }
.maroon a:hover, .maroon a:active { color:#900; }
.red, .red a:link, .red a:visited { color:#f00; }
.red a:hover, .red a:active { color:#c00; }
.white, .white a:link, .white a:visited { color:#fff; }
.white a:hover, .white a:active { color:#e4f676; }
.blue, .blue a:link, .blue a:visited { color:#51bcff; }
.blue a:hover, .blue a:active { color:#000; }
.dblue, .dblue a:link, .dblue a:visited { color:#3e82ab; }
.dblue a:hover, .dblue a:active { color:#000; }
.dorng, .dorng a:link, .dorng a:visited { color:#7d6834; }
.dorng a:hover, .dorng a:active { color:#000; }
.lorng, .lorng a:link, .lorng a:visited { color:#717171; }
.lorng a:hover, .lorng a:active { color:#000; }
.blue1{color:#00488d;}

/***** ALIGNMENT STYLES *****/
.al { text-align:left; }
.ar { text-align:right; }
.ac { text-align:center; }
.aj { text-align:justify; }
.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.fo { float:left; width:100%; display:inline; }
.flwm { float:left; margin:0 10px 5px 0; display:inline; }
.frwm { float:right; margin:0 0 5px 10px; display:inline; }
.zero { width: 0px; height: 0px; line-height: 0px; margin: 0px; padding: 0px; font-size: 0px; }
.cb { clear:both; display:block; visibility:hidden; height:auto; line-height:0; content:'.' }
.cl { clear:left; }
.cr { clear:right; }
.lt { text-decoration:line-through;}


/***** ACCESSORIES STYLES *****/

.b { font-weight:bold; }
.i { font-style:italic; }
.u { text-decoration:underline; }
.uu a:link, .uu a:visited { text-decoration:underline; }
.uu a:hover, .uu a:active { text-decoration:none; }
.uo a:link, .uo a:visited { text-decoration:none; }
.uo a:hover, .uo a:active { text-decoration:underline; }
.n { font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; }
.bcs { border-collapse:separate; }
.nw { white-space:nowrap; }
.ttc { text-transform:capitalize; }
.ttl { text-transform:lowercase; }
.ttu { text-transform:uppercase; }
.fvsc { font-variant:small-caps; }
.block { display:block; margin:0 auto; }
.inline { display:inline; }
.none { display:none; }
.absolute { position:absolute; }
.relative { position:relative; }
.pointer { cursor:pointer; }

.m0px { margin:0; }
.m1px { margin:1px; }
.m1px2px { margin:1px 2px; }
.m1px5px { margin:1px 5px; }
.m2px { margin:2px; }
.m2px5px { margin:2px 5px; }
.m2px10px { margin:2px 10px; }
.m5px { margin:5px; }
.m5px10px { margin:5px 10px; }
.m5px15px { margin:5px 15px; }
.m10px { margin:10px; }
.m15px { margin:15px; }
.mb1px { margin-bottom:1px; }
.mb2px { margin-bottom:2px; }
.mb5px { margin-bottom:5px; }
.mb10px { margin-bottom:10px; }
.mb15px { margin-bottom:15px; }
.mb20px { margin-bottom:20px; }
.mb25px { margin-bottom:25px; }
.mb30px { margin-bottom:30px; }
.mt6px { margin-top:6px; }
.mt8px { margin-top:8px; }
.mt10px { margin-top:10px; }
.mt15px { margin-top:15px; }
.mt20px { margin-top:20px; }
.mt22px { margin-top:22px; }
.mt24px { margin-top:24px; }
.mt25px { margin-top:25px; }
.mt28px { margin-top:28px; }
.mt33px { margin-top:33px; }
.mt38px { margin-top:38px; }
.mt5px { margin-top:5px; }
.mt3px { margin-top:3px; }
.mt4px { margin-top:4px; }
.ml5px { margin-left:5px; }
.ml10px { margin-left:10px; }
.ml15px { margin-left:15px; }
.ml14px { margin-left:14px; }
.ml20px { margin-left:20px; }
.ml25px { margin-left:25px; }
.ml35px { margin-left:35px; }
.ml55px { margin-left:62px; }
.ml100px { margin-left:100px; }
.mr20mb20{ margin:0 15px 20px 0;}
.mr5px{ margin-right:5px;}
.mr10px{ margin-right:10px;}
.mr15px{ margin-right:15px;}
.mr30px{ margin-right:30px;}
.mr40px{ margin-right:40px;}
.mr50px{ margin-right:50px;}

.p0px { padding:0; }
.p1px { padding:1px; }
.p1px2px { padding:1px 2px; }
.p1px5px { padding:1px 5px; }
.p2px { padding:2px; }
.p2px5px { padding:2px 5px; }
.p2px10px { padding:2px 10px; }
.p3px0px { padding:3px 0; }
.p5px { padding:5px; }
.pt10px{ padding-top:10px;}

.p5px10px { padding:5px 10px; }
.p10px5px { padding:10px 5px; }
.p5px15px { padding:5px 15px; }
.p10px { padding:10px; }
.p20px { padding:20px; }
.p10px15px { padding:10px 15px; }
.p10px20px { padding:10px 20px; }
.p15px { padding:15px; }
.pl5px { padding-left:5px; }
.pl6px { padding-left:6px; }
.pl7px { padding-left:7px; }
.pl12px { padding-left:12px; }
.pl10px { padding-left:10px; }
.pl15px { padding-left:15px; }
.pl20px { padding-left:20px; }
.pl25px { padding-left:25px; }
.pl30px { padding-left:30px; }
.pr10px { padding-right:10px; }
.pr15px { padding-right:15px; }
.pr20px { padding-right:20px; }
.pr30px { padding-right:30px; }

/********** OTHER STYLES **********/
.w5 { width:5%; }
.w10 { width:10%; }
.w13 { width:13%; }
.w14 { width:14%; }
.w15 { width:15%; }
.w16 { width:16%; }
.w17 { width:17%; }
.w18 { width:18%; }
.w19 { width:19%; }
.w20 { width:20%; }
.w21 { width:21%; }
.w22 { width:22%; }
.w24 { width:24%; }
.w25 { width:25%; }
.w27 { width:27%; }
.w32 { width:32%; }
.w33 { width:33%; }
.w38 { width:38%; }
.w39 { width:39%; }
.w40 { width:40%; }
.w48 { width:48%; }
.w49 { width:49%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w80 { width:80%; }


.bdr { border:1px solid #8ab9d6; }
.bdr1 { border:1px dashed #ccc; }
.bdr2 { border:1px solid #98c0eb; }
.bdr3 { border:1px solid #cbdff5; }
.bdr4 { border:1px solid #ffb280; }
.bdrT { border-top:1px solid #ccc; }
.bdrR { border-right:1px solid #d1e9e9; }
.bdrR1 { border-right:1px solid #e5e4d7; }
.bdrB { border-bottom:1px solid #ccc; }
.bdrBWhite { border-bottom:1px solid #fff; }
.bdrL { border-left:1px solid #ccc; }
.bdrdBd {border-bottom:1px dotted #80afd9; }
.bdrWhite, .bdrWhite td, .bdrWhite th { border:1px solid #fff; }
.bdrAll, .bdrAll td, .bdrAll th  { border:1px solid #fff; }
.bdrAll2, .bdrAll2 td, .bdrAll2 th  { border:1px solid #ccc; }
.bdrAllCols { border:1px solid #e5e5e5; }
.bdrAllCols td, .bdrAllCols th  { border:1px solid #e5e5e5; border-width:0 1px; }
.bdrAllRows { border:1px solid #e5e5e5; }
.bdrAllRows td, .bdrAllRows th  { border:1px solid #e5e5e5; border-width:1px 0; }
.bdrN, .bdrN td, .bdrN th { border:0; }
.bdrlr { border:1px solid #a4cd64; border-width:0 1px;}

.star { color:#db1111; }
/********/
.fs10px { font-size:10px; }
.fs11px { font-size:11px; }
.fs12px { font-size:12px; }
.fs13px { font-size:13px; }
.fs14px { font-size:14px; }
.fs16px { font-size:16px; }
.fs17px { font-size:17px; }
.fs18px { font-size:18px; }
.fs20px { font-size:20px; }
.fs22px { font-size:22px; }
.fs23px { font-size:23px; }
.fs24px { font-size:24px; }
.fs28px { font-size:28px; }
.dn { display:none; }
.bg1 { background:#212121; }
.bg2 { background:#fff; }
.bg3 { background:#f2f2f2; }
.bg4 { background:#035c9f; }
.bg5 { background:#999; }
.bg6 { background:#fae7bc; }
.bg7 { background:#07547f; }

/* Paging Style */

.main_index{
	display:block; 
	margin-bottom:10px; 
	padding: 5px; 
	padding-right:8px;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;
	margin:10px 0px 10px 0px;
}
.index{
	margin-left:10%; 
	margin-right:10%; 
	text-align:center; 
}
.index_A_Z{
	margin-left:2%; 
	margin-right:2%; 
	text-align:center; 
}
.navBarTxt {
	width:16px; 
	height:15px; 
	border: 1px solid #dddddd; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-decoration: none; 
	padding:1px 4px 1px 4px;
	background:#347db4;
}
.navBarTxt:hover {
	width:16px; 
	height:15px; 
	background-color:#000; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	text-decoration: none; 
	padding:1px 4px 1px 4px; 
	border: 1px solid #666665; 
}

.pag_active {
	width:16px; 
	height:15px; 
	background-color:#000; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	text-decoration: none; 
	padding:1px 4px 1px 4px; 
	border: 1px solid #666665; 
}

/*scrolling div*/
.stepcarousel{
	position: relative; /*leave this value alone*/
	/*border: 1px solid black;*/
	overflow: scroll; /*leave this value alone*/
	width: 100%; /*Width of Carousel Viewer itself*/
	height: 130px; /*Height should enough to fit largest content's height*/
	margin-left:35px;
	width:750px;
}

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

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px 15px 0 0; /*margin around each panel*/
	width:95px; height:130px; overflow:hidden; text-align:center; padding:8px; background:#fffeef;
	text-align:center;
}


/*topNav*/
.topNav{ font:11px Tahoma, Geneva, sans-serif; color:#b39b7a;}
.topNav a{ color:#b39b7a; padding:0px 10px;}
.topNav a:hover{ color:#fff;}
/*topNav end*/

.myAc a{ padding:0px 10px 0 0; font:11px Tahoma, Geneva, sans-serif; color:#cdba8d; border:#362b24 1px solid; display:block;margin-left:5px; background:#1a1512;}
.myAc a:hover{ color:#fff; background:#524136; border:#362b24 1px solid;}

.profileLink a{ font:12px Arial, Helvetica, sans-serif; color:#069; display:block; background:url(../images/b4.gif) left 10px no-repeat; padding:5px 0 5px 10px;}
.profileLink a:hover{ color:#000;}

/*MainLink*/
.mainLink{ font:13px Arial, Helvetica, sans-serif; color:#d8e6e8;}
.mainLink p{ background:url(../images/tlinkSep.gif) right 0px no-repeat; float:left; padding-right:1px;}
.mainLink a{ color:#d8e6e8; padding:15px 11px; display:block;}
.mainLink a:hover{ color:#fff; background:url(../images/tlinkBgh.jpg) repeat-x;}
/*.mainLink .act{color:#000; background:url(../images/mainLinkH.gif) repeat-x; padding:17px 36px; display:block;}*/

body#n1 .mainLink p .a, body#n2 .mainLink p .bn, body#n3 .mainLink p .c, body#n4 .mainLink p .d, body#n5 .mainLink p .e, body#n6 .mainLink p .f, body#n7 .mainLink p .g, body#n8 .mainLink p .h{
	color:#fff; background:url(../images/tlinkBgh.jpg) repeat-x; padding:15px 11px; display:block;	
}

.linkBg a{ background:url(../images/linkBg.gif) no-repeat; width:156px; padding:5px 0px; color:#0a96b9; display:block; margin:10px auto 0; text-align:center;}
.linkBg a:hover{ color:#000;}

.linkBg1 a{ background:url(../images/linkBgw.gif) no-repeat; width:150px; padding:5px 0px; color:#0a96b9; display:block; margin:10px auto 0; text-align:center;}
.linkBg1 a:hover{ color:#000;}
/*MainLink end*/

/*lffNav*/
.lftNav p{ font:11px Arial, Helvetica, sans-serif; border-bottom:#383838 1px solid;}
.lftNav p a{background:url(../images/b1.gif) 15px 10px no-repeat; padding:6px 0 6px 30px; color:#c4dcff; display:block;}
.lftNav p a:hover{ color:#fff; background:#000 url(../images/b1.gif) 15px 10px no-repeat;}
/*lffNav end*/

/***** footer navigations style *****/
.footnav{ font:11px Tahoma, Geneva, sans-serif; text-align:center; color:#786a57;}
.footnav a{ padding:0px 10px; text-decoration:none; color:#786a57; }
.footnav a:hover, .footnav .selected{ color:#fff;}


.w100{ width:100%;}

.tree{ color:#424242; border:#ccc 1px dashed; border-width:1px 0; padding:5px 0; margin-top:8px; font-size:11px; }
.tree a{ color:#0e64bb; text-decoration:none;}
.tree a:hover{ color:#424242;}






.adbox{ width:416px; border:#4f4f4f 10px solid; overflow:hidden; background:#f4f5cb;}
.adbox2{ width:416px; border:#f5f5f5 10px solid; overflow:hidden; background:#fff;}

.box1{ border:#cccccc 1px solid; background:#fff; padding:5px; }
.box2{ border:#cbcbcb 1px solid; background:#fff url(../images/lftLinkBg.gif) repeat-x; padding:2px;}
.box3{ border:#ccc 1px dashed; border-width:1px 0; background:#f5f5f5;}

.proBoxM{ border:#cccccc 1px solid; background:#cfdefd; padding:5px; width:160px; margin:0 auto;}
.proBoxM:hover{ border:#035c9f 1px solid; background:#fff; padding:5px; width:160px; margin:0 auto;}
.proBox{ border:#cccccc 1px solid; background:#ececed; padding:5px; width:160px; margin:0 auto;}
.proBox:hover{ border:#ccc 1px solid; background:#fff; padding:5px; width:160px; margin:0 auto;}
.wanted{ border:#cccccc 1px solid; background:#fff; padding:5px;}
.wanted:hover{ border:#cccccc 1px solid; background:#f5f5f5; padding:5px;}
.proBox1 { background:#fff; padding:5px; width:160px;}
.inputBox{ border:#cbcbcb 1px solid; background:#fff url(../images/inputBg.gif) bottom repeat-x; padding:5px 0;}

.p5pxAll td{ padding:5px;}
.p10pxAll td{ padding:10px;}

.head{ background:url(../images/headBg.gif) repeat-x; padding:5px; color:#fff; margin-bottom:3px;}

.linkNk a{ float:left; width:22%; margin-left:8px; color:#6a6a6b; background:url(../images/b3.gif) left 6px no-repeat; padding-left:10px;}
.linkNk a:hover{ color:#000;}

/*auto scroll*/
.latestBuyLeads ul { margin:0px; padding:0px;}
.latestBuyLeads li{ list-style-type:none; height:210px; vertical-align:middle;}

.news ul { margin:0px; padding:0px;}
.news li{ list-style-type:none; height:80px; vertical-align:middle;}
/**/

.newsD{ background:url(../images/newsDateBg.gif) no-repeat; width:68px; height:51px; color:#fff; padding-top:10px;}
.lhead{font: bold 13px Arial, Helvetica, sans-serif;
	background:url(../images/LeftheadBg.gif) repeat-x;
	padding:4px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-left:#036 4px solid;
	}
.lhead a { display:block;}
.padN td{ padding:0px;}

/*------------------------28-07------------------------------------*/

.linkNk1 a{ float:left; width:150px; margin-left:8px; color:#999; background:url(../images/b3.gif) left 6px no-repeat; padding-left:10px;}
.linkNk1 a:hover{ color:#000;}

.proBoxM1{ border:#cccccc 1px solid; background:#cfdefd; padding:5px; width:520px; margin:0 auto;}

.button3 { background:#035c9f; border:1px solid #6a0000; padding:4px 2px; overflow:visible; cursor:pointer; font:bold 11px Tahoma, Geneva, sans-serif; color:#fff;}

/*--------------------18-11------------------------*/
.proBoxM2{ border:#cccccc 1px solid; background:#cfdefd; padding:5px; width:155px; margin:0 auto;}
.h50px{height:50px;}
.h35px{height:35px;}
.pro-w{width:155px; height:100px;}
.over-hid{ overflow:hidden;}

/**********Preformated for gallery*************/
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width:900px;  /*Width of Carousel Viewer itself*/
height:190px; /*Height should enough to fit largest content's height*/
}


.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 1px;
	margin:0px;
	padding:0px;

}



.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 20px 5px 20px; /*margin around each panel*/
width:200px;
height:160px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
color:#fff;
}



.stepcarousel .panel img{ border:2px #999 solid; margin:4px;
}

.stepcarousel .panel p { z-index:100;} 
}

/***********END************/


.inr_bg{background:url(../images/inr_bgt.jpg) no-repeat top #FFFFFF; width:960px; display:block; padding: 20px 15px;}
.inr_b{background:url(../images/inr_bl.jpg) left no-repeat #fff; width:960px; height:15px;}

.proinr_bg{background:url(../images/inr_bgt1.jpg) no-repeat top #d9d9d9; width:930px; display:block; padding: 20px 15px;}
.proinr_b{background:url(../images/inr_bl1.jpg) left no-repeat #d9d9d9; width:960px; height:15px;}


.cont_t{background:url(../images/contacts.jpg) 220px 150px no-repeat; }
.enquiry_bg{background:url(../images/enquiry.jpg) 360px 120px no-repeat; }


.but{ display:block;}
.but li{background:url(../images/but.jpg) no-repeat left top; color:#333333; line-height:16px; list-style:none; padding-left:15px;}
.but li a{ color:#333333; line-height:16px; font:12px Arial, Helvetica, sans-serif; text-decoration:none;}
.but li a:hover{ color:#666666; line-height:16px; font:12px Arial, Helvetica, sans-serif; text-decoration:none;}

.button1{ background:#dfdfdf; border:1px solid #027390; padding:3px 5px 3px 20px; overflow:visible; cursor:pointer; font:13px Verdana, Geneva, sans-serif; color:#424242; }

.product_bg{background:url(../images/product_bg.jpg) no-repeat; width:166px; height:173px; padding:43px 20px 0px 20px;}

.product_bg:hover{background:url(../images/product_bgh.jpg) no-repeat; width:166px; height:173px;}

.gal_bg{background:#aeaeae;}
.gal_bg1{background:#aeaeae; border-left:1px solid #9f9f9f; border-left:1px solid #9f9f9f;}

/* toot tip gal */
#screenshot{
	z-index:2000;
        position:absolute;
        border:1px solid #ccc;
        background:#f8f8f8;
        padding:5px;
        display:none;
        color:#fff;
        width:400px;
        height:270px;
}

#preview{
        position:relative;
        border:1px solid #ccc;
        background:#f8f8f8;
        padding:5px;
        display:none;
        color:#fff;
}

#tooltip{
        position:relative;
        border:1px solid #333;
        background:#f8f8f8;
        padding:2px 5px;
        color:#333;
        display:none;
}