/*----------------*/
		/* DEFAULT STYLES */
		/*----------------*/
			html, body 
			{
				height: 100%;
			}
			body 
			{
				font-family:"Trebuchet MS",arial,sans-serif;
				font-size:75%;
				color:#1c2b3f;
				margin:0;
				padding:0;
				background:#fafafa url("../images/bg-vertical-gradient.jpg") repeat-x;
			}
			input,select,td,table {font-size:100%;}
			textarea {font-family:arial,sans-serif;font-size:100%;}
			form {margin:0;}
			img {border:0;}
			p {margin:6px 5px 7px 0px;}
			strong {font-weight:bold;}
			h1,h2,h3,h4,h5,p {margin-left:0px;}
			
			hr {height:1px;color:#1c2b3f;margin:5px 0px 5px 0px;padding:0;}
			
			h1 {font-size:140%;margin:5px 0px 10px -1px;color:#346085;}
			h2 {font-size:120%;margin:8px 0px 7px 0px;color:#346085;}
			h3 {font-size:110%;margin:5px 0px 10px 0px;color:#346085;}
			h4 {font-size:110%;margin:12px 0px 1px 0px;color:#346085;}
			h5 {font-size:100%;margin:8px 0px 0px 0px;color:#346085;}
			
			blockquote {margin:3px 0px 0px 6px;}
			
			a{text-decoration:underline;color:#1c2b3f;}
			a:hover{text-decoration:none;color:#1c2b3f;}
		
			fieldset {border:1px solid #c8c8c8;}
			label {font-weight:bold;}
		
			table.standard {border-collapse:collapse;width:100%;padding:0;border:0;}
			table.standard th {border-collapse:collapse;padding:4px;vertical-align:top;border:0;text-align:center;font-weight:bold;}
			table.standard td {border-collapse:collapse;padding:4px;vertical-align:top;border:0;}
		
			tr.altrow {background-color:#f4f5f6;}
			tr.innactive a, tr.innactive a:hover, tr.innactive td {color:#970000;}
			tr.in-basket {background-color:#E4FFCA;}
			table.standard img {border:0;}
			
			table.standard-hug {border-collapse:collapse;padding:0;border:0;}
			table.standard-hug th {border-collapse:collapse;padding:4px;vertical-align:top;border:0;text-align:center;font-weight:bold;}
			table.standard-hug td {border-collapse:collapse;padding:4px;vertical-align:top;border:0;}
			
			table.addborder th, table.addborder td {border:1px solid #c8c8c8;}
			table.addborder-blue th, table.addborder-blue td {border:1px solid #305e83;}
			table.text-left th {text-align:left;color:#305e83;}
			table.text-right th {text-align:right;}
			table.nopadding th, table.nopadding td {padding:0;}
			table.standard td.num,table.standard-hug td.num {text-align:right;}

			table.tabs td {background:url("../images/tab-back.gif") no-repeat;width:80px;}
			table.tabs a {text-decoration:none;display:block;color:#000;padding:3px;}
			table.tabs td.active-tab a {text-decoration:underline;}
			
			table.tabs-account td {background:url("../images/tab-back.gif") no-repeat;width:135px;text-align:center;border:0;bdorder-bottom:1px solid #aeb8be;}
			table.tabs-account a {text-decoration:none;display:block;color:#000;padding:3px;}
			table.tabs-account td.active-tab a {text-decoration:underline;}
			
			th.td-date, td.td-date {width:120px;text-align:center;}
			th.td-edit, td.td-edit {width:50px;text-align:center;}
			th.td-view, td.td-view {width:50px;text-align:center;}
			th.td-del, td.td-del {width:50px;text-align:center;}
			td.td-num, td.td-num {text-align:right;}
			
			.errortext {color:red;}
			.info {color:blue;}
			.success {color:green;}
			
			a.redlink {color:red;}
		
			.toggle {color:#5C5C5C;font-size:90%;}
			.toggle:hover {color:#000;font-size:90%;}
			.toggle-desc {display:none;padding-top:10px;color:#5C5C5C;}
		
			ul.inline-list {padding:0;margin:10px 10px 10px 0px;list-style-type:none;clear:both;}
			ul.inline-list li {display:inline;}

			.small {font-size:90%;color:#737373;}

			.clear_both {clear:both;font-size:1px;}

		/*-----------------------*/
		/* MAIN STRUCTURE STYLES */
		/*-----------------------*/

			#coat
			{
				margin:0 auto;
				width:991px;
				text-align:left;
				position:relative;
				min-height:100%;
				background:url("../images/header-back.jpg") no-repeat;
			}
			
			* html #coat
			{
				height: 100%;
			}
			
			#header
			{
				background:url("../images/header-back.jpg") no-repeat;
				height:170px;
				width:100%;
			}
			
			#logo {position:absolute;top:30px;left:37px;display:block;text-decoration:none;width:316px;height:61px;}

			.header-summary
			{
				float:right;
				padding:3px 26px 0px 0px;
				width:217px;
			}
			.user-status {padding-left:20px;background:url("../images/icons/user_edit.png") no-repeat;float:left;}
			.user-logout {padding-left:20px;background:url("../images/icons/log_out.png") no-repeat;float:right;}
			.user-order-quantity {margin:-3px 0 0 0;color:#950819;}
			.user-order-quantity a {color:#950819;}
			.user-order-total {margin:-28px 0 0 0;float:right;font-size:150%;color:#950819;}
			.user-checkout {padding-left:20px;background:url("../images/icons/basket_go.png") no-repeat;float:right;clear:right;white-space:nowrap;margin:0;}
			.user-checkout a {color:#950819;}
			.user-last-addition {font-size:80%;margin:0;clear:both;padding:10px 0px 0px 10px;}
			
			#columns:after
			{
			  clear: both;
			  display: block;
			  font: 1px/0px serif;
			  content: ".";
			  height: 0;
			  visibility: hidden;
			}

			.col1
			{
				float:left;
				width:262px;
				padding-bottom:89px;
			}

			.col2
			{
				margin-left:10px;
				float:left;
				width:710px;
				padding-bottom:89px;
			}

		/*---------------*/
		/* FOOTER STYLES */
		/*---------------*/
		
			#footer
			{
				background:url("../images/footer_tile.png") repeat-x;
				position: relative;
				height:89px;
				margin-top:-89px;
			}
			
			.footer-box {width:991px;margin:0 auto;height:89px;background:url("../images/footer_bg.png") no-repeat;}
			
			#footer ul
			{
				position:absolute;
				left:50%;
				list-style-type:none;
				margin:0 0 0 -240px;
				padding:27px 0 0 0;
				clear:both;
			}
			
			#footer ul li 
			{
				display:inline;
				margin:0;
				padding:0;
				color:#1c2b3f;
				padding:2px 8px 2px 8px;
				background:url("../images/li-divider.gif") no-repeat right 5px;
			}
			
			#footer ul a 
			{
				color:#1c2b3f;
				text-decoration:underline;
				white-space:nowrap;
			}
			#footer ul a:hover 
			{
				color:#1c2b3f;
				text-decoration:none;
			}
			
			#footer ul li.copyright {background-image:none;}
			
		/*---------------*/
		/* NAVIGATION    */
		/*---------------*/
			
			ul#top_nav {position:absolute;left:30px;top:126px;margin:0;padding:4px;list-style-type:none;}
			ul#top_nav li
			{
				float:left;
				color:#1c2b3f;
				padding:2px 8px 2px 8px;
				font-size:120%;
				font-weight:bold;
				background:url("../images/li-divider.gif") no-repeat right 5px;
			}

			ul#top_nav a 
			{
				color:#000;
				padding:5px;
				text-decoration:none;
			}
			ul#top_nav a:hover 
			{
				color:#000;
				text-decoration:underline;
				padding:5px;
				background:url("../images/btn-rollover.gif") repeat-X;
			}
			ul#top_nav a.on {color:#990000;text-decoration:none;}
			
		/*---------------*/
		/* COL 1 CONTENT */
		/*---------------*/
			
			/*Collapse rollover*/
			
			a.panelrollover
			{
				display: inline;
				width: 16px;
				height: 16px;
				float:left;
				text-decoration: none;
				overflow:hidden;
				background: url('../images/collapse-btn.jpg');
			}

			a.panelrollover-expand {background: url('../images/expand-btn.jpg');}
			a.panelrollover:hover {background-position: -16px 0;}

			/*Panels*/
			
			.box-padding 
			{
				padding:10px 8px 5px 8px;
				overflow:hidden;
			}
			
			.hide-it
			{
				display:none;
			}
			
			.top-left-box 
			{
				background: url("../images/top-red-back.jpg") no-repeat;
				margin-bottom:10px;
			}
			
			.top-left-footer 
			{
				background: url("../images/top-red-footer.gif") no-repeat;
				width:100%;
				height:8px;
			}
			
			.panel-collapse-buttons
			{
				position:absolute;
				margin-top:10px;
				margin-left:190px;
				height:16px;
				width:32px;
			}			
			
			.left-box 
			{
				background: url("../images/bg-red-box.jpg") no-repeat;
				margin-bottom:10px;
				display:block;
				position:relative;
			}
			
			.left-box h2 
			{
				margin:0;
				padding:10px 0px 9px 10px;
			}
			
			.left-footer 
			{
				background: url("../images/footer-red-box.jpg") no-repeat;
				width:100%;
				height:26px;
			}
			
			.left-box-login{
			background:url(../images/bg-login.gif) no-repeat;
			padding:15px 10px 0px 10px;
			height:224px;
			width:213px;
			}
			
			.left-box-login h2{
			margin:0px 0px 15px 0px;
			}
			
			.left-box-login input{
			width:100px;
			}
		
			ul.cat-nav, ul.cat-nav ul
			{
				margin:0;
				padding:0;
				list-style-type:none;
			}

			ul.cat-nav li
			{
				margin:0;
				padding:0;
			}
			
			ul.cat-nav li a
			{
				display:block;
				padding:2px 4px 2px 4px;
			}
			
			ul.cat-nav ul.cat-level-1
			{
				margin:0;
				padding:0;
				list-style-type:none;
			}
			
			ul.cat-nav li.cat-level-0 a.cat-level-0
			{
				background-color:#cb9696;
				border:1px solid #c8c8c8;
				color:#000000;
				text-decoration:none;
				margin-top:-1px;
				width:205px;
			}
			
			ul.cat-nav li.cat-level-0 a.cat-level-0:hover
			{
				background-color:#e4b6b6;
				color:#000;
			}
			
			ul.cat-nav li.cat-level-0 a.cat-on-0
			{
				color:#000;
			}
			
			ul.cat-nav li.cat-level-1 a.cat-level-1
			{
				background-color:#f6e6e6;
				border:1px solid #c8c8c8;
				color:#000;
				text-decoration:none;
				margin-top:-1px;
				width:205px;
			}
			
			ul.cat-nav li.cat-level-1 a.cat-level-1:hover
			{
				background-color:#fff;
				color:#000;
			}
		
			ul.cat-nav li.cat-level-1 ul
			{
				background-color: #fcf6f6;
				padding:0;
				list-style-type:none;
				padding-top:10px;
				padding-bottom:10px;
			}
			
			ul.cat-nav li.cat-level-1 li
			{
				background-color: #fcf6f6;
				padding:0px 5px 0px 10px;
			}
			
			ul.cat-nav li.cat-level-1 li a
			{
				color:#42566f;
			}

			ul.cat-level-2 li a
			{
				background: url('../images/nav-li-bg.png') no-repeat 0px 5px;
				padding-left: 20px;	
			}

			ul.cat-nav li.cat-level-1 li a.cat-on
			{
				text-decoration:none;
				color:#000;
			}
			
			/* MY PRODUCTS NAV */

				ul.my-cat-nav
				{
					padding-left:0;
					margin-left:20px;
				}

				ul.my-cat-nav ul
				{
					padding-left:0;
					margin-left:15px;
				}
			
			/* TASK DASHBOARD */
				
				.task-list {list-style-type:none;margin:0 0 0 10px;padding:0;}
			
				.task-list li {clear:both;}
				.task-list a {display:block;padding:3px 0px 0px 20px;background-position:0px 4px;background-repeat:no-repeat;}
			
				a#browse_catalogue {background-image: url("../images/icons/package.png");}
				a#view_product_alerts {background-image: url("../images/icons/bell.png");}
				a#spend_loyalty_points {background-image: url("../images/icons/loyalty_points.png");}
				a#build_report {background-image: url("../images/icons/report.png");}
				a#manage_company {background-image: url("../images/icons/building.png");}
				a#checkout {background-image: url("../images/icons/basket_go.png");}
				a#log_out {background-image: url("../images/icons/log_out.png");}
				a#refer_a_friend {background-image: url("../images/icons/user.png");}
		
			/* TASK DASHBOARD */
			
				ul.user_profile, ul.user_profile ul {list-style-type:none;margin:0 0 0 5px;padding:0;}
				ul.user_profile li {margin-bottom:7px;}
				ul.user_profile h3, p {padding:0;margin:0;}
				
				#user {padding:3px 0px 0px 20px;background: url("../images/icons/user.png") no-repeat 0px 3px;}
				#basket {padding:3px 0px 0px 20px;background: url("../images/icons/basket.png") no-repeat 0px 3px;}
				#order {padding:3px 0px 0px 20px;background: url("../images/icons/clock.png") no-repeat 0px 3px;}
				#budget {padding:3px 0px 0px 20px;background: url("../images/icons/money.png") no-repeat 0px 3px;}
				#manager {padding:3px 0px 0px 20px;background: url("../images/icons/user_manager.png") no-repeat 0px 3px;}
				#checkout {padding:3px 0px 0px 20px;background: url("../images/icons/basket_go.png") no-repeat 0px 3px;}
				#loyalty_points {padding:3px 0px 0px 20px;background: url("../images/icons/loyalty_points.png") no-repeat 0px 3px;}
		
		/*---------------*/
		/* COL 2 CONTENT */
		/*---------------*/
		
			p#crumb {margin:0px 0px 10px 2px;clear:both;}
			
			.content {line-height:1.5;background: url("../images/content-back.jpg") no-repeat;float:left;width:100%;}
			.content-padding {padding:10px;}
			.content a {color:#346085;}

			.content-box-title
			{
				background: url("../images/title-back.gif") repeat-x top right;
				height:43px;
			}
			.content-box-title-start
			{
				background: url("../images/title-start.gif") no-repeat top left;
				height:43px;
				width:6px;
				font-size:1px;
			}
			.content-box-title-end
			{
				background: url("../images/title-end.gif") no-repeat top left;
				height:43px;
				width:7px;
				font-size:1px;
			}
			
			.content-box-title h1 {margin:10px 0px 0px 6px;font-weight:normal;}

			.col-wide {width:100%;clear:both;}
			.col-featured-products {width:220px;float:right;margin-left:10px;}
			.col-med {width:460px;float:left;}
			.col-even {width:350px;float:left;margin-left:10px;}
			.col-even-first {width:330px;float:left;}
			
			ul.product-alert-tree {list-style-type:none;margin:0;padding:0;}
			
			h2.checkout-title
			{
				background:#C5C5C5;
				padding:5px;
				color:#fff;
				clear:both;
				position:relative;
			}
			
			.feature-box-large-bg
			{
				background: url("../images/feature-box-bg.png") no-repeat; 
				padding:5px 10px 10px 10px;
			}
			
			.feature-box-large-bottom
			{
				background: url("../images/feature-box-bottom.png") no-repeat;
				width:666px;
				height:10px;
			}	
			
			.feature-box-small-bg
			{
				background: url("../images/feature-box-sml-bg.png") no-repeat; 
				padding:5px 10px 0px 10px;
			}
			
			.feature-box-small-bottom
			{
				background: url("../images/feature-box-sml-bottom.png") no-repeat; 
				font-size:1px; 
				width:328px;
				height:10px;
				float:left;
			}
					
			p.ex-vat-price 
			{
				font-size:80%;
				font-weight:normal;
				color:#888;
			}
			
			
		/*---------------*/
		/* FORMS         */
		/*---------------*/
		
			input.box {border:1px solid #C5C5C5;background-color:#fff;padding:3px;}
			select.select-box {border:1px solid #C5C5C5;background-color:#fff;padding:3px;}
			textarea.textbox {border:1px solid #C5C5C5;background: url("../images/textarea-back.gif") repeat-x left bottom;}
			div.submit {margin-top:4px;}
			
			input.xlarge {width:300px;}
			input.large {width:250px;}
			input.largeish {width:200px;}
			input.med {width:150px;}
			input.smallish {width:100px;}
			input.little {width:50px;}
			input.tiny {width:10px;}
			input.thefile {font-size:130%;}
			input.quantity {width:30px;text-align:right;}
			textarea.txt_small {width:250px;height:80px;}
			textarea.txt_med {width:540px;height:100px;}
			
			.form-title {margin-bottom:0;margin-top:13px;font-weight:bold;}
			.form-panel {padding:5px;margin-top:20px;}

			.form-error
			{
				padding:0px 10px 10px 10px;
				border:1px solid red;
			}
			
			.form-error h4
			{
				color:red;
			}
			
			.form-error ul
			{
				margin-top:3px;
				margin-bottom:1px;
			}
			
			.form-error li
			{
				color:red;
			}

		/*---------------*/
		/* PRINTING      */
		/*---------------*/

		@media print
		{
			.col1 {display:none;}
			.col2 {width:95%;float:none;clear:both;position:relative;}
			#footer {display:none;}
			#header {display:none;}
			#crumb {display:none;}
		}
		
		.offer-header{
		background:url(../assets/store_hm/bg-header-offer.gif) no-repeat; 
		height:47px;
		}
		
		a.btn-services-to-business{
		background:url(../images/btn-business-services.gif) no-repeat;
		width:233px;
		height:30px;
		display:block;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#005599;
		text-decoration:none;
		padding:14px 0px 0px 52px;
		margin-top:15px;
		}
		
		a.btn-request-quote{
		background:url(../images/btn-request-a-quote.gif) no-repeat;
		width:233px;
		height:30px;
		display:block;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#005599;
		text-decoration:none;
		padding:14px 0px 0px 52px;
		margin-top:10px;
		}