/* CSS Document */

body {
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				11px;	
	background-color:		#484846;	
	height: 				99%;
	margin:					0px;
		
}

#body-wrapper {
	position:				relative;
}

#content-wrapper {
	text-align:				left;
	position:				relative;
	width:					780px;
	background:				#fff;
	border-right:			2px solid #343433;
	border-bottom:			2px solid #343433;
}

#inner-content-wrapper{
	margin:					10px;
	width:					760px;
	border:					none;
}

#header {
	position:				relative;
	height:					100px;
	width:					760px;
	background-image:		url(../_images/generic/headerbg.gif);
	background-repeat:		repeat-x;
}

#header .logo {
	margin-top:				0px;
	margin-left:			0px;
	float:					left;
	border-right:			1px solid #fff;
}

#menu{
	text-align:				left;
}

#menu ul {
	margin-top:				0px;
	margin-bottom:			0px;
	padding-top:			0px;
	padding-bottom:			0px;
	margin-left: 			0px;
	padding-left: 			0px;
	display: 				inline;
	float:					right;
	color:					#fff;
} 

#menu ul li {
	padding-top:			5px;
	height:					18px;
	border-left: 			1px solid #fff;
	display:				block;
	list-style: 			none;
	float:					left;
	color:					#fff;
}

#menu ul li a{
	padding: 				0px 12px;
	background-color:		#192942;
	padding-top:			5px;
	height:					18px;
	padding-bottom:			5px;

	color:					#fff;
	text-decoration: 		none;
}
	
#menu ul li a:hover {
	color:					#fff;
	text-decoration: 		none;
	background-color:		#596D8C;
}
		
.horizontaldivide {
	background-image:		url(../_images/generic/horizontaldots.gif);
	background-repeat:		repeat-x;
	height:					20px;
	clear:					both;
}

.row {
	text-align:				left;
	padding-top:			0px;
	margin-left:			0px;
	width:					760px;
	display:				block;
	clear:					both;
}

.topfunctionality {
	float:					left;
	width:					189px;
	border-right:			1px solid #192942;
	color:					#343434;
}

.topfunctionality2 a {
	text-decoration:		none;
	color:					#343434;
}

.topfunctionality2 a:hover {
	text-decoration:		underline;
	color:					#184374;
}

.topfunctionality strong {
	font-size:				1.2em;
}
.topfunctionality form {
	padding-left:			9px;
	margin-top:				0px;
	margin-bottom:			0px;
	padding-top:			0px;
	padding-bottom:			0px;
}

.topfunctionality form input, .topfunctionality form select {
	width:					168px;
	border:					1px solid #184374;
	padding:				3px;
	font-size:				1em;
	margin-top:				4px;
	margin-left:			0px;
	background-color:		#ffffff;
}

.topfunctionality form select {
	padding:				2px;
}

.topfunctionality2 {
	float:					left;
	padding-left:			9px;
}

.topfunctionality2 strong{
	font-size:				1.2em;
}

.topfunctionality2 p {
	margin-top:				0px;
	padding-top:			6px;
	margin-bottom:			0px;
	padding-bottom:			0px;
}

.leftcolumn {
	text-align:				left;
	float:					left;
	display:				block;
	width:					198px;
	margin-right:			0px;
}

.rightcolumn {
	margin-left:			0px;
	text-align:				left;
	float:					left;
	display:				block;
	width:					562px;
	margin-right:			0px;
}

.leftbox {
	width:					190px;
	margin-bottom:			8px;
}

.leftbox .header {
	display:				block;
	background-color:		#184374;
	background-image:		url(../_images/generic/darkbluecorner.gif);
	background-position:	right;
	background-repeat:		no-repeat;
	color:					#fff;
	height:					26px;
}

.leftbox .header p {
	font-size:				1.2em;
	margin:					0px;
	padding-top:			4px;
	padding-left:			6px;
	font-weight:			bold;
}

.leftbox ul {
	background-color:		#e1e1e0;
	margin-top:				0px;
	margin-bottom:			0px;
	padding-top:			0px;
	padding-bottom:			0px;
	margin-left: 			0px;
	padding-left: 			0px;
	color:					#184374;
} 

