

/* CSS SECTIONS
   ================================================================

   - FOUNDATIONS
  
   - HYPERLINKS
   
   - SEARCH_BAR
   
   - NAVIGATION
   
   - SECTION_NAV
   
   - BASKET_SUMMARY
   
   - CONTENT
   
   - FORMS

   - PRODUCT_LIST
   
   - PRODUCT DETAILED LIST
   
   - PRODUCT_DETAILS
   
   - SPECIALS

   - FAVOURITES
   
   - SEARCH
   
   - QUOTES
   
   - ORDERS
   
   - CHECKOUT
   
   - FOOTER

   ================================================================ */

/* FOUNDATIONS
   ---------------------------------------------------------------- */
* { 
	margin:0px;
	padding: 0px; 
}

html {
	margin: 0px;
	padding: 0px;
	background: #fff;
	text-align: center;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
}

#comfortZone {
	background-color: #f00;
	border: 0px;
	padding: 0px;
	margin: 0px;
	min-width: 800px;
	text-align: left;
}



/* HYPERLINKS
   ---------------------------------------------------------------- */


a {
	color: #1b3a76;
	text-decoration: underline;
}
a:link {
	color: #1b3a76;
	text-decoration: underline;
}
a:visited {
	color: #1b3a76;
	text-decoration: underline;
}
a:hover {
	color: #f1d143;
	text-decoration:underline;
}
a:active {
	color: #f1d143;
	text-decoration:underline;
}



/* SEARCH_BAR
   ---------------------------------------------------------------- */


#searchBar {
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 3px 0px;
	background: #CBD5DC;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	height: 30px;
	color: #333;
}

#searchBar #searchForm {
	float: right;
	padding: 0;
	margin: 5px 5px 0 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
#searchBar #searchForm label {
	display: none;
}
#searchBar #searchForm #group {
	display: none !important;
}
#searchBar #searchForm input {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #ccc;
	border-left: 0;
	border-top: 0;
	border-bottom: 1px solid #ccc;
	padding: 2px 1px;
}
#searchBar #searchForm input.searchButton {
	color: #333;
	background: url(../media/forms/button_bg.gif) no-repeat;
	border: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	cursor: pointer;
	height:20px;
	width:72px;
}
#searchBar #searchForm input.searchButton:hover {
	color: #fff;
}

#searchBar p {
	display: inline;
	margin-right: 10px;
	height: 30px;
	font: 12px/30px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

#searchBar a,
#searchBar a:link,
#searchBar a:visited {
   color: #333;
   text-decoration: underline
}
#searchBar a:hover,
#searchBar a:active {
	text-decoration: none;
}

#userLoggedIn {
	background: url(../../../_core/media/icons/user.gif) left no-repeat;
	padding-left: 20px;
}



/* NAVIGTION
   ---------------------------------------------------------------- */


#mainNav {
	padding: 0px 0px 0px 5px;
	margin: 0;
	background: #f1d143;
}
#mainNav li {
	display: inline;
	margin-right: 6px;
	height: 30px;
	font: bold 11px/30px Verdana, Arial, Helvetica, sans-serif;
}
#mainNav li a,
#mainNav li a:link,
#mainNav li a:visited {
	color: #1b3a76;
	text-decoration: none;
}
#mainNav li a:hover,
#mainNav li a:active {
	color: #1b3a76;
	text-decoration: underline;
}

#mainNav li.manage-favourites,
#mainNav li.shared-favourites,
#sidebar-nav li.manage-favourites,
#sidebar-nav li.shared-favourites {
	display: none;
}

/* BASKET_SUMMARY
   ---------------------------------------------------------------- */


#basket {
	float: right;
	height: 30px;
}
#basket a {
	background: url(../../../_core/media/icons/basket_go.gif) no-repeat left center;
	padding: 0px 3px 0px 21px;
}



/* CONTENT
   ---------------------------------------------------------------- */


#content {
	width: auto;
	margin-left: 180px;
}

#breadCrumbs {
	padding: 0;
	margin: 0px 0px 10px 0px;
}

#breadCrumbs li {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: 5px;
}
#breadCrumbs li a,
#breadCrumbs li a:link,
#breadCrumbs li a:visited {
	color: #666;
	background: url(../../../_core/media/icons/right-arrow-icon.gif) 0px 5px no-repeat;
	padding-left: 9px;
}
#breadCrumbs li a:hover,
#breadCrumbs li a:active {
	color: #000;
}

#bannerAd {
	border: 0;
	float: right;
	margin-top: -11px;
}

