/* CSS Document */
html {
	min-height:1000px;
	background:#B9C9D4 url(img/base.png) left top repeat-x;
    }
body {
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	
	font-size:14px;
}
a {
	text-decoration: none;
	outline:none;
}a img {
	border:none;
	}
#content a {
	color:#5273B6;
	text-decoration:underline;
}
#content a:hover {
	text-decoration:none;
}
ul {
	list-style-type:none;
}
 * {
	margin: 0;
	padding: 0;
}
p {
	margin:13px 0 13px 0;
	color:#333333;
	}
div.space {
		clear:both;
		height:2px;
}
/*-- layout --*/
#wrapper {
	width:966px;
	height:auto;
	margin:0 auto;
	}
#main {	
	width:952px;
	height:auto;
	min-height:600px;
	border:1px solid #D2DCE3;
	background-color:#FFFFFF;
	padding:6px;
	}
#header {
	width:966px;
	height:90px;
	background-color:#FFF;
	}	
#content {
	float:right;
	min-height:500px;
	width:750px;
	padding:0;
	margin-right:10px;
	margin-bottom:10px;
	}
/*#sideBar {
    float: left;
    height: auto;
    min-height: 500px;
    width: 130px;
	margin-left:20px	
}
.home {
	margin-top:14px;
}*/
#sideBar {
    margin-left:10px;
	float: left;
    height: auto;
	width:170px;
}
#Footer {
	border-top:1px solid #707172;
	position:relative;
	height:135px;
	clear:both;
	}
/*-- header --*/
#header #logo {
	width:400px;
	margin-top:10px;
	float:left;
	}
#header #informationArea {
	position:relative;
	float:right;
	height:90px;
	width:500px;
}
#header #informationArea ul.sub-menu {
    font-size: 11px;
	float:right;
    height: 18px;
    list-style-type: none;
    margin:4px 0 0 0;
    padding: 0;
    text-align: center;
}
#header #informationArea ul.sub-menu li {
    float: left;
    margin: 0;
    padding:0;
}
#header #informationArea ul.sub-menu li a {
    border-right: 1px solid #333333;
    color: #333333;
    display: block;
    margin: 0;
    padding:0px 12px 0px 12px;
    text-decoration: none;
}
#header #informationArea ul.sub-menu li.tel {
    background: url("http://www.re-adjust.co.uk/css/img/phone_icon.gif") 5px 2px no-repeat;
    margin: 0;
    padding: 0 10px 0 30px;
}
#header #informationArea span {
	display:block;
	margin:70px 4px 4px 0;
	text-align:right;
}
/*-- Navigation --*/
/*-- topNav --*/
#topNav {
    height: 26px;
    margin-bottom: 4px;
	background:#666666 url(http://www.iansyst.com/assets/images/topNavBase.png) left top repeat-x;
	border:1px solid #333;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#topNav ul.navigation {
	float:left;
	width:860px;
	font-size:20px;
}
#topNav ul.navigation li {
	float:left;
}
#topNav ul.navigation li a {
	width:120px;
	height:26px;
	color:#FFF;
	text-decoration:none;
	display:block;
	text-align:center;
	border-right:1px solid #C7CAC6;
	border-left:1px solid #4E534D;
}
#topNav ul.navigation li a:hover {
		background:url(http://www.iansyst.com/assets/images/topNavBaseOver.png) left top repeat-x;
}
#topNav ul.navigation li a.r_end {
		border-right:none;
}
#topNav ul.navigation li a.l_end {
		border-left:none;
}
/*-- topNav END --*/
#sideBar ul {
	border: 1px solid #8EA7B9;
	height:280px;
}
#sideBar ul li {
	position:relative;
	width:164px;
	height:32px;
	margin:0 0 4px 2px;
}
#sideBar ul li.DYS {
	background:url(img/DYS_box.gif) left top no-repeat;
}
#sideBar ul li.MH {
	background:url(img/MH_box.gif) left top no-repeat;
}
#sideBar ul li.SpLD {
	background:url(img/SpLD_box.gif) left top no-repeat;
}
#sideBar ul li.PHY {
	background:url(img/PHY_box.gif) left top no-repeat;
}
#sideBar ul li.VI {
	background:url(img/VI_box.gif) left top no-repeat;
}
#sideBar ul li.DIS {
	background:url(img/DIS_box.gif) left top no-repeat;	
}
#sideBar ul li.DHH {
	background:url(img/DHH_box.gif) left top no-repeat;	
}
#sideBar ul li.title {
	height:24px;
}
#sideBar ul li.title h3 {
	color:#333;
	font-size:14px;
	margin:0;
	padding:6px 0 0 0;
}
#sideBar ul li a {
	color:#FFFFFF;
	display:block;
	width:118px;
	height:22px;
	padding:0 0 0 39px;	
	font-size:0.82em;
	padding-top:8px;
}
#sideBar ul li.SpLD a,
#sideBar ul li.DIS a,
#sideBar ul li.DHH a {
	padding-top:1px;
	height:30px;
}
#sideBar ul li span {
	position:absolute;
	top:2px;
	left:3px;
	padding-top:6px;
	display:block;
	width:32px;
	height:16px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