.leftbox ul li {
	font-size:				1.0em;
	margin-left: 			0px;
	padding-top:			0px;
	padding-bottom:			0px;
	margin-top:				0px;
	margin-bottom:			0px;
	color:					#09357A;
	list-style:				none;
}

.leftbox ul li ul {
	margin-top:				0px;
	padding-top:			0px;
}

.leftbox ul li ul li{
	background-color:		#f3f4ef;
	font-size:				1em;
	color:					#333333;
	list-style:				none;
}

.leftbox ul li ul li a {
	padding-top:			1px;
	padding-bottom:			1px;
	border-bottom:			none;
	background-image:		none;
}

.leftbox ul li ul li strong {
	color:					#000;
}

.leftbox ul li ul li a:hover {
	background-color:		#e1e1e0;
	background-image:		none;
}

.leftbox ul li a{
	display:				block;
	padding-left:			17px;
	color:					#184374;
	text-decoration: 		none;
	border-bottom:			1px solid #fff;
	margin-top:				0px;
	padding-top:			4px;
	padding-bottom:			4px;
	margin-bottom:			0px;
	background-image:		url(../_images/generic/menu_bullet.gif);
	background-position:	left;
	background-repeat:		no-repeat;
}
	
.leftbox ul li a:hover {
	color:					#184374;
	text-decoration: 		none;
	background-color:		#cccccc;
	background-image:		url(../_images/generic/menu_bullet_on.gif);
	background-position:	left;
	background-repeat:		no-repeat;
}

.leftbox ul li a.opencategory{
	font-weight:			bold;
	background-image:		url(../_images/generic/menu_bulletopen.gif);
	background-position:	left;
	background-repeat:		no-repeat;
	
}

.leftbox ul li a.opencategorychild{
	background-image:		none;
	padding-left:			22px;
	background-image:		url(../_images/generic/menu_bullet_child.gif);
	background-position:	5px;
	background-repeat:		no-repeat;
	background-color:		#eeeeee;
}

.leftbox ul li a.opencategorychild:hover{
	background-color:		#cccccc;
}

.leftbox ul li a.opencategorychildsel{
	font-weight:			bold;
	background-image:		none;
	padding-left:			22px;
	background-image:		url(../_images/generic/menu_bulletopen_child.gif);
	background-position:	5px;
	background-repeat:		no-repeat;
	background-color:		#eeeeee;
}

.leftbox ul li a.opencategorychildsel:hover{
	background-color:		#cccccc;
}

.leftbox ul li a.opencategorygrandchild{
	background-image:		none;
	padding-left:			22px;
	background-color:		#f7f7f7;
}

.leftbox ul li a.opencategorygrandchild:hover{
	background-color:		#cccccc;
}

.leftbox ul li a.opencategorygrandchildsel{
	font-weight:			bold;
	background-image:		none;
	padding-left:			22px;
	background-color:		#f7f7f7;
}

.leftbox ul li a.opencategorygrandchildsel:hover{
	background-color:		#cccccc;
}