h1 {
	background: #5B6EB0 url(../media/header-logo.gif) right center no-repeat;
	margin: 0px 0px 3px 0px;
	padding: 0;
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	text-align:left !important;
	height:50px;
}
h1 a {
	display: block;
	width: 250px;
	height: 50px;
	text-align: left;
	float:right;
}
h1 a span {
	display: none;
}

h2 {
	color: #007;
	background: #F9F9FF;
	font: bold 17px/30px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 180px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin-top: 10px;
	text-transform: capitalize;
}

h3 {
	color: #009;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	color: #000;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

p, li, th, td {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

th {
	font-weight: bold;
	white-space: nowrap;
}

th, td {
	padding: 3px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}

table {
	border-collapse: collapse;
}

.emptyBasket {
	text-align:left !important;
}

.emptyBasket img {
	border:none !important;
}

/* FORMS
   ---------------------------------------------------------------- */


form {
	padding: 0;
	margin: 0;
}

form table {
	width: 300px;
}

form table th {
	text-align: left
}

label {
	padding-left: 8px;
}

label.required {
	background:url(../../../_core/media/icons/label-req.gif) 0px 5px no-repeat;
	padding-left: 8px;
}

input, select, option, textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 2px 2px 4px !important;
	margin: 0 0 0 5px;

}
input {
	background: url(../../../_core/media/forms/form_input.gif) no-repeat;
	border-right: 1px solid #ccc;
	border-left: 0;
	border-top: 0;
	border-bottom: 1px solid #ccc;
}
input.numeric {
	text-align: right;
}
textarea {
	background: url(../../../_core/media/forms/form_textarea.gif) no-repeat;
	border-top:none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:none;
}
select {
	border:1px solid #ccc;
}

textarea#customerNotes {
	width: 400px;
	height: 100px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

input.submitButton, input.submit, button, input.reset,
#section-nav #sidebar-search .searchButton {
	color: #6F0500;
	font: bold 11px Arial, Helvetica, sans-serif;
	width: 100px;
	height: 20px;
	background: url(../media/forms/button_bg2.gif) no-repeat;
	border: 0;
	cursor: pointer;
	text-transform: capitalize;
	padding: 2px !important
}

.add-selected {
	background:url(../media/forms/button_bg2.gif) no-repeat !important;
	width:100px !important;
	margin-left:20px;
}
.add-multiple {
	background: url(../media/forms/button_bg2.gif) no-repeat !important;
	width:100px !important;
}

input.submitButton:hover, input.submit:hover, button:hover,
#section-nav #sidebar-search .searchButton:hover {
	color: #ffc;
}

input.imageButton {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	width: auto !important;
	vertical-align: bottom;
}

#requestPassword #webUserName {
	width: 110px;
}
#requestPassword .submitButton {
	margin-top: 5px;
}

#approveDenyRequisition {
	padding: 1px 20px 20px 20px;
	margin: 20px;
	border-top: 1px solid #ffa;
	border-right: 1px solid #ffa;
	border-bottom: 1px solid #ffa;
	border-left: 20px solid #ffa;
	background: #ffe;
}
#approveDenyRequisition #approveButton {
	border: 0;
	background: transparent url(../../../_core/media/icons/accept.gif) no-repeat left;
	padding-left: 16px !important;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #090;
	margin: 0;
	width: auto !important;
}
#approveDenyRequisition #denyButton {
	border: 0;
	background: transparent url(../../../_core/media/icons/cancel.gif) no-repeat left;
	padding-left: 16px !important;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #d00;
	margin: 0;
	width: auto !important;
}



/* PRODUCT_LIST
   ---------------------------------------------------------------- */


.product-list {
	width: 100%;
}

.product-list th {
	white-space: nowrap;
	background: #f9f9ff;
}

.product-list td {
	font-size: 11px !important; /* to fit more info in narrow tables */
}

.maximise-width {
	width: 100% !important;
}

.product-list .add {
	white-space: nowrap;
}

.product-list .add input.submit {
	padding: 2px;
}

.singleImage {
	width: 16px;
	height: 16px;
	display: block;
	background: url(../../../_core/media/icons/image.gif) no-repeat;
}

.noImages {
	width: 16px;
	height: 16px;
	display: block;
	background: url(../../../_core/media/icons/no-image.gif) no-repeat;
}

.manyImages {
	width: 16px;
	height: 16px;
	display: block;
	background: url(../../../_core/media/icons/images.gif) no-repeat;
}

#product-view {
	font: 10px/25px Verdana, Arial, sans-serif;
	background: url(../media/catalogue/catalogue-list-mode-switcher-bg-wide.gif) no-repeat;
	padding-left: 7px;
	color: #999;
}
#product-view a,
#product-view a:link,
#product-view a:visited {
	color: #999;
	text-decoration: underline;

}
#product-view a:hover,
#product-view a:active {
	color: #000;
	text-decoration: underline;
}

