/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */

/*--footer--*/
.width50
{
    width:50% !important;
    float:left;
    clear:none !important;
}

.footer1 {
    background: #fff;
    padding: 1% 0;
}

.footer
{
    background: #0159A1;
    padding: 1% 0;
}
.footer-grid h3
{
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: normal;
}
.footer-grid p
{
    color: #97C3D9;
    line-height: 1.8em;
}

.footer-grid a
{
    color:#fff;
}

.footer-grid a:hover
{
    color:#ddd;
}


.footer-lastgrid
{
    margin: 0;
}
.footer-grid
{
    float: left;
    width: 23%;
    padding:0 2% 10Px 4%; 
}

.footer-grid-about
{
    width:60%;
}

.footer-grid-contact
{
    width:40%;
}
.footer_menu
{
    width:18% !important;
    padding:0 1%;
}

.footer_text
{
    background-image:url('../images/footer_divider.png');
    background-position:left 75Px;
    background-repeat:no-repeat;
}
.footer-grid ul li a
{
    display: block;
    border-top: 0px dotted #096DB9;
    font-size: 14Px;
    color: #97C3D9;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    text-transform: capitalize;
    padding: 10px 0 10px 5px;
}
.footer-grid ul li a:hover
{
    color: #fff;
}
.email-link
{
    color: #FFF;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    text-transform: lowercase;
}
.email-link:hover
{
    text-decoration: underline;
}

.copy-right
{
    text-align: center;
    padding-top: 15Px;
}
.copy-right p
{
    color: #fff;
    padding-top: 10px;
}
.copy-right p a
{
    color: #97C3D9;
}
.copy-right p a:hover
{
    color: #fff;
}


.sitemapparent
{
    background-color: #f5f5f5; 
    background-image: url('../images/zoom-shadowup.png');
    background-repeat: repeat-x; 
    background-position: 0 20Px;
    margin-bottom:20Px;
}

.sitemap
{
    border-bottom: 0px solid #eee;
    width: auto;
    display: block;
    margin: 5px;
    padding: 0Px 0 0Px 10Px;
}


.sitemap:after
{
    content: " ";
    clear: both;
    display: block;
    width: auto;
}

/*.sitemap .itemnodeparent
{
    background-image:url('../images/sitemap_arrow1.jpg');
    background-position:left center;
    background-repeat:no-repeat;
    padding:3Px 3Px 3Px 10Px ; 
    margin: 0 0 0 -10Px;
}


.sitemap .itemnode
{
    color:#0E3958;
    background:#eee;
    padding:3Px 15Px 3Px 10Px;
    background-image:url('../images/sitemap_arrow.jpg');
    background-position:right center;
    background-repeat:no-repeat;
}*/

.sitemap .itemnode
{
    float: left; /*background:#eee;*/
    padding: 6Px 4Px;
    font-size: 12Px;
}

.sitemap .itemnode a
{
    color: #0159a1;
}

.sitemap .itemnode a:hover
{
    color: #555;
}

.sitemap .itemseparator
{
    background-image: url(../images/sitemap_sep.png);
    background-repeat: no-repeat;
    background-position: center center; /*background-color:#eee; */
    float: left;
    padding: 0Px 0;
    height: 29Px;
    width: 15Px;
}

.sitemap .currentitem
{
    padding: 6Px 15Px 6px 4px;
    float: left; /*background-image: url(../images/sitemap_arrow.jpg); 	background-repeat: no-repeat; 	background-position: right center; 	background-color:#eee;*/
}




.sidemenudiv
{
    float: left; 
    /*width: 20%;*/
}



.contentdiv
{
    float: right; 
    width: 78%;
}

.contentdata
{
    padding: 0 10Px 20Px 10Px;
}

.contentdata .textcontent
{
    width: 60%; 
    float: left;
    text-align:justify;
}

.contentdata .textcontent_alt
{
    width: 60%; 
    float: right;
}

.contentdata .imagecontent
{
    width: 38%; 
    float: right;
}

.contentdata .imagecontent_alt
{
    width: 38%; 
    float: left;
}


.contentdata .imagecontent img,.contentdata .imagecontent_alt img,.imagewithborder
{
    -moz-box-shadow: 2px 2px 7px #ccc; 
    -webkit-box-shadow: 2px 2px 7px #ccc;
    box-shadow: 2px 2px 7px #ccc; 
    border: 7Px solid #0159A1; 
    border-left: 0; 
    border-right: 0;
}

.sidemenutitle
{
    font-size: 16Px;
    margin: 0 0Px 0Px 0; 
    padding: 0 15Px 5Px 0; 
    text-align: right;
    border-right: 1px solid #0159A1; 
    color: #0159a1;
}