.crumbtrail {
	display:				block;
	background-color:		#184374;
	background-image:		url(../_images/generic/darkbluecorner.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#fff;
	padding-bottom:			6px;
	clear:					both;
}

.crumbtrail p {
	font-size:				1.2em;
	margin:					0px;
	padding-top:			4px;
	padding-left:			6px;
}

.crumbtrail .crumbp {
	display: 				inline;
	font-size:				1.2em;
	margin:					0px;
	padding-top:			4px;
	padding-left:			6px;
}

.crumbtrail .crumbp h1 {
	display:				inline;
	padding:				0px;
	margin:					0px;
	font-size: 				1em;
	font-weight:			bold;
}

.crumbtrail a {
	text-decoration:		none;
	color:					#ffffff;
}

.crumbtrail a:hover {
	text-decoration:		underline;
}

.crumbtrailproduct {
	display:				block;
	background-color:		#184374;
	background-image:		url(../_images/generic/darkbluecorner.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#fff;
	padding-bottom:			6px;
}

.crumbtrailproduct p {
	font-size:				1.2em;
	margin:					0px;
	padding-top:			4px;
	padding-left:			6px;
}

.crumbtrailproduct .crumbp {
	display: 				inline;
	font-size:				1.2em;
	margin:					0px;
	padding-top:			4px;
	padding-left:			6px;
}

.crumbtrailproduct .crumbp h1 {
	display:				inline;
	padding:				0px;
	margin:					0px;
	font-size: 				1em;
	font-weight:			bold;
}


.crumbtrailproduct a {
	text-decoration:		none;
	color:					#ffffff;
}

.crumbtrailproduct a:hover {
	text-decoration:		underline;
}

.homecategory {
	margin-top:				6px;
	margin-bottom:			6px;
	width:					182px;
	float:					left;
}

.homecategory .categoryinfo {
	color:					#184374;
	border:					1px solid #6891bc;
	background-color:		#f3f4ef;
}

.homecategory .categoryinfo p {
	padding-left:			5px;
	font-size:				1.2em;
	font-weight:			bold;
	padding-top:			4px;
	padding-bottom:			4px;
	margin-top:				0px;
	margin-bottom:			0px;
	width:					170px;
	height:					16px;
	overflow:				hidden;
}

.homecategory .categoryinfo img {
	border:					1px solid #6891bc;
	margin:					4px;
}

.homecategoryspacer {
	width:					8px;
	float:					left;
	height:					170px;
}

.footer {
	height:					55px;
	background-color:		#dcdcd4;
	color:					#192942;
}

.footer .pages {
	padding-top:			11px;
	text-align:				center;
}

.footer .pages a {
	text-decoration:		none;
	color:					#192942;
}

.footer .pages a:hover {
	text-decoration:		underline;
	color:					#184374;
}

.footer .tcs {
	padding-top:			11px;
	text-align:				center;
}

.footer .tcs {
	padding-top:			5px;
	color:					#4a586f;
}

.footer .tcs a {
	text-decoration:		none;
	color:					#4a586f;
}

.footer .tcs a:hover {
	text-decoration:		underline;
	color:					#184374;
}

.product {
	margin-top:				9px;
	width:					562px;
	height:					101px;
}

.product img {
	float:					left;
}

.productinfo {
	border:					1px solid #6891bc;
	width:					542px;
	height:					99px;
	float:					left;
	background-color:		#f3f4ef;
	overflow:				hidden;
}

.productinfo .productimg {
	float:					left;
	width:					98px;
}

.productinfo img {
	border:					1px solid #6891bc;
	margin:					4px;
}

.productinfo .producttext {
	margin-right:			2px;
	overflow:				hidden;
}

.productinfo .producttext p {
	margin:					0px;
	padding:				4px;
	color:					#184374;
}

.productinfo .producttext p strong {
	font-size:				1.2em;
	font-weight:			bold;
}

.productinfo .producttext a{
	text-decoration:		underline;
	color:					#184374;
}

.productinfo .producttext a:hover{
	text-decoration:		underline;
}

.productlink {
	width:					16px;
	background-color:		#003333;
	float:					left;
}

.productdetails {
	border-left:			1px solid #6891bc;
	border-right:			1px solid #6891bc;
	border-bottom:			1px solid #6891bc;
	background-color:		#f3f4ef;
}

.productdetails .productoverview .productdetailsimage {
	width:					144px;
	float:					right;
}

.productdetails .productoverview .productdetailsimage .productdetailsimg {
	border:					1px solid #6891bc;
	margin-top:				4px;
	margin-right:			4px;
}

.productdetails .productoverview p {
	margin-top:				0px;
	padding-top:			4px;
	padding-left:			4px;
	font-size:				1.1em;
	line-height:			1.5em;
	color:					#184374;
}

.productdetails .productlist {
	clear:					both;
}

.productdetails a {
	text-decoration:		none;
	color:					#184374;
}

.productdetails a:hover {
	text-decoration:		underline;
}

.productgroup {
	margin-left:			4px;
	border-left:			1px solid #184374;
	padding-bottom:			4px;
	background-image:		url(../_images/generic/bottomfade.gif);
	background-position:	bottom;
	background-repeat:		no-repeat;
	margin-bottom:			9px;
}

.productgroup .productgrouphd {
	background-color:		#184374;
	display:				block;
	width:					300px;	
	background-image:		url(../_images/generic/darkbluesmallcorner.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#fff;
	height:					16px;
}

.productgroup .productgrouphd p {
	padding-left:			4px;
	font-size:				1.0em;
	color:					#fff;
}

.productgroup .price {
	text-align:				right;
}

.producttable tr {
	height:					14px;
	padding:				0px;
	text-align:				center;
}

.producttable thead {
	background-color:		#adc2d5;
	color:					#333a3f;
	text-align:				center;
}

.producttable .columncode {
	text-align:				left;
	padding-left:			4px;
}
.producttable .columnadd {
	width:					37px;
}

.producttable .columnblank {
	width:					37px;
	background-color:		#f3f4ef;
}

.ruled {
	background-color:		#5c85b4;
	color:					#fff;
}

.ruleda {
	background-color:		#d7e0e5;
	color:					#717679;	
}

.ruledb {
	background-color:		#d7e0e5;
	color:					#717679;
}

.rrp {
	text-decoration:		line-through;
	color:					#CC0000;
}

#popup-wrapper {
	text-align:				left;
	position:				relative;
	width:					483px;
	background-color:		#ffffff;
	border-right:			2px solid #343433;
	border-bottom:			2px solid #343433;
}

#inner-popup-wrapper{
	margin:					11px;
	width:					460px;
	border:					none;
}

.trolleyproduct {
	margin-top:				5px;
}

.trolleytxtcontainer .options .space {
	width:					48px;
	padding-bottom:			2px;
	padding-top:			5px;
	color:					#333333;
	line-height:			15px;
}

.trolleytxtcontainer .options .quantityhd {
	width:					51px;
	padding-bottom:			2px;
	border-left:			1px solid #2F4C74;
	color:					#333333;

	vertical-align:			top;
	padding-left:			5px;
	padding-top:			5px;
}

.trolleytxtcontainer .options .title {
	width:					350px;
	padding-bottom:			2px;
	padding-left:			6px;
	padding-top:			5px;
	border-left:			1px solid #2F4C74;
	color:					#333333;
	line-height:			15px;
	vertical-align:			top;
}

.trolleytxtcontainer .options .quantity {
	width:					51px;
	padding-bottom:			2px;
	border-left:			1px solid #2F4C74;
	color:					#333333;
	vertical-align:			top;
	padding-left:			5px;
}

.trolleytxtcontainer .options .quantity input {
	width:					42px;
	padding-top:			2px;
	color:					#333333;
	padding-left:			0px;
	margin-left:			0px;
}

.trolleytxtcontainer .options .price {
	width:					50px;
	padding-bottom:			2px;
	padding-top:			5px;
	text-align:				right;
	border-left:			1px solid #2F4C74;
	color:					#333333;
	font-weight:			bold;
	vertical-align:			top;
}

.trolleytxtcontainer .options .price {
	width:					100px;
}

.trolleytxtcontainer .rrp {
	display:				block;
}

.trolleyimgcontainer{
	width:					45px;
	float:					left;
	display:				block;
	text-align:				center;
	overflow:				hidden;
}

.trolleyimgcontainer img {
	max-height:				67px;
	max-width:				43px;
	border:					none;
}

.trolleydivide {
	border-bottom:			1px solid #C9C9C9;
	height:					2px;
}

.totals {
	width:					562px;
	height:					16px;
	text-align:				right;
	font-weight:			bold;
	margin-top:				4px;
	border-bottom:			1px solid #C9C9C9;
}

.trolleytxtcontainer .options .titleco {
	width:					437px;
	padding-bottom:			2px;
	padding-left:			6px;
	color:					#333333;
	vertical-align:			top;
}

.trolleytxtcontainer .options .quantityco {
	width:					51px;
	padding-bottom:			2px;
	border-left:			1px solid #2F4C74;
	color:					#333333;
	vertical-align:			top;
	padding-left:			5px;
}

.trolleytxtcontainer .options .priceco {
	width:					60px;
	padding-bottom:			2px;
	text-align:				right;
	border-left:			1px solid #2F4C74;
	color:					#333333;
	vertical-align:			top;
}






.innercolumn textarea {
	width:					403px;
	height:					100px;
	display:				compact;		
}

textarea {
	height:					310px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
}

#formsubmit {
	margin:					0px;
	padding:				0px;
	width:					398px;
	text-align:				center;
}

