/* CSS Document */
/****************************************************************************************************
* Filename: stylesheet.css
* Purpose:  All the main CSS Rules required to design web pages.
****************************************************************************************************/
* {margin:0; padding:0}

/*** BODY (GLOBAL SETTING)***/
body {font:normal 12px  Arial, Helvetica, sans-serif; color:#555555; background:#fff url(../images/body_bg.jpg) 0 0 repeat-x }
a {color:#01529d}

/*** MAIN WRAPPERS ***/
#MainWrapper {margin:0 auto; width:1000px; background:#fff}
#Wrapper {margin:0 auto; width:980px;}

/*** HEADER ***/
#header {width:980px; margin:0 auto; height:130px; position:relative;padding-bottom:20px } 

/*** WEBSITE LOGO ***/
#logo {width:217px; height:130px; position:absolute; top:0; left:0 }
#logo a , #logo a:hover {display:block; width:217px; height:130px; text-decoration:none; background:url(../images/logo.gif) 0 0 no-repeat}
#logo a span {display:none}


/*** NAVIGATIONS ***/
#navgation {width:100%; margin:0; background:url(../images/nav-bg.gif) 0 0 no-repeat; height:40px}
ul#globalNav {width:682px; margin:0 0 0 299px;  }
ul#globalNav li {display:inline; float:left; position:relative; }
ul#globalNav li a {display:block; float:left; color:#fff; font-size:14px; padding:0 30px; line-height:40px; font-weight:bold; }
ul#globalNav li a:hover, ul#globalNav li a.current {color:#fff600; text-decoration:none; }

/*** SUB NAVS ***/

ul#globalNav ul {position:absolute; list-style:none; display:none; top:40px; left:0; z-index:1000; width:214px; background:#0254a5; margin:0;padding:0 } 
ul#globalNav li:hover ul{display:block;} 
ul#globalNav ul li {float:left; clear:both; display:block; width:100%; background:none; height:auto }
ul#globalNav ul li a {display:block; border-bottom:1px solid #fff; line-height:18px; cursor:pointer; margin:0; padding:4px 0;width:100%; text-align:left; color:#fff; font-size:12px;font-weight:bold; text-indent:10px}
ul#globalNav ul li a:hover, ul#globalNav ul li a.current  {background:#82baf3; color:#000}

/*** TOP HEADER CONTENTS***/
.sideTop {float:right; text-align:right; width:400px; font-weight:bold; font-size:14px; padding-right:5px}
.sideTop p {padding-top:15px}
.sideTop span {color:#01529d}

/*** MAIN CONTENTS (section wise) ***/
#maincontent {width:980px; min-height:200px; margin-bottom:18px }

 /*** FOOTER ***/
#footerwrapper {width:990px;  padding-bottom:14px  }
#footer { margin:0 auto;  background:url(../images/footer_bg.jpg) 0 0 no-repeat; width:100%; height:30px;  color:#024f9f; overflow:hidden;}
#footer a:hover {color:#024f9f; text-decoration:underline;}
.copyright {color:#024f9f; font-size:11px; float:left; width:600px; padding:8px 0 0 10px}
.copyright a {color:#024f9f}
.webcreartlink {color:#024f9f; font-size:11px; float:right; width:210px; padding:6px 0 0 0; line-height:20px}




/*** COMMON MODULES ***/
FIELDSET {padding: 0.5em;    margin: 0.5em 0em;border: 1px solid #cccccc}
LEGEND {font-weight: bold;    padding: 0.3em; color:#000}
FIELDSET FORM, FIELDSET SELECT, FIELDSET INPUT {display: inline;    font-size: 1em;    margin: 0.1em}
FIELDSET TEXTAREA {float: left;    margin: auto;    display: block;   width: 60%}
FIELDSET input:focus, FIELDSET select:focus, FIELDSET textarea:focus {background: #F0F8FF}
FIELDSET LABEL, FIELDSET h4.optionName {line-height: 1.5em; padding: 0.2em; float:left;width:100px}
FIELDSET LABEL.checkboxLabel, FIELDSET LABEL.radioButtonLabel {margin: 0.5em 0.3em;}



/*** COMMON MODULES ***/
#BannerBox {width:980px; position:relative;}


#Content {overflow:hidden; padding:16px 0 0 10px; min-height:150px } 
#Content p {margin:8px 0; line-height:20px}

h1 {color:#024f9f; font-size:16px; margin-bottom:10px; }
h1 span {color:#555555}
h2 {color:#024f9f; font-size:16px; margin-bottom:10px; }
h3 {color:#024f9f; font-size:15px; margin:10px 0; padding:0; }


.enquireFrom {font-size:13px; width:550px}
.enquireFrom label {display: block;   width: 170px; float:left;}
.enquireFrom p {margin: 10px 0 0 0; padding:0}
.enquireFrom .wpcf7-text {border: 1px solid #605d5c; font-size: 12px;  padding: 3px;    width: 320px;}
.enquireFrom .wpcf7-text:focus, .enquireFrom .textarea:focus {border-color: #000; background:#D0D7E0}
.enquireFrom .textarea {border: 1px solid #636363; font-size: 12px;height: 70px; padding: 3px; width: 320px;}
.submitbtn {border:1px solid #000; background:#024F9F; width:120px; padding:2px 4px; color:#fff; text-align:center; cursor:pointer;}
.submitbtn:hover {color:#000; text-indent:2px; border:1px solid #ccc} 


ul#siteMap { margin:0 0 0 30px;    padding: 0}
ul#siteMap li {padding: 0; margin:0 0 10px 0 ;  font-size:13px    }
ul#siteMap li a {color: #636363;   text-decoration: none;}
ul#siteMap li a:hover {text-decoration:underline; color:#d4420a}


.left_side {width:658px; padding-right:10px}
.right_side {width:300px;}
.BottomBox {width:990px; padding-top:18px; }
.BottomBox a { float:left;}
.BottomBox .middle {padding:0 10px}

.hide {
    display: none;
}

#TB_window .popimg{float:left; width:240px; height:260px; margin:15px;}
#TB_window .popimg img {  border: 3px solid #01529D;}
#TB_window .POpDSEP {color:#000; padding:10px;}
#TB_window .POpDSEP ul {margin:10px 5px; float:left; width:590px}
#TB_window .POpDSEP ul li {padding:2px 0}
#TB_window .poptitle {font-size:30px; font-style:italic; color:#01529D;margin:6px 0}


/*gallery css start here*/
#gallery {
    margin: 0 auto;
    width:100%
}

#gallery .butlerbox {
    margin: 4px;
    width: 446px;
    float: left;
    border: 1px solid #ccc;
    padding: 10px;
	font-size:12px;
	background:#EBEBEB;
	color:#404040;
	height:262px;
}
#gallery .butlerbox a.read{color:#01529D;}
#gallery .butlerbox a.read:hover{text-decoration:underline;}
#gallery .butlerbox .desc {float: left; width: 235px;}
#gallery .butlerbox .desc ul {margin-left:10px}
#gallery .butlerbox .desc ul li {padding:1px 0}

#gallery .demo {
    float: left;
    display: inline;
	width:210px
}

#gallery .demo img {
    border: 3px solid #025AB3;
    padding: 1px;
    margin: 0 15px 0 0;
}

#gallery .demo a span.title:hover, #gallery .prod_img a span.title:hover {
    color: #fe7501;
}

#gallery .demo img:hover {
    border: 3px solid #000;
}

#gallery .demo a span.title, #gallery .prod_img a span.title {
    text-align: center;
    text-transform: capitalize;
    float: left;
    width: 200px;
    margin: 10px auto;
    color: #000;
    font-family: verdana;
    font-weight: bold;
}

/*gallery css end here*/

.tabs {
    background: url("../images/tab_bg.jpg") repeat-x scroll 0 0 transparent;
    margin-bottom: 40px;
	padding:10px;
	width:280px;
 
}

.menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.menu li {
    border-bottom: 1px solid #E7E7E7;
    display: block;
    margin: 0;
    padding: 8px 0;
    width: 100%;
	font-size:14px;
}
.menu li a {
    background: url("../images/libg.gif") no-repeat scroll 10px 2px transparent;
    padding: 0 0 0 30px;
}
.menu li a:hover, .menu li a.current {
    background: url("../images/libgh.gif") no-repeat scroll 10px 2px transparent;
}
 
.catgory_list { list-style: none outside none;  margin: 0;   padding: 0;}
.catgory_list li {margin:10px 20px; padding:5px 0 10px 0; width:270px; display:block; overflow:hidden; border-bottom:1px dashed #ccc; float:left;  } 
.catgory_list li .imagebox {width:266px; height:256px; text-align:center; display:block; border:1px solid #ccc; vertical-align:middle;}
.catgory_list li .decpation {width:266px; text-align:center; display:block;} 
.clear {clear:both;}

.sections {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow: 0px 0px 10px #A7A7A7;  -moz-box-shadow: 0px 0px 10px #A7A7A7;
box-shadow: 0px 0px 10px #A7A7A7; width:636px;padding:12px; margin-bottom:20px; border:1px solid #a7a7a7; background:#F8f8f8	}
.downloadRow {
    background: url("../images/download_bg.gif") no-repeat scroll 0 5px transparent;
    height: 46px;
    width: 630px;
}
.downloadName {
    font-size: 13px;
    padding-top: 12px;
    text-indent: 10px;
    width: 500px;
}
.downloadFileSize {
    font-size: 13px;
    padding-top: 12px;
    width: 30px;
}
.downloadImage {
    width: 50px;
}
.contact {width:410px}
.contact a:hover {text-decoration:underline;}

.refeshbtn {
    background: url("../images/refresh.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 20px;
    margin: 2px 0 0 10px;
    width: 18px;
}