/* PRODUCT DETAILED LIST
   ---------------------------------------------------------------- */


#product-view .list {
	background:url(../../../_core/media/icons/application_view_list.gif) left center no-repeat;
	padding-left:20px;
}

#product-view .detailed {
	background:url(../../../_core/media/icons/application_side_boxes-mod.gif) left center no-repeat;
	padding-left:20px;
}

#product-view .sortablelist {
	background:url(../../../_core/media/icons/table_sort.gif) left center no-repeat;
	padding-left:20px;
}

#product-detailed-list {
	border-top:1px solid #ccc;
}

#product-detailed-list .searchResultsTierHeading p {
	margin:0;
	padding:4px 0 3px 0;
}

#product-detailed-list .product-name {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

#product-detailed-list td {
	border-bottom:1px solid #ccc;
	padding: 5px;
}

#product-detailed-list .product-image {
}

#product-detailed-list .product-image a {
}
#product-detailed-list .product-image img {
	border:none;
}

#product-detailed-list .product-detail {
}

#product-detailed-list .product-detail p.product-name {
	margin-top:0;
}

#product-detailed-list .priceField {
	text-align:left;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #36f;
}



/* PRODUCT_DETAILS
   ---------------------------------------------------------------- */


#details-info {
	margin-right: 200px;
}

.product-detail-image {
	float: right;
	width: 175px;
	text-align: center;
}

.product-detail-image #more-images {
	width: 175px;
	height: 50px;
	background: url(../../../_core/media/more-images.gif) top center no-repeat;
	padding-top: 8px;
}
.product-detail-image #more-images div {
	width: 175px;
	height: 43px;
	overflow: hidden;
}

.product-detail-image #more-images h4 {
	display: none;
}

#product-info {
	/*width: 330px;*/
}

#product-info th {
	text-align: left;
}

.long-description {
	font: 11px lucida console, "Courier New", Courier, monospace;
}

.epd .group {
	background: #f6f6ff;
}

#product-pricing table {
	background: #eceaeb;
	border: 1px solid #bbb;
}

#product-pricing table.showIncAndEx .exPrice,
#product-pricing table.showIncAndEx .incPrice {
	display:table-cell !important;
}

#product-pricing th,
#product-pricing td {
	border: none !important;
}



/* SPECIALS
   ---------------------------------------------------------------- */

#bestBuy {
	border-top:2px solid #3c77a7 !important;
	border-right:2px solid #3c77a7 !important;
	border-bottom:2px solid #3c77a7 !important;
	border-left:20px solid #3c77a7 !important;
	padding: 10px;
	overflow: hidden;
}

#bestBuy img {
	float: right;
	margin: 5px;
	border: 0;
}

#bestBuy h3 {
	display: none;
}

#bestBuy h4 {
	color: #f67e17;
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#bestBuy a {
	color:#f67e17;
	text-decoration:none;
}

#bestBuy a:hover {
	color: #f67e17;
	text-decoration:none;
}

#bestBuy .bestBuyShortDescription {
	margin: 0;
	padding: 0;
}

#bestBuy .bestBuyPrices {
	margin-top: 0;
	margin-bottom: 10px;
}

#bestBuy .sell-price {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color: #f67e17;
}

#bestBuy .retail-price {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	text-decoration:line-through;
}

#bestBuy form {
	display: inline;
}

#bestBuyBanner {
	text-align: center;
}

#bestBuyBanner img {
	border: 0;
}

/* Adding specialBox class to fix html
     Need to leave specialBox ID until all sites are updated. */
#specialBox,
.specialBox {
	border-top:1px solid #ddd !important;
	border-right:1px solid #ddd !important;
	border-bottom:1px solid #ddd !important;
	border-left:10px solid #eee !important;
	height:150px;
	overflow:hidden;
	padding:4px;
}
#specialBox:hover,
.specialBox:hover {
}

#specialBox img,
.specialBox img {
	border: none !important;
	float:right;
	margin-left: 3px;
	padding: 3px;
}

#specialBox form,
.specialBox form {
	display: inline;
	margin: 0;
	padding: 0;
}

#specials th, #specials td {
	border:none !important;
}

#specialBox h5,
.specialBox h5 {
	margin: 0;
	padding: 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	max-height: 26px;
	overflow: hidden;
}

#specialBox .sell-price,
.specialBox .sell-price {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color: #36f;
}

#specialBox .retail-price,
.specialBox .retail-price {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	text-decoration:line-through;
}