/*-- access toolbar --*/
#topNav ul.themes {
	height:20px;
	width:124px;
	float:right;
	color:#FFF;
	margin:3px 3px 0 0;
	}
#topNav ul.themes li {
	float:left;
	list-style:none;
	margin:0;
	}
#topNav ul.themes li a:hover {
	border:0;
	}
#topNav ul.themes li.High a {
	background-image:url(img/high_icon.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	width:18px;
	height:18px;
	}
#topNav ul.themes li.Low a {
	background-image:url(img/low_icon.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	width:18px;
	height:18px;
	margin-right:3px;
	}
#topNav ul.themes li.Standard a {
	background-image:url(img/standard_icon.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	width:18px;
	height:18px;
	margin-right:3px;
	}

/*-- page headings --*/
h1#heading {
	height:90px;
	margin-bottom:6px;
}
h1#heading span {
	display:block;
	text-indent:-2000em;
}
h1.re-adjust-welcome {
	background:#F37022 url(img/re-adjust-welcome.png) 60px 45px no-repeat;
}
h1.access-to-work-area {
	background:#F37022 url(img/access-to-work.png) 60px 45px no-repeat;
}
h1.deaf-and-hard-of-hearing {
	background:#F37022 url(img/deaf.png) 60px 45px no-repeat;
}
h1.my-account {
	background:#F37022 url(img/my-account.png) 60px 45px no-repeat;
}
h1.sitemap {
	background:#F37022 url(img/sitemap.png) 60px 45px no-repeat;
}
h1.new-reg {
	background:#F37022 url(img/new-reg.png) 60px 45px no-repeat;
}
h1.where-do-we-go-from-here {
	background:#F37022 url(img/contact.png) 60px 45px no-repeat;
}
h1.news {
	background:#F37022 url(img/news.png) 60px 45px no-repeat;
}
h1.useful-links {
	background:#F37022 url(img/useful-links.png) 60px 45px no-repeat;
}
h1.ian_services {
	background:#6FBE44 url(img/iansyst_services-heading.png) 60px 45px no-repeat;
}
h1.dyslexia {
	background:#6FBE44 url(img/dyslexia.png) 60px 45px no-repeat;
}
h1.mental-health-and-stress-prevention {
	background:#3A53A4 url(img/mental_health_heading.png) 60px 45px no-repeat;
}
h1.articles-on-assistive-technologies,
h1.articles-on-readjust {
	background:#F37022 url(img/articles.png) 60px 45px no-repeat;
}
h1.articles-on-disabilities {
	background:#F37022 url(img/disability.png) 60px 45px no-repeat;
}
h1.legistlation-articles {
	background:#F37022 url(img/legal.png) 60px 45px no-repeat;
}
h1.about-us {
	background:#F37022 url(img/about.png) 60px 45px no-repeat;
}
h1.login {
	background:#F37022 url(img/login.png) 60px 45px no-repeat;
}
h1.terms-and-conditions {
		background:#F37022 url(img/terms.png) 60px 45px no-repeat;
}
h1.software {
	background:#F37022 url(img/software.png) 60px 45px no-repeat;
}
h1.hardware {
	background:#F37022 url(img/hardware.png) 60px 45px no-repeat;
}
h1.service {
	background:#F37022 url(img/services.png) 60px 45px no-repeat;
}
h1.view_quote {
	background: #F37022 url(img/view_quote.png) 60px 45px no-repeat;
}
h1.visual-impairment {
	background: #F37022 url(img/vi.png) 60px 45px no-repeat;
}
h1.specific-learning-difficulties {
	background:#6EC6A8 url(img/spld.png) 60px 45px no-repeat;
}
h1.physical-disabilities {
	background:#B9519E url(img/physical.png) 60px 45px no-repeat;
}
h1.disability-support-services-for-individuals {
	background:#ED2124 url(img/dis_services.png) 60px 45px no-repeat;
}
h1.item-title {
	position:relative;
	background-color:#F37022;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1#heading span.show {
	position:absolute;
	top:35px;
	left:60px;
	font-size:40px;
	text-indent:0em;
}
/*-- page headings END --*/
/*--footer --*/
#Footer img.iansyst-logo {
	position:absolute;
	top:10px;
	right:10px;
	}