#formsubmit input {
	width:					130px;
	background-color:		#444;
	border:					solid #184374 0px;
	color:					#fff;
	padding-top:			5px;
	padding-bottom:			5px;
	margin-left:			140px;
}

#formsubmit input:hover {
	background-color:		#86980E;
}
.hiddeninput {
display:					none;
}

.contactcolumn {
	text-align:				left;
	float:					left;
	display:				block;
	margin-right:			0px;
	width:					280px;;
}

.contactcolumn h1 {
	width:					auto;
}

.contactuscolumn {
	text-align:				left;
	float:					left;
	display:				block;
	margin-right:			0px;
	width:					280px;;
}

.contactusdoublecolumn {
	text-align:				left;
	float:					left;
	display:				block;
	margin-right:			0px;
	width:					560px;;
}

.contactuscolumn h1 {
	width:					auto;
}

input, textarea, select{
	display:				block;
	width:					264px;
	background-color:		#f7f6f6;
	border:					solid #6891bc 1px;
	color:					#6A6263;
	font-size:				11px;
	padding:				2px;
	margin-bottom:			14px;
	margin-top:				3px;
	margin-left:			8px;
}

.contactusquery {
	width:					540px;
	height:					100px;
}

.contactuscolumn input, .contactuscolumn textarea, .contactusdoublecolumn textarea{
	border:					solid #6891bc 1px;
}

