/* CSS Document */

/*** Map Positioning ***/
#map_image {
	float: right;
	width: 340px;
	position: relative;
}

#mapPic {
	width: 550px;
	text-align: left;
	position: relative;
	float: left;
}
/* MAIN STUCTURE START */
html, body {
height: 100%;
}

body {
	min-width: 1000px;
	margin: 0;
	padding: 0;
	background-color: #414143;
}

#wrapper {
	width: 99%;
	background-color: #414143;
	height: 100%;
}
#wrapper2 {
	width: 100%;
	height: 5%;
}

#left_block {
	width: 5%;
	float: left;
	height: 100%;
	background-image: url(my_images/2010_left_edge.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#right_block {
	width: 4%;
	float: left;
	height: 100%;
	background-image: url(my_images/2010_right_edge.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#home_centre_block {
	width: 90%;
	float: left;
}
#centre_block {
	width: 90%;
	float: left;
	background-image: url(my_images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
}


#header {
	height: 120px;
	background-color: #000000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#home_header {
	height: auto;
	background-color: #000000;
	width: 100%;
	text-align: center;
	float: left;
	clear: both;
}
#home_header_xmas {
	background-color: #C3D1DE;
	width: 100%;
	text-align: center;
	float: left;
	clear: both;
	background-image: url(my_images/page_peel.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#header_left {
	width: 65%;
	float: left;
	height: 120px;
}

#header_right {
	float: right;
	height: 120px;
	width: 300px;
	background-image: url(my_images/2010_top_block.jpg);
	background-position: right top;
}

#header_flash {
	float: left;
	height: 40px;
	width: 100%;
}

#home_header_mainnav {
	float: left;
	height: 30px;
	width: 100%;
	text-align: center;
	display: block;
	background-color: #0092d2;
	background-image: url(my_images/2010_home_nav.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#mainnav_center {
	text-align: center;
	width: 69%;
	padding-right: 15%;
	padding-left: 15%;
	float: left;
	height: 30px;
	margin-top: 10px;
}
#header_mainnav {
	float: left;
	height: 30px;
	width: 100%;
	background-image: url(my_images/2010_nav_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 10px;
}

#header_subnav {
	float: left;
	height: 22px;
	width: 100%;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #000000;
}

#content {
	width: 100%;
	height: auto;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(my_images/V2_CONTENT_BG.jpg);
}

#home_content_main {
	height: auto;
	float: left;
	width: 100%;
	background-image: url(my_images/2010_home_green.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#content_main {
	height: auto;
	float: left;
	width: 74%;
	background-color: #FFFFFF;
}

#content_main_small {}

#right_column {
	height: auto;
	width: 25%;
	float: right;
	height: 100%;
	background-image: url(my_images/news_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#footer {
	width: 100%;
	background-color: #0092D2;
	height: auto;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	color: #FFFFFF;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-image: url(my_images/2010_home_footer.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
/* MAIN STUCTURE END */

/* FLOATS START */
.float_left {
	float: left;
}

.float_right {
	float: right;
}

.float_none {
	float: none;
}
/* FLOATS END */

/* HEADER STRIPS START */
#master_header {
	height: 30px;
	width: 100%;
	background-color: #464749;
	background-repeat: repeat;
	background-position: left top;
	float: left;
}
#rightnews_header {
	height: 30px;
	width: 100%;
	background-color: #B68F34;
	background-repeat: repeat;
	background-position: left top;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 1em;
	padding-left: 10px;
	padding-top: 4px;
	height: 28px;
	float: left;
}
/* HEADER STRIPS END */

/* TEXT AREA START */
#text_block {
	height: auto;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	min-height: 200px;
}
#text_block_narrow {
	height: auto;
	width: 65%;
	background-repeat: no-repeat;
	background-position: right bottom;
	float: right;
	min-height: 400px;
}
#narrow_text_block {
	height: auto;
	width: 190px;
	padding-left: 10px;
}

#wide_text_block {
	height: auto;
	width: 100%;
	float: left;
}

#minimal_text_block {
	height: auto;
	width: 100%;
	float: left;
}
#home_text_block {
	height: auto;
	width: 100%;
	float: left;
}


.wide_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #333333;
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
	float: left;
}
.map_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	height: auto;
	width: 100%;
	padding-top: 10px;
	font-weight: bold;
}
.widesub_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	height: auto;
	width: 100%;
	padding-top: 10px;
	font-weight: bold;
	padding-left: 10px;
}
.largeheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #333333;
	height: auto;
	width: 95%;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
	float: left;
}
.subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	height: auto;
	width: 95%;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
	float: left;
}

.home_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	height: auto;
	width: 60%;
	padding-top: 5px;
	padding-left: 20%;
	padding-bottom: 5px;
	float: left;
	padding-right: 20%;
}

.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	height: auto;
	width: 95%;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	float: left;
}
.thumb_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	height: auto;
}

.mapcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	height: auto;
	width: 95%;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}

.widecopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	height: auto;
	width: 95%;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
/* TEXT AREA END */

/* RIGHT COLUMN START */
#right_col_box {
	height: auto;
	width: 100%;
	float: left;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#right_col_copy {
	float: left;
	height: auto;
	width: 100%;
}
.right_col_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	height: auto;
	width: 95%;
	padding-top: 5px;
	padding-left: 10px;
	font-weight: bold;
	float: left;
}
.right_col_largeheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #333333;
	height: auto;
	font-weight: bold;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.right_col_subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	height: auto;
	font-weight: bold;
	float: left;
		padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.right_col_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	height: auto;
	float: left;
		padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#right_col_image {
	float: left;
	padding: 5px;
}
/* RIGHT COLUMN END */

/* LEFT COLUMN START */
#left_column {
	float: left;
	height: 100%;
	width: 188px;
}

ul.product {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
li.product {
	list-style-type: none;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #000000;
	width: 188px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

a.productnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	height: 31px;
	text-decoration: none;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 1px;
	list-style-type: none;
	padding-left: 5px;
	float: left;
	width: 150px;
	padding-right: 38px;
	line-height: 1.2em;
}
a.productnav:hover {
	text-decoration: underline;
	font-weight: bolder;
	background-image: url(my_images/V2nav_over.png);
	color: #666666;
}
a.productover {
	background-image: url(my_images/V2nav_over.png);
	color: #666666;
}
/* LEFT COLUMN END */

/* NEWS ITEM START */
#news_box {
	height: auto;
	width: 95%;
	float: left;
	padding-left: 10px;
	background-image: url(my_images/V2nav_over.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: thin solid #666666;
	margin-bottom: 10px;
	margin-left: 10px;
}
#news_box:link {
	height: auto;
	width: 95%;
	float: left;
	padding-left: 10px;
	background-image: url(my_images/V2nav_over.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: thin solid #000000;
	margin-bottom: 10px;
	margin-left: 10px;
}
#news_box:hover {
	height: auto;
	width: 95%;
	float: left;
	padding-left: 10px;
	background-color: #F8F8F8;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #0099FF;
	border-right-color: #0099FF;
	border-bottom-color: #0099FF;
	border-left-color: #0099FF;
}

#news_box_full {
	height: auto;
	width: 92%;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	background-image: url(my_images/V2nav_over.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 10px;
	border: thin solid #666666;
}

#news_image {
	float: right;
	padding: 5px;
}

.news_image {
	float: right;
	padding-bottom: 5px;
	padding-left: 5px;
}

#news_copy {
	float: left;
	height: auto;
	width: 60%;
	margin-top: 5px;
}

#news_copy_story {
	float: left;
	height: auto;
	width: 100%;
}
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	height: auto;
	width: 95%;
	padding-top: 10px;
	font-weight: bold;
}
.newsheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #000000;
	height: auto;
	width: 95%;
	padding-top: 10px;
	font-weight: bold;
}
.newssubheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	height: auto;
	width: 95%;
	padding-top: 5px;
	font-weight: bold;
	padding-bottom: 5px;
}
.newscopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	height: auto;
	width: 95%;
	padding-top: 10px;
	padding-bottom: 5px;
}

a.newslink:link, a.newslink:visited {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
a.newslink:hover, a.newslink:active {
	text-decoration: none;
	color: #0099FF;
}
/* NEWS ITEM FINISH */

/* FOOTER COPY START */
a.footernav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	width: 95%;
	padding-left: 10px;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
	height: auto;
}
a.footernav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	width: 95%;
	padding-left: 10px;
	text-decoration: underline;
	font-weight: bold;
	padding-right: 10px;
}
a.footernavover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	width: 95%;
	padding-left: 10px;
	text-decoration: underline;
	font-weight: bold;
	padding-right: 10px;
}
/* FOOTER COPY END */

/* MAIN NAV START */
li {
	float: left;
	list-style-type: none;
}
a.mainnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	text-align: center;
	padding-right: 12px;
	padding-left: 12px;
	text-decoration: none;
	font-weight: bold;
	height: 38px;
	padding-top: 10px;
}
a.mainnav:hover {
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(my_images/V2nav_over.png);
}
a.mainnavover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	padding-top: 10px;
	text-align: center;
	padding-right: 12px;
	padding-left: 12px;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(my_images/V2nav_over.png);
	font-weight: bold;
	text-decoration: none;
	height: 38px;
	}
	
	.product_image {
	height: auto;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
}
/* MAIN NAV END */