#Footer ul {
	margin:6px 0 0 6px;
	font-size:12px;
}
#Footer ul li{
	float:left;
	background:url(img/footer-dot.gif) right center no-repeat;
}
#Footer ul li a {
	display:block;
	padding:2px 14px 2px 10px;
	color:#333333;
}
/*-- content details --*/
/*-- Content --*/
#content h2 {
	margin:10px 0 10px 0;
}
#content h3 {
	font-size:18px;
	margin:0 0 16px 0;
}
#content h5 {
		margin:30px 0 10px 0;
		border-bottom:1px solid #CCC;
		padding-bottom:6px;
		overflow:hidden;
		
}
#content h4 {
	margin:20px 0 10px 0;
}
/*-- Index --*/
#main #content .splash {
	background:url(img/re-adjust_header_iage.jpg) left top no-repeat;
	border:1px solid #8EA7B9;
	width:750px;
	height:280px;
	margin:0 0 0 -8px;
}
#main #content .splash ul {
	margin:100px 0 0 20px;
}
#main #content .splash ul li {
	background:url(img/tick_lg.png) left center no-repeat;
	height:36px;
	padding-left:52px;
	margin-bottom:8px;
	font-size:18px;	
}
#main #content .text {
	margin-left:-180px;
	width:720px;
	float:left;
}
/*-- SideBar --*/
#sideBar .access-area_enter_sm {
	border: 1px solid #8EA7B9;
	margin-top:40px;
	background:url(img/enter_box_sm.png) left top repeat-x;
}
#sideBar .access-area_enter_sm h2 {
	font-size:20px;
	padding-bottom:22px;
	text-align:center;
	color:#333;
}
#sideBar .access-area_enter_sm a:link, 
#sideBar .access-area_enter_sm a:visited {
	display:block;
	width:106px;
	height:29px;
	margin:0 0 0 54px;
	padding-top:2px;
	background:url(img/enter_sprite.png) left -31px no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
