/* CSS Document */

/** MAIN STYLES *********************************************************************/
body { font:10pt Tahoma, Arial, Verdana, sans-serif; background:#F1F1F1; border-top:5px solid #ccc; text-align:center; color:#666; }
#wrapper { width:960px; margin:15px auto; text-align:left; position:relative;   }
.inner-wrapper { margin:5px 0 0 0; clear:both; }
.inner-wrapper .sub-wrapper { border:2px solid #ccc; padding:10px; background:#fff; overflow:hidden; }
noscript p { text-align:center; }

/** HEADING STYLES ******************************************************************/
h1, h2, h3, h4, h5, h6 { color:#666; }
h1 { font-size:120%; text-align:center; padding:3px 0px; }
h2 { font-size:110%; }

/** AUTOCOMPLETE STYLES *************************************************************/
.suggestionsBox { position:relative; left:140px; margin:10px 0px 5px 0px; width:200px; background-color:#212427; border:2px solid #000; color:#fff; }
.suggestionList { margin:0px; padding:0px; }
.suggestionList li { margin:0px 0px 3px 0px; padding:3px; cursor:pointer; }
.suggestionList li:hover { background-color:#659CD8; }

#suggestions{ clear:both; position:relative; top:0px; left:0px; width:340px; z-index:99; }
#searchResultsAutocomplete { border:1px solid #666; width:340px; background-color:#bdc9cf; font-size:10px; line-height:14px; }
#searchResultsAutocomplete a { display:block; background-color:#f5fbfd; clear:left; height:56px; text-decoration:none; }
#searchResultsAutocomplete a:hover { background-color:#ececec; color:#000; }
#searchResultsAutocomplete a img { float:left; padding:5px 10px; }
#searchResultsAutocomplete a span.searchHeading { display:block; font-weight:bold; padding-top:5px; }
#searchResultsAutocomplete a span { color:#555555; }
#searchResultsAutocomplete a:hover span { color:#454545; }
#searchResultsAutocomplete span.result { font-size:11px; margin:5px; display:block; }

/** LINK STYLES *********************************************************************/
a.expand, a.hide { background-position:0px 0px; display:block; background-repeat:no-repeat; text-indent:-9999px; margin:auto; width:16px; height:16px; }
a.expand { background-image:url(icon/expand.png); display:block; }
a.hide { background-image:url(icon/hide.png); display:block; }
a.button { text-decoration:none; line-height:22px; padding:3px 8px; color:#FFF !important; border:none; background:#09F; font:90% Arial, Helvetica, sans-serif; }
a.button:hover { text-decoration:none !important; }
a:link, a:visited { text-decoration:none; color:#069; }
a:hover { text-decoration:underline !important; }
a.seeMoreLink { display:block; height:30px; line-height:30px; border:1px dashed #afbdcb; margin:2px 0; background:#f0f4f7; color:#039; }

/** HEADER STYLES *******************************************************************/
#header { overflow:hidden; position:relative; height:100px; border-bottom:1px solid #ccc; margin-bottom:20px; }
#header #l_header { width:400px; }
#header #r_header { overflow:hidden; width:560px; text-align:right; float:right; }
#header #l_header a { display:block; width:301px; height:62px; margin-top:15px; }
#header #r_header ul#headerLinks { padding:0; float:right; display:block; margin-top:0; margin-bottom:5px; height:24px; line-height:24px; }
#header #r_header ul#headerLinks li { list-style:none; display:inline; float:left; margin-right:10px; font-size:90%; height:18px; line-height:18px; border-right:1px solid #ccc; }
#header #r_header ul#headerLinks li a { text-decoration:none; text-align:left; margin-right:10px; font-size:90%; }
#header #r_header ul#headerLinks li.flag { margin-top:-2px; }
#header #r_header ul#headerLinks li.flag a { width:24px; height:24px; float:left; display:inline; }
#header #r_header ul#headerLinks li.flag a#english { background:url(icon/uk.png) no-repeat 0 0; }
#header #r_header ul#headerLinks li.flag a#italian { background:url(icon/italy.png) no-repeat 0 0; }
#header #r_header ul#headerLinks li.last { border:none !important; }
#header #r_header ul#headerLinks li a.last { margin-right:0 !important; }
#header #r_header #loginForm { width:405px; overflow:hidden; height:80px; float:right; overflow:hidden; }
#header #r_header #loginForm p.alignLeft { text-align:left; white-space:nowrap; display:block; overflow:hidden; }
#header #r_header #loginForm label { font-size:90%; float:left !important; display:block; clear:none; width:162px; margin-left:10px; padding:0; text-align:left; }
#header #r_header #loginForm input.textinput { width:160px !important; margin-left:10px; margin-bottom:0 !important; }
#header #r_header #loginForm input.button { margin-left:10px; vertical-align:bottom; width:51px; padding:0; }
#header #r_header #loginForm ul { overflow:hidden; margin:0px; height:20px; line-height:20px; text-align:left; }
#header #r_header #loginForm a { font-size:80%; text-decoration:none; color:#3366CC; }
#header #r_header #loginForm li { width:160px; margin-left:10px; margin-right:0; margin-top:0; padding:2px 0 0 0; }
#header #r_header #loginForm li.last { margin-left:10px; }

#header #r_header #loggedInAs { height:50px; margin-top:15px; margin-bottom:5px; width:380px; background:#fff; border:1px solid #ccc; padding:5px 10px; line-height:30px; font-size:9pt; text-align:left; }
#header #r_header #loggedInAs p#user { padding-left:24px; height:25px; line-height:25px; background:url(icon/user.png) 0px 4px no-repeat; }
#header #r_header #loggedInAs .indent { text-indent:24px; }

/** NAVIGATION STYLES ***************************************************************/
#mainNav { clear:both; height:30px; margin:5px 0px 0px 0px; background:#29abe2; border-top:1px solid #29abe2; }
#mainNav ul li a { display:block; height:30px; width:100px; text-align:center; line-height:30px; font-weight:bold; color:#fff; font-variant:small-caps; font-size:90%; }
#mainNav ul li a.active { background:#fff; color:#29abe2; }
#mainNav ul li a:hover { text-decoration:none !important; background:#1c759b; color:#DFEFFF; height:28px; }
#mainNav form { height:26px; width:385px; float:right; padding-left:10px; margin-bottom:1px; margin-top:1px; }
#mainNav form input.textinput { border:1px solid #c4c4c4; color:#666; width:355px; font-size:90%; margin:0 !important; }
#mainNav form input.textinput:active, #mainNav form input.textinput:focus { color:black; }
#mainNav form button { height:26px; border:none; color:#fff; margin:0 2px 0 -4px !important; border:1px solid #c4c4c4; border-left:1px solid #c4c4c4; padding:0; vertical-align:top; line-height:25px; font-size:90%; text-indent:-9999px; background:url(icon/searchbutton_2.png) no-repeat -1px -1px #fff;; width:25px; display:inline !important; clear:none !important; float:none !important; }
#mainNav form button:hover { cursor:pointer; }

/** CONTENT STYLES ******************************************************************/
#content { clear:both; overflow:hidden;  }
#content p { line-height:1.6; margin:0; }
#content ul.noreset li, #content ul.noReset li { list-style:disc; padding-left:15px; margin-left:40px; line-height:1.6; }
#content h1 { padding:8px 5px; background:#fbf9f9; margin-bottom:10px !important; text-shadow:0px 1px 0px #fff; border:1px solid #EFEFEF; clear:both; font-family:Arial, sans-serif; }
#content h2 { padding:5px 0; }

/** SEARCH BOX STYLES ***************************************************************/
#searchBox { clear:both; padding:0 4px 4px 4px; margin-top:-15px; outline:none; overflow:hidden; }
#searchBox form p { margin:5px 0; }
#searchBox label { float:left; width:190px; margin-right:5px; clear:left; }
#searchBox input.textinput { border:1px solid #ccc; margin-bottom:2px; padding-left:25px; background:url(../images/icon/search.png) no-repeat 4px 4px #FFF; color:#666; background-color:#f8f8f8 !important;}
#searchBox input:focus { background-color:#fff !important; }
#searchBox input#productname { width:490px; }
#searchBox input#casnumber { width:85px; }
#searchBox input#chemfusedno { width:110px; }

/** SEARCH RESULTS STYLES ***********************************************************/
#searchResults { padding:4px 4px; }
#searchResults h2 { padding:10px 0; }
#searchResults table tfoot tr { height:20px; padding:4px 0; }
#searchResults table tfoot a.pagination { margin:4px 2px; background:#036; padding:2px 5px; color:#FFF; font-size:80%; text-decoration:none; }
#searchResults table tfoot a.pagination:hover { background:#999; }

#productResult { margin:5px auto; padding:5px; overflow:hidden;  }
#productResult h2 { padding-bottom:10px; }
#productResult div#inner { overflow:hidden; margin:15px auto 2px auto; width:95%; }
#productResult div#inner p.additionalInfo { padding:0; margin:0; line-height:2em; }
#productResult div#inner h3 { margin:0; padding:2px; }
#productResult div#inner span { float:left; width:140px; clear:left; font-weight:bold; padding-left:10px; margin-right:10px; text-align:left; }
#productResult div#inner #structure { width:250px; float:right; text-align:center; }
#productResult div#inner #structure p { text-indent:15px; text-align:left; padding:0; margin:0; }
#productResult div#quoteFormSection { margin:5px 0; width:170px; overflow:hidden; }
#productResult div#quoteFormSection form p { text-align:right; margin-top:8px; }
#productResult div#quoteFormSection form label { width:40px !important; display:block; }
#productResult div#quoteFormSection form input#quantity { width:40px !important; }

/** FOOTER STYLES *******************************************************************/
#footer { clear:both; overflow:hidden; background:#f8f8f8; line-height:1.6; margin-top:5px; }
#footer #footerColContainer { overflow:hidden; }
#footer #footerColContainer .rightBorder { border-right:1px dotted #EAEAEA; }
#footer #footerColContainer div.footerCol{ width:285px; padding:5px; float:left; margin-left:10px; margin-top:10px; height:175px; margin-bottom:3px; }
#footer #footerColContainer div.footerCol h2 { padding-bottom:10px; }
#footer #footerColContainer div.footerCol a { color:#1989FF;}
#footer #footerColContainer div.footerCol p { font-size:90%; }
#footer div#facebook img { margin:4px 5px 2px 0; float:left; }
#footer div#facebook { height:40px; }
#footer p.contactInfo { height:16px; line-height:16px; padding-left:25px; padding-top:5px; padding-bottom:5px; }
#footer p#available { background:url(icon/available.png) 2px 5px no-repeat; }
#footer p#telephone { background:url(icon/phone.png) 2px 5px no-repeat; }
#footer p#email { background:url(icon/email.png) 2px 5px no-repeat; }
#footer div#companyLinks { clear:both; padding:10px 0; background:#F8F8F8; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; font-size:80%; text-align:center; }
#footer div#companyLinks ul li { display:inline; margin:0 5px; }
#footer div#companyLinks a { text-decoration:none; color:#666; padding:1px 4px;}
#footer div#companyLinks a:hover { background:#B21509; color:#fff; webkit-border-radius:0.2em; -moz-border-radius:0.2em; border-radius:0.2em; text-decoration:none !important; }
#footer ul#socialNetworkingList li { text-indent:24px; font-size:90%; }
#footer ul#socialNetworkingList li a { display:block; height:24px; line-height:28px; }
#footer ul#socialNetworkingList li a:hover { text-decoration:underline; }
#footer ul#socialNetworkingList li a#facebookLink { background:url(icon/facebook.png) no-repeat 2px 6px; }
#footer ul#socialNetworkingList li a#twitterLink { background:url(icon/twitter.png) no-repeat 2px 6px; }

/** NOTIFICATION STYLES *************************************************************/
.warning:not(.bootstrap-official), .notification:not(.bootstrap-official), .success:not(.bootstrap-official), .error:not(.bootstrap-official) { font-size:90%; margin:10px 2px; padding-top:8px; padding-bottom:8px; text-align:left; line-height:normal !important; font-weight:normal; padding-left:25px; border:2px solid black; clear:both; display:block; }
.warning:not(.bootstrap-official) { color:#A8A800; background:url(icon/warning.png) no-repeat 4px 8px #FFFFD7; border-color:#a8a800; }
.notification:not(.bootstrap-official) { color:#0062C4; background:url(../images/icon/information.png) no-repeat 4px 8px #e6f2fc; border-color:#8CC6FF; }
.success:not(.bootstrap-official) {  color:#264409; background:url(icon/success.png) no-repeat 4px 8px #e6efc2; border-color:#264409; }
.error:not(.bootstrap-official) {  color:#B90000; background:url(icon/error.png) no-repeat 4px 8px #fee9ea; border-color:#fbc2c4; }
.message:not(.bootstrap-official) a { color:brown; }

/** ORDER STATUS STYLES ************************************************************/
/** COMPLETE: 'dcfbdb' **/
/** Blocked: dbb8b8 color - 9b0909 **/
.new { background:#FFF; color:#666; }
.acknowledged { background:#D9ECFF; color:#005BB7; }
.complete { background:#EAFEEC; color:#008000; }
.order { background:#FFF1FC; color:#cb0267; }
.rejected { background:#F9EAEA; color:#670606; }
.unavailable { background:#FDC; color:#FF6820; }
.credited { background:#F0E6FA; color:#6600CC; }

/** FORM STYLES *********************************************************************/
/* Button : #09F */
label { width:120px; clear:left; margin-top:6px; display:block; float:left; }
fieldset { border:1px solid #ccc; padding:10px; margin:30px auto; position:relative; }
fieldset.normal { border:none !important; padding-top:5px; margin-top:0; margin-bottom:0; }
legend { border:1px solid #cfcfcf; text-indent:2px; padding:7px 10px 7px 25px; font-size:90%; color:#036; background:url(icon/form.png) no-repeat 5px 7px #f9f9f9; line-height:15px; }
input.textinput { height:22px; margin-top:6px; line-height:22px; text-indent:3px; font-family:Arial, Tahoma, sans-serif; font-size:10pt; border:1px solid #ccc; color:#666; font-family:Tahoma, sans-serif; }
input.textinput:focus { border:1px solid #666; }
input.button { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:none; font-family:"Lucidia Grande", Tahoma, Arial, sans-serif; font-size:90%; height:26px; line-height:26px; padding-top: 0px; padding-bottom: 0px; color:#fff; background:#0884d7; vertical-align:central; }
select.textinput { border:1px solid #ccc; margin-top:5px; padding:3px; margin-left:0px; vertical-align:baseline; font-family:Tahoma, sans-serif; }
.textarea { border:1px solid #ccc; width:245px; overflow:hidden; height:120px; margin-top:6px; padding:5px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10pt; }
p.paraButton { padding:5px 0; }
.longLabel { width:150px; }
.inlineForm label { clear:none !important; }
.inlineForm .textinput, .inlineForm .button { vertical-align:middle; display:inline-block; }
.inlineForm .textinput { margin-right:10px; }
.inlineForm .inlineButton { margin-top:6px; }

/** TABLE STYLES ********************************************************************/
table.infoTable { width:100%; border-collapse:collapse; margin:5px auto; border:1px solid #ccc; text-align:center; }
table.infoTable thead tr { background:#f8fcfd; border-bottom:1px solid #ccc; color:#245869; font-size:90%; }
table.infoTable th { font-size:90%; }
table.infoTable th, table.infoTable td { padding:6px 3px; }
table.infoTable tbody tr { border-bottom:1px solid #ccc; font-size:95%; }
table.infoTable ul { text-align:left; }

table.noColor { border:none !important; }
table.noColor thead tr { background:#fff; }
table.noColor tr, table.noColor td { border:none !important; }

/** UTILITY CLASSES AND STYLES ******************************************************/
.clearfix { clear:both; }
.left { float:left; }
.right { float:right; }
.inlineList li { display:inline; float:left; margin-right:10px; }
.none { display:none; }
li.last { margin-right:0 !important; }
.overflow { overflow:hidden; }

/** DIALOG STYLES *******************************************************************/
.dialogBody { background:none; padding:15px; text-align:left; }

/** STATS STYLES ********************************************************************/
.statsBody { background:white; font-size:120%; text-align:left; }
.statsBody #statsWrapper { margin:10px; width:1300px; margin:5px auto; }
.statsBody .statsBox { border:1px solid #ccc; padding:5px; margin:10px 0; overflow:hidden; }
.statsBody #totalBonusContainer { width:25%; }
.statsBody h1, .statsBody h2 { padding:8px 5px; background:#f8f8f8; margin-bottom:10px !important; text-shadow:0px 1px 0px #fff; border:1px solid #EFEFEF; clear:both; text-align:center; }
.statsBody ul#categories li { height:40px; line-height:40px; overflow:hidden; display:block; margin-bottom:6px; }
.statsBody ul#categories li div.categoryName { float:left; width:28%; font-size:90%; }
.statsBody ul#categories li div.progressBar { float:right; width:400px; height:22px; margin-top:9px; }
.statsBody #message ul, .statsBody #totalBonusContainer p { padding:10px 0; font-size:140%; }
.statsBody li div.catTotal { float:left; width:225px; height:22px; font-size:90%; overflow:hidden; line-height:22px; margin-top:9px;margin-right:0px; text-align:right; }
#totalFigureContainer { float:left; width:100px; margin-top:25px; font-size:110%; }
.statsBody .ui-progressbar-value { background-image: url(../screen/image/pbar-ani.gif); }
.statsBody .totalSalesProgressBarMarkers { position:relative; }
.statsBody .bottomBar { height:35px; background:url(../screen/image/bottommarkers.gif) no-repeat top left; }
.statsBody .topBar { height:35px; background:url(../screen/image/topmarkers.gif) no-repeat top left; }
.statsBody .marker { display:none; }
.statsBody #bottomContainer { clear:both; width:100%; }
.statsBody .container { width:100%; margin:5px 0; padding:2px 0; overflow:hidden; }

/** TIME PICKER STYLES ************************************************************/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/** TOOLTIP STYLES ***************************************************************/
span.dropt {border-bottom: thin dotted; background: #ffeedd; position: relative}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6;}
span.dropt span {position: absolute; left: -9999px; margin: 0px 0 0 0px; padding: 3px 3px 3px 3px; border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;}
span.dropt span {position: absolute; left: -9999px; margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 0; background: #ffffff; z-index:6; width: 300px}

/** OTHER NAVIGATION STYLES *******************************************************/
#nav { margin: 5px 0; overflow: hidden; }
#nav p { display: inline; float: left; height:20px; margin-right: 5px; padding:10px 0; }
#nav p a { padding: 5px 10px; background: #f9fafa; border: 1px solid #73a0af; color: #069 !important; }

/** DEBUGGING STYLES **************************************************************/
#sqlDump { font-size:80%; background:#fff; border:2px solid #ccc; padding:10px; margin-top:10px; }
#sqlDump table { text-align:left; border:none; border-collapse:collapse; }
#sqlDump table tr, #sqlDump table td { border-bottom:1px dotted #ccc; padding:5px 5px 5px 0; }
#sqlDump table thead tr, #sqlDump table thead td { background:#fff; padding:4px; text-indent:0; margin:5px 0; font-size:80%; }

/** ADMIN SPECIFIC STYLES - FROM admin.css ***************************************/

/* Login Styles */

#wrapper { width:1060px !important; }
#wrapper {width: 98% !important; min-width: 1060px !important;}
#purchaseRequestsQtyContainer { width:455px; float:left;  }

.purple { color: #140014;
	background-color: #E0CCE0; }

#stockAlertContainer { border-bottom:1px dotted #ccc; padding-bottom:10px; }
#stockAlertContainer h3 { padding:5px 0; }

#loginForm fieldset {
	width: 350px;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 30px auto;
}

#loginForm label {c
	float: left;
	clear: left;
	width: 80px;
	margin-right: 5px;
	text-align: right;
	font-size: 90%;
}

#loginForm .textinput {
	width: 250px;
	margin-bottom: 3px;
	border: 1px solid #ccc;
}

#loginForm .textinput:focus {
	border: 1px solid #A3A3A3;
}

#loginForm div {
	width: 50px;
	margin: 5px auto;
}

.yellow {
	background: #f8facf;
	color: #acb11e;
}

.red {
	background: #fee6e6;
	color: #c93737;
}

.green {
	background: #CFC;
	color: #008000;
}

.blue {
	background: #dae9fb;
	color: #246fc9;
}

.pink {
	background: #faf0f8;
	color: #c530a7;
}

/* h2 Styles */
h2.summaryH2 {
	padding: 5px 5px 5px 0px;
	text-indent: 28px;
	margin-top: 10px;
}

h2#summary {
	background: url(icon/sum.png) no-repeat 0px 5px;
	clear: both;
}

h2#sales {
	background: url(icon/sales.png) no-repeat 0px 5px;
}

h2#user {
	background: url(icon/user.png) no-repeat 0px 5px;
}

#nav {
	width: 1035px;
	width: 100%;
	overflow: hidden;
	margin: 5px 10px 10px 0;
	z-index: 5;
}

#subnav, .subnav {
	margin: 5px 0;
	font-size: 90%;
	width: 50%;
	overflow: hidden;
	height: 35px;
	line-height: 35px;
}

#subnav li, .subnav li {
	display: inline;
	float: left;
	margin-right: 5px;
}

#subnav li a, .subnav li a {
	padding: 5px 10px;
	background: #f9fafa;
	border: 1px solid #73a0af;
	color: #069;
}

.tabs {
	float: right;
	font-size: 90%;
	margin-right: 5px;
	padding: 5px 0;
}

.tabs li {
	display: inline;
	float: left;
	margin-left: 1px;
}

.tabs li a {
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #F5F5F5;
}

.tabs li a.active {
	background: #fff;
}

.infoField,.infoFieldFirst {
	text-align: left;
	padding-left: 5px;
	width: 250px;
}

.infoFieldFirst {
	text-indent: 10px;
}

.cancelled {
	color: #140014;
	background-color: #F6DDF6;
}

.po-order {
	color:#0E2D7A;
	background-color: #E7ECF6;
}

/* Admin Styles */
#content table.info {
	margin: 5px 5px 5px 30px;
}

#content table.info td {
	padding: 5px 5px 5px 0;
}

form.search {
	width: 45% !important;
	height: 35px;
	margin: 5px 0;
	overflow: hidden;
	display: block;
	text-align: right;
}

form.search p {
	line-height: 35px;
}

form.search label {
	margin-top: 6px;
	width: 60px;
}

form.search input.textfield {
	border: 1px solid #369;
	width: 400px;
}

form.search input.textfield2 {
	border: 1px solid #369;
	width: 150px;
}

.invoiceRequests {
	float: right;
	display: inline;
}

.spacer {
	clear: both;
}

table.sourcesTable select.textinput {
	margin-left: 2px;
}

table.sourcesTable input.textinput {
	margin-top: 5px;
}

td select.textinput {
	margin: 0;
}

/* Applies to links */
.adminLink {
	float: left;
	margin-right: 10px;
	display: inline;
	white-space: nowrap;
}

.right {
	float: right !important;
	margin-right: 0 !important;
}

#whosLoggedIn {
	text-align: center;
	font-size: 1.1em;
	padding: 10px 0;
}

.clearfix {
	clear: both;
}

strong.red {
	color: #900;
}

#purchaseRequestHistory {
	margin: 10px 0;
}

.fieldCheckbox {
	width: 160px;
	float: left;
	margin-right: 10px;
	display: block;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	padding: 5px;
	border: 1px solid #DFDFDF;
	margin-bottom: 5px;
}

.fieldCheckbox input {
	float: right;
	margin-top: 5px;
}

#blockedOrderInfo {
	border: 2px solid red;
	padding: 10px;
	margin-top: 10px;
}

.padded {
	border: 1px solid #ccc;
	padding: 10px;
}

#internalCompanyInformation {
	padding: 10px 0;
	color: red;
}

.pictogram {
	float: left;
	overflow: hidden;
	height: 180px;
	width: 160px;
	margin-left: 10px;
	padding: 3px;
	margin-bottom: 5px;
        text-align:center;
        border:1px solid #f2f2f2;
}

.pictogram .checkboxContainer {
    font-size:90%;
    text-align:left;
    border:none;
    width:160px;
}

.pictogram img {
	display: block;
        margin-left:auto;
        margin-right:auto;
}

.pictogram input {
	margin-top: 18px;
}

#pictogramsList {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 5px;
}

#pictogramsList li {
	display: block;
	float: left;
	width: 140px;
	text-align: center;
	padding: 5px;
}

h3.paddedHeading {
	padding: 5px 0;
	margin: 3px 0;
}

#companyNotesFieldset textarea {
	border-color: red;
}

td .companyName {
	padding: 5px 0;
}

.checkboxContainer {
	padding: 5px;
	display: block;
	float: left;
	width: 105px;
	overflow: hidden;
	margin: 3px 3px 3px 0;
	border: 1px solid #ccc;
}

.checkboxContainer .checkboxField {
	width: 60px;
	float: left;
	margin-top: 2px;
	text-align: left;
}

.viewUnallocatedLink {
	display: block;
	clear: both;
	padding: 7px 0;
	background: #e7ecf2;
	color: #4e97ee;
	border: 1px solid #4e97ee;
}

.accordion {
	border: 1px solid #ddd;
	border-top: none;
	margin: 10px 0;
	width: 100%;
	overflow: hidden;
}

.accordion a {
	text-decoration: none;
}

.accordion h2 {
	background-color: #fff;
	background-image: url(../img/gradient.jpg);
	background-image: -moz-linear-gradient(bottom, #f1f1f1, #fff);
	background-image: -ms-linear-gradient(bottom, #f1f1f1, #fff);
	background-image: -o-linear-gradient(bottom, #f1f1f1, #fff);
	background-image: -webkit-linear-gradient(bottom, #f1f1f1, #fff);
	background-image: linear-gradient(bottom, #f1f1f1, #fff);
	border-top: 1px solid #ddd;
	color: #222;
	font: 100% 'Verdana', sans-serif !important;
	margin: 0;
	padding: 0;
	text-indent: 10px;
	cursor: pointer;
	cursor: hand
}

.accordion p {
	color: #555;
	text-indent: 10px;
	padding: 5px 0;
}

.accordion .table {
	margin: 10px;
}

.strongLabel { display:block; clear:left; float:left; width:140px; }
#chaseHistoryContainer p { padding:5px 0; }

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.borderedCells td { border:1px solid #ccc; }

/** TABBED NAVIGATION STYLES ********************************************************/
#nav #nav-list li.mainTab { text-align:center; margin-right:3px; margin-left:0 !important; margin-bottom:5px; }
#nav #nav-list li.mainTab a { display:block; padding:0 10px; height:30px; line-height:30px; border-left:1px solid #C9C9C9; border-top:1px solid #C9C9C9; border-right:1px solid #C9C9C9; margin-bottom:0px; background:#fbfbfb; padding-bottom:0px; font-size:90%; }
#nav ul#nav-list li.mainTab a:hover { text-decoration:none; background:#fff; }
#nav #nav-list li.mainTab a.active { cursor:default; text-decoration:none; background:#fff; height:31px; margin-top:-1px; z-index:6; position:relative; bottom:-1px; }
#nav #nav-list ul.sub-menu { position:absolute; visibility:hidden; z-index:10; border-bottom:1px solid #ccc; margin-top:1px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#nav #nav-list ul.sub-menu li.subOption { float:none; display:inline; margin:0; width:300px; border:none !important;  }
#nav #nav-list ul.sub-menu li.subOption a { background:#fff; padding:0px 4px; text-align:left; color:#0058B0; display:block; font-size:90%; border:none !important; padding:2px 10px; }
#nav #nav-list ul.sub-menu li.subOption a:hover { text-decoration:underline; background:#59ACFF; color:#fff; }
#nav #nav-list li.subListItem { display:block; background:none; }
#nav #nav-list ul.menuColumn { display:block; float:left; width:250px; }

/** Packed to ship dialog styles */
#packDialog {
    text-align: left;
}
#packDialog h2 {
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    font-size: 150%;
    text-align: left;
    margin-bottom: 10px;
    display: block;
}
#packDialog strong {
    color: red;
    padding: 6px 0;
    margin-bottom: 10px;
    display: block;
}
#packDialog .productContainer {
    display: block;
    overflow: hidden;
    padding: 6px 0;
}
#packDialog #shippingInfoContainer {
    margin-top: 6px;
}
#packDialog #shippingInfoContainer #textboxContainer .textinput {
    width: 100%;
    box-sizing: border-box;
    height: 32px;
    padding: 4px;
}

/* Stock */
#stockForm {
    border-bottom: 1px solid #dddce5;
    padding-bottom: 6px;
}
#stockForm *:before,
#stockForm *:after {
    box-sizing: border-box;
}
#stockForm label {
    padding-top: 7px;
}
#stockForm input#batchNo {
    box-sizing: border-box;
    height: 32px;
    padding: 4px;
    width: 200px;
}
#batchInformationContainer .label-inverse {
    padding: 4px 10px;
    color: #ffffff;
    display: inline-block;
}
#batchInformationContainer .notavailable {
    padding: 6px 0;
    display: inline-block;
    margin-top: 7px;
}
#batchInformationContainer h2 {
    font-size: 120%;
}
#batchInformationContainer *:before,
#batchInformationContainer *:after {
    box-sizing: border-box;
}
#batchInformationContainer .form-group input.textfield {
    box-sizing: border-box;
    height: 32px !important;
    padding: 4px;
    width: 200px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#batchInformationContainer .button {
    margin-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    background: linear-gradient(to bottom, #0088cc, #0044cc);
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-family: Tahoma, Arial, sans-serif;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding-top: 0px;
    padding-bottom: 0px;
}
#batchInformationContainer .button.blue {
    background-color: #0044cc;
}
#batchInformationContainer .buttonContainer {
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid #dddce5;
}
#batchInformationContainer .buttonContainer .button {
    margin-left: 120px;
}

#labelsDialog
{
	text-align: left;
	font-size: 90%;
	font-family: Arial, Tahoma, sans-serif;
}

#labelsDialog .form-group
{
	display: block;
	overflow: hidden;
	clear: both;
}