.sidemenu
{
    
    /*background-image:url('../images/shadow-blog.png');
    background-position:177Px center;
    background-repeat:no-repeat;*/
   
    margin-bottom:30Px;
}

.sidemenu li
{
    
    font-size: 14Px;
    text-align:right;
    
     border-right:1px solid #0159A1;
}

.sidemenu li:hover, .sidemenu .active
{
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
        
}

.sidemenu li a
{
    background-color:transparent;
    background-image:url(../images/bluearrow.png);
    background-repeat:no-repeat;
    background-position:-350Px center;
    padding: 10Px 15Px;
    color: #333;
    display:block;
    /*margin-right:-28px;*/
    
}

.sidemenu li a:hover
{
    color: #0159A1;
}

.sidemenu .active a
{
    /*background-image:url(../images/bluearrow.png);
    background-repeat:no-repeat;
    background-position:right center;*/
    background-color:#fff;
    background-image:url(../images/tabbg.jpg);
    background-repeat:repeat-x;
    background-position:left center;
    color: #fff !important;
    padding: 8Px 15Px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -moz-border-radius: 8pX 0 0 8px;
    -webkit-border-radius: 8pX 0 0 8px;
    border-radius:8pX 0 0 8px; /* future proofing */
    -khtml-border-radius: 8pX 0 0 8px; /* for old Konqueror browsers */
}

.pagetitleparent
{
    /*border-bottom: 1px solid #ddd; */
    /*background-image: url('../images/main.jpg');
    background-position: center bottom; 
    background-repeat: repeat;*/
    background-color:#fefefe;
    margin:0 0 20Px 0;
    /*background-image: url('../images/shadow_bott1.png');
    background-position: center top; 
    background-repeat: no-repeat;
    border:0px solid #eee;*/
}

.pagetitle
{
    color: #0159A1; 
    font-size: 20Px; 
    /*padding: 15Px 0 15Px 10Px;*/
    padding: 0Px 0 25Px 10Px;
    margin:0 0 20Px 0;
    background-image: url('../images/shadow_bott.png');
    background-position: center bottom; 
    background-repeat: no-repeat;
    
}

.pagesubtitle
{
    font-size: 18Px; 
    color: #0159A1; 
    border-bottom: 0px solid #404040; 
    margin-bottom: 10Px;
    background-image: url('../images/templamtemo_menu.png'); 
    background-position: left top;
    background-repeat: no-repeat; 
    padding: 10Px 10Px 17Px 15Px;   
}


.innercontentbox
{
    clear:both;
    display:table;
    padding:20Px 0 20Px 0;
    border-bottom:solid 1px #eee;
    width:100%;
}

.innercontentbox_singal,.innercontentbox_last
{
    border:none;
    clear:both;
    display:table;
    padding:10Px 0 10Px 0;
    width:100%;
}

.innercontentbox h4,.innercontentbox_singal h4,.innercontentbox_last h4
{
    font-size:16Px !important; 
    font-weight:bold !important;
    color: #0159A1 !important;  
    margin:0 !important;
    margin-bottom: 10Px !important;
    display:block;
}

.innercontentbox img,.innercontentbox_singal img,.innercontentbox_last img
{
    float:left;
    margin:0 20Px 0Px 0;
    width:40% !important;
    height:auto !important;
    -moz-box-shadow: 2px 2px 7px #ccc; 
    -webkit-box-shadow: 2px 2px 7px #ccc;
    box-shadow: 2px 2px 7px #ccc; 
    border: 7Px solid #0159A1; 
    border-left: 0; 
    border-right: 0;
}

.sidesmallbox 
{
    
    background-repeat: no-repeat;
    background-position:center top;
    height: 120Px; 
    margin: 0Px 16Px 20Px 0;
    padding:97Px 0 0 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    overflow:hidden;
}

.sidesmallbox:hover
{
    padding:0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}


.sidesmallbox a
{
    background-image: url('../images/transblue.png');
    height: 120Px;
    display: block; 
    padding:2px 10Px;
    color:#fff;
    font-size:13Px;
    line-height:17Px;
}

.sidesmallbox a:hover
{
    color:#fff;
    line-height:120Px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}


.productslidebox
{
    float:left;
    background-repeat: no-repeat;
    background-position:center top;
    height: 140Px; 
    width:240Px;
    margin: 8Px;
    padding:113Px 0 0 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    overflow:hidden;
    -moz-box-shadow: 0px 0px 5px #ddd;
    -webkit-box-shadow: 0px 0px 5px #ddd;
    box-shadow: 0px 0px 5px #ddd;
}