#sideBar .access-area_enter_sm a:hover {
	background:url(img/enter_sprite.png) left 0px no-repeat;
}
#sideBar .access-area_enter_sm span {
	color:#FFFFFF;
	display:block;
	font-size:12px;
	padding:6px 4px 0 4px;
	text-align:center;
}
#main #content .access-area_enter {
	border:1px solid #8EA7B9;
	background:url(img/enter_box.png) left bottom repeat-x;
	width:194px;
	height:250px;
	margin:13px 6px 0 0;
	float:right;
}
#main #content .access-area_enter h2 {
	background:url(img/enter_line.gif) left bottom repeat-x;
	font-size:20px;
	width:164px;
	margin-left:15px;
	padding-bottom:6px;
	text-align:center;
	color:#333;
}
#main #content .access-area_enter ul {
	width:174px;
	margin-left:10px;
}
#main #content .access-area_enter ul li {
	background:url(img/tick_sm.png) left top no-repeat;
	padding-left:40px;
	margin-bottom:4px;
	padding-top:4px;
	height:30px;
	font-size:11px;
}
#main #content .access-area_enter div {
	width:164px;
	margin-left:15px;
	padding-top:12px;
	background:url(img/enter_line.gif) left top repeat-x;
}
#main #content .access-area_enter div a:link, 
#main #content .access-area_enter div a:visited {
	display:block;
	width:106px;
	height:29px;
	margin:0 0 0 60px;
	padding-top:2px;
	background:url(img/enter_sprite.png) left -31px no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
#main #content .access-area_enter div a:hover {
	background:url(img/enter_sprite.png) left 0px no-repeat;
}
/*-- Twitter --*/
#content #twitter {
	width:260px;
	float:right;
	margin:20px 0 0 10px;
	padding:2px;
	}
#content #twitter p {
	font-size:1.1em;
	}
	
#content #twitter h3 {
	border:none;
	}
#content #twitter img.twtr-profile-img {
	background:url(http://www.iansyst.com/assets/images/twitter-top.gif) left top no-repeat;
	background-color:#FF0000;
	}
#content #twitter img.twtr-profile-img {
    padding: 2px;
}
/*-- Twitter END --*/
.rss img {
	float:left;
	padding:6px 10px 6px 0;
	margin:2px 10px 2px 0;
}
.rss ul {
	list-style:outside;
	margin-left:40px;
}
.rss ol {
	margin-left:40px;
}
.rss ul li {
	padding:0 0 4px 0;
}
.rss ol li {
	padding:0 0 4px 0;
}
/*-- articles --*/
#content table {
	font-size:0.8em;
}
#content table.law {
	table-layout:fixed;
	width:760px;
	margin-bottom:20px;
}
#content table.law td {
	text-align:center;
}
#content table.law .side {
	width:110px;
}
#content table.law .top {
	height:110px;
}
#content table.law .top p {
	position:relative;
}
#content table.law .top span {
	display:block;
	position:absolute;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	padding-top:10px;
	width:95px;
	left:-15px;
	top:-40px;
	height:54px;
	font-size:1.3em;
}
#content table.law td {
	height:60px;
}
#content table.law td.covered {
	background-color:#6699CC;
}
#content table.law td.not-covered {
	background-color:#CCCCCC;
}
#content table.key {
	table-layout:fixed;
	text-align:center;
	margin:0 0 10px 0px;
}
#content table.key td.left {
	width:210px;
	height:50px;
}
#content table.key td.right {
	width:50px;
}


/*-- articles END--*/
#content p.link a span.tooltip {
	background: url(img/newWindow.gif) right top no-repeat;
	width:12px;
	height:12px;
	cursor:pointer;
	display:inline-block;
	height:12px;
	padding:0;
	}
* +html #content a span.tooltip {
	padding-right:16px;
	}
	
#content a span.tooltip span {
	left:-999em;
	position:absolute;
	top:-999em;
	}
/*-- reCaptcha error --*/
div.incorrect {
	float:right;
	margin-right:200px;
	margin-top:250px;
	}
div.incorrect p {
	font-size:16px;
	}	