#specialBox a,
.specialBox a {
	color:#0058A5;
	text-decoration:none;
}

#specialBox a:hover,
.specialBox a:hover {
	color: #f90;
	text-decoration:none;
}

#specials {
	width:100%;
}

#specials td {
	width:50%;
}

/* Adding specialDetails class to fix html
     Need to leave specialDetilails ID until all sites are updated. */
#specialDetails,
.specialDetails {
	height: 125px;
	overflow: hidden;
}

.specialsListShortDescription {
	font-size: 11px;
	color: #333;
	margin: 0;
}

.specialTileShortDescription {
	font-size: 10px;
	color: #333;
	margin: 0;
	max-height: 59px;
	overflow: hidden;
}

.specialTilePrices {
	margin: 0px 0px 5px 0px;
	cursor: default;
}

#shop-by-brands h3 {
	margin-bottom: 15px;
}

#shop-by-brands table {
	width: 100%;
	background: #f9f9f9;
}

#shop-by-brands td {
	border: none;
	line-height: 16px;
	color: #ccc;
	padding-left: 10px;
}

#shop-by-brands .more-brands {
	background: none;
	text-align: right;
	padding: 3px;
	border-top: 1px solid #eee;
	margin: 0px 0px -20px 0px;
	font-size: 11px;
}

#shop-by-brands .more-brands a,
#shop-by-brands .more-brands a:link,
#shop-by-brands .more-brands a:visited {
	color: #00a;
	font-weight: bold;
	text-decoration: none;
}

#shop-by-brands .more-brands a:hover,
#shop-by-brands .more-brands a:active {
	text-decoration: underline;
}

/* SEARCH
   ---------------------------------------------------------------- */

#advanced-search-options {
	border-bottom: 1px solid #ccc;
	padding: 5px 20px;
}

.searchResultsTierHeading {
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: 1px solid #333;
	background: #ffe url(../../../_core/media/icons/basket-product-folder_database.gif) no-repeat left center !important;
	padding-left: 17px;
}

.detailedSearchResultsTierHeading {
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: 1px solid #333;
	background: #ffe url(../../../_core/media/icons/basket-product-folder_database.gif) no-repeat left center !important;
}

.detailedSearchResultsTierHeading p {
	padding-left: 17px;
	margin:0;
}

#pmBrowserContainer {
	border: 1px solid #f67e17;
	padding: 5px;
	background: #FFECD9;
	width: auto;
	margin-left: 20px;
	margin-right: 0;
}

#pmBrowser {
	width: 100%;
}

#pmBrowser th {
	background: #f9f9ff;
}

#pmBrowser td {
	padding: 5px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
}


#pmResultsBrowserContainer {
	border: 1px solid #ccc;
	padding: 5px;
	background: #eee;
	width: auto;
	margin-left: 20px;
	margin-right: 0;
}

#pmResultsBrowser {
	width: 100%;
}

#pmResultsBrowser th {
	background: #f9f9ff;
}

#pmResultsBrowser td {
	padding: 5px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
}
#pmResultsBrowser td .pm_delete {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/table_delete.gif) no-repeat;
	display: block;
}
#pmResultsBrowser td .pm_delete span {
	display: none;
}

#pmResults {
	margin-left: 20px;
	margin-right: 0;
	width: auto;
}
#pmResults tr:hover {
	background: inherit;
}
#pmResults td img {
	border: 0;
	float: left;
	margin-right: 5px;
	border: 1px solid #ddd;
}
#pmResults td .codes {
	font-size: 11px;
}

#compare {
	margin-left: 20px;
}



/* FAVOURITES
   ---------------------------------------------------------------- */

.favourite-delete {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/heart_delete.gif) no-repeat !important;
	display: block;
}
.favourite-delete span {
	display: none;
}

.fav-tier {
	background: url(../../../_core/media/icons/folder_heart.gif) no-repeat !important;
	padding-left: 20px;
}
.fav-tier span {
	display: none;
}

.fav-tier-edit {
}
.fav-tier-edit a {
	background: url(../../../_core/media/icons/folder_heart_edit.gif) no-repeat !important;
	width: 20px;
	height: 20px;
	display: block;
	float: left;
}
.fav-tier-edit a span {
	display: none;
}

.favourite-edit {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/heart_edit.gif) no-repeat !important;
	display: block;
}
.favourite-edit span {
	display: none;
}

.favourite-share {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/heart_share.gif) no-repeat !important;
	display: block;
}
.favourite-share span {
	display: none;
}

.favourite-unshare {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/heart_unshare.gif) no-repeat !important;
	display: block;
}
.favourite-unshare span {
	display: none;
}