.productslidebox:hover
{
    padding:0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -moz-box-shadow: 0px 0px 10px #aaa;
    -webkit-box-shadow: 0px 0px 10px #aaa;
    box-shadow: 0px 0px 10px #aaa;
    cursor:pointer;
}


.productslidebox .productname
{
    background-image: url('../images/transblue.png');
    height: 140Px;
    display: block; 
    padding:2px 10Px;
    color:#fff;
    font-size:14Px;
    line-height:20Px;
}

.productslidebox .productname:hover
{
    color:#fff;
    /*line-height:120Px;*/
    padding:5px 10Px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}







.homeproductslidebox
{
    width:33.3333%;
    padding:0 15Px;    
    float:left;
    height:235Px;
    overflow:hidden;
}

.homeproductslidebox a .imgcontainer
{
    width:100%;
    position:relative;
    top:0;
    left:0;
    margin-top:-30px;
    z-index:-99999;
     overflow:hidden;
     height:190Px;
     -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.homeproductslidebox a .productname
{
     background-image: url('../images/transblue.png');
     background-color:Transparent;
    height:30Px;
    width:100%;
   
    padding:5Px 10Px;
    color:#fff;
     position:relative;
    top:0;
    left:0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}


.homeproductslidebox a:hover > .imgcontainer
{
      margin-top:-190Px;
      z-index:-99999;
      -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
   
}


.homeproductslidebox a:hover > .productname
{
   height:190Px;
   -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.quote_l
{
    /*background-image:url('../images/quote_l.png');
    background-position:left top;
    background-repeat:no-repeat;
    padding:20Px 0 0 70Px; */
}

.quote_r
{
    /*background-image:url('../images/quote_r.png');
    background-position:right bottom;
    background-repeat:no-repeat;
    padding:0Px 70Px 30Px 0Px;   */
    text-align:center;
}


.ckeditor_default
{
    line-height:22Px;
}

.ckeditor_default ul
{
    margin:0 0 0 5Px;
}

.ckeditor_default ul > li
{
   list-style-type:none;
    background-image:url(../images/lidot.png);
    background-repeat:no-repeat;
    background-position:left 11Px;
    padding:2Px 0 2Px 15Px;
    font-size:14pX;
    white-space:normal;
    
    display: table;
}


.ckeditor_default ol
{
    margin:0;
}

.ckeditor_default ol > li
{
    list-style-type:none;
    font-size:14pX;
    padding:2Px 0;
}

.listbox
{
    width: 370Px; 
    float: left; 
    margin: 10Px; 
    height: 90Px; 
    overflow: hidden;
    -moz-box-shadow: 0px 0px 5px #ddd;
    -webkit-box-shadow: 0px 0px 5px #ddd;
    box-shadow: 0px 0px 5px #ddd;
    /*background-image:url('../images/boxbg1.jpg');
    background-repeat:repeat;*/
    
}

.listbox img
{
    float: left; width: 120Px;
}

.listbox .text
{
    float: right; 
    width: 250Px; 
    text-align: center; 
    line-height:90Px; 
    border: 0px solid #ddd;
    color:#0159A1;
}

.listbox:hover
{
    color:#404040;
    background-color:#f5f5f5;
    -moz-box-shadow: 5px 5px 5px #ddd;
    -webkit-box-shadow: 5px 5px 5px #ddd;
    box-shadow: 5px 5px 5px #ddd;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.listbox:hover > .listbox .text
{
    color:#fff !important;
}

.viewdetail
{
    background:#0159A1;
	border:1px solid #0159A1;
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	
	
	padding:7px 17px;
	position:relative;
	text-align:center;
	text-decoration:none;
	
    
}

.viewdetail:hover
{
    color:#fff;
	background-color:#077DE1;
	-webkit-transition:background-color 0.5s ease-in-out;
	-moz-transition:background-color 0.5s ease-in-out;
	-o-transition:background-color 0.5s ease-in-out;
	transition:background-color 0.5s ease-in-out;
}

.LableStyle
{
    padding:5Px;
    text-align:right;
}

.ControlStyle
{
    padding:5Px;
}

.LableStyle_help
{
    padding:2Px 5Px;
    text-align:right;
}

.ControlStyle_help
{
    padding:2Px 5Px;
}

.sitemap_mainlink
{
    color: #fff; 
    padding: 7Px 10Px; 
    background: #777;
    width: 130Px; 
    display: block !important; 
    text-align: center;
    -moz-border-radius: 3pX;
    -webkit-border-radius:3pX;
    border-radius:3pX; /* future proofing */
    -khtml-border-radius: 3pX; /* for old Konqueror browsers */
}

.sitemap_mainlink:hover
{
    background-color:#666;
}

.sitemap_sublink
{
    color: #fff; 
    padding: 7Px 10Px; 
    background: #076DC2;
    width: 180Px; 
    display: block; 
    text-align: center;
    -moz-border-radius: 3pX;
    -webkit-border-radius:3pX;
    border-radius:3pX; /* future proofing */
    -khtml-border-radius: 3pX; /* for old Konqueror browsers */
}
.sitemap_sublink:hover
{
    background-color:#0159A1 !important;
}

.contact_email:hover
{
    color:#0159A1;
}

.gototop
{
    display:none;
    position:fixed;
    bottom:70Px;
    right:50Px;
    height:50Px;
    width:50Px;
    background-image:url("../images/gototop.png");
    background-position:center center;
    background-repeat:no-repeat;
}

.gototop:hover
{
    background-image:url("../images/gototop_h.png");
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-transition:background-color 0.5s ease-in-out;
	-moz-transition:background-color 0.5s ease-in-out;
	-o-transition:background-color 0.5s ease-in-out;
	transition:background-color 0.5s ease-in-out;

}


.modalpopup
    {
        width: 900Px;
        font-size: 11Px;
        background-color: #fff;
        border: 0Px solid #ddd;
        z-index: 1001 !important;
        padding: 0px;
    }
    
    .modalpopuptop
    {
        top: 20Px !important;
        position: absolute !important;
    }
    
   .modalpopup input[type="text"],.modalpopup textarea
    {
        padding: 2Px !important;
        height: auto !important;
    }
    
   .modalpopup textarea
    {
        height: 60Px !important;
    }
    
    .modalbackground
    {
        background-color: #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
        z-index: 1000 !important;
    }
    
    .modalpopup .modaldetail
    {
        margin: 0Px 0 0 0;
    }
    
    .modalpopup .modalbClose
    {
        cursor: pointer;
        font-weight: bold;
        position: absolute;
        right: 5px;
        text-decoration: none;
        top: 5px;
    }
    
    .modalpopup .modalbClose:hover
    {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    
    .modalpopup .modalheader
    {
        position: relative;
        font-size: 18Px;
        color: #0159A1;
        padding-bottom: 5Px;
        margin: 0px 0px 10px 0px;
        border-bottom: 1px solid #0960AD;
    }


.bluesquarebox
{
    
}

.bluesquarebox .boxtitle
{
    font-size: 16Px; 
    background-color: #077DE1; 
    padding: 5Px 10Px; 
    color: #fff;
    background-image: url('../images/tabbg.jpg') !important; 
    background-repeat: repeat-x !important;
    background-position: 0Px 0Px !important;
}

.bluesquarebox .boxcontent
{
    border: 1px solid #0960AD; 
    border-top: none;
    padding: 10Px;
}

.copyright
{
    line-height: 70Px;
}

.contactus
{
    width:420Px;
    padding-left: 40Px;
}

/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */







@media (max-width:640px)
{

    .contactus
    {
        width:100%;
        padding-left: 0Px;
    }

    .footer-grid
    {
        float: none;
        width: 98%;
        margin:0 1%;
        margin-bottom: 20px;
    }
    .footer-grid h3
    {
        margin-bottom: 10px;
    }
    
    .width50
{
    width:100% !important;
    
}

}
@media (max-width:480px)
{

    .copyright
    {
        line-height: 25Px;
    }
    
    .bottom-grid1
    {
        width: 96%;
        float: none;
        margin-right: 0;
        padding: 0 15px;
    }
    .bottom-grid2
    {
        float: none;
        width: 96%;
        margin-right: 0;
        padding: 0 15px;
    }
    .bottom-grid3
    {
        width: 96%;
        float: none;
        margin-right: 0;
        padding: 0 15px;
    }
    .footer-grid
    {
        float: none;
       width: 98%;
        margin:0 1%;
        margin-bottom: 20px;
    }
    .footer-grid h3
    {
        margin-bottom: 10px;
        padding: 0 0 0 10px;
    }

}
@media (max-width:320px)
{
    
    
    .bottom-grid1
    {
        width: 90%;
        float: none;
        margin-right: 0;
        padding: 0 15px;
    }
    .bottom-grid2
    {
        float: none;
        width: 90%;
        margin-right: 0;
        padding: 0 15px;
    }
    .bottom-grid3
    {
        width: 90%;
        float: none;
        margin-right: 0;
        padding: 0 15px;
    }
    .footer-grid
    {
        float: none;
        width: 98%;
        margin:0 1%;
        margin-bottom: 20px;
    }
    .footer-grid h3
    {
        margin-bottom: 10px;
    }
    .span_1_of_a
    {
        width: 90%;
        float: none;
        padding: 15px;
    }

}