/* LINK INFORMATION STARTS */
a.email:link, a.email:visited {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
a.email:hover, a.email:active {
	text-decoration: none;
	color: #0099FF;
}
/* LINK INFORMATION ENDS */

/* SITE MAP START */
A.sitemap1, A.sitemap1:visited {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	text-decoration: none;
	width: 90%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
	margin-left: 25px;
	padding-left: 10px;
	margin-bottom: 10px;
	float: left;
}
A.sitemap1:hover {
	text-decoration: underline;
}
A.sitemap2, A.sitemap2:visited {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-decoration: none;
	padding-left: 55px;
	width: 90%;
	padding-bottom: 5px;
	float: left;
}
A.sitemap2:hover {
	text-decoration: underline;
}
/* SITE MAP END */

/* PRODUCT BUTTONS START */

.Lamps_and_Lighting {
	background-image: url(../my_images/V2lamps_nav.jpg);
}
.Wiring_Accessories {
	background-image: url(../my_images/V2wiring_nav.jpg);
}
.Controls {
	background-image: url(../my_images/V2controls_nav.jpg);
}
.Health_and_Safety {
	background-image: url(../my_images/V2fire_security_nav.jpg);
}
.Batteries_Torches_Clocks {
	background-image: url(../my_images/V2batteries_nav.jpg);
}
.Space_Heating {
	background-image: url(../my_images/V2space_heat_nav.jpg);
}
.Water_Treatment {
	background-image: url(../my_images/V2watertreat_nav.jpg);
}
.Air_Treatment {
	background-image: url(../my_images/V2airtreat_nav.jpg);
}
.Major_Appliances {
	background-image: url(../my_images/V2majorapps_nav.jpg);
}
.Floorcare {
	background-image: url(../my_images/V3floorcare_nav.jpg);
}
.Garden_Equipment {
	background-image: url(../my_images/V2gardenequip_nav.jpg);
}
.Home_Entertainment {
	background-image: url(../my_images/V2homeent_nav.jpg);
}
.Telecoms {
	background-image: url(../my_images/V3telecoms_nav.jpg);
}
.Small_Appliances {
	background-image: url(../my_images/V3smallapps_nav.jpg);
}

.Focal_Point_Fires {
	background-image: url(../my_images/V2fires_nav.jpg);
}
.Catering_Equipment {
	background-image: url(../my_images/V2catering_nav.jpg);
}
/* PRODUCT BUTTONS END */

/* PRODUCT SECTION START */
#product_text_block {
	height: auto;
	width: 65%;
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	min-height: 400px;
	margin-left: 5px;
}
a.DocumentDownload {
	background-image: url(my_images/download_up.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 26px;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
a.DocumentDownload:hover {
	background-image: url(my_images/download_over.jpg);
	text-decoration: underline;
}
/* PRODUCT SECTION END */

/* SUPPLIER PAGE START */

/* SUPPLIER PAGE END */

/* THUMB BOX START */
#thumb_box {
	float: left;
	height: 110px;
	width: 110px;
	text-align: center;
	background-image: url(my_images/V2nav_over.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: thin solid #000000;
	margin-bottom: 10px;
	margin-left: 10px;
}

#thumb_box:link {
	float: left;
	height: 90px;
	width: 90px;
	text-align: center;
	background-image: url(my_images/V2nav_over.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: thin solid #000000;
	margin-bottom: 10px;
	margin-left: 10px;
}
#thumb_box:hover {
	background-color: #F8F8F8;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #0099FF;
	border-right-color: #0099FF;
	border-bottom-color: #0099FF;
	border-left-color: #0099FF;
}

.wider_version {
	width: 95%;
}

#thumb_box_wide {
	float: left;
	height: 160px;
	width: 95%;
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000000;
}

#thumb_box_wide:link {
	float: left;
	height: 160px;
	width: 95%;
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000000;
}
#thumb_box_wide:hover {
	background-color: #F8F8F8;
	background-image: url(my_images/bro_link_bg_2.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	float: left;
	height: 160px;
	width: 95%;
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000000;
}

#thumb_image_wide {
	width: 100px;
	height: 120px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
#thumb_copy_wide {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	height: auto;
	width: 400px;
	float: left;
	padding-top: 10px;
}



.thumb_image {
	text-align: center;
}
#thumb_image {
	width: 100px;
	height: 55%;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 15%;
	text-align: center;
	vertical-align: middle;
}
#thumb_copy {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	height: auto;
	width: 110px;
	float: left;
}

img.thumb {
	vertical-align: middle;
	display: block;
}

.t_box {
	height: auto;
	width: auto;
}
/* THUMB BOX END */


/* BREADCRUMB TRAIL END */

.bro_thumb {
	float: left;
	width: 100px;
	height: 140px;
}

#bro_download {
	float: left;
	height: 140px;
	width: 95%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px;
}

#bro_download:link {
	background-image: url(my_images/V2nav_over.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: thin solid #000000;
}

#bro_download:hover {
	float: left;
	height: 140px;
	width: 95%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px;
}


.title {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.copy_box {
	float: right;
	width: 80%;
}

.padmetop10 {
padding-top: 10px;
}

.white {
	color: #FFFFFF;
}