@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
body {background:#245ea8 url(../images/body_02.png) repeat-x 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
img {border:0 none;}
.wrapper {width:100%; max-width:980px; margin:0 auto;}

/*======================Header Css=========================*/

header {background:url(../images/head-bg-img_10.png) center right  no-repeat; width:100%; margin:15px 0 0 0; height:227px;}
header .head-innr {clear:both;  height:166px; display:block;}
.space {clear:both; width:100%; }
#logo {float:left; margin:0;}
#logo img{float:left; margin:0; width:100%}
#soci-icn-area {width:174px; height:47px; float:right; padding:5px 0 0 0; background-color:#71a6e8; margin:28px 0 0 0;}
#soci-icn-area a{float:left; width:40px; height:40px; margin:0 1px; -moz-transition:width 2s, height 2s, background-color 2s, -moz-transform 2s;
    -webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    -o-transition:width 2s, height 2s, background-color 2s, -o-transform 2s;
    transition:width 2s, height 2s, background-color 2s, transform 2s;}
#soci-icn-area a:hover {;-moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg); transition        : all 0.5s;}
header .nav {width:100%;  margin:21px 0 0 0;}
.nav ul {width:100%; height:38px;}
.nav ul li {height:38px; margin:0 0 0 0; float:left; list-style:none;}
.nav ul li a{background:url(../images/menu-bg_15.png) 0 0 no-repeat; width:120px; display:block;  text-decoration:none; line-height:38px; color:#FFFFFF; text-align:center; width:100%;}
.nav .home a {background:url(../images/menu-images_06.png) 0 0 no-repeat; display:block; width:105px;}
.nav .home a:hover {background:url(../images/menu-hover-imgs_06.png) 0 0 no-repeat;}
.nav .call-shop a {background:url(../images/menu-images_07.png) 0 0 no-repeat; display:block; width:172px;}
.nav ul li a:hover{background:url(../images/menu-hover-imgs_07.png) 0 0 no-repeat;}
.nav .rate a {background:url(../images/menu-images_08.png) 0 0 no-repeat; display:block; width:124px;}
.nav .rate a:hover {background:url(../images/menu-hover-imgs_08.png) 0 0 no-repeat;}
.nav .my-account a {background:url(../images/menu-images_09.png) 0 0 no-repeat; display:block; width:123px;}
.nav .my-account a:hover {background:url(../images/menu-hover-imgs_09.png) 0 0 no-repeat;}
.nav .sign-up a {background:url(../images/menu-images_10.png) 0 0 no-repeat; display:block; width:125px;}
.nav .sign-up a:hover {background:url(../images/menu-hover-imgs_10.png) 0 0 no-repeat;}
.nav .faq a {background:url(../images/menu-images_11.png) 0 0 no-repeat; display:block; width:124px;}
.nav .faq a:hover {background:url(../images/menu-hover-imgs_11.png) 0 0 no-repeat;}
.nav .Contact a {background:url(../images/menu-images_12.png) 0 0 no-repeat; display:block; width:126px;}
.nav .Contact a:hover {background:url(../images/menu-hover-imgs_12.png) 0 0 no-repeat;}
.nav .active {background:url(../images/menu-hover-imgs_12.png) 0 0 no-repeat;}

/*======================Header End Css=========================*/


/*======================Banner Css=========================*/
#banner {width:100%; background-color:#FFFFFF;}
#banner img {
		width: 100%;
		}