/*-- services --*/
#content ul.key_sm {
	width:446px;
}
#content ul.key_lg {
	width:524px;
}
#content ul#key {	
	font-size:20px;
	float:right;
}
#content ul#key li {	
	float:left;
	margin-right:4px;
	padding:2px;
}
#content ul#key li.title {
	font-size:16px;
}
#content ul#key li.mh, 
#content ul#key li.dys, 
#content ul#key li.spld, 
#content ul#key li.phy, 
#content ul#key li.vi, 
#content ul#key li.dis {
	color:#FFFFFF;
	font-weight:bold;
	width:50px;
	text-align:center;
}
#content ul#key li.mh,
#content ul#services li ul.key li.mh,
ul.display ul.key li.mh {
	background-color:#3A53A4;
}
#content ul#key li.dys,
#content ul#services li ul.key li.dys,
ul.display ul.key li.dys {
	background-color:#75C044;
}
#content ul#key li.spld,
#content ul#services li ul.key li.spld,
ul.display ul.key li.spld {
	background-color:#6EC6A8;
}
#content ul#key li.phy,
#content ul#services li ul.key li.phy,
ul.display ul.key li.phy {
	background-color:#B9519E;
}
#content ul#key li.vi,
#content ul#services li ul.key li.vi,
ul.display ul.key li.vi {
	background-color:#F36E21;
}
#content ul#key li.dis,
#content ul#services li ul.key li.dis,
ul.display ul.key li.dis {
	background-color:#ED2124;
}
#content ul#key li.dhh,
#content ul#services li ul.key li.dhh,
ul.display ul.key li.dhh {
	background-color:#6699FF;
}
#content ul#key li a {
		color:#FFFFFF;
		text-decoration:none;
}	
.tooltip {
	display:none;
	background:url(img/white_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	font-size:14px;
	color:#333;
	font-weight:normal;	
}
#content ul#key li .tooltip p {
		margin:0 0 4px 0;
}
#content ul#key li .tooltip a {
		color:#3A53A4;
		font-weight:bold;
		text-decoration:underline;
}
#content ul#key li .tooltip a:hover {
	text-decoration:none;
}
/*--tooltip END--*/
#content ul#services {
		clear:right;
		margin:0 0 0 30px;
		padding-top:20px;
}
#content ul#services li {
	width:700px;
	margin-bottom:6px;
	padding:6px 10px 6px 10px;
	color:#333333;
	border:1px solid #CCCCCC;
	background-color:#F5F5F5;
}
#content ul#services li h3 {
	margin-bottom:10px;
	font-size:18px;
}
#content ul#services li ul.key {
	float:right;
}
#content ul#services li ul.key li {
	float:left;
	width:40px;
	height:20px!important;
	margin:2px;
	text-align:center;
	padding:4px 2px 0 2px;
	color:#FFFFFF;
	border:none;
	font-weight:bold;
	list-style:none;
}
#content ul.alpha {
	list-style:outside;
	list-style-type:disc;
	padding:10px 0 10px 0;
}
#content ul.alpha li {
	padding:0 0 2px 0;
}
/*-- News --*/
.rss ul.news {
	overflow:hidden;
}
.rss ul.news li, 
a.top {
		background:url(img/lg_arrow.gif) left 12px no-repeat;
		border-bottom:1px dotted #CCC;
		padding:10px 4px  6px 16px;
		margin:0 0 0 6px;
}
a.top {
	border:none;
}
.rss ul.news span {
		font-size:12px;
		font-style:italic;
}
.rss ul.news li h4 {
	margin-top:0!important;
}
.rss ul.news li div.panel {
	display:none;
	margin:12px;
}
.rss .frame {
    float: right;
    padding: 10px;
    width: 202px;
}
.rss .frame img {
    border: 1px solid #CCCCCC;
    margin:6px 0 2px 0;
	padding:0;
}
.rss .frame span {
    font-size: 0.8em;
    padding-left: 10px;
}
/*-- News END --*/
#main #content img.image {
		border:1px solid #8EA7B9;
}
#content .address-block {
	width:460px;
	height:220px;
	margin:0 0 20px 100px;
}
#content .address-block .google {
	display:inline-block;
	width:200px;
}
#content .address-block .google img {
	border:1px solid #cccccc;
	padding:0;
}
#main #content div.left {
	float: left;
    width: 250px;
}
/*-- product display --*/
#content p.travelCost {
	border:1px solid #CCCCCC;
	background-color: #ECF0F3;
	font-weight:bold;
	padding:4px;
	margin:40px 0 -30px 10px;
	width:500px;
}
/*-- list --*/
#content ul.display {
    list-style-type: none;
	margin:40px 0 0 10px;
    width: 508px;
}
#content ul.display li.item {
	border: 1px solid #CCC;
    height:104px;
	width:508px;
	color:#333;
    margin: 0 0 10px 0;
	}