p {
	padding-left:			6px;
}

label {
	padding-left:			8px;
}

.innercolumn textarea {
	width:					390px;
	height:					100px;
	display:				compact;		
}

textarea {
	height:					310px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
}

.disclaimer {
	font-size:				0.8em;
	color:					#ababab;
	margin-top:				4px;
	margin-bottom:			2px;
	padding-bottom:			0px;
	margin-left:			3px;
	padding-right:			5px;
}

.searchresults {
	color:			#000000;
}

.detailsimgcontainer {
	text-align:				left;
	padding:				6px;
}

.detailsimgcontainer img {
	border:					1px solid #6891bc;
}

.topsearch {
	float:					right;
	background-color:		#e5f0f4;
	background-image:		url(../_images/generic/searchbg.gif);
	height:					32px;
	width:					191px;
}

.toptrolley {
	margin-left:			1px;
	float:					right;
	background-color:		#a5c8d5;
	background-image:		url(../_images/generic/trolleybg.gif);
	height:					32px;
	width:					283px;
	color:					#343434;
}



.toptrolleycontent {
	padding-left:			6px;
	padding-top:			8px;
}

.bottomtrolley {
	background-image:		url(../_images/generic/trolleybg2.gif);
	background-position:	right top;
	background-repeat:		no-repeat;
	background-color:		#d8d8d8;
	padding-left:			6px;
	padding-top:			10px;
	height:					60px;
	color:					#343434;
}

.toptrolley a, .bottomtrolley a {
	color:					#343434;
	text-decoration:		none;
}

.toptrolley a:hover, .bottomtrolley a:hover {
	text-decoration:		underline;
}

.topsearchtrolley {
	height:					33px;
	padding-top:			33px;
}

.topsearch form {
	padding-left:			9px;
	padding-right:			9px;
	margin-top:				0px;
	margin-bottom:			0px;
	padding-top:			0px;
	padding-bottom:			0px;
}

.topsearch form input {
	width:					155px;
	border:					1px solid #a5c8d5;
	padding:				3px;
	font-size:				1em;
	margin-top:				4px;
	margin-left:			0px;
	background-color:		#ffffff;
	margin-bottom:			0px;
}

