#header {position: fixed; top: 0; left: 0; right: 0; height: 100px; z-index:100; background-color:#ff0000;}
#footer {position: fixed; left: 0; right: 0; bottom:0px; height: 10px; z-index:10; background: #444; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #444 , #777); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #444 , #777); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(right, #444 , #777); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #444 , #777); /* Standard syntax */}
#body {position: fixed; top: 100px; bottom: 0px; left: 0; right: 0;}
#header1 {position: fixed; top: 0; left: 0; right: 0; height: auto; z-index:100;}
#footer1 {position: fixed; bottom: 0; left: 0; right: 0; height: 40px; z-index:10; border:0;}
#body1 {position: fixed; top: 95px; bottom: 25px; left: 0; right: 0; overflow: auto;}
.header1 {position:static; top: 0; left: 0; right: 0; height: 50px; z-index:10;}
@font-face {font-family: 'robotomedium'; src: url('../fonts/roboto-medium-webfont.eot'); src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto-medium-webfont.ttf') format('truetype'), url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'MyWebFont'; src:  url('../fonts/calibri_2.ttf') format('ttf'), url('../fonts/calibrib_2.ttf') format('ttf'), url('../fonts/calibrii_2.ttf') format('ttf'), url('../fonts/calibriL_0.ttf') format('ttf'), url('../fonts/calibriLI_0.ttf') format('ttf'), url('../fonts/calibriz_2.ttf') format('ttf'); font-weight: normal; font-style: normal;}
@media (min-width: 1200px) {
.container {width: 90% !important;}
}
body {font-family:'Trebuchet MS' !important; font-size: 12px; font-weight: 500;}
.noPadding {padding: 0px !Important;}
.noMargin {margin: 0px !Important;}
.noFormMargin {margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 5px !important;}
.noBold {font-weight: 500 !Important;}
.hasMarginTB {margin-bottom: 20px; margin-top:20px; margin: 20px 0;}
.mainHeader {padding: 15px 0px 5px 0px; border-bottom: 1px solid #dcdcdc;}
.mainBody {min-height: 425px;}
.mainFooter {padding: 15px 0; border-top: 1px solid #E4E4E4; background-color: rgba(255, 255, 255, 0.79);}
.SelectOption {padding: 12% 0px; text-align: center; border: 1px solid #D9D9D9; box-shadow: 4px 4px 5px #D9D9D9;}
a {color: #A7A7A7;}
a:hover {color: #044595; text-decoration: none;}
.loginSection {font-size: 12px; text-decoration: underline; position: relative;}
.jockeyLogo {margin-top: 10px; width: 130px;}
.sectionHeader {border: 1px solid #F1F1F1; box-shadow: 0 0 30px #F2F2F2 inset; color: #000; font-size: 30px; line-height: 44px; min-height: 50px; padding: 8px 0 8px 21px;}
.bgclr {background-color:white;}
/*Media Query*/
h2.loginTitle {font-size: 16px; margin-top: 0px; margin-bottom: 25px; font-weight: 500; text-align: center;}
.form-horizontal .center-label {text-align: left !important;}
.customInputType {border: 1px solid #E0E0E0 !important; border-radius: 0px !important;}
.forgotPassword{color: #ffffff; font-size: 12px;}
.themeButton {float:right; color: #fff; font-size: 14px; font-weight: bold; padding: 1px 5px; margin: 0 16px; width: 70px; height: 22px; border-radius: 0px 5px 0px 0px; border-color:#4B5A7B ! important; background: url("../images/Submit-Btn.png") no-repeat; background-size:70px 23px;}
.AnchorButton {float:right; color: #fff; font-size: 14px; font-weight: bold; padding: 4px 10px; margin: 0 -12px; width: 61px; height: 24px; border-radius: 0px 5px 0px 0px; background: url("../images/Submit-Btn.png") no-repeat; background-size:61px 24px;}
.StyleButton {float:left ! important; color: #fff; font-size: 14px; font-weight: bold; padding: 4px 10px ! important;  margin: 4px 3px ! important; width: 61px ! important; height: 24px ! important; border-radius: 0px 5px 0px 0px ! important; border-top:1px solid #adcde6; border-right:1px solid #adcde6; background: rgba(206,230,247,1); background: -moz-linear-gradient(top, rgba(206,230,247,1) 0%, rgba(206,230,247,1) 50%, rgba(188,219,242,1) 51%, rgba(216,237,253,1) 77%, rgba(182,213,238,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(206,230,247,1)), color-stop(50%, rgba(206,230,247,1)), color-stop(51%, rgba(188,219,242,1)), color-stop(77%, rgba(216,237,253,1)), color-stop(100%, rgba(182,213,238,1))); background: -webkit-linear-gradient(top, rgba(206,230,247,1) 0%, rgba(206,230,247,1) 50%, rgba(188,219,242,1) 51%, rgba(216,237,253,1) 77%, rgba(182,213,238,1) 100%); background: -o-linear-gradient(top, rgba(206,230,247,1) 0%, rgba(206,230,247,1) 50%, rgba(188,219,242,1) 51%, rgba(216,237,253,1) 77%, rgba(182,213,238,1) 100%); background: -ms-linear-gradient(top, rgba(206,230,247,1) 0%, rgba(206,230,247,1) 50%, rgba(188,219,242,1) 51%, rgba(216,237,253,1) 77%, rgba(182,213,238,1) 100%); background: linear-gradient(to bottom, rgba(206,230,247,1) 0%, rgba(206,230,247,1) 50%, rgba(188,219,242,1) 51%, rgba(216,237,253,1) 77%, rgba(182,213,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee6f7', endColorstr='#b6d5ee', GradientType=0 );}
.StyleButton:hover { opacity:0.5;}
.HeaderButton {float:left; color: #fff ! important; font-size: 14px; font-weight: bold; padding: 0px 10px; margin: 0 -1px; width: auto; height: 40px; border-radius: 0px 5px 0px 0px; background: url("../images/Submit-Btn.png") no-repeat; background-size:240px 40px;}
.NavButton {float:right; border-radius: 0px 5px 0px 0px ! important; background: url("../images/Submit-Btn.png") no-repeat; background-size:75px 32px ! important;}
.forgotButton {background-color:transparent; border: none; font-size: 12px; float: left; color: #fff !important; text-align: right; padding: 0px; margin-top: 5px; width: 65%;}
a.forgotButton:hover {text-decoration: underline;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {background-color:transparent; border:none;}
.forgotButton :hover {background-color:transparent; border:none; text-decoration: underline;}
.orangeButton {text-align:center; cursor:pointer; border-radius:7px 0px 0px 0px; font-family:'Trebuchet MS' !important ; color:#080808 !important;  font-size:14px; margin-bottom:10px !important; border: 1px solid #ccc; padding: 0px; width: 110px; height: 22px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 41%, #adadad 85%); background: -webkit-linear-gradient(top,  #ffffff 41%,#adadad 85%); background: linear-gradient(to bottom,  #ffffff 41%,#adadad 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 );}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index: 2; color: #FFF; cursor: default; border-color: #3C3C3C;}
.table-bordered-noRL {border: 1px solid #000; border-right: 0px; border-left: 0px;}
.tableNoBottomBorder {border-bottom: 0px;}
.divTable{display:table; width:auto; background-color:#eee; border:1px solid  #666666; border-spacing:5px; /*cellspacing:poor IE support for  this*/overflow: hidden;}
.divRow{display:table-row; width:auto; clear:both;}
.divCell{float:left;/*fix for  buggy browsers*/ display:table-column; width:200px; background-color:#ccc;}
.grayButton {background: #E7E1E1; color: #3C3C3C; font-size: 13px; padding: 5px 25px; border-radius: 0px; border: 1px solid #E7E1E1;}
.forgotPassword {margin: 7px 0; box-sizing: border-box; display: inline-block; position:relative; top:10px;}
.minmax-height {min-height:550px; max-height:650px; overflow-x:hidden;}
label {font-size:12px;}
.mainNav li a{font-size: 13px; padding: 5px 10px;}
.mainNav {padding: 5px 0 0 0;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {color: #F4F4F4;}
.mainNav > li > a {border-radius: 0px;}
.orderBlock{padding: 5px 0px !important; border: 1px solid #E6E6E6;}
.pagination-container {text-align:right;}
.pagination {margin: 10px 0;}
.pagination > li > a, .pagination > li > span {position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #000; text-decoration: none; background-color: #e2e2e2; border: 1px solid #DDD;}
.pagination > .active > a {color: #FFF; background-color: #4BC4E8; border: 1px solid #DDD; font-weight: bold;}
.table > tbody > tr > td {border-top: 1px solid #DDD;}
.table-bordered > thead > tr > th {background: #F0F0F0; font-size: 14px;}
.noBorder {border: 0px !important;}
.table > tbody > tr.noBorder > td {border: 0px !important;}
.sizeMainBlock {width: 40px; text-align: center; padding: 2px 0px; background-color: #FFF; color: #333959; border: 1px solid #9A9A9A; cursor: pointer;}
.sizeSelected {width: 40px; text-align: center; padding: 1px 0px; background-color: #3C3C3C; color: #FFF; border: 2px solid #3C3C3C; cursor: pointer;}
.confirmationsizeSelected {width: 40px; text-align: center; padding: 1px 0px; background-color:rgba(222,241,255, 1); color: #222; border: 1px solid #3C3C3C; cursor: pointer; display: inline-block;}
.sizeUnSelected {width: 40px; text-align: center; padding: 2px 0px; background-color: #fff; color: #333; border: 1px solid #9A9A9A;}
.textQty {width: 40px; display: inline-block; text-align: center; padding: 2px 0px; background-color: #fff; color: #333; margin-top: 10px; height: 24px;}
.confirmationtextQty{width: 40px; display: inline-block; text-align: center; padding: 2px 0px; background-color: #fff; color: #333; margin-top: 10px; height: 26px;}
.textQtyEmpty{width: 40px; display: inline-block; text-align: center; padding: 1px 0px; background-color: #fff; color: #333; border-bottom: 0px solid #3C3C3C; margin: 0px 45px;}
.tblHeader {height: 70px;}
.tblbodyIcon {height: 110px; padding-top: 10px;}
.iconTwentyFont {font-size: 20px;}
.grayColor {color: #999999;}
ul.footer {margin: 0px; float: left; overflow: hidden; padding: 0px;}
ul.footer li {float: left; list-style: none; padding: 0 5px;}
.addToCartSM {display: inline; width: auto; font-size: 11px; padding: 5px 6px; margin-top: -8px;}
.handCursor {cursor: pointer;}
.fontSixteen {font-size: 16px;}
.topMarginTen {margin-right: 10px;}
.contactUsBlock {width: 100%; background-color: #F8F8F8; border: 1px solid #F2F2F2; padding: 20px; margin: 30px 0;}
.contactUsBlock h1 {font-size: 22px; margin: 0 0 10px 0;}
.contactUsBlock p {font-size: 15px; font-weight: 500; color: #191919;}
.contactLeftBlock {padding: 10px 0 10px 30px; border-right: 1px solid #EAEAEA;}
.contactRightBlock {padding: 10px 0 10px 60px;}	
.contactIconMargin {margin-bottom: 20px;}	
.contactIconMargin span {margin-left: 20px;}
.locatorImage {background: url("../images/locator.png") no-repeat 325px 30px;}
.totalText {font-size: 14px; font-weight: 600;}
.rightMargintwenty {margin-right: 10px !important; margin-left: 17px !important;}
.removeItem {font-size: 11px; cursor: pointer; padding-top: 6px; float: left; margin-left:19px;}
.rightPosition-DDM {left: initial !important; right: 0px !important;}
.customDDM {border: 0px solid #fff !important; background-color: #FFF  !important; outline: 0px  !important; margin-right: 20px;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color: #FFF; text-decoration: none; outline: 0;}
.topCart {position: relative; top: 3px;}
.cartTextTop {display: inline-block; margin-left: 8px; font-size: 15px;}
.widthGutter {width: 76px; display: inline-block;}
.sizeBlock , .qtyBlock {margin: 10px 0px;}
.sizeBlock {position: relative;	}
.tableResetTxt {position: absolute; top: -41px; right: -70px;}
.tableResetTxt span {text-decoration: underline; color: #909090; cursor: pointer;}
.sizeAndQty {display: inline-block;}
.titleSizeQty {width: 100px; display: inline-block;}
.smallBlock, .mediumBlock, .largeBlock, .xlargeBlock {width: 120px; display: inline-block;}
.textQtyTitle {width: 30px; margin-top: 10px;}
.orderMainCol {background-color: #FBFBFB;}
.incDecBlock1 {height: 26px; display: inline-block; position:static; width: 13px;}
.incDecBlock1:hover {display: block;}
.incrBlock1, .decrBlock {display: block; width: 14px; height: 13px; text-align: center !important; font-size: 9px; background-color: #E0E0E0; border: 1px solid #9A9A9A; vertical-align: middle; padding: 0px;}
.incrBlock1 span, .decrBlock span{cursor: pointer;}
.incrBlock1 span {position: relative; left: 1px;}
.incDecBlock:hover {display: block;}
.incrBlock, .decrBlock {display: block; width: 14px; height: 13px; text-align: center !important; font-size: 9px; background-color: #E0E0E0; border: 1px solid #9A9A9A; vertical-align: middle; padding: 0px;}
.incrBlock span, .decrBlock span{cursor: pointer;}
.incrBlock span {position: relative; left: 1px;}
.ui-menu .ui-menu-item {position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); font-size: 14px  !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: 0px solid #E47C21 !important; background: none !important; font-weight: 500; color: #E47C21; font-size: 14px  !important;}
.loginPanelForgot {width: 450px; margin: 0 auto; border: 1px solid #E8E8E8; padding: 25px; background-color: #FAFAFA; margin-top: 70px;}
.floatLeft {float: left !important;}
.confirmationIncrBlock {top: 0px !Important;}
.confirmationTable > tbody > tr > td {height: 50px;}
/* 21-09-2015 */
.rightArrow{ font-size: 32px; opacity: 0.4; padding:0px 20px; text-align:center; display:inline-block; top:12px;}
.hasMarginleft{margin-left:10%;}
.MgnleftCaret{margin-left: 69% !important;}
.MgnleftCaret1{margin-left: 40% !important;}
.hasPadding{ padding:20px !important;}
.OrderButton {text-align:center; cursor:pointer; border-radius:7px 0px 0px 0px; font-family:'Trebuchet MS' !important; color:#080808 !important;  font-size:14px; margin-bottom:10px !important; border: 1px solid #ccc; padding: 0px; width: 110px; height: 22px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 41%, #adadad 85%); background: -webkit-linear-gradient(top,  #ffffff 41%,#adadad 85%); background: linear-gradient(to bottom,  #ffffff 41%,#adadad 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 );}
.OrderButton2 {text-align:center; cursor:pointer; border-radius:7px 0px 0px 0px; font-family:'Trebuchet MS' !important; color:#080808 !important;  font-size:14px; border: 1px solid #ccc; padding: 0px 23px; width: 110px; height: 56px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 41%, #adadad 85%); background: -webkit-linear-gradient(top,  #ffffff 41%,#adadad 85%); background: linear-gradient(to bottom,  #ffffff 41%,#adadad 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 );}
#changePassword {background-image: url('/IMg/BackToRange1.png') !important; border-top-right-radius: 5px !important; background-size: contain !important; color: #FFFFFF !important; line-height: 10px !important; width: 48% !important; font-weight: 700 !important; height: 25px !important; font-size: 15px !important; border: 0 !important; padding: 5px 20px !important;}
.selectOptButton{text-align:center; height:30px; cursor:pointer; border-radius:2px; margin: 5px 1% 5px 1%;font-family:'Trebuchet MS' !important; color:#525252 !important; font-size:15px;}
.selectOptions{width: 6%; height:30px;cursor:pointer; border-radius:2px; text-align:left; margin: 5px 1% 5px 0%; font-family:'Trebuchet MS' !important; color:#525252 !important; font-size:12px;}
.selectOptionsOrange, .selectOptionsOrange:hover, .selectOptionsOrange:focus{ width:100%; height:30px; border-radius:2px; text-align:left; margin: 5px 0px 5px 0px; color:#FFF; background: #e47c21; border: 1px solid #D0690F;}
.textQtyStep3 {width: 30px; display: inline-block; text-align: center; padding: 2px 0px; background-color: #fff; color: #333; height: 24px; border:1px solid gray; margin-top: 2px;}
.textQtylabelCont {width: 40px; line-height:18px; display: inline-block; text-align: center; padding: 2px 0px; background-color: #fff; color: #333; height: 24px; border:1px solid gray; margin-top: 2px;}
.DisableBox{background-image: url("/images/Close.png"); background-repeat:no-repeat;}
.textSize{text-align:center;padding: 5px 20px;}
.tdPaddingLeft{padding-left:10px !important;}
.noBorderTop{ border-top:hidden !important;}
.colMrgnLeft{ margin-left:15px;}
.colMrgnLeftB{ margin-left: 1%;}
.colMrgnLeftC{ margin-left:6%;}
.SelectstyleBtn{ background:#f5f5f5; border:3px solid #e8e8e8;  border-radius:2px; width:100%; height:auto; font-size:11px; font-weight:500; color:#404040; padding:0; text-align:left; margin-bottom:8px;}
.SelectstyleBtnOrng{background:#e47c21; border:3px solid #ce6e19;  border-radius:2px; width:100%; height:auto; font-size:11px; font-weight:500; color:#FFF; padding:0; text-align:left; margin-bottom:8px;}
.floatRight{float:right !important}
.textLeftALgn{text-align:left !important}
.clearDiv{ clear:both; height:50px;}
.maginMinus{margin-top:-18px;}
.rightWidget {position: relative; left: 10px;}
.divchangeCategory{ top: 12px;  border: 1px solid #000;}
.table {margin-bottom: 0px;}
.colorPackTable {margin-top: 5px; }
.colorPackTd {min-width: 65px; text-align: left; padding: 0px 5px;} 
.colorPackTable th:first-child, .colorPackTable td:first-child{ border-right: 1px solid #ccc; }
.table > tbody > tr > td.textSize {min-width: 20px; padding: 7px 0px;}
.borderBlack {border:1px solid #000;}
.borderLRT {border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
.tdPaddingLeft {position:absolute; min-width: 160px; left:0; width:100px; background-color: #F0F0F0;}
.scrollingTable {position:relative}
.scrollingTableInner { overflow-x:scroll; overflow-x: auto; overflow-y: auto; width: 100%; max-height:550px; padding:0px 1%;}
.scrollingTableInner > .table > tbody > tr > td {height: 50px; vertical-align: middle;}
.lblreportAlign {margin-top: 7%; padding: 0px;}
#speedLogo {visibility: hidden;}
td.tdPaddingLeft {display: inline-block; padding-top: 15px !Important;}
/*08-10-2015*/
.marginlft {margin-left: 55%;}
.paddinglft {padding: 2% 0 2% 0%; text-align:center;}
.paddinglftlink {padding: 3% 0 3% 0%;}
.loginlink {color: white; font-size:14px;}
.loginlink:hover {background-color:none; text-decoration:underline;}
.underline {text-decoration:underline;}
.pdfLine {line-height: 2; color: white; padding-left: 0px; position: absolute; bottom: 0px; left: 80%; top: -5px;}
.pdfLine1 {line-height: 2; color: white; padding-left: 0px; position: absolute; bottom: 0px; left: 45%; top: -5px;}
.bgimage {background-image:url('/images/1600x550.jpg'); min-height: 730px; max-height: 800px; background-size:cover;}
.StepTwoBgclr {margin-top: -22px; padding-bottom: 20px !important; padding: 5px 4px; background: url("../images/StylesLines.png") no-repeat; background-size:auto 5px; background-position: bottom; background-position-x: 12px;}
.StepTwo {margin-top: 5px; padding: 5px 4px;}
.mrgtopStptwo {font-size: 24px; font-family:'Trebuchet MS'; color: #707070; position: relative; top: 23px; font-weight: bold; padding-left:5px;}
.StepTwolabel {padding-left:5%; color: gray; font-family:'Trebuchet MS' !important;}
.stepAlignDiv {margin:0% 15%; width:70%; height: auto;}
.StepTwolabel-line {padding-left: 18%; color:gray;}
.txtheight {height: 30px;}
.paddtop {padding-top:10%;}
.paddtop5 {padding-top:8%;}
.paddtop6 {padding-top:5%;}
.BlackBorder {border:1px solid Black;}
.fontBold {font-weight:bold;}
.fonts {font-family:'Trebuchet MS' !important;}
.font-color {font-family:'Trebuchet MS' !important; color:#000 !important;}
.colorWhite {color:#ffffff;}
.fontweight {font-weight:normal;}
.floatleft50 {width:50%; float:left;}
.midfontSize {font-size:14px !important;}
.midfontSize a {font-size:14px !important;}
.padd1 {padding:10px 0px 0px 0px;}
.orderCenter {border:2px solid gray; border-radius:20px;}
.OrderHeight {height:auto;}
.text-indent5{text-indent:5px;}
.borderRadius2px {border-radius:2px;}
.OrderlblAlign {padding: 5px 0px;}
.padding0 {padding:0px;}
.paddingLftRght {padding-left:0px; padding-right:0px;}
.paddingtop2 {padding-top:2%;}
.paddingtop1 {padding-top:1%;}
.paddingtop5px {padding-top:5px;}
.paddingtop10px {padding-top:10px;}
.paddinglft2 {padding-left:2%;}
.paddingRight2 {padding-right:2%;}
.paddinglft5 {padding-left:5%;}
.paddinglft10 {padding-left:10%;}
.paddinglft15 {padding-left:15%;}
.paddingtop5 {padding-top:5%;}
.paddingRight5 {padding-right:5%;}
.paddingRight4 {padding-right:4%;}
.paddingRight3 {padding-right:3%;}
.paddingRight10 {padding-right:10%;}
.paddingBottom5 {padding-bottom:5%;}
.paddingBottom20 {padding-bottom:20%;}
.paddingBottom5px {padding-bottom:5px;}
.paddingtop10 {padding-top:10%;}
.paddingtop1 {padding-top:1%;}
.paddingBottom2 {padding-bottom:2%;}
.paddingbottom10 {padding-bottom:10%;}
.marginlft10 {margin-left:10%;}
.margintop5 {margin-top:2%; margin-right: 1%;}
.margintop3 {margin-top:3%;}
.margintop10 {margin-top:10%;}
.paddleftright {padding:0 1%; color: #707070;}
.paddingTop3 {padding-top:3%;}
.paddtp20 {padding:20% 0px 0px 0px;}
.min-height {min-height:550px;}
.AbtCnt {color:white; font-size:16px;}
.headr {margin-bottom:2%; margin-top: 5%; font-size:22px;}
.headrltd {margin-bottom:2%; margin-top: 5%; font-size:20px;}
.OrderReportHeader {text-align:center; padding-top:1%; height:25px; padding-bottom:1.5%; font-size: 22px ! important;}
.OrderConfirHeader {text-align:center; padding-top:0%; height:25px; padding-bottom:1%; font-size: 22px ! important; }
.OrderViewDiv {position: relative; top: -15px;}
.ExportExcel {margin-top: 10px; text-align: center; cursor: pointer; border-radius: 7px 0px 0px 0px; font-family: 'Trebuchet MS'; color: #080808 !important; font-size: 14px; margin-bottom: 10px !important; border: 1px solid #ccc; padding: 0px; width: 130px; height: 22px;}
.IndianRupeeLine{background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 41%, #adadad 85%); background: -webkit-linear-gradient(top,  #ffffff 41%,#adadad 85%); background: linear-gradient(to bottom,  #ffffff 41%,#adadad 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 );}
.menuAlign {position:absolute; top:-3px;}
.OrderValue {border: 1px solid #333; padding: 0px 0px 0px 16%; background-color: white; margin-left: 1%;}
.OrderQuantity {border: 1px solid #000; padding: 0px 0px 0px 10%; background-color: white; margin-left: 1%;}
.OrderItem {border: 1px solid #D9D9D9; padding: 5px 10px; background-color: white; margin-left: 6%;}
.IndianRupee {position: absolute; left: 3%; top: 11px;}
.IndianRupeeLine {position: absolute; left: 14%; top: 6px;}
.textbgclr {background-color:#f0f0f0;}
.textbgclr:focus {background-color:#ffffff;}
.floatleft {float:left;}
.floatRight {float:right;}
.borderD9 {border:1px solid #D9D9D9;}
.nextArrow {position: absolute; left: 25%; top: 22%;}
.textRight {text-align:right;}
.textCenter {text-align:center;}
.lblUsername {font-family:'Trebuchet MS' !important; margin-top: 9px; padding: 0px; font-size:12px;}
.txtUsername {height:22px; border-right:2px solid #333; padding:0px; text-indent:5px; font-family:'Trebuchet MS' !important; font-size:12px; margin: 5px 5px !important; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background: background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); background-image: none; color: #333;}
.orderViewBgClr {margin-right: -20px; text-align:center; cursor:pointer; border-radius:7px 0px 0px 0px; font-family:'Trebuchet MS' !important; color:#080808 !important;  font-size:14px; margin-bottom:10px !important; border: 1px solid #ccc; padding: 0px; width: 110px; height: 22px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 41%, #adadad 85%); background: -webkit-linear-gradient(top,  #ffffff 41%,#adadad 85%); background: linear-gradient(to bottom,  #ffffff 41%,#adadad 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 );}
.compulsory {position: absolute; left: 95%; top: 35%; color: red;}
.OrderConfirTable1 {padding-top:1%;}
.OrderConfirTable2 {padding-top:1.2%;}
.padingtp10 {padding-top:10px; padding-left:0px; padding-right:0px;}
.clrWhite {color:white;}
.marpadd0 {margin: 0; padding: 0;}
.divLayTop {width: 100%; height: 55px; padding-bottom: 3%; padding-top: 0.5%;}
.divNavTop {width:100%; height:100px; border:none;}
.divLogTop {position: relative; top: 30px; right:16%; z-index:100;}
.lblPassword {font-family:'Trebuchet MS' !important; margin-top: 10px; font-size:12px;}
.txtPassword {font-family:'Trebuchet MS' !important;}
.ChangeCategory {border-bottom:2px solid #000; color:#333; text-align:center; font-weight: bold; background: #f1f1f1; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGQzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #f1f1f1 0%, #d4d3d3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#d4d3d3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #f1f1f1 0%,#d4d3d3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #f1f1f1 0%,#d4d3d3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #f1f1f1 0%,#d4d3d3 100%); /* IE10+ */ background: linear-gradient(to bottom,  #f1f1f1 0%,#d4d3d3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d4d3d3',GradientType=0 ); /* IE6-8 */}
.OtherStyle {font-weight:bold; color:#333; text-align: center; background: #f1f1f1; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGQzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #f1f1f1 0%, #d4d3d3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#d4d3d3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #f1f1f1 0%,#d4d3d3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #f1f1f1 0%,#d4d3d3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #f1f1f1 0%,#d4d3d3 100%); /* IE10+ */ background: linear-gradient(to bottom,  #f1f1f1 0%,#d4d3d3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d4d3d3',GradientType=0 ); /* IE6-8 */}
.pdfstyle {background: -moz-linear-gradient(271deg, #808080 0%, #ffffff 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #808080), color-stop(100%, #ffffff)); /* safari4+,chrome */ background: -webkit-linear-gradient(271deg, #808080 0%, #ffffff 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(271deg, #808080 0%, #ffffff 100%); /* opera 11.10+ */ background: -ms-linear-gradient(271deg, #808080 0%, #ffffff 100%); /* ie10+ */ background: linear-gradient(179deg, #808080 0%, #ffffff 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */}
/*Media Query*/
/*08-10-2015*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
/*08-10-2015*/
.textQtyStep3 {margin-left: 8%;}
.marginlft {margin-left: 38%;}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1290px) and (max-width : 1420px) {
.marginlft {margin-left: 48%;}
.scrollingTableInner {width: 100%;}
}
@media only screen and (min-width : 1180px) and (max-width : 1290px) {
.marginlft {margin-left: 42%;}
.scrollingTableInner {width: 98%;}
}
@media only screen  and (min-width : 1024px) and (max-width : 1180px) {
/* Styles */
/*08-10-2015*/
.textQtyStep3 {margin-left: 15%;}
.marginlft {margin-left: 42%;}
.scrollingTableInner {width: 98%;}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.marginlft {margin-left: 38%;}   
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
@media only screen and (min-width : 480px) and (max-width : 620px) {
.logoHW {height:40px; width:120px;}
#divDistrOrderReport {margin-top:5%;}
}

/* table fixedheader ----------- */
.table-fixedheader {width: 100%;}
/*
Set table elements to block mode.  (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
.table-fixedheader, .table-fixedheader>thead, .table-fixedheader>tbody, .table-fixedheader>thead>tr, .table-fixedheader>tbody>tr, .table-fixedheader>thead>tr>th, .table-fixedheader>tbody>td {display: block;}
.table-fixedheader>thead>tr:after, .table-fixedheader>tbody>tr:after {content:' '; display: block; visibility: hidden; clear: both;}
/*
When scrolling the table, actually it is only the tbody portion of the
table that scrolls (not the entire table: we want the thead to remain
fixed).  We must specify an explicit height for the tbody.  We include
100px as a default, but it can be overridden elsewhere.

Also, we force the scrollbar to always be displayed so that the usable
width for the table contents doesn't change (such as becoming narrower
when a scrollbar is visible and wider when it is not).
*/
.table-fixedheader>tbody {overflow-y: scroll; height: 100px;}
/*
We really don't want to scroll the thead contents, but we want to force
a scrollbar to be displayed anyway so that the usable width of the thead
will exactly match the tbody.
*/
.table-fixedheader>thead {overflow-y: scroll;}
/*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible.  (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
.table-fixedheader>thead::-webkit-scrollbar {background-color: inherit;}
.table-fixedheader>thead>tr>th:after, .table-fixedheader>tbody>tr>td:after {content:' '; display: table-cell; visibility: hidden; clear: both;}
/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/

.table-fixedheader>thead tr th, .table-fixedheader>tbody tr td {word-wrap:break-word;}
.fot-list ul li {display:inline-block;}
.fot-list ul {margin-left:3%;}
.homeicon {width:25px; height:25px;}
.new-image-hover {width:300px; height:365px; border:1px solid #000; position:absolute; top: -358px; left: 100px; z-index:9999; display:none;}
.newarivalCont {height:80px;top:10px;}
.new-image:hover {border:1px solid #000; }
.dataTables_empty {border-top:1px solid #000 !important;}