#content ul.display li .prod-details {
	float:left;
	margin:4px;
	padding:4px 4px 0 4px;
	width:370px;
}
#content ul.display li .prod-details h3 {
	font-size:18px;
	height:32px;
	margin:0;
}
#content ul.display li a {
    color: #000000;
    text-decoration: none;
}
#content ul.display span.product-price {
	color:#F30;
	font-weight:bold;
	font-size:16px;
}
#content ul.display div.button {
	float:right;
	background-color:#ECF0F3;
	border-left:1px solid #CCC;
	margin:4px 4px 4px 0;
	width:110px;
	height:96px;
}
#content ul.display div.button a {
		background:#E4E6E3 url(img/progress_btn.png) left top repeat-x;
		display:block;
		width:94px;
		height:22px;
		text-align:center;
		font-size:16px;
		color:#616161;
		padding-top:2px;
		margin:14px 0 0 7px;	
		border:1px solid #CCCCCC;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
}
#content ul.display div.button a:hover {
		color:#333;
		border:1px solid #999999;
}
#content ul.display span.suitable {
	display:block;
	font-size:11px;
	margin:6px 0 0 0;
}
#content ul.display ul.key {
	height:22px;
}
#content ul.display ul.key li {
	font-size:12px;
	float:left;
	width:30px;
	height:14px!important;
	margin:2px;
	padding:2px 1px 2px 1px;
	text-align:center;
	color:#FFFFFF;
	border:none;
	font-weight:bold;
	list-style:none;
}	

/*-- progress cart area --*/
#totalAmts {
	border:1px solid #CCCCCC;
	min-height:60px;
	width:210px;
	padding:5px;
	margin-top:11px;
	float:right;
	clear:right;
}
#totalAmts .basket-summary {
	height:46px;
	border-bottom:1px solid #CCCCCC;
	padding:0 2px 0 4px;
}
#totalAmts .basket-summary p {
	margin:0 0 2px 0;
	padding:0;
	font-size:16px;
	color:#666666;
}
#totalAmts .basket-summary p small {	
 font-size:11px;
}
#totalAmts table {
	font-size:12px;
}
#totalAmts table thead {
	font-size:11px;
	color:#666666;
	font-style:italic;
}
#totalAmts table td.item {
	border-bottom:1px dashed #DBDBDB;
	padding-bottom:4px;
}
#totalAmts table td.qty {
	width:20px;
	padding:0 2px 4px 2px;
	}