/* BASKET
   ---------------------------------------------------------------- */

.basket-delete {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/basket_delete.gif) no-repeat;
	display: block;
}
.basket-delete span {
	display: none;
}

.basket-edit {
	height: 16px;
	background: url(../../../_core/media/icons/basket_edit.gif) no-repeat;
	display: block;
	padding-left: 17px;
	width: 135px;
}

td.basket-item-type-product {
	padding-left: 18px;
	background: url(../../../_core/media/icons/basket-product-folder_database.gif) no-repeat center left;
}
td.basket-item-type-special {
	padding-left: 18px;
	background: url(../../../_core/media/icons/basket-special-folder_star.gif) no-repeat center left;
}
td.basket-item-type-quote {
	padding-left: 18px;
	background: url(../../../_core/media/icons/basket-quote-folder_table.gif) no-repeat center left;
}
td.basket-item-type-favourite {
	padding-left: 18px;
	background: url(../../../_core/media/icons/basket-favourite-folder_heart.gif) no-repeat center left;
}
.subtotal {
	text-align: right;
	background: #f6f6ff;
}
#basketPageActions {
	margin-top: 10px;
	text-align: center;
}

.recalculateButton {
	background:url(../media/forms/button_bg2.gif) no-repeat !important;
	width:100px !important;
}
.loginButton {
}
.quoteButton {
	background:url(../media/forms/button_bg2.gif) no-repeat !important;
	width:100px !important;
}
.orderButton {
	background:url(../media/forms/button_bg2.gif) no-repeat !important;
	width:100px !important;
}
.requisitionButton {
	background:url(../media/forms/button_bg3.gif) no-repeat !important;
	width:120px !important;
}
.confirmation {
	padding: 3px !important;
}



/* CHECKOUT
   ---------------------------------------------------------------- */
   
ol#checkout-process {
	padding-left: 0px;
	margin-left: 0px;
}
ol#checkout-process li {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	background: url(../../../_core/media/icons/asterisk_yellow.gif) no-repeat left center;
	margin-bottom: 20px;
	list-style-position: inside;
	padding-left: 20px;
	margin-left: 0px;
}

#requisitionDetails {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #ffe;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-right: 100px;
	width: 412px;
}

#requisitionDetails h3 {
	margin-top: 10px;
	margin-bottom: 5px;
}

#requisitionDetails p {
	margin-top: 0;
}



/* QUOTES
   ---------------------------------------------------------------- */

table.quotes-list th {	
	white-space: nowrap;
	background: #f9f9ff;
}

table.quotes-list td.date,
table.quotes-list td.status,
table.quotes-list td.id {
	white-space: nowrap;
}
table.quoteAcceptance {
	display: none;
}

.quote-item-codes {
	font-size: 10px;
	color: #999;
}

.quote-item-description {
	font-size: 11px;
}

table.quote-detail-information th,
table.quote-detail-information td
 {
	vertical-align: top;
}

table.quote-detail-items td {
	vertical-align: top;
}

.quote-ordering-options {

}



/* ORDERS
   ---------------------------------------------------------------- */

table.orders-list th {
	white-space: nowrap;
	background: #f9f9ff;
}
table.orders-list td.date {
	white-space: nowrap;
}
.order-items-list th,
.order-items-list td.date {
	white-space: nowrap;
}
pre.orderNotes {
	color: #666;
	font: 11px "Lucida Console", monospace;
}

p.orderNotes {
	white-space: pre;
}

#showBillingAddress, #showDeliveryAddress {
	padding: 2px 2px 2px 20px;
	background: url(../../../_core/media/icons/application_form_add.gif) left no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#billingAddress,
#deliveryAddress {
	max-width: 400px;
}


/* ADDRESSES
   ---------------------------------------------------------------- */

table.addresses-list th {
	white-space: nowrap;
	background: #f9f9ff;
}

.address_delete_th, .address_edit_th, .colleague_delete_th, .colleague_edit_th, .colleague_email_th, .colleague_permissions_th {
	display: none;
}

.address_delete {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/application_form_delete.gif) no-repeat;
	display: block;
}
.address_delete span {
	display: none;
}

.address_update {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/application_form_edit.gif) no-repeat;
	display: block;
}
.address_update span {
	display: none;
}



/* COLLEAGUES
   ---------------------------------------------------------------- */

table.colleague-list th {
	white-space: nowrap;
	background: #f9f9ff;
}

.colleague_disable {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/user.gif) no-repeat;
	display: block;
}
.colleague_disabled {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/user_disable.gif) no-repeat;
	display: block;
}
.colleague_disable span, .colleague_disabled span {
	display: none;
}

