*{margin:0;padding:0;}
body
{   color: #574c3f;
    font-family: Corbel, Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
    background-color: white;
}

#wrapper
{
    width: 1200px;
    margin: 2px auto 0px auto;
    background-color: white;
    padding:0px;  
}

#navigation
{
    height: 45px;
    background: linear-gradient(to top, black, black);
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
     margin-left:0px;
    /* background:black;*/
}

#nav
{
    list-style:none;
    margin-left:0px;
}

#nav li
{
    float: left;
    display: block;
    margin-top: 12px;
    padding: 0px 15px 0px 15px;
    /*border-left: 1px solid #FFFFFF;    */
    position:relative;
}

#nav a
{
    text-decoration:none;
    color:white;
}

#nav a:hover
{
    background-color:red;
}


#nav li ul
{
    position:absolute;
	display:none;
	height:0px;  
    margin-left:0px;
}

#nav li ul li
{
   display:block;
   margin:0px;
   width:130px;
   height:25px;   
   padding:8px 0px 0px 20px;
   background: linear-gradient(to top, black,black);
   border-top: 1px solid grey;
}

#nav li ul li a
{ 
    color:white;
}


#nav li:hover ul
{
    display:block;
    padding:15px 0px 0px 0px;
}

.selected
{
    background-color:red;
}

#content
{
    margin:0px;
    padding: 0px; 
    min-height:500px;      
}

#footer {
    margin-top: 0px;
    height: 40px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;    
    border-radius: 0px;
    background-color: black;
    background-size:250px 80px;
    background-image: url('../Images/footer.png');
    background-position:right;
    background-repeat: no-repeat;    
}

.ftrlbl
{    
    color:white;
    font-family:Arial;
    font-size:12px;
    margin:15px 0px 15px 15px;
    float:left;   
}

.ftrlbl_1
{    
    color:white;
    font-family:Arial;
    font-size:12px;
    margin:15px 0px 15px 50px;
    float:left;   
}

.head{ 
    font-weight:bold;
}

.content{
    margin : 5px;    
    color:black;    
    font-size:13px;
    font-family:Arial;    
}

.images 
{  
    padding:0;
    margin:0px 0px -4px 0px;
    width:100%;
    height:100%;
}

.pnl
{
        width:400px;        
        height:180px;
        margin:100px auto 100px auto;   
        margin-bottom:-200px;
        border:1px solid grey;
        border-radius:10px;
}

.txtbox 
{
    padding-left:5px;
    padding-right:5px;    
    margin-left:20px;
    height:20px;
}