div#totalbuttons {
	background-color:#ECF0F3;
	border-top:1px solid #CCC;
	min-height:4px;
	padding-bottom:6px;
}
input[type="submit"] {
	cursor:pointer;
}
div#totalbuttons a,
#content #productImage a,
#content .view_quote_options a,
#content .view_quote_options input,
#content .new-user a,
#content a.Btn,
#content fieldset#logindetails ul li input[type="submit"] {
		background:#E4E6E3 url(img/progress_btn.png) left top repeat-x;
		display:inline-block;
		text-decoration:none;
		width:94px;
		height:22px;
		text-align:center;
		font-size:16px;
		color:#616161;
		padding-top:2px;
		margin:6px 0 0 6px;	
		border:1px solid #CCC;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;	
}
div#totalbuttons a {
	margin:6px 0 0 5px;
}
div#totalbuttons a:hover,
#content #productImage a:hover,
#content .view_quote_options a:hover,
#content .view_quote_options input:hover,
#content .new-user a:hover,
#content a.Btn:hover,
#content fieldset#logindetails ul li input[type="submit"]:hover {		
		color:#333;
		border:1px solid #999999;
		text-decoration:none;
}
#content a.Btn {
	width:140px;
}
/*-- Items page --*/

#productImage {
	width:510px;
	float:left;
	padding:80px 0 0 10px;
	border-bottom:1px solid #CCCCCC;
}
#productImage  img {
	padding:6px;
	margin:-70px 60px 0 30px;
	float:left;
}
#productImage p {
	margin:0 0 6px 0;
	padding:0;
	font-size:16px;
	color:#666;
}
#productImage p span {
	color:#333333;
}
#productImage p span.price {
	color:#FF3300;
}
#productInformation {
	clear:both;
	padding:10px;
}
#productInformation ul {
	list-style:outside!important;
	list-style-type:disc;
	padding:10px 0 10px 40px;
}
#productInformation ul li {
	padding:0 0 2px 0;
	list-style:outside;
}
/*-- View Quote --*/
/*--more information --*/
div.cartHelp {
	width:700px;
	height:80px;
	display:none;
	margin:10px 0 10px 0;
}
div.cartHelp ul {
	list-style:outside;
	margin-left:20px;
}
div.helpBtn {
	height:18px;
	background:url(img/+-.png) 0px 1px no-repeat;
	cursor:pointer;
	padding:0px 0px 0px 20px;
	font-weight:bold;
	width:680px;
}
div.helpBtn2 {
	background-position:0px -16px;
}

/*--more information --*/

table.quotereview {
	border:1px solid #333333;
	border-bottom:0px;
	border-left:0px;
	font-size:0.8em;
	margin:16px 0 10px 10px;
	width:700px;
	clear:both;
}
table.quotereview thead tr th {
	border-left:1px solid #333333;
	border-bottom:1px solid #333333;
	background-color:#F37022;
	color:#000000;
	height:31px;
	background-image:url(img/tableTH.png);
	background-repeat:repeat-x;
}
table.quotereview tbody tr td {
	border-left:1px solid #333333;
	border-bottom:1px solid #333333;
	font-size:13px;
	padding:3px;
}
#content table.quotereview a {
	color:#333;
}
table.quotereview tbody tr.totals td {
	background-color:#999999;
	color:#FFFFFF;
	font-weight:bold;
}
table.quotereview td.cost {
	text-align:right;
}
table.quotereview td.remove {
	cursor:pointer;
	text-decoration:underline;
	font-style:italic;
	text-align:center;
}
table.quotereview td.remove:hover {
	text-decoration:none;
}
table.quotereview tbody tr.ErrorRow{
	background-color:#FFFF99;
}
table.quotereview td a{color:#000000;}
select.filter {
	color:#333333;
	font-weight:bold;
}
#quoteboxtotals {
	width:400px;
	border:0px solid blue;
	height:100px;
	position:relative;
	float:right;
	margin:0px 20px 0px 0px;
}
.view_quote_options {
	clear:both;
	width:700px;
	height:40px;
	margin:0 10px 10px 10px;
}
#content .view_quote_options a,
#content .view_quote_options input {
		width:140px;
		float:left;	
}
#content .view_quote_options input {
	float:right;
	height:26px!important;
	padding:0;
}
#content p.vat {
	margin:0 0 0 570px;
}
#content p.travel {
	font-size:11px;
	margin:0 0 8px 20px;
	font-style:italic;
}
#content .ship-address {
	clear:both;
}
#content .ship-address ul {
		margin:14px 0 12px 40px;
}
#content .ship-address ul li {
	margin:0 0 2px 10px;
}
#content .ship-address ul li.radio {
	margin:0 0 6px -10px;
}
/*-- account login --*/
#content .failed-login {
	position:absolute;
	bottom:10px;
	left:6px;
	color:red;
}
#content fieldset#logindetails {
	position:relative;
	border:1px solid #CCCCCC;
	width:340px;
	height:150px;
	margin:20px 0px 20px 20px;
	padding:4px;
	float:left;
}
#content .registerdetails {
	border:1px solid #CCCCCC;
	width:400px;
	padding:4px;
	float:none;
}
#content fieldset#logindetails h3,
#content .new-user h3,
#content .registerdetails h3 {
	background-color: #ECF0F3;
    border-bottom: 1px solid #CCCCCC;
	color:#333;
	margin:0 0 10px 0px;
	padding:4px 0 6px 10px;
}
#content fieldset#logindetails ul,
#content .registerdetails ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#content fieldset#logindetails ul li,
#content .registerdetails ul li,
#content ul#changePassword li,
#content ul#changeQuestion li {
	margin-bottom:8px;
	}