.hiddeninput {
	padding:				0px;
	margin:					0px;
}

.offers {
	background-color:		#d8d8d8;
	padding-left:			6px;
	padding-bottom:			10px;
	color:					#343434;
}

.offers form {
	padding-left:			0px;
	padding-right:			0px;
	margin-top:				0px;
	margin-bottom:			0px;
	padding-top:			4px;
	padding-bottom:			4px;
}

.offers form input {
	padding-left:			4px;
	margin-left:			0px;
	width:					130px;
	display:				inline;
	margin-bottom:			0px;
}

.topfunctionality .specialoffer, .topfunctionality2{
	padding-left:			0px;
}

.specialoffer {
	padding-top:			0px;
	margin-top:				0px;
	float:					left;
	width:					128px;
}

.specialoffer p {
	margin-top:				0px;
	padding-top:			0px;
}

.specialoffer strong {
	font-size:				1.0em;
}

.specialoffer a {
	text-decoration:		none;
	color:					#323535;
}

.specialoffer a:hover {
	text-decoration:		underline;
}

.topfunctionality2 p{
	padding-top:			0px;
}

.specialofferimage {
	float:					left;
}
.specialofferimage img {
	width:					50px;
	padding-left:			5px;
}

.resourcegroup {
	margin-top:				18px;
	font-weight:			bold;
	font-size:				1.2em;
	color:					#184374;
	padding-left:			6px;
}

.resourcelink {
	color:					#484846;
	padding-left:			18px;
}

.resourcetitle {
	color:					#192942;
	padding-top:			5px;
	padding-left:			6px;
}

h2 {
	color:					#192942;
	font-size:				1.2em;
	padding-left:			6px;
}

.commentdate{
	padding-top:			4px;
	color:					#c9c9c9;
	padding-left:			6px;
	font-size:				0.9em;
}

.comment {
	padding-left:			6px;
}

.commentby {
	margin-left:			6px;
	margin-right:			6px;
	color:					#a5a5a5;
	padding-bottom:			4px;
	border-bottom:			1px dotted #a5a5a5;
}

.article {
	display:				block;
	margin-top:				10px;
	clear:					both;
}

.article h2 {
	font-size:				1.2em;
	color:					#09357a;
}

.articledate {
	padding-bottom:			10px;
	color:					#c9c9c9;
	padding-left:			6px;
	font-size:				0.9em;
}

.articlecategory {
	padding-left:			6px;
	color:					#09357a;
}

.articlelink {
	padding-left:			6px;
	color:					#484846;
	margin-bottom:			10px;
}

.articlelink a {
	color:					#09357a;
	text-decoration:		none;
}

.articlelink a:hover {
	text-decoration:		underline;
}

.articledescription {
	padding-left:			6px;
					
}

.articletitle {
	color:					#484846;
	font-weight:			bold;
	padding-left:			6px;
}

.postcode input{
	width:					126px;
	display:				inline;
		clear:					none;
}

.text {
	padding-left:			5px;
}

.complimentaryheader {
	background-color:		#184374;
	color:					#ffffff;
	margin-top:				10px;	
	padding-left:			5px;
	padding-top:			6px;
	padding-bottom:			6px;
	border-bottom:			1px solid #ffffff;
	font-weight:			bold;
}

.complimentarytype {
	background-color:		#8ba1b9;
	color:					#ffffff;
	border-bottom:			1px solid #ffffff;
}

.complimentarytype a {
	display:				block;
	color:					#ffffff;
	padding-left:			15px;
	padding-top:			3px;
	padding-bottom:			3px;
	text-decoration:		none;
}

.complimentarytype a:hover {
	background-color:		#517296;
}

.complimentaryproduct {
	background-color:		#d1d9e3;
	color:					#184374;
	border-bottom:			1px solid #ffffff;
}

.complimentaryproduct a {
	display:				block;
	color:					#184374;
	padding-left:			25px;
	padding-top:			3px;
	padding-bottom:			3px;
	text-decoration:		none;
}

.complimentaryproduct a:hover {
	background-color:		#acbbcd;
}