.txtbox:hover
{
    border:1px solid blue;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.pnl2
{      
        margin-left:400px;
        margin-top:100px;        
}

.grd
{
    width:600px;
    font-family:Arial;
    font-size:14px;
    border-radius:5px;
    border:1px solid orange;
}

.lout
{
    width:80px;
    margin:10px;
    padding:5px;
    border:1px solid grey;
    overflow:hidden;
}

.lbltxt
{   
    font-weight:bold;
    color:red;
    background:white;
    padding:5px;
     margin-left:30px;
    border:1px solid grey;
    border-radius:4px;
}

.ImagePnl
{
    margin:5px;
    border:1px solid silver;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:0px 5px 0px 5px;
}

.imgbtn
{
    margin-top:5px;
    width:80px;
    height:25px;
    color:black;
    float:right;
    margin-right:30px;
    background-color:white;
    border:1px solid grey;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.imgbtn:hover
{
    color:white;
    background-color:#d0c2c2;
}

/* for contact us page */
.txtbox1 
{
    padding-left:5px;
    padding-right:5px;      
}

.txtbox1:hover
{
    border:1px solid blue;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.btn
{
    border:1px solid silver;
    height:30px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.btn:hover
{
    background:linear-gradient(to left, green,darkgreen);
    color:white;
}
/*Login Button*/

.loginbtn
{
    text-decoration: none;
    /*margin-right: 1px;*/
}

.loginbtn:hover
{
    background:red;
    font-weight:bold;
    color:blue;
}

.Prod_Panels
{
    width:1200px;
    margin:0px 50px;   
}

/*dynamic controls*/
#ctl00_ContentPlaceHolder1_pnlProducts div
{
    float:left;
    width:150px;
    height:152px;
    border:1px solid silver;
    margin:3px 0px 0px 3px;
    text-align:center;
    /*
    float:left;
    width:200px;
    height:200px;
    border:1px solid silver;
    margin:5px 1px 5px 5px;
    */
}

#ctl00_ContentPlaceHolder1_pnlProducts div:hover
{
    border:1px solid blue;
    border-radius:5px;      
}

#ContentPlaceHolder1_pnlProducts div
{
    float:left;
    width:150px;
    height:152px;
    border:1px solid silver;
    margin:3px 0px 0px 3px;
    text-align:center;
}

#ContentPlaceHolder1_pnlProducts div:hover
{
    border:1px solid blue;
    border-radius:5px; 
}

.productImage
{
    width:110px;
    height:110px;
    vertical-align:central;
    padding:15px 5px 5px 15px;   

    /*
    width:180px;
    height:150px;
    vertical-align:central;
    padding:10px;
    */
}

.productName
{  
    width:140px;
    font-weight:bold;
    font-size:11px;
    /*background:#ffd800;*/
    color:#000;
 }

/*For catalog Gallery Form*/
.gallery_Panels
{
    width:1140px;
    height:52px;
    overflow:hidden;
    margin-top:10px;
    padding-left:30px;
    padding-right:30px;
    border:1px solid green;
    border-radius:5px;  
}

#ctl00_ContentPlaceHolder1_Panel1 div{
    float:left;
    width:100px;
    height:50px;
    margin:1px 1px;
    text-align:center;
}

#ContentPlaceHolder1_Panel1 div{
    float:left;
    width:100px;
    height:50px;
    margin:1px 1px;
    text-align:center;
}

.menubtn
{
    width:100px;
    height:50px;
    background:green;
    color:white;
    border:1px solid white;
    border-radius:5px;
}

.menubtn:hover
{
    background:#333;
    color:#fff;
}
/*Till here for catalog Gallery Form*/
.header
{
    background:url(../Images/header.jpg) repeat;
    width:587px;
    height:50px;  
}

.column
{
    background-color:silver;
    text-decoration:none;
    width:580px;
    height:30px;
    color:blue;
    font-weight:bold;
}

.column:hover
{  
    color:black;   
}

.UserGrid
{
    margin:10px;
    font-family:'Times New Roman', Times, serif;
    border:1px solid red;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}


.arrow-up{
    width:0;
    height:0;
    border-left : 5px solid transparent;
    border-right : 5px solid transparent;
    border-bottom : 10px solid black;
}

.arrow-down{
    width:0;
    height:0;
    border-left : 5px solid transparent;
    border-right : 5px solid transparent;
    border-top : 10px solid black;
}


/*  --------------------------------for Jquery Slider ---------------------------*/

 /* jssor slider arrow navigator skin 02 css */
        /*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        */
        .jssora02l, .jssora02r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('../img/a02.png') no-repeat;
            overflow: hidden;
        }
        .jssora02l { background-position: -3px -33px; }
        .jssora02r { background-position: -63px -33px; }
        .jssora02l:hover { background-position: -123px -33px; }
        .jssora02r:hover { background-position: -183px -33px; }
        .jssora02l.jssora02ldn { background-position: -3px -33px; }
        .jssora02r.jssora02rdn { background-position: -63px -33px; }

        /* jssor slider thumbnail navigator skin 03 css */
        /*
        .jssort03 .p            (normal)
        .jssort03 .p:hover      (normal mouseover)
        .jssort03 .pav          (active)
        .jssort03 .pdn          (mousedown)
        */
        
        .jssort03 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 62px;
            height: 32px;
        }
        
        .jssort03 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort03 .w, .jssort03 .pav:hover .w {
            position: absolute;
            width: 60px;
            height: 30px;
            border: white 1px dashed;
            box-sizing: content-box;            
        }
        
        .jssort03 .pdn .w, .jssort03 .pav .w {
            border-style: solid;
            border-radius: 2px ;        
             
        }
        
        .jssort03 .c {
            position: absolute;
            top: 0;
            left: 0;
            width: 62px;
            height: 32px;
            background-color: #000;
        
            filter: alpha(opacity=45);
            opacity: .45;
            transition: opacity .6s;
            -moz-transition: opacity .6s;
            -webkit-transition: opacity .6s;
            -o-transition: opacity .6s;
        }
        
        .jssort03 .p:hover .c, .jssort03 .pav .c {
            filter: alpha(opacity=0);
            opacity: 0;            
        }
        
        .jssort03 .p:hover .c {
            transition: none;
            -moz-transition: none;
            -webkit-transition: none;
            -o-transition: none;            
        }
        
        * html .jssort03 .w {
            width /**/: 62px;
            height /**/: 32px;
        }


/****** Contact us*/


/****** Contact us*/
.sub-venue {
    width: 30%;
    margin: 0 5px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    line-height: 30px;
    color: grey;
    box-shadow: none;
}

    .sub-venue:hover {
        box-shadow: 2px 0px 4px 0px;
    }

        .sub-venue:hover i {
            -webkit-transform: scale(.9,.9);
            -moz-transform: scale(.9,.9);
            -ms-transform: scale(.9,.9);
            -o-transform: scale(.9,.9);
            transform: scale(.9,.9);
            color: #0c2a4d;
        }

    .sub-venue i {
        font-size: 40px;
        color: #cccccc;
        display: block;
        margin-left: 80px;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -ms-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }

    .sub-venue h4 {
        font-weight: normal;
        font-size: 16px;
        color: #033978;
    }



    .sub-venue address {
        font-size: 13px;
        font-style: normal;
        line-height: 20px;
    }

    .sub-venue h4 a {
        font-size: 16px;
        color: #033978;
    }



/*
.sub-venue {
    width: 30%;
    margin: 0 5px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    line-height: 30px;
    color: grey;
    box-shadow: none;
}

    .sub-venue:hover {
        box-shadow: 2px 0px 4px 0px;
    }

        .sub-venue:hover i {
            -webkit-transform: scale(.9,.9);
            -moz-transform: scale(.9,.9);
            -ms-transform: scale(.9,.9);
            -o-transform: scale(.9,.9);
            transform: scale(.9,.9);
            color: #0c2a4d;
        }

    .sub-venue i {
        font-size: 40px;
        color: #cccccc;
        display: block;
        margin-left: 80px;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -ms-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }

    .sub-venue h4 {
        font-weight: normal;
        font-size: 16px;
        color: #033978;
    }



    .sub-venue address {
        font-size: 13px;
        font-style: normal;
        line-height: 20px;
    }

    .sub-venue h4 a {
        font-size: 16px;
        color: #033978;
    }
    */