#content .registerdetails ul li {
	margin-left:40px;
}
#content fieldset#logindetails ul li label,
#content .registerdetails ul li label,
#content ul#changePassword li label {
	width:130px;
	display:inline-block;
	text-align:right;
}
#content ul#changeQuestion li label {
	display:inline-block;
	width:200px;
	text-align:right;
}
#content fieldset#logindetails ul li input,
#content .registerdetails ul li input,
#content .registerdetails ul li input select {
	width:190px;
	margin-left:4px;
}
#content fieldset#logindetails ul li input[type="password"]:hover,
#content fieldset#logindetails ul li input[type="text"]:hover,
#content .registerdetails ul li input[type="password"]:hover,
#content .registerdetails ul li input[type="text"]:hover {
	background-color: #ECF0F3;
}
#content fieldset#logindetails ul li input[type="submit"] {
	margin:6px 0 0 228px;
	padding:0;
	height:26px;
}
#content .new-user {
	border:1px solid #CCCCCC;
	width:340px;
	height:150px;
	margin:20px 20px 20px 0;
	padding:4px;
	float:right;
}
#content .new-user a {
	margin:-4px 0 0 220px;
}
#recaptchaErr {
    border: 2px solid red;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px;
	text-align:center;
}
/*-- my account --*/
#content ul#changePassword {
	float:left;
	width:300px;
	height:120px;
}
#content ul#changeQuestion {
	float:right;
	width:400px;
	height:120px;
}
/*-- Breadcrumb trail --*/
.trail {
	text-transform:lowercase;
	height:16px;
	font-size:12px;
	margin:-4px 0 2px 0
}
.trail a {
		color:#666;
}
.trail a:hover {
		color:#333;
		text-decoration:underline;
}
/*-- Useful Links --*/
ul.links {
	width:680px;
	margin:10px auto;
}
ul.links li {
	border-top:1px dotted #999;
	padding:6px 0 6px 0;
	height:80px;
}
ul.links li h4 {
	font-size:18px;
}
ul.links li p {
	margin:4px 0 4px 0;
	width:520px;
	padding:0;
	font-size:12px;
}
ul.links li div {
	width:150px;
	height:20px;
	float:right;
	padding:20px 0 0 6px;
}

/*-- tree --*/
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none !important;
}
.treeview ul {
	margin-top: 4px;
	ist-style: none;
}
.treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {

}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../images/treeview-red.gif); } 

.treeview-black li { background-image: url(../images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../images/treeview-black.gif); }  

.treeview-gray li { background-image: url(../images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../images/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/file.gif) 0 0 no-repeat; }