.colleague_update {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/user_edit.gif) no-repeat;
	display: block;
}
.colleague_update span {
	display: none;
}

.colleague_email {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/email.gif) no-repeat;
	display: block;
}
.colleague_email span {
	display: none;
}

.colleague_permissions {
	width: 16px;
	height: 16px;
	background: url(../../../_core/media/icons/vcard_edit.gif) no-repeat;
	display: block;
	border:none;
	cursor:pointer;
	margin:0px !important;
}
.colleague_permissions span {
	display: none;
}

/* VEW JOB SUB NAV
   -------------------------------- */


#view-job {
	border-bottom : 1px solid #ccc;
	margin: 0px 0px 15px 0px;
	padding-bottom : 19px;
	padding-left : 10px;
}

#view-job ul, #view-job li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#view-job a {
	float: left;
}

#view-job a:link, #view-job a:visited	{
	background : #f6f6f6;
	border : 1px solid #ccc;
	color : #666;
	font-size : 11px;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#view-job a:link.active, #view-job a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
	font-weight: bold;
}

#view-job a:hover	{
	color : #f00;
}


/* VIEW JOB LIST
   -------------------------------- */


#selectJobStatus select {
	margin: 2px 0 !important;
	text-align:left !important;
}

#selectJobStatus option {
	margin: 0px 0 !important;
	text-align:left !important;
	line-height:normal !important;
}

/*#selectJobStatus li {
	display: inline;
	margin-right: 10px;
}

#selectJobStatus li.active {
	font-weight:bold;
}*/


/* JOB DETAILS
   -------------------------------- */


#jobDetails {
	/* float: right; */
	width: 175px;
}
#jobDetails h3 {
	margin: 0;
}

#jobStatus, #jobContactDetails {
}

#jobContactDetails p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#jobStatus {
}
#jobStatus.active {
	color: #000;
	border-color: #000;
	background: #eee;
}
#jobStatus.pending {
	color: #000;
	border-color: #000;
	background: #eee;
}
#jobStatus.cancelled {
	color: #000;
	border-color: #000;
	background: #eee;
}
#jobStatus.completed {
	color: #000;
	border-color: #000;
	background: #eee;
}

#addNewNote {
	padding: 5px 0px 5px 20px;
	background: url(../../../_core/media/icons/icon-add-note.gif) left no-repeat;
}

table.job-notes th,
table.job-tasks th,
table.job-timesheets th {
	background:#F9F9FF;
	white-space:nowrap;
}

/* FOOTER
   ---------------------------------------------------------------- */

#footer {
	color: #eee;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	text-align: left;
	margin: 20px;
	min-width: 920px;
}

#footer a,
#footer a:link {
	color: #eee;
	text-decoration: underline;
}
#footer a:visited {
	color: #eee;
	text-decoration: underline;
}
#footer a:hover,
#footer a:active {
	color: #000;
}

#footer #poweredByIsell {
	float: right;
}
#footer a#poweredByIsell,
#footer a#poweredByIsell:link {
	background-color: #999;
	text-decoration: none;
	
}
#footer a#poweredByIsell:visited {
	background-color: #999;
}
#footer a#poweredByIsell:hover,
#footer a#poweredByIsell:active {
	background-color: #000;
}

#footer  #poweredByIsell img {
	border: 0;
	vertical-align: middle;
}

/* MISC CLASSES
   ---------------------------------------------------------------- */

div#sidebar-my-favourites { }

table.list tbody tr:hover,
table.sortable tbody tr:hover {
	background-color: #f2f2ff;
}

.sortable th a {
	text-decoration: none;
}

.page-links {
	text-align:center;
}

input[type='checkbox'],
input[type='radio'] {
	border: none !important;
	background: none !important;
}

/* OPTIONS
   ---------------------------------------------------------------- */

.incPrice {
	/* displays INC tax prices */
}

.exPrice {
	/* displays EX tax prices */
	display: none !important;
}

.vendor-part {
	/* displays vendor parts */
}

.product-code {
	/* displays product codes */
	display: none !important;
}

.taxAmount {
	/* hides tax amount sub total row in order details and requisition details
	display: none !important; */
}

.quoteIndent0 {
	padding-left:0.3em;
}

.quoteIndent1 {
	padding-left:1.3em;
}

.quoteIndent2 {
	padding-left:2.3em;
}

#basketPanel {
	/* displays basket in side panel */
	display: block !important;
}

/* Hide register links*/
#section-nav .sidebar-register,
#main-login-form .registerButton {
	display:none;
}

#section-nav .my-account-register-link {
	display: none;
}



