/************** Common css start form here ***************/	
*{ margin:0px; padding:0px;}	
body{font-family:'Calibri'; background:#fefefe; color:#808080; font-size:17px;}
.clear{ clear:both;}
.commonTxt{ color:#808080;}
a{color:#006ab6;}
/*a:hover{color:#006ab6 !important;}*/ 


ul li{ display:block; list-style:none}
.cartBotLinks a:hover{color:#428bca !important;}
.fetrBottLink a:hover{color:#006ab6 !important;}
.helpMeTabel a:hover{color:#006ab6 !important;}
.sizeRight a:hover{color:#006ab6 !important;}
.tbody a:hover{color:#006ab6 !important;}
.noRightBor a:hover{color:#006ab6 !important;}
header{ width:100%; float:left}
#body{ width:100%; float:left;}
.faqBox h1{font-family: "Arial Black", Gadget, sans-serif; color:#000; padding-bottom:15px; font-variant:small-caps !important; float:left; width:100%;  border-bottom: 1px solid #000; font-size: 24px !important; font-style: normal !important; letter-spacing: 2px; margin-bottom: 10px !important;  margin-top: 0; padding-bottom: 5px; text-align: left;}
.bodyBg{background:url(images/body-img.jpg) repeat-x left bottom; float:left; width:100%;}
#footer{ width:100%; float:left; }
#footer a{cursor:pointer;}
#myNavTop{ width:100%; background:#f8f8f8; float:left;}
.topShadow{  background:url(../images/topshadow.png) no-repeat center bottom; height:10px;}
.wrapper{ margin-top:15px;}
.bluestrip{ background:#588ac0;}
.bluewrapper1{ width:1060px; margin:0px auto; background:url(../images/blueshadow-left.png) repeat-y left top; padding-left:30px;}
.bluewrapper2{ width:1030px; margin:0px auto; background:url(../images/blueshadow-right.png) repeat-y right top; padding-right:30px;}
.skyestrip{ background:#e2ebf4;}
#bottGrey{ float:left; background:#e2ebf4 url(../images/botshadow.png) no-repeat center top; width:100%;}
.whitestrip{ background:none;}
.whitewrapper1{ width:1060px; margin:0px auto; background:url(../images/whiteshadow-left.png) repeat-y left top; padding-left:30px;}
.record_empty{ margin:150px 0 !important; padding:0; text-align:center}
.whitewrapper2{ width:1030px; margin:0px auto; background:url(../images/whiteshadow-right.png) repeat-y right top; padding-right:30px;}
.bottShadLeft{ background:url(../images/blueshadow-leftBott.png) no-repeat left top !important;}
.bottShadRight{  background:url(../images/blueshadow-RightBott.png) no-repeat right top !important; }
.gsaLogoBox{ text-align:center; margin:43px 0 19px 0; float:left; width:100%;}
.navbar{ margin-bottom:0px;}
.navbar-nav{ float:right; letter-spacing:1px;}
.navbar-default{ border:0 none; background:none !important;box-shadow:none }
.navbar-collapse{ padding-left:0px; padding-right:0px}
.container-fluid{ padding-left:0px; padding-right:0px}
.navbar-default .navbar-nav > li > a{ color:#000; font-size:14px; padding:10px 6px 12px 6px; opacity:1; letter-spacing:2px; }
.navbar-default .navbar-nav > li > a:hover{ color:#006ab6; text-decoration:underline;}
.divider{ color:#000; font-size:15px; width:7px; padding-top:9px; padding-bottom:5px;}
.subMenu{ font-size:13px;}
.subMenu a{ color:#000;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background:#fff;}
.dropdown-menu{ box-shadow: 0 0px 0 rgba(255, 255, 255, 0.176); border:1px solid #000; border-radius:0px; background:#fff !important; margin-left:-5px;}
.dropdown-menu > li > a{ background:#fff !important; padding:3px 12px 2px 10px !important;font-size:13px !important;}
.dropdown-menu > li > a:hover{ background:#fff !important; color:#006ab6; text-decoration:underline;}
.dropdown-submenu { position: relative; font-variant:small-caps; }
.dropdown-menu > li > a{ font-size:14px !important; color:#000;padding: 4px 12px 3px; font-variant:small-caps;}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px; background:#fff !important;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #333;
    margin-top: 5px;
    margin-right: -5px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #333;
}
.dropdown-submenu.pull-left {
    float: none;
}
.highlight{background-color:#ff6 !important;}
.red_notice{color:#fa0000 ; font-size:12px; float:right; clear:both;}
.red_notice_left{color:#fa0000 ; font-size:12px; float:left; clear:both;}
.red_border{border:1px solid #fa0000  !important;}
.no_border{border:none;}
.dispnone{display:none;}
.red_notice_home{width:100%; clear:both; text-align:center;color:#fa0000 ;}
.profile_btn{background:none; border:none; color:#006ab6;}
.login_wrapper{clear:both;}
h1{font-family: "Arial Black", Gadget, sans-serif;  color:#000; font-size:24px; text-align:center; border-bottom:1px solid #000; margin:30px 0 10px; font-style:normal; padding-bottom:5px; font-variant:small-caps !important; float:left; width:100%;}
.redTikLi{ float:left; width:100%; text-align:center; margin-bottom:10px;}
.redTikLi li{ display:inline-block; margin:0 10px 0px; font-size:16px; letter-spacing:1px; background:url(../images/tik.png) no-repeat left 4px; padding-left:17px; padding-bottom:3px;}
.mainBoxes{ margin:0px -16px;}
.mainBoxes li{ float:left; width:33.33%; padding:0 15px; margin-bottom:33px;}
.innerBox{ border:1px solid #000;}
.catHead{ float:left; width:100%; color:#fff; font-size:18px;font-family: "Arial Black", Gadget, sans-serif; text-align:center; text-transform:uppercase; padding:11px 0 13px; font-weight:bold; margin:0px !important;background: #17365d; border-bottom:0px none !important;
background: -moz-linear-gradient(top, #015089 0%, #06385c 100%); 
background: -webkit-linear-gradient(top, #015089 0%,#06385c 100%); 
background: linear-gradient(to bottom, #015089 0%,#06385c 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015089', endColorstr='#06385c',GradientType=0 ); 
}
.catImg{ float:left; width:100%; position:relative; overflow:hidden;}
.catData{ position:absolute;  background:rgba(31,31,31,0.7);width:100%; height:100%; top:-100%;}
.arrow{ left:50%; margin-left:-20px; position:absolute; bottom:-14px; height:14px;}
.arrow img{float:left;}
.buttOut{ text-align:center; float:left; width:100%; margin-bottom:30px;}
.redBigButt{ text-align:center;font-size:17px; padding:10px 35px; font-family: "Arial Black", Gadget, sans-serif; color:#fff; display:inline-block;letter-spacing:1px;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#17365d+0,0f2239+100 */
background: #fa0000; /* Old browsers */
background: -moz-linear-gradient(top, #fa0000 0%, #760000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fa0000 0%,#760000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fa0000 0%,#760000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa0000', endColorstr='#760000',GradientType=0 ); /* IE6-9 */
}
.redBigButt:hover{ color:#fff; text-decoration:none;}
.redBigButt:focus{ color:#fff;}
.greyButt{ text-align:center;font-size:17px; padding:10px 35px; font-family: "Arial Black", Gadget, sans-serif; color:#fff; display:inline-block; letter-spacing:1px;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#17365d+0,0f2239+100 */
background: #afafaf; /* Old browsers */
background: -moz-linear-gradient(top, #d8d8d8 0%, #afafaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d8d8d8 0%,#afafaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d8d8d8 0%,#afafaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */
}
.greyButt:hover{ color:#fff; text-decoration:none;}


.blueButt{ text-align:center;font-size:17px; padding:10px 35px; font-family: "Arial Black", Gadget, sans-serif; color:#fff; display:inline-block; letter-spacing:1px;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#17365d+0,0f2239+100 */
background: #5789bf; /* Old browsers */
background: -moz-linear-gradient(top, #5789bf 0%, #4a74a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5789bf 0%,#4a74a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5789bf 0%,#4a74a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5789bf', endColorstr='#4a74a1',GradientType=0 ); /* IE6-9 */
}
.blueButt:hover{ color:#fff; text-decoration:none;}
.cartRight h1{
border-bottom: 1px solid #000 !important;
    font-size: 24px !important;
    font-style: normal !important;
    letter-spacing: 2px;
    margin-bottom: 10px !important;
    margin-top: 0 !important;
    padding-bottom: 1px;
    text-align: left;	
}
.greenButt{ text-align:center;font-size:17px; padding:10px 20px; font-family: "Arial Black", Gadget, sans-serif; color:#fff; float:right; margin-top:5px; letter-spacing:1px;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#17365d+0,0f2239+100 */
background: #70ac2e; /* Old browsers */
background: -moz-linear-gradient(top, #8dca4d 0%, #70ac2e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8dca4d 0%,#70ac2e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8dca4d 0%,#70ac2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dca4d', endColorstr='#70ac2e',GradientType=0);}
.greenButt:hover{ color:#fff !important; text-decoration:none;}     
.redText{font-family:'Calibri'; text-align:center; font-size:27px; font-style:italic; color:#c00000; font-weight:bold; margin-bottom:15px;}
.redTextsm{color:#c00000; margin-bottom:8px !important; margin-top:20px;}
.smText{ font-size:15px; margin-bottom:0px;}
.fetrRedTExt{text-align:center;font-size:22px;color:#c00000; font-variant:small-caps; font-weight:bold; margin-top:15px;  letter-spacing:1px; margin-bottom:15px;}
.fetrRedTExt:hover{color:#c00000 !important;}
.catBullet{float:left; width:100%; margin-top:7px; padding-left:17px;}
.catBullet li{ color:#fff; padding:6px 5px 5px 19px !important ;float:left; width:100%; background:url(../images/bullet.png) no-repeat left 12px; font-weight:bold; font-size:16px; margin-bottom:0px;}
.termGreySpc{ padding:149px 15px !important;}
.topSubText{ color:#000; font-size:17px; letter-spacing:1px; text-align:center; font-weight:bold; line-height:26px; width:90%; margin:0px auto; margin-bottom:10px; }
.topSubTextLogin{ color:#000; font-size:17px; letter-spacing:1px; text-align:left; font-weight:bold; line-height:20px; width:auto; margin:0px auto; text-align:center; margin-bottom:20px;}
.contain{ width:1000px; margin:0px auto; padding:0 20px; float:left;}
.modal-body{ padding:15px 0 !important; float:left; width:100%; background:#fff; border:1px solid #000;}
.containTop{ width:1000px; margin:0px auto; padding:0 0 0 20px; float:left;}
.registerLink{ padding-right:0px !important}
.containWhite{ width:1000px; margin:0px auto; background:#fff; padding:0 20px;}
.lastTab{ padding-right:0px !important; margin-right:-2px; padding-left:7px !important;}
.firstTab{ padding-right:5px !important;}
.navLeft{ float:left; width:248px;}
.navRight{ float:right;}
.navbar{ float:right; min-height:10px;}
.container-fluid{ float:left; }
.bodyLeft{ float: left; width:55%; padding-right:15px;}
.bodyRight{ float: left; width:45%; padding-left:4px; font-size:15px;}
/*.bannImg{ margin:15px -20px 15px 0; padding:0 20px 0 15px; background:url(../images/banner.jpg) no-repeat left top; background-size:cover}*/
.underLogoLine{ margin-top:17px; margin-bottom:8px;}
.bannLogo{ padding:15px 0; color:#17375e; font-size:13px; line-height:13px}
.bannLogo a{ color:#17375e; font-weight:bold;}
.bannLogo a:hover{ color:#17375e;}
.topMainText{ float: left; width:100%; padding:0;}
.topMainText h2{ float: left; width:100%; font-family:'Calibri'; }
.topMainText h1{margin-top:20px !important; letter-spacing:2px;}
.cursor{ cursor:pointer;}
.whtText{ color:#fff; font-size:13px; line-height:16px; padding:15px 0;}
.whtText a{ font-weight:bold; font-family:"Arial Black", Gadget, sans-serif; color:#fff;}
.bottLinks{ padding:20px 0 0; font-size:13px; float:left; width:100%;}
.bottColom{ float:left; width:16.6%;}
.bottLinkBox{ margin-bottom:30px; float:left; width:100%;}
.bottLinkBox h2{font-size:13px; margin:0px; text-align:left; border:0px none;float:left; width:100%; }
.bottsmLinks{ color:#588ac0;font-weight:normal !important; font-variant:normal !important; padding:2px 0 3px; float:left;}
.bottLinkBox a:hover{ color:#588ac0; text-decoration:underline;}
.bottHead{ color:#588ac0; font-size:13px; margin-top:0px; font-weight:bold; margin-bottom:10px;}
.linkOutBox{ border:1px solid #588ac0; text-align:center; font-size:13px;color:#588ac0; margin-bottom:20px;}
.linkOutBox a{color:#588ac0; font-size:13px; font-weight:bold; padding:5px; display:inline-block;letter-spacing:1px;}
.copyRight{ color:#95b4d8; font-size:12px; text-align:center; padding:15px 0 10px;}
.noBg{ background:0px !important;}
.copyRight a{ color:#95b4d8;}
.fade{  background:rgba(31,31,31,0.7) !important;transition: none 0s ease 0s ;}
.searchBox{ padding-top: 101px; padding-bottom: 10px; text-align: right;}
.searchFild{ border:1px solid #fff; padding:0px 6px; background:rgba(255,255,255,0.8); color:#000; width:55%; float:right; font-size:13px; letter-spacing:4px;}
.searchButt{ border:none 0px;  background:rgba(0,0,0,0.6); font-size:12px; font-family: "calibri"; color:#fff; padding:2px 10px; letter-spacing:4px; float:right; font-weight:bold;}
.topLogo{ float:left; margin-top:-20px}
.topLinks{ float:right; font-weight:bold; cursor:pointer; color:#000; font-size:16px; padding-top:10px; font-variant:small-caps !important;}
.topLinks a{ color:#000; font-weight:bold; padding:5px;}
.topLinks a:hover{ color:#006ab6;}
.topLinks a:active{ color:#006ab6 !important;}
.loginLeft{ float:left; width:50%; border-right:1px solid #c0c0c0; padding:0 30px ; margin:5px 0 30px;}
.loginRight{ float:left; width:50%; padding:0 30px; margin:5px 0 30px;}
.login{ width:950px !important; padding-top:216px; padding-bottom:30px; margin:0px auto !important;}
.noUnderline:hover{ text-decoration:none !important;}
.noUnderline:focus{ text-decoration:none !important}
.noUnderline:active{ text-decoration:none !important}
.loginHead{ background:#588ac0; color:#fff;/* border:1px solid #000; */ margin:0px ; float:left; width:100%; border:1px solid #000; margin-bottom:-1px !important;}
.newPopPassword .loginTopSpc{ margin-top: 25px;}
.newPopPassword .login_wrapper p{ padding: 0 90px 0	; text-align: left;} 
.newPopPassword .login_wrapper .fildOut{ width:500px; margin:0px auto 3px; padding-top:11px; max-width:100%;}
.newPopPassword .login_wrapper .fildOut .myLabelRight { width: 35%; color: #666; padding-right:10px;}
.newPopPassword .login_wrapper .fildOut .myTextFild { width: 62%;}
.newPopPassword .login_wrapper .mustpass_error.red_notice { text-align:center; padding: 20px 0 0;}
.newPopPassword .login_wrapper .logText ul{ background:#f5f5f5; border-radius:10px; padding:11px 9px; display:inline-block}
.newPopPassword .login_wrapper .logText ul li{ margin:0 5px; display:inline-block}
.newPopPassword .login_wrapper .logText{ margin-top:15px; margin-bottom:15px; width:100%; margin-left:0%;}
.newPopPassword .login_wrapper .logText p{ text-align:center; padding:0 0 2px;}
.newPopPassword .login_wrapper .centButts{ text-align:center; display:block; margin-bottom:25px;}
.newPopPassword .login_wrapper .greenButt{ float:none;}
.newPopPassword .login_wrapper .fildOut .red_notice { padding: 0 0 0 35.6% !important;width: 100% !important; margin-bottom: 0px; margin-top: 6px;}
.newPopPassword .login_wrapper .fildOut p.conditionPass{ padding-left:0px !important; padding-top: 10px !important; }


.loginTitle{ color:#fff; margin:0px; border-bottom:0px !important; font-variant:small-caps; padding-bottom:0px; letter-spacing:2px; font-size:27px; font-style:normal; text-transform:none; border-bottom:0px none !important;}
.loginBott{background:#588ac0; color:#fff; text-align:center; margin-top:-1px !important;border:1px solid #000; float:left; width:100%;}
.loginBott a{color: #fff;font-size: 19px;font-weight: bold;letter-spacing: 2px;}
.myLabel{ font-weight: normal; letter-spacing:1px; color:#000; font-size:15px; width:33%; text-align:right; margin-top:2px; float: left; padding-right: 10px;}
.myLabelRight{ font-weight: normal; letter-spacing:1px; color:#000; font-size:15px; width:27%; text-align:right; margin-top:2px;}
.myLabelState{ font-weight: normal; letter-spacing:1px; color:#000; font-size:15px; width:13%; text-align:center; margin-top:2px;}
.fildOut em{ font-style:normal; color:#c00000;}
.myTextFild{ width:65%; border:1px solid #c0c0c0;padding: 1px 8px 4px;}
.myTextFildState{ width:25%; border:1px solid #c0c0c0;padding: 1px 8px 4px;}
/*.myTextFildState option {padding: 4px 10px;}*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #808080;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #808080;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #808080;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #808080;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #808080;
}
.selectSize{ width:100%; float:left; padding-left:15px; border:1px solid #c0c0c0;padding: 0px 8px 0px;}
.selectSizeText{ width:100%; float:left; padding-left:15px; border:1px solid #c0c0c0;padding:3px 8px 3px;}
.selectSize option{ padding:4px 10px;}
.selectSizespc{ width:44%; float:left; padding-right:10px;}
.fildOut{ margin-bottom:6px; letter-spacing:1px; color:#000; font-size:15px; clear:both;}
.leftSpc{ margin-left:28%; width:66%; margin-top:px; padding-left:0px; float:left; padding-right:2px;}
.leftSpc a{ color:#006ab6; float:right;}
.leftSpc a:hover{ color:#006ab6; text-decoration:underline;}
.logText{ text-align:center; letter-spacing:1px; font-size:15px; line-height:22px; float:left; width:70%; margin-left:15%; margin-top:98px; margin-bottom:36px;}
.greenButWidth{ width:150px !important }
.logText a{ font-weight:bold; color:#808080;}
.logText a:hover{ color:#006ab6; text-decoration:underline;}
.loginTopSpc{ margin-top:125px; float:left; width:100%;}
.bottText{ margin-bottom:20px; width:66%; margin-left:17%; float:left; text-align:center; font-size:14px; letter-spacing:2px;}
.graybg{background-color:#ccc !important;}

.bluebg{background-color:#588ac0;color:#fff;}

.buttOutGreen{ margin-top:20px;}
.american{ margin-bottom:0px; font-variant:small-caps; margin-top:16px; font-weight: bold; font-size:15px;}
.proResult ul{ margin-bottom:0px;float:left; width:100%; font-size:15px; }
.proResult ul li{ margin-bottom:15px;float:left; width:100%; }
.proResLeft{ width:40%; float:left; padding-right:25px; color:#588ac0; }
.proResRight{ width:60%; float:left;}
.proResult{ position:relative; margin-bottom:20px; float:left; width:100%; margin-top:10px;}
.bottomSpc{ margin-bottom:30px;}
.bottomSpc p{ padding:5px 0 5px; color:#333; font-weight:bold; font-size:17px;}
.leftText{ text-align:left; margin-top:0px; letter-spacing:2px; font-style:normal !important; border-bottom:#000 solid 1px; padding-bottom:5px; margin-bottom:10px; font-size:24px !important;}
.help{ margin-bottom:5px ;}
.tabelOut{width:100%; float:left; overflow:auto; margin-bottom:50px; margin-top:35px;}
.tabelBox{ width:100%; float:left;}
.tabelBody{ background:#fafaf9;}
.myTabel { border-collapse: collapse;}
.myTabel, th, td { border:1px solid #fff; padding:6px 10px; color:#000; font-size:16px; text-align: center; vertical-align:middle;}
.myTabel tr:nth-child(odd) { background-color: #fff;}
.displayText{ margin-top:0px !important; margin-bottom:28px !important;}
.browseTable { border-collapse: collapse;}
table { border-collapse: collapse;}
.browseTable, th, td { border-top:1px solid #fff !important; 
border-bottom:1px solid #fff !important;
border-left:1px solid #fff !important;
border-right:0px solid #fff !important; padding:6px 10px; color:#000; font-size:16px; text-align: center; vertical-align:middle;}
.browseTable tr:nth-child(odd) { background-color: #fff;}
.innTabel { border-collapse: collapse;}
.innTabel, th, td{border-left:0px solid #fff !important; border-right:1px solid #fff !important;}
.searchLeftText{ margin-top:10px; margin-bottom:40px; float:left; width:100%;}
.searchLeftText span{ float:left; width:100%; margin-bottom:6px;}
.tabelHead{ background:#e8e8e8 !important; font-size:15px;}
.tabelHead th{ position:relative;}
.vertcalText{display:block; color:#006ab6; font-weight:bold; font-size:20px; white-space:nowrap; height:190px; line-height:62px; position:absolute; left:80px; bottom:-72px; font-variant:small-caps; width:100%; height:100%; text-align:left;
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.vertcalText a {color:#006ab6 !important;}
.cartatbel { border-collapse: collapse;}
.cartatbel, th, td { border: 0 none; color:#000; font-size:16px; text-align:center; vertical-align:middle;}
.cartatbel tr:nth-child(odd) { background-color: #fff;}

.noPaddTop{ padding:0px !important; border-top:0px solid #fff;border-right:0px solid #fff;}
.skyHeadBg{  background:#d3dbe5 !important; float:left; width:100%; height:100%;}
.close {opacity: 0.4;}
.skyHeadBg h1{   
    border-bottom: 0 none;
    font-size: 20px;
    letter-spacing: 2px;
    margin-left: 10px;
    margin-top: 10px !important;
    padding-bottom: 0;
    text-align: left;}
.skyHeadBg ul{ float:left;width:100%; padding-left:10px; font-size:18px; font-weight:normal 
;}
.skyHeadBg ul li { margin-bottom: 10px; text-align: left;}
.modal-header .close { margin-top: 5px; position:absolute; right:5px;}
.legend{ font-size:20px; letter-spacing:2px; margin-top:10px !important; margin-left:10px; padding-bottom:0px; text-align:left; border-bottom:0px none; }
.legendType{ font-size:18px; margin-left:10px; color:#000; font-weight:normal !important;}
.legendType li{ margin-bottom:10px; text-align:left;}
.blueHead{background:#588ac0; color:#fff; font-size:20px; height:39px !important; font-weight:bold; letter-spacing:2px;padding:10px; font-variant:small-caps;text-align:left;}
.rowHead{ color:#000; background:#e8e8e8 !important; padding:10px; text-align:left;}
.rowHeadBlue{ color:#006ab6; background:#e8e8e8 !important; padding:3px 10px !important; height:38px !important; font-weight:bold;text-align:left;}
.breadcrumb{ padding:5px 0px; background: none; font-size:15px; margin-bottom:15px; margin-top:0px; 
padding-bottom:0px;}
.rowHeadBlue:hover{ color:#006ab6; }
.breadcrumb li a{ color:#808080 !important; font-size:14px;}
.breadcrumb > .active{ color:#808080 !important;}
.breadcrumb > li + li::before{ content:"|"; padding-right:7px;}
.featureUl{ margin-top:15px; margin-bottom:40px;}
.featureUl li{ background:url(../images/bullet-grey.png) no-repeat left 6px; margin-bottom:15px; padding-left:25px;}
.featureUlInner{ margin:15px 0 10px}
.fetrBottLink{ margin-top:40px; border:1px solid #c0c0c0; padding:10px 15px; text-align:center; float:left; width:100%; margin-bottom:50px;}
.ulLinks{ font-weight:bold;}
.fetrBottLink p{ margin-bottom:5px; font-size:15px;}
.fetrBottLink a{ font-weight:bold; padding:0 6px; font-size:22px; font-variant: small-caps; letter-spacing:1px;}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.fetrBottLink a{font-size:25px;}
.selectSize {padding: 5px 8px 2px;}
}
.nopBottSpc{ margin-bottom:0px;}
.lightBox{ float: left; width:100%;}
.miniImg{ float: left; width:100%;}
.hide-bullets {list-style:none;margin-top:0px; margin-bottom:0px; overflow:auto; white-space:nowrap; margin-left:-10px;  margin-right:-10px;}
.miniSlider{ width:16.66%; float:left; padding:10px;}
.thumbnail{ padding:0px !important; border:1px solid #000; margin-bottom:0px !important;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
height:72px;
}
.thumbnail .img-responsive{height:70px;}
.carousel-inner{ border:1px solid #000;}
.slideCaption{ margin-bottom:0px; font-size:15px; font-style:italic; margin-top:10px; text-align:right; line-height:normal;}
.controlUl{ float: left; width:100%; font-weight: bold; font-size:13px;}
.controlUl li{ float: left; width:100%; margin-bottom:1px;}
.controlUl li span{ width:30%; float:left;}
.browse{ margin-bottom:50px; margin-top:40px; float:left; width:100%; padding-right:28px;}
.arrowImg{ position:absolute; top:50%; margin-top:-20px; left:11px;}
.carousel-control{ width:40px;}
.cursor{ cursor:pointer;}
.browsButton{cursor:pointer; float:left; margin-top:0px; width:55%; margin-left:32%;}
#myCarousel img{ width:100%; height:auto;}
.setprodSize{ float:left; width:100%; margin-top:10px; margin-bottom:0px;}
.setprodSize li{ float:left; width:100%; margin-bottom:10px;}
.setprodSize li:last-child{ margin-bottom:0px !important;}
.sizeLabel{ float:left; width:22%; font-variant: small-caps; letter-spacing:1px; font-size:18px; color:#000; font-weight:bold;}

.sizeLabel1{ float:left; width:22%; font-variant: small-caps; letter-spacing:1px; font-size:18px; color:#000; font-weight:bold; margin-top: 50px;}

.sizeData{ float:left; width:78%;}
.sizeRight{ font-variant:small-caps; float:right; width:78%; padding-left:0; margin-top:-7px; color:#006ab6; font-size:14px; letter-spacing:1px; }
.sizeLabel em{ font-style:normal; color:#c00000;}
.sizeRight p{ margin-bottom:0px;}
.selectSpc{ padding-left:2px; float:left; width:32%;}
.selectSpctxt{ padding-left:2px; float:left; width:64%;}
.catHead a{ color:#fff;}
.catHead a:hover{}
.clickOnSize{ margin-top:40px;float:left; width:100%; margin-bottom:-30px;}
.clickOnSizeBott{width:45%; float:right; margin-top:10px !important; margin-bottom:0px !important }
.clickOnSize li{ float:left; width:13%; text-align:center; font-size:14px; color:#808080; cursor:pointer;}
.clickOnSize span{color: #808080;cursor: pointer;font-size: 14px;text-align: center; width: 13%;}
.clickOnSize a{color: #808080;cursor: pointer;font-size: 14px;text-align: center; width: 13%;}
.algnLeft{ text-align:left !important; width:5.2% !important;}
.algnRight{ text-align:right !important; width:5.2% !important;}
.nopadd{ padding:0px !important;}
.compareImg img{ width:100%; height:auto; border:1px solid #000;}
.noFloat{ cursor:pointer; float:left !important; font-size: 12px; padding: 9px 13px; margin-top:0px;}
.bodytext-red{color:#c00000 !important;}

.customize{ cursor:pointer;  font-size: 11px; padding: 6px 24px; float:left; border:0px none !important;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px; width:90%; margin:0px auto; margin-left:5%;}



.blueText{ color:#006ab6;}
tbody a{color:#006ab6;text-transform:none; font-size:14px;}
.greenLink{ color:#70ac2e; font-size:12px;}
.tabelHeadText{ font-style:italic; text-align:left; padding:0 15px; font-weight:normal; font-size:15px;}
.tabelBody em{ font-style:normal; color:#c00000; letter-spacing:0px;}
.tableCheck{ float:left; margin-right:20px; text-align:left;}
.tableCheckFull{float:left; margin-right:20px; width:100%; text-align:left;}
.custTabInput{ float:left; width:65%; color:#808080;}
.customButton{ width:50%; float:left; padding:0 3px;}
.centerTxt{ text-align:center !important;}
.customizeLst{ cursor:pointer; float:left !important; font-size: 11px; margin-bottom:0px; padding: 7px 13px; margin-top:0px; width:100%;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;}
.userName{ text-transform:uppercase;}
.cartGrey{ background:#f3f3f3; padding:71px 15px; color:#000; font-style:italic; font-size:15px;}
.measureGrey{ background:#f3f3f3; padding:107px 15px; color:#000; font-style:italic; font-size:15px;}
.cartacount{padding:20px 13px 20px 14px !important; }
.cartGrey h3{ margin-top:0px; margin-bottom:5px; font-weight:bold; font-size:19px;}
.cartTable{ width:100%; float:left; }
.cartHead{ color:#fff !important; background:#588ac0 !important;}
.cartHead th{color:#fff !important; text-align:left;}
.leftTxt{ text-align:left !important;}
.selectcart{ width:100%; float:left;border:1px solid #c0c0c0; padding: 0px 8px 0px;}
.selectcart option{ padding:2px 10px;}
.cartItlTxt{ font-style:italic; float:left; text-align:left !important; margin-bottom:15px; font-size:14px; line-height: normal !important;}
.prodSpc{ font-size:18px;float:left; text-align:left; width:100%; margin-bottom:4px; line-height:normal !important;}
.cartBotLinks{ float:left; width:100%;color:#006ab6; font-size:14px; padding-left:5px; margin-bottom:25px;}
.cartBotLinks a{ display:inline-block;padding:0 5px; }
.miniDrop{ border:0px none !important; padding: 0px 8px 0px;}
.miniDrop option{ padding:0 0 5px 5px !important;}
.cartmesure{ margin:0 0 25px 28.3%; width:40%;}
.cartInnLink{ letter-spacing:1px; margin-top:0px; font-weight:bold; padding-right:46px; text-align:right; float:left; width:100%;}
.noTopSpc{ margin-top:0px !important;}
.cartBottLeft{ float:left; width:63%; margin-bottom:50px; font-size:15px;}
.cartBottRight{ float:left; width:37%; margin-bottom:50px; color:#000;}
.cartApplyLabel{ float:left; width:22%; color:#000;}
.cartApplyText{ float:left; width:31.5%}
.cartApplyLink{ float:left; width:30%; padding-left:10px;}
.appyCartTxt{ width:100% !important; float:left;border:1px solid #c0c0c0;padding:3px 10px;}
.cartApplyLink a{color:#006ab6;}
.cartApplyLink a:hover{ text-decoration:underline; color:#006ab6;}
.aplyCrtUl{width:100%; float:left; margin-bottom:20px;}
.aplyCrtUl li{ margin-bottom:10px; width:100%; float:left;}
.cartBottTxt{width:89%; float:left; }
.cartBottTxtSave{width:89%; float:left; margin-top:173px; }
.cartBottTxt a{color:#006ab6; font-weight:bold;}
.cartBottTxt a:hover{color:#006ab6; font-weight:bold;}
.orderPrice{width:100%; float:left; }
.orderPrice li{ margin-bottom:15px; width:100%; float:left; text-align:right;}
.odrPrcLeft{float:left; width:56.7%;}
.odrPrcRight{float:left; width:43%;}
.bldTxt{font-weight:bold;}
.saveOdr{float:left; width:100%; margin-bottom:15px;}
.continueOdr{float:left; width:100%; margin-bottom:15px;}
.prosedOdr{float:left; width:100%; margin-bottom:15px;}
.noBottSpc{margin-bottom:0px !important; padding-bottom:0px !important;}
.hrLine{margin-bottom:40px; border-top:1px solid #808080;}
.greyHead{margin-bottom:5px; margin-top:10px;float:left; width:100%; }
.greyHead{ margin-top:0px !important}
.greyHeadBg{background:#c0c0c0 !important;}
.orderUl{margin-bottom:0px; float:left; width:100%;}
.orderUl li{float:left; width:100%;}
.orderUl li span{float:left; width:50%; margin-top:6px;}
.orderUl li p{ text-align:right;float:left; width:50%; font-weight:bold; color:#000;font-family: "Arial Black", Gadget, sans-serif; padding-bottom: 5px;font-size: 24px;}
h4{ background:#588ac0 ; color:#fff; padding:6px 10px; font-weight:bold; margin-top:35px !important;}
.paymentHeadInfo{ margin:0px !important; width:33.33%; float:left; }
.payCards{width:33.33%; float:left;color:#fff; text-align:center;}
.payCards ul{ float:left; width:100%; text-align:center; margin:5px 0 !important;}
.payCards li{ display:inline-block; padding:0 2px;}
.paymentBg{ background:#588ac0;float:left; width:100%;margin-top:30px !important;}
.shippingDtl{ color:#000; float:left; width:33.33%; margin-top:20px;}
.shippingDtl p{ font-weight:bold; font-size:18px; margin-bottom:5px;}
.shippingDtl span{ padding-left:22px;float:left; width:100%; font-size:15px; line-height:28px;line-height: normal}
.addressInput{color:#808080;width:88%; font-size:15px; border:1px solid #c0c0c0; padding:5px 10px; line-height: normal; margin-bottom:-1px;}
.addLineSpc{ line-height:28px !important;}
.shipTime{ font-style:italic; float:left; width:100%; font-size:15px;}
.payCredit{ font-style:normal; font-size:20px; font-weight:bold; color:#000;}
.payCreditOut{margin:20px 0; float:left; width:100%;}
.paymentInfo{ float:left; width:50%; margin-bottom:40px; padding:0 35px;}
.paydetailUl{ margin-bottom:0px; float:left; width:100%;}
.paydetailUl li{float:left; width:100%; margin-bottom:3px;}
.payLabel{ float:left; width:35%; color:#000;}
.payLabel em{ font-style:normal; color:#c00000;}
.payInput{ float:left; width:65%;}
.payInputText{color:#808080;width:100%; border:1px solid #c0c0c0; padding:1px 7px; }
.expritionDrop{ float:left; width:50%; padding-right:2px;}
.expritionDropRight{ float:left; width:50%; padding-left:2px;}
.bilingAdd{float:left; width:100%; color:#000; margin-bottom:7px;}
.bilingAdd:last-child{ margin-bottom:0px;}
.addMargTop{ margin-bottom:8px !important; float:left; width:100%;}
.bilingAddCheckBox{ float:left; width:10%;}
.bilingAddFild{ float:right; width:90%;}
.fullWidth{ width:100% !important;}
.placeOdrLeft{ width: 33%; float:left;border:1px solid #c0c0c0; margin-bottom:60px; padding:10px;}
.placeOdrRight{ width: 33%; color:#000; float:right; margin-bottom:60px; border:1px solid #000; padding:10px;}
.placeOdrRight p{ width:74%; font-size:15px; margin-left:13%; margin-bottom:15px; font-style: italic; font-weight:bold;}
.placeOdrRight p a{ color:#006ab6;}
.placeOdrRight p a:hover{ color:#006ab6;}
.userOnlyUl{float:left; width:100%; margin-bottom:0px;}
.userOnlyUl li{float:left; width:100%; margin-bottom:10px;}
.userOnlyUl li:last-child{margin-bottom:0px;}
.delerCodeLeft{float:left; width:55%; text-align:right; letter-spacing:2px; padding-right:10px;}
.delerCodeRight{float:left; width:45%;}
.saveCh{ font-size:15px;}
.acProfl{float:left; width:100%; margin-bottom:0px;}
.acProf li{float:left; width:100%; margin-bottom:4px; padding-left:20px; margin-top:5px; background:url(../images/blueBullet.png) no-repeat left 9px;}
.acProf li a{ font-size:19px;}
.acProfSection{padding:40px 0; border-bottom:1px solid #c0c0c0; position:relative; font-size:15px;float:left; width:100%;}
.acProfSection:last-child{border-bottom:0px none;}
.faqBox{padding:40px 0 0; position:relative; font-size:15px;float:left; width:100%;}
.faqBox:last-child{ margin-bottom:40px;}
.userProfHead{ color:#000; font-weight:bold; margin:0px; font-size:17px; font-variant:small-caps;letter-spacing:2px;}
.faqHead{ color:#000; font-weight:bold; margin:10px 0 0 0; font-size:19px; font-variant:small-caps;letter-spacing:2px; float:left;}
.faqBox h2{color:#000; font-weight:bold; margin:10px 0 0; font-size:19px; font-variant:small-caps;letter-spacing:2px; float:left; width:100%;}
.userLable{ width:33.33%; float:left;}
.userFild{ width:28%; float:left; padding-right:20px;}
.userFildFull{float:left; width:60%;}
.userLable em{ font-style:normal; color:#c00000;}
.userLableAdd{ width:50%; float:left;}
.userLableAdd em{ font-style:normal; color:#c00000;}
.userFildAdd{ width:48%; float:left;}
.userUl{float:left; width:100%; margin-bottom:0px; margin-bottom:0px; margin-top:20px;}
.userUl li{float:left; width:100%; margin-bottom:5px;}
.preferenceCk{ margin-right:50px;}
.dropCentr{ float:none; margin:0 20px; width:60px;}
.affix{ position:absolute; bottom:0; right:15px; z-index:999;}
.gotoTop{ color:#808080; background:url(../images/gotop.png) no-repeat right 2px; padding-right:15px;}
.bldTxt{ font-weight:bold; margin-bottom:8px;}
.faqSection{ margin-top:10px; margin-bottom:0px; float:left; width:100%;}
.faqSection li{ margin-bottom:10px; float:left; width:100%;}
.faqSection li:last-child{ margin-bottom:0;}
.ansFaq{display:none;}
.ansFaq li{background:url(../images/bullet-grey.png) no-repeat left 6px; padding:0 0 0 14px;}
.termsData li{background:url(../images/bullet-grey.png) no-repeat left 6px; padding:0 0 0 14px;}
.questionFaq{ color:#000;}
.faqQtnSpn{background:url(../images/faqOpen.jpg) no-repeat right 7px; float:left;padding-right:15px;cursor:pointer;}
.hideSpn{background:url(../images/faqClose.jpg) no-repeat right 7px !important;}
.termsData{ margin-top:20px; margin-bottom:20px;}
.byeNow{ text-align:center; color:#000; font-size:28px; padding:130px 0}
.logOutLogo{ margin-top:30px;}
.measureTwice{ margin:25px 0;}
.measureTwice li{ margin-bottom:7px; padding-left:25px; background:url(../images/bullet-blk.png) no-repeat left 6px;}
.outSideMount-Tips{float:left; width:100%; margin-bottom:0px; margin-top:20px;}
.outSideMount-Tips li{float:left; width:100%; margin-bottom:5px; background:url(../images/bullet-grey.png) no-repeat left 6px; padding-left:30px;}
.measureGuidLeft{ float:left; width:48%; padding:0 40px 0 0; text-align:right;}
.measureGuidRight{ float:left; width:52%; padding:0 0 0 40px; border-left:1px solid #c0c0c0;}
.measurePDF{ margin-bottom:30px;}
.measurePDF li{ margin-bottom:5px; margin-top:10px;}
.userUlAlterntAdd{width:66.66%;}
.alternatAdd{ width:33.33% !important;}
.fullTextFild{ width:100% !important; }
input { border-radius: 0;}
input { -webkit-border-radius:0;  border-radius:0;}
.redLink{ color:#c00000 !important; font-weight:bold !important;}
.closeBox{ margin-top:-11px !important; }
.withFeature{ font-size:12px; font-variant:normal !important; letter-spacing:normal !important;}
.textAlignLeft{ text-align:left !important;}
.cartButton{ width:100%; margin-top:0px !important; border:none;}
.rightText{ text-align:center !important;}
.noleftPad{ padding-left:0px !important;}
.exceptText{ font-style:normal; padding-left:34px;}
.closeDraft{ padding-left:5px; cursor:pointer;}
.openDraft{ padding-left:5px; cursor:pointer;}
.boldText{ font-weight:bold;}
.fontVarient{ font-variant:small-caps;}
.zoomImg{position:absolute; bottom:5px; right:5px; cursor:pointer;}
.bottLogo{ width:100%; float:left; margin-bottom:20px; margin-top:0px;}
.bottLogoImg{ margin:0px auto;/* width:100%;*/ display:table; text-align:center;}
.bottLogoImg li{ /*width:20%; display:inline-block; text-align:center;*/ margin:0 15px; float:left;}
.bottLogoImg img { position: relative; vertical-align: bottom; margin-bottom:20px;}
.phonefax{float:left; padding:42px 0 23px 6px;}
.glossaryimg{border:1px solid #ccc; float:left;}
.rightAlign{text-align:right !important;}
#dialog-confirm{height:60px;}
.ui-dialog-buttonset button{border:none; background:#588ac0; border-radius:3px; color:#fff; font-size:13px; padding:0 14px;}
.ui-dialog-titlebar-close{display:none;}
.red_notice_left{color:#fa0000 ; font-size:12px; float:left; clear:both;}
.red_border{border:1px solid #fa0000  !important;}
.no_border{border:none;}
.dispnone{display:none;}
.red_notice_home{width:100%; clear:both; text-align:center;color:#fa0000 ;}
.profile_btn{background:none; border:none; color:#006ab6;}
.login_wrapper{clear:both;}
.cartHead th{border:none !important;}

/***************21April*****************/
.zoomImg1{cursor: pointer;float: left;margin:-31px 0 0 128px;position: absolute;}
.innTabel{ text-align:center;}
.tabHeight{ margin-top:-2px !important;}
.tabHeight td, th { height: 38px;padding:4px 10px; position:relative;}
.boldText{ height:38px !important;}
.tbdText{ height:38px !important;}
.dollerText{ height:40px !important;}
.viewTd{ height:40px !important;}
.leftTabel tr:nth-child(odd) { background-color: #e8e8e8 !important; }
.leftTabel tr:nth-child(2n+1) { background-color: #e8e8e8 !important; }
.innTabel tr:nth-child(odd) { background-color: #fff !important; }
.innTabel tr:nth-child(2n+1) { background-color: #fff !important; }
.ModNameCell{ height:54px !important; line-height:normal !important; border-right:0px none !important;}
tbody a {font-size: 16px; cursor:pointer;}
.colorPop{ overflow:auto; width:80% !important; height:80% !important; background:#fff; padding:0px; top:10%;}
.colorPop h1{ font-size:24px; color:#fff; margin-bottom:0px !important; border-bottom:0px none !important}
.colorPopBody{float:left; width:100%; padding:15px 20px; background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.modal-content{ border:0px none !important;}
.popHead{ float:left; width:100%; padding-bottom:0px !important;}
.loginBottColor{background:#fff;  float:left; width:100%; border:1px solid #000; border-top:0px none !important; }
.colorName{float:left; width:100%; margin-bottom:15px;}
.topLineDiv{ border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:6px;float:left; width:100%; font-variant: small-caps; letter-spacing:1px;}
.standFabric{ float:left;font-size:19px; font-weight:600; cursor:pointer;}
.fabricPrice{ float:right;font-size:19px;}
.showColor{ display:none;}

.colorMinBx{ margin-bottom:2px;float:left; width:100%; }
.addonColorBx{ margin-bottom:2px;float:left; width:100%; }

.colorMinBx li{ margin-bottom:20px; padding:4px 15px 0;float:left; width:20%;}
.addonColorBx li{ margin-bottom:20px; padding:4px 15px 0;float:left; width:20%;}

.textureImg{ position:relative;}
.textureImg img{ width:100%; height:auto;}
.zoomIcon{ position:absolute; bottom:10px; right:10px;}
.colMinName{ font-weight:bold; color:#333;float:left; width:100%; margin-top:10px; font-size:15px !important; }
.colorCheck{ margin-top:5px;float:left; width:100%; }
#prod_listing td{text-align:left !important;}
.blueHead em{color: #c00000;font-style: normal;letter-spacing: 0;}
.modellist td{padding:0 !important;}
.height150{height:110px !important;}
.height150data{
    font-size: 16px;
    height: 110px !important;
    line-height: normal;
    padding: 4px 5px;
   /* width: 100%*/;}
.height140data{
    font-size: 16px;
    height: 142px !important;
    line-height: normal;
    padding: 4px 5px;
}   
.height45data{
    font-size: 16px;
    height: 45px !important;
    line-height: normal;
    padding: 4px 5px;}   
.height69data{float: left;
    font-size: 16px;
    height: 69px !important;
    line-height: normal;
    max-height: 80px !important;
    overflow: auto !important;
    padding: 4px 5px;
    width: 100%;}
.height42data{float: left;
    font-size: 16px;
    height: 40px !important;
    line-height: normal;
    max-height: 80px !important;
    overflow: auto !important;
    padding: 4px 5px;
    width: 100%;}
.insiteData{ height:40px !important}		
.browseButt{border: medium none; border-radius: 0; font-size: 15px; margin: 0 0 0 9px; padding: 4px 8px;}	
.lineheight37{line-height: normal;}
.bigBlue{ height:46px !important}
.styleData{height:48px !important; line-height:17px;}
.newbtnclass{ padding:0; border:none !important;}
#brief-header{float: left; clear: both; width: 97%; margin-bottom: 10px;}
#brief-header h3{width: 90%; padding: 0px 11px;}
#briefarea{float: left; width: 100%; padding: 0px 12px;}
#btn_brief{border: medium none; border-radius: 0px; padding: 2px 11px; font-size: 16px;}
.empty_cart{width:100%; float:left; text-align:center; font-size:18px; color:#CCC;}
.hidebtn{display:none;}
.hover_select{color:#fff;float:left;font-size:25px;margin:-87px 0 0;opacity:0.8;position:relative;width:100%; display:none; color:#666; cursor:pointer;}
.add_hover_select{color:#fff;float:left;font-size:25px;margin:-87px 0 0;opacity:0.8;position:relative;width:100%; display:none; color:#666; cursor:pointer;}
.img_selet{cursor:pointer;}
.add_img_selet{cursor:pointer;}
.hover_select1{color:#fff;float:left;font-size:25px;margin:-87px 0 0;opacity:0.8;position:relative;width:100%;color:#666; cursor:pointer;}
.img_selet1{cursor:pointer;border:1px solid #000;opacity:0.5;}
.add_hover_select1{color:#fff;float:left;font-size:25px;margin:-87px 0 0;opacity:0.8;position:relative;width:100%;color:#666; cursor:pointer;}
.add_img_selet1{cursor:pointer;border:1px solid #000;opacity:0.5;}
.faqBox h1{text-align:left; margin:0;}
.helpMeTabel{ overflow:hidden; background:#fff !important;}
.helpMeTabel th , .helpMeTabel td{ padding:0px !important; font-size:17px;}
.helpMeTabel th{ padding:0px !important; position:relative !important; width:6.5%; }
.helpMeTabel th:first-child{ width:auto !important; }
.helpMeTabel thead{height:220px; position:relative !important; background:#e8e8e8 }
.helpMeTabel thead tr{height:190px; position:relative !important;}
.helpMeTabel tbody tr:nth-child(odd) { background-color: #fff !important; }
.helpMeTabel tbody tr:nth-child(2n+1) { background-color: #fff !important; }
.noRightBor{ border-right:0px none !important;}


/*-----------------media query--------------------*/
@media screen and ( max-width: 1024px) {
.contain{ width:100%;}
.containWhite{ width:100%; background:#fff; padding:0 15px;}	
.bluestrip{ background:#588ac0;}
.bluewrapper1{ width:100%;  padding-left:15px; background-size:15px;}
.bluewrapper2{ width:100%; padding-right:15px; background-size:15px;}
.skyestrip{ background:#e2ebf4;}
.whitestrip{ background:none;}
.whitewrapper1{ width:100%; padding-left:15px;background-size:15px;}
.whitewrapper2{ width:100%;  padding-right:15px;background-size:15px;}
.imgBox{ float:left; width:100%;}
.imgBox img{ width:100% !important; width: auto !important;}
.login{ padding-right:0px; width:94% !important;}
.colorMinBx li{ padding:4px 10px 0;}
.addonColorBx li{ padding:4px 10px 0;}
.record_empty{ margin:50px 0 !important; padding:0; text-align:center}

}

@media screen and (max-width: 900px) {
.containWhite{ width:100%; background:#fff; padding:0 20px;}	
.bluestrip{ background:#588ac0;}
.bluewrapper1{ width:100%;  padding-left:0px; background:none !important;}
.bluewrapper2{ width:100%; padding-right:0px; background:none !important;}
.skyestrip{ background:#e2ebf4;}
.whitestrip{ background:none;}
.whitewrapper1{ width:100%; padding-left:0px; background:none !important;}
.whitewrapper2{ width:100%;  padding-right:0px; background:none !important;}
.bottColom { height: 235px; width: 33.33%;}
.bodyLeft{ width:50%;}
.bodyRight{ width:50%;}
.topSubText{ width:100%;}
.login{ padding-right:0px; width:95% !important;}
.myTextFild{ width:55%;}
.myLabel{ width:42%;}
.loginTopSpc{ margin-top:0px;}
.logText{ margin-top:15px; margin-left:0px; width:100%;}
.loginLeft{ padding:0 15px;}
.loginRight{ padding:0 15px;}
.leftSpc{margin-left: 42%;width: 56%;}
.shippingDtl{ width:100%; margin:15px auto 0px; padding-bottom:15px; border-bottom:1px solid #c0c0c0; padding-left:30%; padding-right:30%}
.shippingDtl:last-child{ border-bottom:0px none !important;}
.addressInput{ width:100%;}
.paymentInfo{ width:100%; padding-left:0; padding-right:0;}
.bilingAddCheckBox{ width:auto; margin-right:10px;}
.bilingAddFild{ float:left;}
.cartBottLeft{ width:100%; margin-bottom:0px;}
.cartBottRight{ float:right; width:350px;}
.placeOdrRight{ width:45%}
.placeOdrLeft{ width:45%}
.userFild { width:33.33%;}
.cartTable {width: 872px; margin-bottom:15px;}
.tabelOut{ margin-bottom:25px;margin-top: 10px;}
.cartBottTxtSave{ margin-top:0px; width:100%; margin-bottom:20px;}
.bannImg{margin: 15px 0 !important;}
.bottLogoImg li{ width:115px;}
.bottLogoImg li img{ max-width:100% !important; width:100% !important; float:left; margin-bottom:0px;}
.a#bbblink.ruhzbal, a#bbblink.ruhzbul{ height:70px; width:auto !important; top:42px; left:10px;}
a#bbblink.sehzbal:hover img, a#bbblink.rbhzbal:hover img, a#bbblink.ruhzbal:hover img, a#bbblink.sehzbul:hover img, a#bbblink.rbhzbul:hover img, a#bbblink.ruhzbul:hover img{ margin-left:0 !important;}

}
@media screen and (max-width: 830px) {
.mainBoxes li{ width:50%;}
.catBullet li{ width:100%;}
.imgBox img{ width:100% !important; width: auto !important;}
.bottText{ margin-left:0px; width:100%;}
.colorMinBx li{ padding:4px 5px 0;}
.addonColorBx li{ padding:4px 5px 0;}

}
@media screen and (max-width: 800px) {
.gsaLogoBox {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}

.phonefax{float: left;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;}
}
@media screen and (max-width: 768px) {
.topLinks{ margin-left:0px;}
.bodyLeft{ width:45%;}
.bodyRight{ width:55%;}
.searchFild{ width:71%;}
.vertcalText { width: 21px;top: -119px;}
.miniSlider{ width:33.33%;}
.vertcalText{ top:83px;width: 43px;}
.measureGuidLeft{ width:100%; padding:0px; text-align:left;}
.measureGuidRight{ width:100%; padding:0px; border:0px none;}
.topSubTextLogin{ padding-left:0px; text-align:center}
.topSubTextLogin{ text-align:left;}
.myLabel{ text-align:left;width: 40%;}
.myLabelRight{text-align:left;width: 40%;}
.myTextFild {width: 58%;}
.myTextFildState{width:23%;}
.myLabelState{ width:10%; margin-right:-1px;}
.leftSpc{ margin-left:41%; padding-left:0px; width:59%; padding-right:2px;}
.login {padding-bottom: 30px;padding-top: 30px;}
}
@media screen and (max-width: 767px) {
.colorMinBx li{ width:33.33%}
.addonColorBx li{ width:33.33%}
.navbar-nav{width:100%; margin:0px;}
.mainBoxes li{ width:60%; margin-left:20%;}
.navbar-toggle{ margin-right:0px; margin-top:-33px;}
.navRight{ width:100%;}
.navbar{ width:100%; float:left;}
.navbar-header{ float: right;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:0px #fff solid ; width:100%;}
.divider{ display:none !important;}
.navbar-nav li{ border-bottom:1px solid #ddd;}
.navbar-nav li:last-child{ border-bottom:0px solid #fff;}
.subMenu{ padding-top:0px; background:#f8f8f8 !important;}
.bodyLeft { width: 100%;}
.bodyRight {width: 100%; padding-left:0px;}
.bannImg{ margin-top:0px;}
.leftText{ margin-top:0px;}
.tabelBox{ width:750px; padding-bottom:10px;}
.myLabel{ text-align:left; width:100%;}
.myTextFild{ text-align:left; width:100%;}
.loginLeft{ padding:0 30px 0 15px;}
.loginRight{ padding:0 15px 0 30px;}
.leftSpc{margin-left:0;width: 100%;}
.loginLeft{ padding:0 15px 0 0;}
.loginRight{ padding:0 0 0 15px;}
.slideCaption{ text-align:center;}
.fetrBottLink{ margin-top:9px;}
.hideLeft{ display:none;}
.imgBox img{ width:100% !important; height:auto;}
.cartGrey { margin-bottom:30px;}
.faqBox{ padding-top:30px;}
.faqBox h2{margin-top:10px !important; float:left;}
.faqSection{ margin-top:10px;}
.faqSection li{ margin-bottom:5px;}
.shippingDtl{ padding-left:20%; padding-right:20%}
.placeOdrRight{ width:50%; margin-bottom:40px;}
.placeOdrLeft{ width:50%;margin-bottom:40px; }
.cartBottRight{ margin-bottom:10px;}
.hrLine { margin-bottom:10px;}
.cartGrey{ padding-top:15px !important; padding-bottom:20px !important;}
.termGreySpc { padding-top:15px !important; padding-bottom:20px !important;}
.faqBox {padding-top:15px;}
.bodyLeft{ padding-right:0px;}
.termsData { margin-top:10px; margin-bottom:20px;}
.userProfHead{ line-height:normal !important;}
.faqHead{ line-height:normal !important;}
.cartApplyLabel{ width:33.33% !important;}
.cartApplyText{ width:50% !important;}
.cartApplyLink{ width: auto !important;}
.userUlAlterntAdd { width: 100%;}
.alternatAdd { width: 100% !important; padding-left:50%;}
.myTextFildState{ width:100%;}
.myLabelState{ width:100%; text-align:left;}
.topSubTextLogin{ padding-left:0px; text-align:left;}
.modal-body {padding:10px 15px !important;}
.myLabelRight{ width:100%;}
/*.hidden-xs {display: block !important;}*/

.gsaLogoBox {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}

.phonefax{float: left;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 9px;}
.newPopPassword{ font-size:15px;}
.newPopPassword .myLabelRight{ font-size:14px;}
.newPopPassword .login_wrapper p { padding: 0 1px 0;}
.newPopPassword .loginTopSpc { margin-top: 7px;}	
.newPopPassword .login_wrapper .fildOut { width: 600px;}
.newPopPassword .login_wrapper .fildOut .myLabelRight {width: 43%;}
.newPopPassword .login_wrapper .fildOut .myTextFild { width: 53%;}
.newPopPassword .login_wrapper .fildOut .red_notice { padding: 0 0 0 43.6% !important;}
}

@media screen and (max-width: 640px) {
#mainRight li{ width:50%; border-bottom:1px #666 solid;}
.mainBoxes li{ width:80%; margin-left:10%;}
.bannImg{ margin-top:0px;}
.loginLeft{ width:100%; padding-right:0px; margin-bottom:15px; border:0px none; border-bottom:1px solid #c0c0c0; padding-bottom:20px;}
.loginRight{ width:100%; padding-left:0px;}
.greenButt{ float:left; margin-top:15px;}
.hideDiv{ display:none;}
.logText{ text-align:left;}
.bottText{ text-align:left;}
.shippingDtl{ padding-left:10%; padding-right:10%}
.placeOdrLeft {margin-bottom: 30px; width:100%;}
.placeOdrRight{margin-bottom: 30px; width:100%;}
.paymentHeadInfo{ width:50%;}
.payCards{ width:50%; text-align:left;}
.payCards li{ float:left;}
.cartGrey { margin-bottom:20px;}
.userLable{ width:100%;}
.userFildFull{ width:100% !important;margin-bottom:10px;}
.myTextFildState { margin-bottom: 6px;}
.bottLogoImg{ margin-bottom:0px; width:100%; margin:0px auto;}
.bottLogoImg li{ padding:0 10px;}
.bottLogoImg li img{ width:auto !important; margin-left:0 !important;}
#bbblink.a.ruhzbal, a#bbblink.ruhzbul{ left:0; top:0; height:70px !important;}
.newPopPassword .login_wrapper .logText ul{ padding:10px 12px 6px; display:block}
.newPopPassword .login_wrapper .logText ul li{ display:block; margin:0px; padding-bottom:4px;}
}
@media screen and (max-width: 580px) {
.greenButWidth {width: 60% !important;}
}

@media screen and (max-width: 480px) { 
.mainBoxes li{ width:90%; margin-left:5%;}
.bottColom { height: 235px; width: 50%;}
.orderPrice{ width:100%;}
.payLabel{ margin-bottom:5px; width:100%;}
.payInput{ width:100%;}
.sizeLabel{ width:33%;}
.sizeData{ width:66%;}
.selectSpc{ width:50%;}
.bottLogoImg li{ width:100%; padding:0 20px; margin-bottom:10px;}
.bottLogoImg li:last-child{margin-bottom:0px;}
.colorMinBx li{ width:50%}
.addonColorBx li{ width:50%}

}

@media screen and (max-width: 479px) {
.mainBoxes li{ width:100%; margin-left:0;}
.searchButt{ letter-spacing:0px;padding: 2px 8px;}
.controlUl li span{ width:100%; color:#444; line-height:15px;}
.controlUl li { margin-bottom: 10px;}
.shippingDtl{ padding-left:0; padding-right:0}
.cartApplyLabel{ width:100% !important; margin-bottom:5px;}
.cartApplyText{ width:80% !important;}
.cartApplyLink{ width: auto !important;}
.userLableAdd{ width:100%; margin-bottom:8px;}
.alternatAdd{ padding-left:0px !important;}
.userFildAdd{ width:100%;margin-bottom:10px;}
.paymentHeadInfo{width:100%;}
.payCards{width:100%; margin-left:8px; margin-bottom:4px;}
.newPopPassword .login_wrapper .fildOut .myLabelRight { width: 100%; margin-bottom: 6px; }
.newPopPassword .login_wrapper .fildOut .myTextFild { width: 100%; padding: 5px 9px; }
.newPopPassword .login_wrapper .fildOut { padding-top: 0; }
.newPopPassword .login_wrapper .mustpass_error.red_notice{ padding: 1px 0 0;}
.newPopPassword .login_wrapper .logText { margin-top: 10px; margin-bottom: 0px;}
.newPopPassword .login_wrapper .logText ul li { margin: 3px 5px; display:block;}
.newPopPassword .login_wrapper .fildOut .red_notice { padding: 0 0 0 0 !important;}
}


@media screen and (max-width: 360px) {
.navLeft { width: 222px;}
}

@media screen and (max-width: 320px) {
.colorMinBx li{ width:100%}
.addonColorBx li{ width:100%}
.greenButWidth {width: 100% !important;}
}

/*New CSS Code*/
.bodyLeft li{ background:url(../images/bullet-grey.png) no-repeat left 6px; margin:5px 0; padding-left:15px;}
.td_bg{background:#f8f7f1 !important;}
.td_bg a:hover{color:#006ab6 !important;}
.margr{margin-right:5% !important;}


.centerImMain{
    width: 100%;
    background-color: #fff;
    padding: 70px 0;
    text-align: center;
    box-sizing: border-box;
}
.centerImMain img{
    width: 660px;
    height: auto;
}
.mainOvrlay{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    background-color: transparent;
}
html{
    position: relative;
}
#body{
    position: relative !important;
}

.bluewrapper1{
    background: url('https://www.amshades.com/images/blueshadow-left.png') repeat-y left top;
}
.bluewrapper2{
    background: url('https://www.amshades.com/images/blueshadow-right.png') repeat-y right top;
}
.whitewrapper1{
    background: url('https://www.amshades.com/images/whiteshadow-left.png') repeat-y left top;
}
.whitewrapper2{
    background: url('https://www.amshades.com/images/whiteshadow-right.png') repeat-y right top;
}
.bottShadLeft {
    background: url('https://www.amshades.com/images/blueshadow-leftBott.png') no-repeat left top !important;
}
.bottShadRight {
    background: url('https://www.amshades.com/images/blueshadow-RightBott.png') no-repeat right top !important;
}