@charset "utf-8";

body {
 /*background-color:#000;*/
 /*background-image: -moz-linear-gradient(#616161, #000);
 /*background: -webkit-gradient(linear, center top, center bottom, from(#b8d8f2), color-stop(25%, #92bde0), color-stop(50%, #3282c2), color-stop(75%, #92bde0), to(#b8d8f2));
 /*firefox support gradient*/
 background-color:#000;	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#616161',EndColorStr='#000',EndColorStr='#616161');/*IE support gradients*/
 font-family:Verdana, Geneva, sans-serif;
 color:#FFF;
}

/*=================================Clear Fix=======================================*/
.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%;
}


/*=============================Contain of pages=================================*/
.container {
 margin:0px auto;
 margin-top:6px;
 width:871px;
}
div#container {
 margin:0px auto;
 margin-top:6px;
 width:871px;
}
.containtext {
 font-family:Verdana, Geneva, sans-serif;
 margin-left:20px;
 text-align:justify;
 color:#fff;
 float:left;
 width:460px;
}
div#containtext {
 font-family:Verdana, Geneva, sans-serif;
 margin-left:20px;
 text-align:justify;
 color:#fff;
 float:left;
 width:460px;
}


/*=================================Text decoration=================================*/
h1, h2, h3 ,h4 {
 font-family:Verdana, Geneva, sans-serif;
 font-size:16px;
}
.fonty {
 font-family:Verdana, Geneva, sans-serif;
 color:#FFF;
 font-size:9px;
}
div#hometext {
 width:840px;
 color:#fff;
 text-align:justify;
 margin-left:20px;
 margin-top:20px;
 float:left;
}
.caption {
 font-family:Verdana, Geneva, sans-serif;
 margin-left:20px;
 font-size:16px;
 color:#FFF;
}
#caption {
 font-family:Verdana, Geneva, sans-serif;
 margin-left:20px;
 font-size:16px;
 color:#FFF;
}

p#head {
 font-family:Verdana, Geneva, sans-serif;
 margin-left:20px;
 font-size:14px;
 width:840px;
 text-align:justify;
 color:#FFF;
 float:left;
}
p#headhome {
 font-family:Verdana, Geneva, sans-serif;
 font-size:16px;
 width:340px;
 text-align:justify;
 color:#FFF;
}
#vtext {
 font-family:Verdana, Geneva, sans-serif;
 margin-left:20px;
 padding:10px;
 width:480px;
 color:#FFF;
 float:left;
}
.vtext {
 font-family:Verdana, Geneva, sans-serif;
 margin-left:20px;
 padding:10px;
 width:480px;
 color:#FFF;
 float:left;
}


/*====================================Link========================================*/
a:link {
 color:#09F;
 text-decoration:none;
}
a:visited {
 color:#09F;
 text-decoration:none;
}
a:hover {
 color:#09F;
 text-decoration:underline;
}
a:active {
 color:#09F;
 text-decoration:none;
}



/*=================================Light Box Thumbnail=====================================
#lightbox {
 background-color:#eee;
 padding:10px;
 border-bottom:2px solid #666;
 border-right:2px solid #666;
}
#lightboxDetails {
 font-size:0.8em;
 padding-top:0.4em;
 color: #06C;
}	
#lightboxCaption {
 float:left;
}
#keyboardMsg {
 float:right;
}
#lightbox img {
 border:none;
} 
#overlay img {
 border:none;
}
*/

/*=====================================List decoration================================*/
ul {
 list-style:none;
 text-decoration:none;
}
li {
 float:left;
}



/*===================================TABLE SPREDSHEET=====================================*/
table, td {
 border:1px solid #FFF;
 border-collapse:collapse;
}
.tableless {
 border:1px solid #000; 
}


/*=====================================Gallery Page=======================================*/
.gallery {
 margin-left:26px;
 margin-bottom:20px;
}



/*====================================Form Design======================================*/
div.box {
 margin:0 auto;
 width:390px;
 background:#FFF;
 position:relative;
 border:1px solid #CCC;
}
div.box h1 {
 color:#000000;
 font-size:14px;
 padding:2px 0 4px 4px;
 border-bottom:1px solid #CCC;
 border-top:1px solid #CCC;
}
div.box label {
 width:380px;
 display: block;
 background:#FFF;
 border-top:1px solid #CCC;
 border-bottom:1px solid #CCC;
 padding:4px 0 2px 10px;
}
div.box label span {
 color:#000000;
 font-size:12px;
 float:left;
 width:187px;
 text-align:left;
 padding:5px 30px 0 0;
}
div.box .input_text {
 padding:4px 4px;
 color:#000000;
 width:140px;
 background:#EEE;
 border-bottom:1px double #CCC;
 border-top:1px double #EEE;
 border-left:1px double #CCC;
 border-right:1px double #EEE;
}
div.box .message {
 padding:4px 4px;
 width:140px;
 height:120px;
 color:#000000;
 background:#FFF;
 border-bottom:1px double #171717;
 border-top:1px double #171717;
 border-left:1px double #333333;
 border-right:1px double #333333;
 overflow:hidden;
}
div.box .button {
 margin:0 0 10px 10px;
 padding:4px 7px;
 background:#06F;
 border:0px;
 position:relative;
 top:4px;
 width:80px;
 border-bottom:1px double #06F;
 border-top:1px double #03C;
 border-left:1px double #06F;
 border-right:1px double #06F;
}
div.box .select {
 padding:4px 4px;
 color:#000000;
 width:140px;
 background:#FFF;
 border-bottom:1px double #171717;
 border-top:1px double #171717;
 border-left:1px double #333333;
 border-right:1px double #333333;
}

/*==================================Panel of page=========================================*/
#spanel {
 width:160px;
 border:#0F0F0F solid thin;
 margin-left:10px;
 padding:20px;
 text-align:justify;
 float:left;
}
.panel {
 width:160px;
 height: 140px;
 margin-left:30px;
 padding:10px;
 float:left;
 text-align:center;
}
.promothumb {
 width:180px;
 margin-left:30px;
 float:left;
 text-align:center;
}
div#lpanel {
 width:160px;
 border:#0F0F0F dashed thin;
 margin-left:30px;
 padding:10px;
 float:left;
 text-align:center;
}
div#rpanel {
 width:160px;
 border:#0F0F0F solid thin;
 height:240px;
 margin-left:8px;
 margin-top:-14px;
 padding:20px;
 text-align:justify;
 float:left;
 font-family:Verdana, Geneva, sans-serif;
}
.promo {
 float:left;
 margin-left:30px;
 margin-top:-10px;
 padding-top:20px;
 width:180px;
}
div#promo {
 float:left;
 margin-left:30px;
 margin-top:-10px;
 padding-top:20px;
 width:180px;
}




/*==================================Miscellaneous===========================*/
.cb {
 clear:both;
}
/*read more*/
#rmore {
 color:#09F;
}
.marquee {
 position:relative;
 overflow:hidden;
 width:500px;
 height:60px;
 border:solid white 1px;
}
div#menubar {
 height:54px;
 width:874px;
}
div#menublog {
 height:54px;
 width:990px;
}
div#footleft {
 width:260px;
 float:left;
}
div#socnet {
 height:23px;
 width:auto;
 float:left;
}
div#vendorpro {
 width:320px;
 float:right;
 margin-top:10px;
}
#visit {
 border:1px solid #333;
 background:#333;
 font-family:Verdana, Geneva, sans-serif;
 text-align:justify;
 padding:4px;
}
img {
 margin:0px;
 padding:0px;
 border:none;
}
#thumbnail {
 width:870px;
 height:60px;
}