@import url("/CSS/imports/global.css");
@import url("/CSS/imports/reset.css");

/* jQuery Browser Sniffer */
.browserIE, .browserIE6, .browserIE7, .browserIE8, .browserChrome, .browserSafari, .browserFirefox { }


/* Main Settings and Containers 
----------------------------------------*/
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { background: #EAEAEA; zoom: 1; font-size: 13px; padding: 35px 0 0; }
.container { position: relative; margin: 0 auto; width: 96%; min-width: 768px; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.hidescreen { display: none; }
.fullLoadingOverlay { position:fixed; z-index:10000; top:0; left:0; width:100%; height: 100%; margin:0; padding:0; background: #FFF url("/images/loading.gif") center center no-repeat; }


/* Grid
----------------------------------------*/
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 2%; float: left; }
.onecol { width: 6.5%; }
.twocol { width: 15%; }
.threecol { width: 23.5%; }
.fourcol { width: 32%; }
.fivecol { width: 42.5%; }
.sixcol { width: 49%; }
.sevencol { width: 55.5%; }
.eightcol { width: 66%; }
.ninecol { width: 74.5%; }
.tencol { width: 83%; }
.elevencol { width: 91.5%; }
.twelvecol { width: 100%; float: left; }
.last { margin-right: 0px; }


/* Login
----------------------------------------*/
.default .container { width: 50%; min-width: 280px; }
ul.login { list-style: none; margin: 0; padding: 0; }
ul.login li { margin: 0 0 20px; }
ul.login li:last-child, ul.login li p { margin: 0; }
ul.login li label { font: 400 15px/18px "Open Sans", Arial, sans-serif; color: #505050; display: block; margin: 0 0 10px; padding: 0; }
ul.login li input.text { border-radius: 2px; width: 100%; font: 300 14px "Open Sans", Arial, sans-serif; color: #000; border: 1px solid #CCC; background: #FAFAFA; box-shadow: inset 0 1px 2px rgba(0,0,0,.15); padding: 10px; }
ul.login li input.text:focus { background: #FFF; }
ul.login li span.k-tooltip { margin: 5px 0 0; padding: 7px; }
ul.login li span.error-status { display: none; }
ul.login li input.button { padding: 10px 0; text-align: center; font-weight: bold; font-size: 15px; width: 50%; margin: 45px auto 0; display: block; cursor: pointer; }


/* Header 
----------------------------------------*/
.bg-top { position: fixed; opacity: .98; top: 0; width: 100%; z-index: 100; display: block; background: #4c4c4c; background: -moz-linear-gradient(top,  #4c4c4c 0%, #3c3c3c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#3c3c3c)); background: -webkit-linear-gradient(top,  #4c4c4c 0%,#3c3c3c 100%); background: -o-linear-gradient(top,  #4c4c4c 0%,#3c3c3c 100%); background: -ms-linear-gradient(top,  #4c4c4c 0%,#3c3c3c 100%); background: linear-gradient(to bottom,  #4c4c4c 0%,#3c3c3c 100%); box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 -1px 1px rgba(0,0,0,.1); border-bottom: 1px solid #202020; }


/* Main Navigation
----------------------------------------*/
ul.navigation { list-style: none; margin: 0; padding: 0; height: 34px; }
ul.navigation li { float: left; height: 35px; position: relative; margin: 0 5px; font: 600 13px/24px "proxima-nova", Arial, sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.5); }
ul.navigation li a { display: block; color: #FFF; text-decoration: none; padding: 5px 10px; border-left: 1px solid transparent; border-right: 1px solid transparent; }
ul.navigation li a:hover { background: #6c6c6c; background: -moz-linear-gradient(top,  #6c6c6c 0%, #505050 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6c6c), color-stop(99%,#505050)); background: -webkit-linear-gradient(top,  #6c6c6c 0%,#505050 99%); background: -o-linear-gradient(top,  #6c6c6c 0%,#505050 99%); background: -ms-linear-gradient(top,  #6c6c6c 0%,#505050 99%); background: linear-gradient(to bottom,  #6c6c6c 0%,#505050 99%); border-left: 1px solid #2C2C2C; border-right: 1px solid #2C2C2C; box-shadow: inset 0 -1px 1px rgba(255,255,255,.05); }
ul.navigation li a.home { text-indent: -9999em; background: url("/images/icon-home.png") left 10px no-repeat; border: 0; }
ul.navigation li a.home:hover { background-position: left -26px; }
ul.navigation li.standOut a { border: 1px solid #478b33; border-top: 0; background: #87cc59; background: -moz-linear-gradient(top,  #87cc59 0%, #5ba346 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87cc59), color-stop(100%,#5ba346)); background: -webkit-linear-gradient(top,  #87cc59 0%,#5ba346 100%); background: -o-linear-gradient(top,  #87cc59 0%,#5ba346 100%); background: -ms-linear-gradient(top,  #87cc59 0%,#5ba346 100%); background: linear-gradient(to bottom,  #87cc59 0%,#5ba346 100%); color: #FFF; text-shadow: 0 1px 1px rgba(0,0,0,.35); margin: 6px 0 0; padding: 3px 7px; font-family: "proxima-nova", Arial, sans-serif; font-size: 13px; }
ul.navigation li.standOut a:hover { background: #90d65e; background: -moz-linear-gradient(top,  #90d65e 0%, #60aa49 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90d65e), color-stop(100%,#60aa49)); background: -webkit-linear-gradient(top,  #90d65e 0%,#60aa49 100%); background: -o-linear-gradient(top,  #90d65e 0%,#60aa49 100%); background: -ms-linear-gradient(top,  #90d65e 0%,#60aa49 100%); background: linear-gradient(to bottom,  #90d65e 0%,#60aa49 100%); }
ul.navigation li.floatRight { float: right; }
ul.navigation li ul { display: none; position: absolute; top: 35px; left: 0; background: #272727; width: 225px; list-style: none; margin: 0; padding: 5px; z-index: -1; border: 1px solid #202020; border-top: 0; box-shadow: 0 5px 10px rgba(0,0,0,.5), inset 0 -1px 1px rgba(0,0,0,.1); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
ul.navigation li:hover ul { display: block; }
ul.navigation li li {float: none; display: block; margin: 0 0 5px; height: auto; border: 1px solid transparent; border-radius: 2px; }
ul.navigation li li:last-child { margin: 0; }
ul.navigation li li:hover { background: #43b0f9; background: -moz-linear-gradient(top,  #43b0f9 0%, #4096ee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43b0f9), color-stop(100%,#4096ee)); background: -webkit-linear-gradient(top,  #43b0f9 0%,#4096ee 100%); background: -o-linear-gradient(top,  #43b0f9 0%,#4096ee 100%); background: -ms-linear-gradient(top,  #43b0f9 0%,#4096ee 100%); background: linear-gradient(to bottom,  #43b0f9 0%,#4096ee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b0f9', endColorstr='#4096ee',GradientType=0 );  }
ul.navigation li li a { color: #FFF; text-shadow: none; line-height: normal; padding: 5px; border: 0; }
ul.navigation li li a:hover, ul.navigation li li:hover a { background: none; filter: none; border: 0; color: #FFF; text-shadow: 0 1px 1px rgba(0,0,0,.35); }


/* Sub Navigation
----------------------------------------*/
.subnav { display: block; background: #059345; background: -moz-linear-gradient(top,  #059345 0%, #047e30 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#059345), color-stop(100%,#047e30)); background: -webkit-linear-gradient(top,  #059345 0%,#047e30 100%); background: -o-linear-gradient(top,  #059345 0%,#047e30 100%); background: -ms-linear-gradient(top,  #059345 0%,#047e30 100%); background: linear-gradient(to bottom,  #059345 0%,#047e30 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059345', endColorstr='#047e30',GradientType=0 ); box-shadow: inset 0 -1px 1px rgba(0,0,0,.2), 0 1px 5px rgba(0,0,0,.2); padding: 15px 0 12px; }
.subnav ul { list-style: none; margin: 0; padding: 0; }
.subnav ul li { float: left; line-height: normal; margin: 0 50px 0 0; }
.subnav ul li a { padding: 10px 0 10px 55px; font: 600 13px/normal "proxima-nova", Arial, sans-serif; color: #FFF; text-decoration: none; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.subnav ul li a:hover { color: #EEE; text-decoration: underline; }
.subnav ul li a.create { background: url("/images/menu-icons/icon-customer-add.png") left center no-repeat; }
.subnav ul li a.delete { background: url("/images/menu-icons/icon-customer-delete.png") left center no-repeat; }
.subnav a.logo { opacity: .65; transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; }
.subnav a.logo:hover { opacity: .9; }
.subnav input { float: right; -webkit-appearance: none; border-radius: 50em; width: 30%; background: #FFF; border: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.35), 0 -1px 1px rgba(0,0,0,.5); font: normal 12px/18px Arial, Helvetica, sans-serif; color: #505050; padding: 5px 10px; margin: 10px 0 0; float: right; }


/* Content Area
----------------------------------------*/
.content { display: block; width: 100%; margin: 30px 0; border-radius: 5px; background: #FFF; box-shadow: 0 1px 5px rgba(0,0,0,.1); padding: 20px; }
.content h1 span a { position: absolute; right: 0; top: -3px; color: #FFF; font-size: 13px; font-weight: 600; text-shadow: 0 1px 1px rgba(0,0,0,.3); padding: 10px; }
.main { float: right; width: 76%; position: relative; }
.sidebar { float: left; width: 20%; margin-right: 4%; }


/* Modules
---------------------------------------*/
.module { margin: 0 0 45px; }
.module h2 { margin: 0 0 5px; }
.module p { color: #606060; }
.module a.button { padding: 5px 0; }
.quicklinks ul { list-style: none; margin: 0; padding: 0; }
.quicklinks ul li { display: block; margin: 0 0 5px; }
.quicklinks ul li:last-child { margin: 0; }
.quicklinks ul li a { background: #F0F0F0; background: -moz-linear-gradient(top,  #F0F0F0 1%, #E2E2E2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#F0F0F0), color-stop(100%,#E2E2E2)); background: -webkit-linear-gradient(top,  #F0F0F0 1%,#E2E2E2 100%); background: -o-linear-gradient(top,  #F0F0F0 1%,#E2E2E2 100%); background: -ms-linear-gradient(top,  #F0F0F0 1%,#E2E2E2 100%); background: linear-gradient(to bottom,  #F0F0F0 1%,#E2E2E2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#E2E2E2',GradientType=0 ); border-radius: 3px; border: 1px solid #CCC; box-shadow: inset 0 0 0 1px rgba(255,255,255,.5), inset 0 17px 0 rgba(255,255,255,.45), 0 1px 2px rgba(0,0,0,.1); color: #404040; font: 600 13px/18px "proxima-nova", Arial, sans-serif; text-decoration: none; display: block; padding: 7px; text-shadow: 1px 1px 0 rgba(255,255,255,.5); }
.quicklinks ul li a:hover { border: 1px solid #BBB; background: #F6F6F6; background: -moz-linear-gradient(top,  #F6F6F6 1%, #E9E9E9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#F6F6F6), color-stop(100%,#E9E9E9)); background: -webkit-linear-gradient(top,  #F6F6F6 1%,#E9E9E9 100%); background: -o-linear-gradient(top,  #F6F6F6 1%,#E9E9E9 100%); background: -ms-linear-gradient(top,  #F6F6F6 1%,#E9E9E9 100%); background: linear-gradient(to bottom,  #F6F6F6 1%,#E9E9E9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F6F6', endColorstr='#E9E9E9',GradientType=0 ); }
.quicklinks ul li a img { display: inline-block; vertical-align: top; margin: 1px 10px 0 0; }


/* Footer
---------------------------------------*/
.footer { z-index: 1; text-align: center; margin: 10px 0 0; }
.footer .container { border-top: 1px solid #E0E0E0; padding: 30px 0; }
.footer p { font-family: "proxima-nova", Arial, sans-serif; color: #505050; }


/* Stats Area
---------------------------------------*/
.range { position: absolute; right: 0; top: -7px; font: 600 13px "proxima-nova", Arial, sans-serif; color: #303030; }
.range .text { border-radius: 2px; border: 1px solid #CCC; padding: 5px 7px; width: 200px; font: 600 13px "proxima-nova", Arial, sans-serif; color: #202020; }
.range .right { margin: 0 0 0 20px; }

.statsArea { margin: 0 0 30px; position: relative; }
.statsArea h2 { margin: 0 0 25px; }
.statsArea ul { list-style: none; margin: 0; padding: 0; }
.statsArea ul li { border-bottom: 1px solid #EEE; border-top: 1px solid #EEe; padding: 10px 15px 10px 85px; color: #A0A0A0; text-transform: uppercase; font: 600 12px/14px "proxima-nova", Arial, sans-serif; }
.statsArea ul li span { display: block; font: 300 32px/32px "proxima-nova", Arial, sans-serif; color: #000; letter-spacing: -.05em; }
.statsArea ul li.orders { background: url("/images/stats-icons/icon-bad.png") 15px center no-repeat; }
.statsArea ul li.money { background: url("/images/stats-icons/icon-good.png") 15px center no-repeat; }
.statsArea ul li.members { background: url("/images/stats-icons/icon-good.png") 15px center no-repeat; }
.statsArea ul li.shipped { background: url("/images/stats-icons/icon-neutral.png") 15px center no-repeat; }

.graph { margin-top: 2%; }
.graph h2 { margin: 0 0 20px; }
.graph div { display: block; margin: 0 auto; }


/* Dashboard Orders
----------------------------------------*/
.order-list { margin: 0 0 30px; position: relative; }
.order-list h2 { margin: 0 0 20px; }
.order-list ul { list-style: none; margin: 0; padding: 0; position: absolute; right: 0; top: 0; }
.order-list ul li { float: left; }
.order-list ul li a { display: block; border-radius: 50em; padding: 0 15px; font: 600 13px/24px "proxima-nova", Arial, sans-serif; }
.order-list ul li a.current { text-decoration: none; color: #000; background: #EEE; box-shadow: inset 0 1px 1px rgba(0,0,0,.2); }

/* Create Order - Tabs
----------------------------------------*/
ul.otabs { list-style: none; margin: 25px 0 0; padding: 0; border-bottom: 1px solid #DDD; height: 48px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 85%, #F2F2F2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(85%,#ffffff), color-stop(100%,#F2F2F2)); background: -webkit-linear-gradient(top,  #ffffff 85%,#F2F2F2 100%); background: -o-linear-gradient(top,  #ffffff 85%,#F2F2F2 100%); background: -ms-linear-gradient(top,  #ffffff 85%,#F2F2F2 100%); background: linear-gradient(to bottom,  #ffffff 85%,#F2F2F2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F2F2F2',GradientType=0 ); }
ul.otabs li { float: left; font: 600 14px/18px "proxima-nova", Arial, sans-serif; margin: 0 7px; }
ul.otabs li a { display: block; padding: 15px 15px 12px 35px; text-decoration: none; color: #909090; background: url("/images/heading-icons/tab-icons.png") 0 0 no-repeat; }
ul.otabs li a:hover { color: #202020; }
ul.otabs li a.current { background-color: #FFF; color: #202020; border-top: 2px solid #058f41; border-left: 1px solid #DDD; border-right: 1px solid #DDD; margin: 1px 0 0; }
ul.otabs li.projectinfo a { background-position: 10px 14px; }
ul.otabs li.projectinfo a.current { background-position: 10px -26px; }
ul.otabs li.customerinfo a { background-position: 10px -66px; }
ul.otabs li.customerinfo a.current { background-position: 10px -106px; }
ul.otabs li.billship a { background-position: 10px -145px; }
ul.otabs li.billship a.current { background-position: 10px -185px; }
ul.otabs li.listitems a { background-position: 10px -225px; }
ul.otabs li.listitems a.current { background-position: 10px -265px; }
ul.otabs li.payoptions a { background-position: 10px -304px; }
ul.otabs li.payoptions a.current { background-position: 10px -344px; }
ul.otabs li.contactinfo a { background-position: 10px -384px; }
ul.otabs li.contactinfo a.current { background-position: 10px -425px; }


/* Create Order - Project
----------------------------------------*/
.radioButtons { display: block; margin: 30px 20px; }
.radioButtons label { margin: 0 25px 0 5px; }
.panel { background: #F9F9F9; padding: 20px; } 
.panel.open { display: block !important; }
.panel .text { width: 100%; padding: 7px; border-radius: 2px; border: 1px solid #B0B0B0; box-shadow: inset 0 1px 1px rgba(0,0,0,.1); font: normal 16px "proxima-nova", Arial, sans-serif; color: #202020; opacity: .99; }
.project .text.hasFind, .customer .text.hasFind { float: left; width: 50% !important; }
.panel select.text { padding: 6px; margin: 0; width: 100%; }
.panel .text:focus { border: 1px solid #777; }
div.newproj { padding: 30px; border-radius: 5px; background: #F4F4F4; }
a.next, a.add { float: left; padding: 7px 15px; margin: 15px 10px 0 0; }
a.find { margin: 4px 0 0 10px; float: left; }
.customer h2 { margin: 0 0 25px; }
.panel ul {list-style: none; margin: 0; padding: 0; }
.panel ul li { display: inline-block; vertical-align: top; width: 47%; margin: 0 2% 15px 0; border: 0; }
.panel ul li.full { width: 100%; margin: 0 0 35px; }
.panel ul li.full select.text { width: 47%; }
.panel ul li label { font: 600 14px/18px "proxima-nova", Arial, sans-serif; color: #303030; display: block; padding: 0; margin: 0 0 3px; }
.panel ul li a { float: right; margin: 4px 0 0 0; }
.browserIE7 .panel ul li { *display: inline; }
.customer ul.customer-edit li.clear { height: 0px; display: block; width: 100%; margin: 0; }
.customer ul.customer-edit li > div.cbox label { display: inline; margin: 0 50px 0 10px; }
div.text { background: #FFF; }
div.RadComboBox table { width: 100%; }
div.customer div.RadComboBox table tbody tr td.rcbInputCell, div.project div.RadComboBox table tbody tr td.rcbInputCell { background: none; }
div.customer div.RadComboBox table tbody tr td.rcbArrowCell, div.project div.RadComboBox table tbody tr td.rcbArrowCell { display: none; }
div.customer div.RadComboBox table tbody tr td.rcbInputCell input, div.project div.RadComboBox table tbody tr td.rcbInputCell input { font-size: 14px; }
div.customer div.RadComboBox table tbody,div.customer div.RadComboBox table tbody tr, div.customer div.RadComboBox table tbody tr td, div.project div.RadComboBox table tbody,div.project div.RadComboBox table tbody tr, div.project div.RadComboBox table tbody tr td { float: left; width: 100%; }


/* List Items Table
---------------------------------------*/
.rgEditForm table.table  { margin: 20px 0; }
table.table { border: 1px solid #CCC; width: 100%; margin: 0 0 30px; }
table.table thead th, table.table tr.head td { font: 600 14px/16px "proxima-nova", Arial, Helvetica, sans-serif; background: #f7f7f7; background: -moz-linear-gradient(top,  #f7f7f7 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%); background: -o-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%); background: -ms-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%); background: linear-gradient(to bottom,  #f7f7f7 0%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 ); border-bottom: 1px solid #BBB; box-shadow: inset 0 -1px 0 rgba(255,255,255,.5); padding: 10px 15px; text-shadow: 1px 1px 0 #FFF; }
table.table tbody td { padding: 10px 15px; border-bottom: 1px solid #E8E8E8; font: 600 13px/16px "proxima-nova", Arial, Helvetica, sans-serif; color: #505050; vertical-align: middle; background: #FFF; }
table.table tbody tr:nth-child(even) td { background: #F9F9F9; }
table.table tbody td input { width: 100%; border-radius: 2px; border: 1px solid #BBB; padding: 5px; font: 600 13px "proxima-nova", Arial, sans-serif; }
table.table tbody td input[type=image] { width: 16px; padding: 0; }
table.table tbody input:focus { border: 1px solid #707070; }
table.table tbody td.itemnum { color: #111; }
table.table tbody td.qty input { text-align: center; }
table.table tbody td.delete input { border: 0; padding: 0; border-radius: 0; opacity: .7; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; margin: 4px 0 0; }
table.table tbody td.delete input:hover { opacity: 1; }
table.table tr.edit td { padding: 0; }
table.table tr.edit .buttons a { margin: 0 0 0 5px; border-radius: 2px; text-decoration: none; padding: 5px 10px; font-size: 12px; opacity: .8; }
table.table tr.edit .buttons a:hover { opacity: .99; }
table.table tr.edit .buttons a.cancel { background: #A00; color: #FFF; }
table.table tr.edit .buttons a.save { background: #72a136; color: #FFF; }
/* Double Row Section */
table.table tr.double-row table { width: 100%; }
table.table tr.double-row td { padding: 0; }
table.table tr.double-row td table td { padding: 10px 15px; background: transparent; border: 0; }
table.table tr.double-row table tr:nth-child(even) td { background: transparent; }

.customer-edit h2 { position: relative; }
.customer-edit h2 a.button { position: absolute; top: 0; right: 0; padding: 5px 10px !important; }
/* Order Type */
.ordertype { margin: 0 0 30px; }
.ordertype h2 { background: url("/images/heading-icons/icon-add.png") left center no-repeat; padding: 0 0 0 40px; margin: 0 0 10px; }
.ordertype .last h2 { background: url("/images/heading-icons/icon-add.png") left center no-repeat; padding: 0 0 0 40px; margin: 0 0 10px; }
.ordertype select.text, .ordertype input.text { width: 92%;}
.ordertype input.text { padding: 5px 7px; }
/* Add Product */
.addproduct { margin: 0 0 30px; }
.addproduct h2 { background: url("/images/heading-icons/icon-add.png") left center no-repeat; padding: 0 0 0 40px; margin: 0 0 10px; }
.addproduct a.add { margin: 3px 0 0 10px; }
/* Notes */
.notes { margin: 20px 0 0; }
.notes h2 { background: url("/images/heading-icons/icon-notes.png") left center no-repeat; padding: 0 0 0 40px; margin: 10px 0 20px;  }
/* Order Total */
.total h2 { background: url("/images/heading-icons/icon-total.png") left center no-repeat; padding: 0 0 0 40px; margin: 0 0 25px;  }
.total ul { margin: 20px 0 0; }
.total.yellowbox ul li { width: 17%; margin: 0 2% 0 0; color: #303030; }
.total ul li label { color: #000; border-bottom: 1px solid rgba(0,0,0,.2); padding: 0 0 5px; font-size: 13px; }
.total ul li span.block { margin: 15px 0 0; }
.total ul li label.inline { border: 0; margin: 0 0 0 7px; display: inline; color: #303030; padding: 0; }


/* Uploader
---------------------------------------*/
.upload-file { margin: -15px 0 25px; }
.upload-file ul { width: 100%; }
.upload-file ul li { display: block; padding: 5px 0; border-bottom: 1px solid #EEE; width: 100%; font: normal 13px/18px "proxima-nova", Arial, sans-serif; color: #505050; }
.upload-file ul li input.ruRemove { float: right; }


/* Invoice Table
---------------------------------------*/
.shipinvoice, .totalinvoice { margin: 15px 0 20px; }
.shipinvoice ul, .totalinvoice ul { list-style: none; margin: 0; padding: 0; font: normal 13px/21px "proxima-nova", Arial, sans-serif; color: #000; opacity: .99; }
table.invoice { font: 600 13px "proxima-nova", Arial, sans-serif; width: 100%; }
table.invoice thead th { border-bottom: 1px solid #111; padding: 5px; font: 600 13px "proxima-nova", Arial, sans-serif; }
table.invoice tbody td { padding: 5px; border-bottom: 1px solid #EEE; COLOR: #404040; }
.totalinvoice ul { text-align: right; }
.totalinvoice ul li.total { border-top: 1px solid #000; padding: 5px 0 0; margin: 5px 0 0; }
.totalinvoice ul li.received { margin: 20px 0 0; }
.totalinvoice ul li.due { margin: 5px 0 0; padding: 5px 0 0; border-top: 1px solid #000; font-weight: bold; font-size: 15px; }
.totalinvoice ul li span { float: left; }
a.print { border-radius: 3px; background: #F9F9F9 url("/images/icon-print.png") 10px center no-repeat; border: 1px solid #DDD; padding: 10px 15px 10px 45px; float: left; text-decoration: none !important; font-weight: bold; }
a.print:hover { background-color: #FCFCFC; border-color: #AAA; }
.invoiceheader input[type=submit] { border-radius: 3px; border: 1px solid #AAA; padding: 4px 8px; background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e0e0e0)); background: -webkit-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); background: -ms-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); background: linear-gradient(to bottom, #f9f9f9 0%,#e0e0e0 100%); box-shadow: inset 0 1px 0 #FFF; cursor: pointer; }


/* Grids Skinning
---------------------------------------*/
.RadGrid.RadGrid_Transparent { border: 1px solid #CCC; }
.rgMasterTable tr.rgRow td, .rgMasterTable tr.rgAltRow td { padding: 12px 10px; border: 0; border-bottom: 1px solid #DDD; }
.rgMasterTable tr.rgAltRow td { background: #F9F9F9; }
.rgMasterTable tr th.rgHeader { border: 0; font-weight:bold; background: #f7f7f7; background: -moz-linear-gradient(top,  #f7f7f7 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%); background: -o-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%); background: -ms-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%); background: linear-gradient(to bottom,  #f7f7f7 0%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 ); border-bottom: 1px solid #BBB; box-shadow: inset 0 -1px 0 rgba(255,255,255,.5); padding: 8px; }
.rgMasterTable tr.rgEditRow td { background: #fefcea; background: -moz-linear-gradient(top,  #fefcea 0%, #fff0b2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#fff0b2)); background: -webkit-linear-gradient(top,  #fefcea 0%,#fff0b2 100%); background: -o-linear-gradient(top,  #fefcea 0%,#fff0b2 100%); background: -ms-linear-gradient(top,  #fefcea 0%,#fff0b2 100%); background: linear-gradient(to bottom,  #fefcea 0%,#fff0b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#fff0b2',GradientType=0 ); padding: 10px; border: 0; border-bottom: 1px solid #EAAB2C; }

.rgEditForm { padding: 15px; max-width: 100%; background: #FCFCFC; box-shadow: inset 0 0 25px rgba(0,0,0,.075); }
.rgEditForm table { background: transparent !important; }
.rgEditForm table > tbody tr td > table { width: 100%; }
.rgMasterTable > tbody tr td[colspan="7"] { padding: 0; }
ul.table-edit { list-style: none; margin: 0; padding: 0; width: 100%; }
ul.table-edit li { float: left; vertical-align: top; width: 23.5%; margin: 0 2% 2% 0; height: 82px; }
ul.table-edit li:nth-child(4n) { margin: 0 0 2%; }
ul.table-edit li label { padding: 0; font: bold 12px/18px Arial, Helvetica, sans-serif; display: block; margin: 0 0 5px; }
ul.table-edit li input { border-radius: 2px; width: 90%; box-shadow: inset 0 1px 2px rgba(0,0,0,.05); border: 1px solid #BBB; font: normal 13px "proxima-nova", Arial, sans-serif; padding: 7px; color: #505050; }
ul.table-edit li input:focus { border: 1px solid #999; }
ul.table-edit li span.edit-error { display: block; color: #D00; font-size: 11px !important; margin: 3px 0 0; }
ul.table-edit li span.edit-success { display: block; color: #090; font-size: 11px !important; font-weight:bold; margin: 3px 0 0; }


/* Table */
ul.table { list-style: none; width: 100%; border: 1px solid #ccc; margin: 20px 0; padding: 0; font-size: 0;}
ul.table li { display: inline-block; position: relative; vertical-align: middle; width: 16.666666666666%; padding: 10px; border-bottom: 1px solid #E8E8E8; font-size: 13px; line-height: 24px; background: #FFF; }
ul.table li.zindex { z-index: 20; }
ul.table li:nth-child(18), ul.table li:nth-child(17), ul.table li:nth-child(16), ul.table li:nth-child(15), ul.table li:nth-child(14), ul.table li:nth-child(13) { background: #F9F9F9; }
ul.table li.head { font-weight:bold; background: #f7f7f7; background: -moz-linear-gradient(top,  #f7f7f7 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%); background: -o-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%); background: -ms-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%); background: linear-gradient(to bottom,  #f7f7f7 0%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 ); border-bottom: 1px solid #BBB; box-shadow: inset 0 -1px 0 rgba(255,255,255,.5); padding: 5px 10px; }
ul.table li a { z-index: 2; position: relative; }
ul.table li ul { display: none; position: absolute; right: 33px; top: 10px; background: #FFF; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid #AAA; z-index: 1; list-style: none; margin: 0; padding: 0; width: 175px; }
ul.table li li { display: block; width: 100%; padding: 0; text-align: left; border: 0; }
ul.table li li a { display: block; color: #063; padding: 3px 5px 3px 20px; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #101010; text-decoration: none; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
ul.table li li a:hover { border-bottom: 1px solid #3688dc; border-top: 1px solid #3688dc; background: #63c0ff; color: #FFF; }

/* Create Order - Order List 
----------------------------------------*/
.yellowbox { border: 1px solid #cfcb8d; background: #fffcca; padding: 15px; margin: 0 0 10px; opacity: .99; }
.orders ul.table li, .orders ul.table li:nth-child(6n) { width: 15%; }
.orders ul.table li:nth-child(2), .orders ul.table li:nth-child(8), .orders ul.table li:nth-child(14), .orders ul.table li:nth-child(20) { width: 25%; }
.yellowbox ul { list-style: none; margin: 0; padding: 0; }
.yellowbox ul li { display: inline-block; vertical-align: top; width: 22%; margin: 0 2% 2% 0; font: normal 13px/18px "proxima-nova", Arial, sans-serif; }
.yellowbox ul li strong { display: block; border-bottom: 1px solid #cfcb8d; padding: 0 0 4px; margin: 0 0 4px; }
.shipping ul { list-style: none; margin: 0; padding: 0; }
.shipping ul li { display: block; font: normal 13px/18px "proxima-nova", Arial, sans-serif; }
.shipping ul li strong { display: block; }
.shipping.yellowbox ul li { width: 100%; }
ul.address-add { margin: 35px 0 0; }
ul.address-add li { display: block; width: 100%; margin: 0 0 10px; }
.panel ul li a.silver { float: left; margin: 15px 10px 0 0; }

/* Create Order - Payment Options
----------------------------------------*/
.pay { margin: 0 0 20px; }
.pay a.button { padding: 9px 12px; margin: 0 0 0 15px; }
.payment select.text { width: 45%; }
.payment a.green { width: 25%; padding: 10px 0; font-size: 15px; }

/* Create Order - Order Notes
----------------------------------------*/
.notes textarea { width:100%; border-radius: 2px; border: 1px solid #B0B0B0; box-shadow: inset 0 1px 1px rgba(0,0,0,.1); padding: 7px; height: 100px; font: normal 16px "proxima-nova", Arial, sans-serif; color: #202020; opacity: .99; }

/* Create Order - Completed Sections
----------------------------------------*/
.panel.complete h2, h2.paneltab { padding: 15px 20px 15px 50px; margin: 0; background: url("/images/menu-icons/create-order-icons.png") left top no-repeat; }
h2.paneltab { border-bottom: 1px solid #DDD; }
h2.paneltab.complete, .panel.complete h2 { color: #A0A0A0; margin: 0; }
h2.paneltab.complete span, .panel.complete h2 span { color: #808080; }
.panel.complete { background-color: #FFF; border-bottom: 1px solid #DDD; padding: 0; }
.panel.complete .yellowbox, .panel.complete .indent { margin: 0 0 15px 50px; }
.panel.complete .yellowbox h2 { color: #303030; background: none; padding: 0; margin: 0 0 15px; }
.panel.complete.billing .yellowbox li { margin: 0; }

h2.projecth2 { background-position: 0 -449px; }
.panel.complete h2.projecth2 { background-position: 0 -499px; }
h2.customerh2 { background-position: 0 12px; }
.panel.complete h2.customerh2 { background-position: 0 -38px; }
h2.contacth2 { background-position: 0 -87px; }
.panel.complete h2.contacth2 { background-position: 0 -137px; }
h2.billingh2 { background-position: 0 -568px; }
.panel.complete h2.billingh2 { background-position: 0 -618px; }
h2.listitemsh2 { background-position: 0 -318px; }
.panel.complete h2.listitemsh2 { background-position: 0 -378px; }
h2.notesh2 { background-position: 0 -197px; }
.panel.complete h2.notesh2 { background-position: 0 -259px; }
h2.paymenth2 { background-position: 0 -688px; }

/* Ordering Sidebar Widgets
----------------------------------------*/
.widget { margin: 0 0 30px; border: 1px solid #acd0e9; background: #eef7fe; padding: 15px; }
.widget h2 { margin: 0 0 15px; padding: 0 0 10px; border-bottom: 1px solid #acd0e9; }
.newproj input { padding: 8px; border-radius: 2px; border: 1px solid #C0C0C0; box-shadow: inset 0 1px 1px rgba(0,0,0,.1); width: 100%; }
.newproj input:focus { border: 1px solid #888; }

/* Order List and Details
----------------------------------------*/
ul.details { list-style: none; margin: 0; padding: 0; }
ul.details li { display: inline-block; vertical-align: top; width: 31%; margin: 0 2% 15px 0; }
ul.details li.full { width: 100%; margin: 0 0 15px; }
ul.details li label { display: block; padding: 0; margin: 0 0 3px; font: 600 13px/18px "proxima-nova", Arial, sans-serif; color: #303030; }
ul.details li .text { border-radius: 2px; padding: 5px 7px; border: 1px solid #C0C0C0; box-shadow: inset 0 1px 1px rgba(0,0,0,.1); width: 100%; }
.text.hasFind { width: 90% !important; }
ul.details li .text:focus { border: 1px solid #888; }
ul.details li textarea.text { width: 100%; height: 100px; }
ul.details li a { float: right; margin: 1px 0 0; }
.browserIE7 ul.details li { *display: inline; }

/* Sidebar Menu
----------------------------------------*/
ul.link-tabs { list-style: none; margin: 0 0 30px; padding: 0; }
ul.link-tabs li { font: 600 16px/24px "proxima-nova", Arial, sans-serif; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #EEE; }
ul.link-tabs > li > a { text-decoration: none; color: #101010; display: block; padding: 0 0 0 35px; background: url("/images/menu-icons/accordion-icons.png") left top no-repeat; }
ul.link-tabs li a:hover { text-decoration: underline;}
ul.link-tabs > li.current > a { color: #048436; }
/* Icons */
ul.link-tabs li a.customers { background-position: 0 -61px; }
ul.link-tabs li a.customers:hover, ul.link-tabs li.current a.customers { background-position: 0 -93px; }
ul.link-tabs li a.manufacturers { background-position: 0 -126px; }
ul.link-tabs li a.manufacturers:hover, ul.link-tabs li.current a.manufacturers { background-position: 0 -158px; }
ul.link-tabs li a.orders { background-position: 0 2px; }
ul.link-tabs li a.orders:hover, ul.link-tabs li.current a.orders { background-position: 0 -30px; }
ul.link-tabs li a.products { background-position: 0 -190px; }
ul.link-tabs li a.products:hover, ul.link-tabs li.current a.products { background-position: 0 -222px; }

ul.link-tabs li > ol { display: none; list-style: none; margin: 0; padding: 10px 0; }
ul.link-tabs li > ol.openmenu { display: block; }
ul.link-tabs li > ol li { font: 600 13px/28px "proxima-nova", Arial, sans-serif; margin: 0; padding: 0; border: 0; }
ul.link-tabs li > ol li a { color: #707070; text-decoration: none; display: block; margin: 0 0 0 35px; }
ul.link-tabs li > ol li a:hover { color: #048436; }
ul.link-tabs li > ol li a.current { font-weight: 600; color: #101010; background: url("/images/menu-icons/accordion-current.png") left 6px no-repeat; padding: 0 0 0 30px; margin: 0; }


/* Grid Columns
----------------------------------------*/
.columns { margin: 25px 0 35px; }
.columns .fourcol { padding: 0 2% 0 0; }
.columns .fourcol h2 { margin: 0 0 10px; }
.columns .fourcol p { font: 600 13px/18px "proxima-nova", Arial, sans-serif; color: #808080; }
.columns .fourcol select, .columns .fourcol input, .columns .sixcol input[type="text"] { width: 100%; margin: 0; padding: 5px; border-radius: 2px; border: 1px solid #CCC; }
.columns .sixcol input[type="text"] { width: 75%; padding: 7px; }
.columns .sixcol a.green { border-radius: 3px; padding: 7px 10px; text-decoration: none; margin-left: 10px; }
.columns .fourcol input { padding: 6px; -webkit-appearance: none; }
.columns .fourcol select:focus, .columns .fourcol input:focus { border: 1px solid #777; }
.columns .fourcol.last { padding: 0; }
.select-grid h2 { background: url("/images/heading-icons/icon-consumer.png") left center no-repeat; padding: 2px 0 2px 40px; }
.search-grid h2 { background: url("/images/heading-icons/icon-search.png") left center no-repeat; padding: 2px 0 2px 40px; }


/* Manage Consumers
----------------------------------------*/
.customer-edit ul.customer-edit { list-style: none; margin: 0; padding: 0; width: 100%; white-space: normal; }
.customer-edit ul.customer-edit li { display: inline-block; width: 31%; vertical-align: top; margin: 0 2% 2% 0; }
.customer-edit ul.customer-edit li.full { display: block; width: 100%; margin: 0 0 2%; }
.customer-edit ul.customer-edit li.clear { display: block; margin: 0; width: 100%; height: 0px; }
.customer-edit ul.customer-edit li label { display: block; padding: 0 0 3px; }
.customer-edit ul.customer-edit li input.text { border-radius: 2px; padding: 5px 7px; width: 100%; border: 1px solid #BBB; }
.customer-edit ul.customer-edit li select { border-radius: 2px; padding: 4px; width: 100%; border: 1px solid #BBB; }
.customer-edit ul.customer-edit li > div.cbox { float: left; margin: 0 30px 0 0; }
.customer-edit ul.customer-edit li > div.cbox label { display: inline; margin: 0 50px 0 10px; }


/* Manage Orders
----------------------------------------*/
/*table.noTopTr tr.rgCommandRow { display: none; }*/
.po-tip { display: none; border-radius: 3px; background: #404040; padding: 10px; width: 350px; height: auto; color: #FFF; font-size: 12px; position: absolute; bottom: 110%; left: 50%; margin-left: -150px; box-shadow: 0 0 15px rgba(0,0,0,.2); opacity: .95; }
.po-tip ul { list-style: none; margin: 0; padding: 0; position: relative !important; top: auto !important; right: auto !important; }
.po-tip ul li { float: none !important; font-size: 12px; color: #fff; }
.po-tip ul li b { color: #d0d0d0; }

.payment-tip { display: none; border-radius: 3px; background: #404040; padding: 10px; width: 450px; height: auto; color: #FFF; font-size: 12px; position: absolute; bottom: 110%; left: 50%; margin-left: -150px; box-shadow: 0 0 15px rgba(0,0,0,.2); opacity: .95; }
.payment-tip ul { list-style: none; margin: 0; padding: 0; position: relative !important; top: auto !important; right: auto !important; }
.payment-tip ul li { float: none !important; font-size: 12px; color: #fff; }
.payment-tip ul li b { color: #d0d0d0; }

.ponumber span { position: relative; }
.ponumber span:hover div.po-tip { display: block; }
.ponumber span:hover div.payment-tip { display: block; }
ul.finish-order { list-style: none; margin: 0; padding: 0; }
ul.finish-order li { float: left; width: 48%; margin-right: 2%; margin-bottom: 10px; }
ul.finish-order li label { display: block; padding: 5px 0; }
ul.finish-order li.finish-date div, ul.finish-order li.finish-date div table { width: 90% !important; }
ul.finish-order li.finish-date div table input[type=text] { border-radius: 3px; border: 1px solid #CCC; padding: 5px; height: auto !important; }


/* New Account
----------------------------------------*/
.loginscreen ul.form { list-style: none; margin: 0; padding: 0; }
.loginscreen ul.form li { float: left; width: 33%; margin: 0 0 25px; }
.loginscreen ul.form li.full { width: 100%; }
.loginscreen ul.form li label { display: block; padding: 0; }
.loginscreen ul.form li input[type=text], .loginscreen ul.form li input[type=password] { width: 65%; border-radius: 3px; padding: 5px; border: 1px solid #CCC; }
.loginscreen ul.form li input.submit { padding: 7px 15px; cursor: pointer; }
.loginscreen div label { display: block; padding: 0; margin: 0 0 3px; }
.loginscreen div input[type=text], .loginscreen div input[type=password] { width: 300px; border-radius: 3px; padding: 5px; border: 1px solid #CCC; margin: 0 0 20px; }
.loginscreen div .submit { padding: 7px 15px; margin: 0 0 15px; }


/* Buttons
----------------------------------------*/
.button.rounded { border-radius: 50em; -moz-border-radius: 50em; -webkit-border-radius: 50em; }
.button { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px 0; text-align: center; display: block; text-decoration: none !important; font: bold 12px/normal Arial, Helvetica, sans-serif; }
.orange { border: 1px solid #e88f23; background: #f9c667; background: -moz-linear-gradient(top,  #f9c667 0%, #f79621 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621)); background: -webkit-linear-gradient(top,  #f9c667 0%,#f79621 100%); background: -o-linear-gradient(top,  #f9c667 0%,#f79621 100%); background: -ms-linear-gradient(top,  #f9c667 0%,#f79621 100%); background: linear-gradient(to bottom,  #f9c667 0%,#f79621 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );color: #774C1B !important; text-shadow: 1px 1px 0 rgba(255,255,255,.15) !important; }
.orange:hover { background: #ffd289; background: -moz-linear-gradient(top,  #ffd289 1%, #f9a339 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffd289), color-stop(100%,#f9a339)); background: -webkit-linear-gradient(top,  #ffd289 1%,#f9a339 100%); background: -o-linear-gradient(top,  #ffd289 1%,#f9a339 100%); background: -ms-linear-gradient(top,  #ffd289 1%,#f9a339 100%); background: linear-gradient(to bottom,  #ffd289 1%,#f9a339 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd289', endColorstr='#f9a339',GradientType=0 ); }
.green { border: 1px solid #046635; background: #059345; background: -moz-linear-gradient(top,  #059345 0%, #047e30 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#059345), color-stop(100%,#047e30)); background: -webkit-linear-gradient(top,  #059345 0%,#047e30 100%); background: -o-linear-gradient(top,  #059345 0%,#047e30 100%); background: -ms-linear-gradient(top,  #059345 0%,#047e30 100%); background: linear-gradient(to bottom,  #059345 0%,#047e30 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059345', endColorstr='#047e30',GradientType=0 ); box-shadow: inset 0 -1px 0 rgba(0,0,0,.5); color: #FFF !important; text-shadow: 0 1px 2px rgba(0,0,0,.3) !important; }
.green:hover { background: #06a543; background: -moz-linear-gradient(top,  #06a543 0%, #058938 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06a543), color-stop(100%,#058938)); background: -webkit-linear-gradient(top,  #06a543 0%,#058938 100%); background: -o-linear-gradient(top,  #06a543 0%,#058938 100%); background: -ms-linear-gradient(top,  #06a543 0%,#058938 100%); background: linear-gradient(to bottom,  #06a543 0%,#058938 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06a543', endColorstr='#058938',GradientType=0 ); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), inset 0 -1px 0 rgba(0,0,0,.5); }
.blue { background: #5cc2f9; background: -moz-linear-gradient(top,  #5cc2f9 0%, #10a1e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cc2f9), color-stop(100%,#10a1e5)); background: -webkit-linear-gradient(top,  #5cc2f9 0%,#10a1e5 100%); background: -o-linear-gradient(top,  #5cc2f9 0%,#10a1e5 100%); background: -ms-linear-gradient(top,  #5cc2f9 0%,#10a1e5 100%); background: linear-gradient(to bottom,  #5cc2f9 0%,#10a1e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cc2f9', endColorstr='#10a1e5',GradientType=0 ); border: 1px solid #0E9AD1; color: #FFF !important; text-shadow: 0 1px 1px rgba(0,0,0,.35) !important; }
.blue:hover { background: #5ed1ff; background: -moz-linear-gradient(top,  #5ed1ff 0%, #10b2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ed1ff), color-stop(100%,#10b2f2)); background: -webkit-linear-gradient(top,  #5ed1ff 0%,#10b2f2 100%); background: -o-linear-gradient(top,  #5ed1ff 0%,#10b2f2 100%); background: -ms-linear-gradient(top,  #5ed1ff 0%,#10b2f2 100%); background: linear-gradient(to bottom,  #5ed1ff 0%,#10b2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ed1ff', endColorstr='#10b2f2',GradientType=0 ); }
.silver { background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); border: 1px solid #AAA; text-shadow: 1px 1px 0 #FFF !important; box-shadow: inset 0 0 0 1px #FFF, inset 0 16px 0 rgba(255,255,255,1); }
.silver:hover { background: #FFF; filter: none; color: #528b30; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
.red { background: #d13e3e; background: -moz-linear-gradient(top,  #d13e3e 0%, #ba2525 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d13e3e), color-stop(100%,#ba2525)); background: -webkit-linear-gradient(top,  #d13e3e 0%,#ba2525 100%); background: -o-linear-gradient(top,  #d13e3e 0%,#ba2525 100%); background: -ms-linear-gradient(top,  #d13e3e 0%,#ba2525 100%); background: linear-gradient(to bottom,  #d13e3e 0%,#ba2525 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d13e3e', endColorstr='#ba2525',GradientType=0 ); border: 1px solid #900; color: #FFF !important; box-shadow: inset 0 -1px 0 rgba(0,0,0,.5); text-shadow: 0 1px 2px rgba(0,0,0,.35) !important; }
.red:hover { background: #e24444; background: -moz-linear-gradient(top,  #e24444 0%, #d32a2a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e24444), color-stop(100%,#d32a2a)); background: -webkit-linear-gradient(top,  #e24444 0%,#d32a2a 100%); background: -o-linear-gradient(top,  #e24444 0%,#d32a2a 100%); background: -ms-linear-gradient(top,  #e24444 0%,#d32a2a 100%); background: linear-gradient(to bottom,  #e24444 0%,#d32a2a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e24444', endColorstr='#d32a2a',GradientType=0 ); box-shadow: inset 0 -1px 0 rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.1); }


/* Overlays
----------------------------------------*/
.overlay { display: none; border-radius: 5px; background: #FFF; box-shadow: 0 0 20px rgba(0,0,0,.5); width: 50%; }
.overlay h1 { opacity: .99; top: 0; width: 100%; z-index: 100; display: block; background: #059345; background: -moz-linear-gradient(top,  #059345 0%, #047e30 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#059345), color-stop(100%,#047e30)); background: -webkit-linear-gradient(top,  #059345 0%,#047e30 100%); background: -o-linear-gradient(top,  #059345 0%,#047e30 100%); background: -ms-linear-gradient(top,  #059345 0%,#047e30 100%); background: linear-gradient(to bottom,  #059345 0%,#047e30 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059345', endColorstr='#047e30',GradientType=0 ); box-shadow: inset 0 -1px 1px rgba(0,0,0,.2), 0 1px 5px rgba(0,0,0,.2); border-top-left-radius: 3px; border-top-right-radius: 3px; color: #FFF; padding: 10px 20px; font: normal 15px/24px "Open Sans", Arial, sans-serif; text-shadow: 0 -1px 1px rgba(0,0,0,.5); }
.overlay-body { padding: 20px; }
.overlay .close { top: 10px; right: 10px; width: 24px; height: 24px; background: url("/images/close.png") left top no-repeat; cursor: pointer; position: absolute; z-index: 1; display: block; }
.overlay .close:hover { background-position: 0 -24px; }
.overlay input[type=text] { border-radius: 3px; padding: 5px; border: 1px solid #CCC; color: #505050; }


/* PO Order */
ul.col3 li div.RadComboBox table tr td.rcbArrowCell { display: block; }
ul.col3 li.po-order input[type=text], ul.col3 li input[type=text].rcbInput { padding: 0; border: 0; }
ul.col3 li input[type=text], ul.col3 li select { margin: 2px 0; border-radius: 3px; padding: 4px; border: 1px solid #CCC; }
ul.col3 li select { padding: 3px; }


/* Sales Report */
table.table tr.totals td { color: #093; }


/* Errors */
.red {color:#F00;}
.info, .valid, .warning, .errors, .validation { border: 1px solid; margin: 10px 0px; padding:8px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url(../images/Info.png); }
.valid { color: #4F8A10; background-color: #DFF2BF; background-image:url(../images/ValidGreen.png); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url(../images/Attention.png); }
.errors { color: #D8000C; background-color: #FFBABA; background-image: url(../images/Cancel.png); }
.validation { color: #D63301; background-color: #FFCCBA; background-image: url(../images/RemoveRed.png); }
.error { height:15px; background-color:#FFFE36; border:1px solid #E1E16D; font-size:11px; color:#000; padding:3px 10px 3px; margin-left:-2px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; }
.error p { margin:0; }
.error { margin:0 0 2px; padding:2px 6px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.error em { border:10px solid; border-color:#FFFE36 transparent transparent; bottom:-20px; display:block; height:0; left:60px; position:absolute; width:0; }
.errorMessage { opacity: .95; margin: 0 0 15px; border: 1px solid #e5c3c3 !important; box-shadow: 0 1px 5px rgba(0,0,0,.1); border-radius: 2px; padding: 15px 15px 15px 66px !important; background: #f5e5e5 url("/images/bg_error.gif") 10px center no-repeat !important; }
.errorMessage p, .okMessage p { font: bold 13px/18px Arial, Helvetica, sans-serif; margin: 0; }
.errorMessage p { color: #900; }
.errorMessage ul { list-style: outside disc !important; padding: 0 0 0 30px; font-size: 13px; line-height: 18px; margin: 0; text-shadow: #FFF 1px 1px 1px; }
.errorMessage ul li { width: 100% !important; margin: 0 !important; color: #900 !important; font: bold 13px/18px Arial, Helvetica, sans-serif; display: list-item; }
.okMessage { opacity: .95; border: 1px solid #c2dc9d !important; box-shadow: 0 1px 5px rgba(0,0,0,.1); border-radius: 2px; padding: 15px 15px 15px 66px !important; background: #e2f9c1 url("/images/exclamation_sent.jpg") 10px center no-repeat !important; margin: 0 0 15px; }
.okMessage p { color: #3e5024; }
.okMessage ul { font: bold 13px/18px Arial, Helvetica, sans-serif; color: #3e5024; margin: 0; }


/* Typography 
----------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea { font-family: Arial, Helvetica, sans-serif; }
/* --- Headings --- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Proxima-nova", Arial, sans-serif; }
h1 { color:#101010; font-size: 30px; margin:0 0 .5em 0; padding: 0 0 .5em; font-weight: 300; border-bottom: 1px solid #EEE; }
h2 { color:#404040; font-size: 21px; margin:0.5em 0; font-weight: 600; }
h3 { color:#048436; font-size: 1.5em; margin:0.5em 0; }
h4 { color:#222; font-size: 1.4em; margin:0.5em 0; }
h5 { color:#d42e00; font-size: 1.0em; margin:0.5em 0; }
h6 { color:#666666; font-size: 1.0em; margin:0.5em 0; }
/* --- Text Elements --- */
p { font-size: 13px; line-height: 24px; margin: 0 0 1em; }
abbr, acronym { border-bottom: 1px dotted #000; cursor:help; }
del { color: #000; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
hr { color:#CCC; margin:20px; }
table { font-size: 13px; }
/* --- Lists --- */
ul, ol, dl { font-size: 13px; line-height: 24px; list-style-position:outside; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
li li { font-size: 13px; }
label { font-size: 13px; font-weight: bold; padding: 5px; }
	
/* ---------------- a Tags ---------------- */
a { color: #528b30; text-decoration: underline; }
a:link { text-decoration: underline; color: #528b30; }
a:visited { text-decoration: underline; color: #528b30; }
a:hover { text-decoration: none; color: #303030; }
a:active { text-decoration: underline; }
a.noLink { text-decoration:none; color:#333; cursor:text; font-weight:bold; }
a.noLink:hover { color:#333; }

.mobilemenu, .mobilelink { display: none; }


/* Manage Orders 
------------------------------------------ */
.pagebuttons { margin: 20px 0 30px; }
.pagebuttons a.prev { float: left; }
.pagebuttons a.next { float: right; }
ul.col4 { list-style: none; margin: 0; padding: 0; }
ul.col4 li { float: left; width: 25%; margin: 0 0 10px; }
ul.col4 li label { display: block; padding: 0; }
ul.col4 li div.RadPicker { width: 95% !important; }
ul.col4 li div.RadPicker table.rcTable { width: 95% !important; }
ul.col3 { margin: 0; padding: 0; list-style: none; }
ul.col3 li { float: left; width: 33%; margin: 0 0 10px; height: 50px; }
ul.col3 li label { padding: 0; display: block; }
table.table tr td a.nomargin { margin: 0 !important; }
table.reset { width: auto !important; }
table.reset td { padding: 0 !important; border: 0 !important; }


/* Look Ahead Search --------------------*/
.siteSearchInput{
    width: 350px !important;
}
.LookAheadOutput 
{
    z-index:99999999; 
    position:absolute; 
    display:none; 
    background:#0d562c; 
    right:0px; 
    font: normal 13px Arial, Verdana, sans-serif;
    color: #FFFFFF;
    text-shadow: none; 
    top: 36px;
    right: 10px;
    width: 330px; 
	border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0,0,0,.75);
}


.LookAheadOutput .LookAheadBorderBottom { border-bottom:1px solid #DDD; }
.LookAheadOutput .LookAheadBorderTop { border-top:1px solid #DDD; }
.LookAheadOutput .LookAheadTDImage { vertical-align:top; }
.LookAheadOutput .LookAheadTDText { vertical-align:top; padding-left:5px; border-bottom:1px solid #048A3C; }
.LookAheadOutput .LookAheadTitle {  font-weight:bold;  font-size: .9em}
.LookAheadOutput .LookAheadDescription { font-size: .9em; font-weight:normal; }
.LookAheadOutput a { text-decoration:none; color: #333; }

#LookAheadOutputDiv { left: 0px; }
.LookAheadTitle {  padding: 2px }
.LookAheadDescription { padding: 2px; }
ul.results { list-style: none; margin: 0; padding: 0; overflow-y: scroll; max-height: 500px; background: #086f35; }
ul.results li { float: none;padding: 10px; cursor: pointer; border-bottom: 1px solid #058e40; margin: 0; } 
ul.results li:hover { background: #0c753a; }
ul.results li .result-title { font-weight: bold; }
ul.results li .result-description { color: #a2d3b3; font-size: 12px; }
.LookAheadOutput a.all, .LookAheadOutput a.close { color: #FFF; font-weight: bold; padding: 10px; font-size: 12px; }


@media only screen and (device-width: 768px) {
.order-list h2 { margin: 0 0 70px; }
.order-list ul { top: 45px; left: 0; right: auto; }
ul.otabs { height: 41px; }
ul.otabs li a { background: none; padding: 10px 9px; }
ul.otabs li a.current { background: #FFF; }
.customer-edit ul.customer-edit li { width: 47%; }
}

@media only screen and (max-width: 768px) {
ul.navigation li { display: none; }
ul.navigation li.mobilelink, ul.navigation li.floatRight { display: block; }
.mobilelink a { width: 15px; height: 35px; background: url("/images/mobilelink.png") left 9px no-repeat; border: 0 !important; padding: 5px 10px 5px 25px !important; }
.mobilelink a:hover, .mobilelink.active { background: url("/images/mobilelink.png") left -21px no-repeat !important;}
.mobilemenu { display: block; position: absolute; left: 0; top: 0; background: #303030; box-shadow: inset 0 0 50px rgba(0,0,0,.5); width: 0; min-height: 100%; z-index: 1; }
.mobilemenu.shift { position: fixed; width: 200px; }
.mobilemenu ul.navigation li { display: block; float: none; padding: 10px; margin: 0 !important; height: auto; border-bottom: 1px solid rgba(0,0,0,.4); border-top: 1px solid rgba(255,255,255,.1); color: #b0b0b0; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,.3); font-size: 11px; line-height: 18px;  }
.mobilemenu ul.navigation li.mobilelink, .mobilemenu ul.navigation li.floatRight, .mobilemenu ul.navigation li.homenav { display: none; }
.mobilemenu ul.navigation li a { cursor: default; float: none; display: block; border: 0; padding: 0; }
.mobilemenu ul.navigation li a:hover { background: none; border: 0; filter: none; box-shadow: none; }
.mobilemenu ul.navigation li ul { padding: 0; width: 100%; display: block; position: relative; top: auto; left: auto; background: none; border: 0; border-radius: 0; box-shadow: none; cursor: pointer; z-index: 10; }
.mobilemenu ul.navigation li ul li { border: 0; padding: 0; }
.mobilemenu ul.navigation li ul li a { display: block; padding: 5px 0; font-size: 12px !important; text-transform: none; color: #5fb84d; background: none; filter: none; cursor: pointer; }
.mobilemenu ul.navigation li li:hover { background: none; filter: none; }
.mobilemenu ul.navigation li ul li a:hover { color: #c0c0c0; }
.mobilemenu ul.navigation li.standOut { background: #202020; padding: 15px 10px; border-top: 0; }
.mobilemenu ul.navigation li a.nav06 { padding: 5px 0 !important; box-shadow: none; margin: 0; cursor: pointer; }
.mobilemenu ul.navigation li a.nav06:hover {  background: #90d65e; background: -moz-linear-gradient(top,  #90d65e 0%, #60aa49 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90d65e), color-stop(100%,#60aa49)); background: -webkit-linear-gradient(top,  #90d65e 0%,#60aa49 100%); background: -o-linear-gradient(top,  #90d65e 0%,#60aa49 100%); background: -ms-linear-gradient(top,  #90d65e 0%,#60aa49 100%); background: linear-gradient(to bottom,  #90d65e 0%,#60aa49 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d65e', endColorstr='#60aa49',GradientType=0 ) }

.mobile-shift { transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; -ms-transition: .5s; display: block; position: absolute; left: 0; top: 0; min-height: 100%; background: #EAEAEA; z-index: 100; padding-top: 35px; width: 100%; }
.mobile-shift.shift { position: fixed; left: 200px; box-shadow: 0 0 7px #000; }
.mobile-shift.shift div.bg-top { position: absolute; }

div.subnav .container { min-width: 90%; }
div.container .content {width: 96%; margin: 30px 2%;  }

.sidebar { display: none; }
.main { width: 100%; }
table { max-width: 100%; }

ul.otabs li { margin: 0 4px; }
}

/* Download Button */
table tr.EditFormButtonRow td { padding: 30px 5px 5px; }
body.protected-admin-manageproducts .grid-content { margin: 0 0 30px; }
.downloadCon { float: left; width: 100%; margin: 0 0 15px; }
span.download { background: url("/images/icon-excel.png") left center no-repeat; font: bold 12px/24px "museo-slab", Arial, Helvetica, sans-serif; color: #343434; padding: 10px 15px 10px 25px; text-decoration: none; }
.labelwidth { width: 75px; display: inline-block; vertical-align: top; padding: 7px 0 0; }
.rgEditForm .kitgrid .text { width: 50% !important; }

body.members-admin-manageorders table.table tbody td input[type="checkbox"] { width: 12px; height: 12px; padding: 0; }