div.tooltip {
	padding: 3px;
	margin: 6px;
	background: #f6f6f6;
	border: 1px solid #ccc;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	z-index: 9999;
	max-width: 300px;
	text-align: left;
}

#miniPortalHome {
	border-bottom: 2px solid #009;
	background: #f3f3f3;
	padding: 10px;
}
#miniPortalHome img {
	float: right;
	border: 1px solid #999;
}

/* SECTION_NAV CUSTOM
   ---------------------------------------------------------------- */
   



#section-nav {
	
	width: 157px;
	padding: 0;
	margin: 0;
	
}
#section-nav .section-nav-box {
	border: 0px solid #ccc;
	padding: 0px;
	margin: 0px 0px 10px 0px;

}

#section-nav h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: "Trebuchet MS";
}
#section-nav ul {
	margin-left: 10px;
	padding-left: 10px;
	color: #007;
}
#section-nav ul li {
	font: 11px/18px "trebuchet MS", arial, Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}

#section-nav dl {
	margin: 5px 0px 0px 0px;
	padding: 0;
}
#section-nav dl dt {
	font: 10px "Trebuchet MS", arial, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #009;
}
#section-nav dl dd {
	font: 10px/15px "Trebuchet MS", arial, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0;
}
#section-nav p {
	margin-top: 0;
	font: 11px/18px "Trebuchet MS", arial, Verdana, Arial, Helvetica, sans-serif;
}
#section-nav input {
	max-width: 135px;
}
#section-nav input.date {	
	/*margin-right: 3px;
	margin-left: 3px;*/
	width: 110px;
	font-size: 11px; 
}
#section-nav .submit {
	width: auto;
	/* margin-top: 5px;*/
	/* margin-right: 3px; /*
}
#section-nav input.submitButton,
#section-nav input.submit {
	width: 72px !important;
	height: 20px !important;
	margin-top: 5px;
}
#section-nav select,
#section-nav select option {
	font-size: 11px;
	width: 135px;
}
#section-nav #sideBarSearchForm .submitButton,
#section-nav #jobSearch .submitButton {
	width: auto;
	float: none;
/*	margin-top: 5px; */
}
#section-nav #side-login-form table {
	width: 150px;
}
#section-nav #side-login-form table input {
	width: 128px;
}
#section-nav #side-login-form .submitButton {
	width: 90px;
}

#section-nav form {
/*	margin-bottom: 10px; */
}

#section-nav label {
	font-size:11px;
/*	padding: 2px 2px 2px 8px; */
	background:none;
	font-family:"Trebuchet MS", arial, Verdana, Arial, Helvetica, sans-serif;
}

#section-nav #account-login form {
	padding:0;
}

#section-nav #account-login span {
	font-size:10px;
	font-family: "Trebuchet MS", arial, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}

#section-nav .sideLoginButton {
	float: right;
}

#section-nav .jobActions {
	font: bold 11px "Trebuchet MS", arial, Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	cursor: pointer;
}

#section-nav .jobActions a {
	color: #000;
	
	display:block;
	/* padding: 2px;*/
	text-decoration: none;
	border: 0px outset;
	text-align:center;
}

#section-nav .jobActions a:hover {

	color: #000;
	text-decoration: none;
	border: 0px outset;
	text-align:center;
}

#section-nav #broadSearch {
	width: 110px;
}

#section-nav #sidebar-search {
	font: 10px "Trebuchet MS", arial, Verdana, Arial, Helvetica, sans-serif;
}

#section-nav #sidebar-search #group {
	display:none;
}

#section-nav #sidebar-search form {
	/*margin-top:5px;*/
}

#section-nav #sidebar-search .searchButton {
/*	margin-top:5px; */
}

#section-nav #searchForm p {
}

#section-nav #keyword {
}

#section-nav ul#top-sellers,
#section-nav ul#new-products {
	margin-left: 0;
}
#section-nav ul#top-sellers li,
#section-nav ul#new-products li {
}
#section-nav ul#top-sellers li a,
#section-nav ul#new-products li a {
}

div.tooltip {
	padding: 3px;
	margin: 6px;
	
	border: 0px solid #ccc;
	font: 10px "Trebuchet MS", arial, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	z-index: 9999;
	max-width: 300px;
	text-align: left;
}

#miniPortalHome {
	padding: 10px;
}
#miniPortalHome img {
	float: right;
}
/* #################################### CUSTOM ADDS ######################################*/

/* ############# CUSTOM SINGLE STYLES ############# */

/* links color for visited links main page */
#content a:visited, #content a { color: #0033cc; }
#content-container { padding: 0; margin: auto; }
#content { width: 615px;}

