body {
    background-color: #EAE5E5;
    font-size: 12px;
    line-height: 1.5em;
    color: #666;
    font-family: 'Open Sans', arial, serif;
    padding: 0;
    letter-spacing: 0.1em;

}
.clear{clear:both}
#top{background-color: #fff; border-top: 20px #000033  solid; height:110px; margin-bottom: 35px; }
#top_wapper{ width: 1000px; height: auto; margin-left: auto; margin-right: auto; }
#logo{width: 300px; float: left;height: auto;}
#menu{ width: 700px; float: left;height: auto; padding-top: 70px; text-align: right; background-image: url("http://www.jotishtapas.com/images/phone.png"); background-repeat: no-repeat; background-position: right; }
#menu  span {
    font-size: 100%;
    padding-left: 20px;
}
#menu  a {
    color: #330099  ;
    font-weight: bold;
    text-align: center;
    text-decoration: none;

}
#menu a:hover {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#footer{background-color: #000; border-top: 20px #000 solid; height:auto; margin-top: 40px;
        -webkit-box-shadow: 0px -1px 5px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    0px -1px 5px rgba(50, 50, 50, 0.75); }
#footer_wapper{font-size: 90%; width: 1000px; height: auto; margin-left: auto; margin-right: auto; color: #fff; text-align: center; }
#footer_wapper a{ color:#fff;text-decoration: none; font-size: 90%;  }
#footer_wapper a:hover{ color: fuchsia;text-decoration: none;font-size: 90%;  }
/*--SLIDER--*/
.coin-slider { overflow: hidden; zoom: 1; position: relative; margin:0; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { width: 100%; padding: 10px; background-color: #000000; color: #FFFFFF; font-size: 10px; }
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
/*--CONTAINER--*/
#middle_wapper{ width: 1000px; height: auto; margin-left: auto; margin-right: auto;min-height: 450px; }
#middle_wapper2{ width: 1000px; height: auto; margin-left: auto; margin-right: auto;min-height: 70px; }
#slider{ width:690px; height: 435px; float: left; border: 1px #fff solid;
         -webkit-box-shadow: 0px 1px 11px rgba(50, 50, 50, 0.75);
         -moz-box-shadow:    0px 1px 11px rgba(50, 50, 50, 0.75);}
#left_pane{ margin-left: 8px; width:300px; height: 435px; float: left;}
#left_pane .login{ width: 100%; border: 3px #fff solid; height: 51px;
                   -webkit-box-shadow: 0px 1px 11px rgba(50, 50, 50, 0.75);
                   -moz-box-shadow:    0px 1px 11px rgba(50, 50, 50, 0.75);}
#left_pane .messagebox{ width:100%; border: 3px #fff solid; height: 51px; margin-top: 10px;
                        height: 365px;
                       /*background-image: url('http://swarnadharacommodities.com/images/message_boxbg.png');*/
                        background-repeat: repeat-y;
                        -webkit-box-shadow: 0px 1px 11px rgba(50, 50, 50, 0.75);
                        -moz-box-shadow:    0px 1px 11px rgba(50, 50, 50, 0.75);}
#left_pane .messagebox p{ width: 270px; color:#fff; margin: 15px; line-height: 18px; font-size: 110%;}
#left_pane .messagebox span{ font-weight: bold; text-decoration:underline; color: brown; line-height: 18px; font-size: 110%;}
#contain{ width:690px; height: auto; float: left; }
#contain h1{ font-size: 300%; color:#000; font-weight: normal; margin-bottom:45px;}
#contain p{ font-size: 100%; color:#000; font-weight: normal; text-align: justify; padding-right: 20px;margin-bottom:25px}
#contain li{ font-size: 100%; color:#000; font-weight: normal; text-align: justify; padding-right: 20px;}
#contain td{ font-size: 100%; color:#000; font-weight: normal; text-align: justify; }
#contain form, input, textArea, select{ font-size: 100%; color:#000; font-weight: normal;  }
#contain  label{ font-size: 100%; color: brown; font-weight: bold;  }
/*---------------------------------
        NOTICES
-----------------------------------*/
.notice{
    border:1px solid gold;
    background:lightyellow;
    padding:10px 20px 10px 40px;
    margin:10px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:#DEAE00;
    line-height:120%;
    vertical-align: center;
    text-shadow:0px 1px rgba(255,255,255,0.5);
    position:relative;
    top:0;
    left:0;
    clear:both;
}

.notice.warning{}/*default*/
.notice.error{border:1px solid red;background:pink;color:red;}
.notice.success{border:1px solid green;background:lightgreen;color:green;}
.notice i[class^='icon-']{position:absolute;top:50%;left:0.8em;margin-top:-0.6em;}
.notice a[class^='icon-remove'],
.notice a[class^='icon-remove']:active,
.notice a[class^='icon-remove']:visited{font-size:12px;position:absolute;top:5px;right:5px;left:auto;color:inherit;margin-top:0;left:auto;}

/*--AGENT MENU--*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);
/* 2f4b87 */
/* 2f4b87 */
/* #1f325d */
/* Menu CSS */#cssmenu {
    width: auto;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
    content: '';
    display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
    clear: both;
}
#cssmenu a {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#cssmenu ul {
    background: #3b5998;
    border-radius: 3px;
    border: 1px solid #2b4479;
    border: 1px solid #2d4373;
    -webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
    -o-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
    -ms-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
    box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}
#cssmenu ul > li {
    float: left;
    list-style: none;
}
#cssmenu ul > li > a {
    display: block;
    text-decoration: none;
    padding: 12px 30px;
    position: relative;
}
#cssmenu ul > li > a:hover {
    background: #2d4373;
    -webkit-box-shadow: inset 0 0 1px #1e2e4f;
    -o-box-shadow: inset 0 0 1px #1e2e4f;
    -moz-box-shadow: inset 0 0 1px #1e2e4f;
    -ms-box-shadow: inset 0 0 1px #1e2e4f;
    box-shadow: inset 0 0 1px #1e2e4f;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
}
#cssmenu ul > li > a:hover:before {
    content: '';
    z-index: 2;
    position: absolute;
    border: 1px solid white;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: -1px;
    opacity: .2;
}
#cssmenu ul > li > a:hover:after {
    content: '';
    z-index: 2;
    position: absolute;
    border: 1px solid white;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    right: -1px;
    opacity: .2;
}
#cssmenu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
#cssmenu > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    position: absolute;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
#cssmenu > ul > li > ul {
    width: 180px;
    position: absolute;
}
#cssmenu > ul > li > ul > li {
    float: none;
    position: relative;
}
#cssmenu > ul > li > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    position: absolute;
}
#cssmenu > ul > li > ul > li > ul {
    left: 200px;
    top: 1px;
    width: 200px;
}
#cssmenu > ul > li > ul > li > ul > li {
    float: none;
}