.cont-area {width:100%; max-width:980px; background-color:#FFFFFF;}
.cont-area-left {width:311px; float:left; margin:10px 0 0 5px;  background:#f0eded url(../images/left-bg_34.png) repeat-x 0 0; height:584px; border:solid 1px #CCCCCC;}
.cont-area-left h1 {background:url(../images/heading-bg_34.png) repeat-x 0 0; padding:0 0 0 6%; line-height:43px; color:#FFFFFF; font-size:15px; height:43px; width:94.5%;}
.cont-area-left ul {width:300px; margin:10px 5px 10px 5px; clear:both;}
.cont-area-left ul li {float:left; margin:0 5px 0 5px; height:28px; list-style:none; font-size:12px;}
.cont-area-left ul li a{color:#143872; text-decoration:none; width:176px; display:block;}
.cont-area-left ul li a:hover{text-decoration:underline;}
.orange-text {color:#e9ae26;}


.cont-area-right {float:right; margin:10px 0 0 5px; }
.cont-area-right .wel-area {background:#f0eded url(../images/wel-bg_39.png) repeat-x 0 0; border:solid 1px #CCCCCC; margin:0 10px 0 0; width:635px; padding:30px 0 0px 0;}
.wel-area p {margin:12px 15px 0 15px; color:#686b6f; text-align:justify;  line-height:25px; font-size:12px;}
.wel-area h2 {font-size:18px; border-bottom:1.5px #999999 dashed; margin:0px 10px 0px 10px; color:#10325e; padding:0 0 10px 0;}
.wel-area h2 span {color:#40b9c9;}
.box {background-color:#f8f7f7; float:left; margin:5px 10px 0 0; border:solid 1px #CCCCCC;  width:150px;}
.box img {margin:0 0 0 15px;}
.box ul {width:128px;  padding:0px 10px 10px 10px;}
.box ul li {list-style:none; font-size:11px; margin:6px 0 0 0; line-height:14px;}
.box ul li strong {color:#40b9c9;}

.box1 { background-color: #F8F7F7;border: 1px solid #CCCCCC;float: left;margin: 6px 0 4px 16px;width: 223px;}
.box1 img {margin:0 0 0 15px;}

.box1 ul {
    padding: 0 30px 23px;
    width: 180px;
}
.box1 ul li {list-style:none; font-size:11px; margin:6px 0 0 0; line-height:14px;}
.box1 ul li strong {color:#40b9c9;}


.main-box-ar {width:98%; margin:0px auto; height:200px;}
.main-box-ar .innr-bx {float:left; margin:10px 10px 0 10px; height:175px; width:300px; border:solid 1px #CCCCCC;}
.main-box-ar h3 {background-color:#40B9C9; height:30px; line-height:30px; width:100%; font-size:15px; color:#FFFFFF; text-align:center;}
.innr-bx ul {margin:0;}
.innr-bx ul li {background:url(../images/regs-icon.png) no-repeat 0 0; height:18px; padding:5px 0 5px 30px; margin:5px 0 0 10px; list-style:none; font-size:11px;} 
.innr-bx h6 {font-size:15px; color:#10325E; margin:15px 0 0 10px;}
.innr-bx2 {float:left; margin:10px 25px 0 25px; height:175px; width:245px; border:solid 1px #CCCCCC;}
.innr-bx2 ul{margin:5px 0 0 0;}
.innr-bx2 ul li {margin:0 0 0 30px; line-height:18px; }
.innr-bx2 ul li a {text-decoration:none; font-size:12px; color:#E9AE26; clear:both;}
.innr-bx2 ul li a:hover {text-decoration:underline;}


.footer {background:#e7e6e6 url(../images/footer-bg_102.png) repeat-x 0 0; color:#1d4e8d; border:solid 1px #CCCCCC; width:964px; padding:0; height:116px; margin:10px auto 15px auto; padding-top:15px; }
.footer a {text-decoration:none; font-size:15px; margin:10px 31px; color:#1d4e8d; }
.footer a:hover {color:#acafaf;}
.footer p{text-align:center; color:#686b6f; font-size:12px; margin:16px 0 0 0;}





/*======================For Call Shop page Css=========================*/


.call-shop-page-login-page {width:400px; margin:0 auto; }
.call-shop-page-login-page h3 {margin:0; padding:20px 0 20px 0; text-align:center; font-weight:normal; color:#2e4ab7; clear:both;} 
.main-line {clear:both; margin:25px 0;}
.main-line .left {float:left; width:100px;   height:35px; line-height:35px; font-size:15px;}
.main-line .right {float:left; width:100px; margin:0 0 0 10px;}
.right .text-box-bg {background:url(../images/text-box-bg.png) 0 0 no-repeat; border:0 none; outline:0 none; width:233px; line-height:35px; height:35px; padding:0 5px;} 
.right select {background:url(../images/text-box-bg2.png) left 0 no-repeat; width:244px; height:35px; line-height:30px; padding:8px 17px 5px 5px; margin:0 0 0 0; outline:0 none; border:0 none;}
.right input{float:left;}
.right p {float:none; margin:0 0 0 20px; width:100px; font-size:11px;}
.right .btn {background:url(../images/submit-btn.png) 0 0 no-repeat; width:99px; height:36px; outline:0 none; display:block; border:0 none; cursor:pointer; text-align:center; line-height:36px; color:#FFFFFF; font-weight:bold; font-size:12px;}
.main-line ul{margin:0 0 30px 0;}
.main-line ul li {font-size:12px;}


#container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
    width: 760px;
}


#dataTable {
    font-size: 80%;
}

#container {
    text-align: left;
}



.ui-corner-all {
    border-radius: 4px 4px 4px 4px;
}
.ui-widget-content {
    background: url(../images/ui-bg_flat_75_ffffff_40x100.png) repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #222222;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-grid {
    background-image: none;
    padding: 0.5em;
    width: 98%;
}



.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.ui-grid .ui-grid-header, .ui-grid .ui-grid-footer {
    padding: 0.8em 0.4em;
    text-align: right;
}
.ui-grid table tbody td, .ui-grid .ui-grid-header, .ui-grid table thead a {
    padding: 0.4em;
}
.ui-corner-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.ui-widget-header {
    background: url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50% #CCCCCC;
    border: 1px solid #AAAAAA;
    color: #222222;
    font-weight: bold;
}


.ui-grid .ui-grid-content {
    border-collapse: collapse;
    width: 100%;
}
.ui-widget-content {
    background: url(../images/ui-bg_flat_75_ffffff_40x100.png) repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #222222;
}

.ui-grid .ui-grid-content {
    border-collapse: collapse;
}
.ui-widget-content {
    color: #222222;
}




.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url(../images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    font-weight: normal;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url(../images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    font-weight: normal;
}
.ui-state-default {
    padding: 0.4em;
}
body, td, th {
    color: #343E45;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}


.ui-grid .ui-grid-footer {
    background-image: none;
    font-weight: normal;
    text-align: left;
}
.ui-grid .ui-grid-header, .ui-grid .ui-grid-footer {
    padding: 0.8em 0.4em;
    text-align: right;
}
.ui-corner-bottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ui-widget-header {
    background: url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50% #CCCCCC;
    border: 1px solid #AAAAAA;
    color: #222222;
    font-weight: bold;
}


.ui-grid table tbody td {
    font-weight: normal;
    text-align: left;
}
.ui-grid table tbody td, .ui-grid .ui-grid-header, .ui-grid table thead a {
    padding: 0.4em;
}
body, td, th {
    color: #343E45;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}


.ui-grid table tbody td {
    font-weight: normal;
    text-align: left;
}
.ui-grid table tbody td, .ui-grid .ui-grid-header, .ui-grid table thead a {
    padding: 0.4em;
}
body, td, th {
    color: #343E45;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

/*======================For Call Contact page Css=========================*/
.contact-page {width:940px; margin:0 auto ; padding:20px 0;}
.contact-page h5 {color:#1D4E8D; margin:20px 0;}
.contact-page p{font-size:11px; margin:10px 0 0 0;}
.contact-page textarea {background-color:#FFFFFF; height:133px; width:307px; padding:5px; border-radius:10px; border:#CCCCCC solid 1px;}
.cont-btn {background-color:#1D4E8D; color:#FFFFFF; border:0 none; outline:0 none; display:block; border-radius:5px; cursor:pointer; height:25px; line-height:25px; margin:5px; padding:0 10px;}


/* Media Queries */
@media screen and (max-width: 480px) {

	.nav {
		display: block;
		}
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
		header nav li {
			margin: 0;
			background: #efefef;
			display: block;
			margin-bottom: 3px;
			}
			header nav a {
				display: block;
				padding: 10px;
				text-align: center;
				}			
}