#shop-by-brands table td { text-align: left; font-size: 11px;}
textarea { border: 1px solid: #ccc; }



/* ########### INVISIBLE BOXES #################*/

div#sidebar-catalogue-mode br,
div.surrounding-box h3,
div#sidebar-stock-disclaimer,
div#basketPageActions input.loginButton, 
div#sidebar-lost-password, 
div#sidebar-shared-favourites,
vdiv#account-login form,
div#account-login,
div#comfortZone h2,
div#sidebar-search,
div.message, 
#message_notice,
form#main-login-form,
p#footer
 { display: none; }

/* ######################   context right menu ################################### */
div#sidebar-catalogue-mode a 
{
	height: 22px;
	line-height: 22px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	display: block;
	padding-top:8px;
	padding-bottom:8px;
	border-right:0px;
	border-left:0px;
	border-top:0px;
	border-bottom:1px;
	border-color:#CCCCCC;
	border-style:solid;
}
div#sidebar-catalogue-mode p 
{
margin: 0px;
}

/* ############## CUSTOM LEFT MENU STYLES, INDIVIDUAL ######################*/
p#itemCountContainer { padding: 4px 4px 4px 4px; }


/* ## text color and padding for side links ## */
div#sidebar-print-help,
div#sidebar-quotes,
div#sidebar-shared-favourites,
#sidebar-manage-favourites,
#sidebar-address-types,
#sidebar-orders 
{ 
margin-left: 10px; 
color : #fff;
}

/* ######################   other left hand custom menu styles ################### */
/* ### CUSTOM INDIVIDUAL MENU ITEM STYLES */
/* change a: color */
div#sidebar-manage-favourites a { 
color: #fff;
}
div#my-account #sidebar-nav { margin-left: -10px; }
div#sidebar-specials { padding: 0px 0px 0px 0px; height: 28px;}
div#my-account { padding-bottom: 0px; }
div#sidebar-specials {border-top: 1px solid #ccc; } 
div#sidebar-catalogue-mode, ul#sidebar-nav { border-top: 1px solid #ccc; } 
div#basketPanel p { margin-left: 15px; padding-top: 7px;}
div#basketPanel, div#basketPanel a { color: #fff; }
div#basketPanel a { font-weight: bold; }
div#basketPanel p.small { margin-left: 7px; }
/* line up */
div#sidebar-my-favourites { 
margin: 0px;
}

/* ### BULK MENU STYLES LEFT MENU ### */

div#my-account #sidebar-nav a:hover,
div#my-account #sidebar-nav ul li a:hover,

div#sidebar-specials a:hover,
div#sidebar-specials ul li a:hover,


div#sidebar-catalogue-mode a:hover,
div#sidebar-catalogue-mode ul li a:hover,

div#sidebar-my-favourites a:hover,
div#sidebar-my-favourites ul li a:hover,

div#sidebar-shared-favourites a:hover,
div#sidebar-shared-favourites ul li a:hover
{
background:#006EAA;
border-color:#cccccc;

}
 
div#my-account #sidebar-nav,
div#my-account #sidebar-nav ul li a,


div#sidebar-specials,
div#sidebar-specials ul li a,


div#sidebar-catalogue-mode,
div#sidebar-catalogue-mode ul li a,

div#sidebar-my-favourites,
div#sidebar-my-favourites ul li a,

div#sidebar-shared-favourites,
div#sidebar-shared-favourites ul li a
{ 
	list-style: none; 
	width: 157px;
	text-indent: 20px; 
}


div#my-account #sidebar-nav,


div#sidebar-specials a,
div#sidebar-specials ul,


div#sidebar-catalogue-mode a,
div#sidebar-catalogue-mode ul,

div#sidebar-my-favourites a,
div#sidebar-my-favourites ul,

div#sidebar-shared-favourites a,
div#sidebar-shared-favourites ul,
{ 
	text-align: left;
	margin: 0px;
	padding:0px;
}


div#my-account #sidebar-nav a,
div#my-account #sidebar-nav li a,

div#sidebar-specials a,

div#sidebar-catalogue-mode a,

div#sidebar-my-favourites a,

div#sidebar-shared-favourites a
{
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	display: block;
	padding-top:2px;
	padding-bottom:2px;
	border-right:0px;
	border-left:0px;
	border-top:0px;
	border-bottom:1px;
	border-color:#CCCCCC;
	border-style:solid;
} 
div#sidebar-my-favourites ul li { list-style: none; list-style-image: none; 
list-style: none; 
	width: 157px;
	text-indent: 20px; 
position: relative;
top: -10px;
left: -20px;
}
.section-nav-box .surrounding-box div p.note{ color: #fff; }