/*** Body / HTML ***/
body,html {
	background: url('/images/bg_main.gif') repeat-y fixed center;
	color: #000;
	font-family: arial, verdana, sans-serif;
	margin: auto;
	padding: 0;
}

/*** Stop iphone/ipod automatically enlarging text ***/
.no_text_resize {
	-webkit-text-size-adjust:none; /* stop iphone/ipod etc. enlarging text */
}

/*** Image ***/
.img {
	border: none;
}

/*** Heading styles ***/
h1, h2 {
    margin: 0 0 1em;
}

/*** Header ****/
.header {
	background: #fff;
	color: #333366;
	font-size: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.header a {
	color: #d62024;
	text-decoration: none;
}
.header a:hover {
	color: #d62024;
	text-decoration: underline;
}
.header .left {
	text-align: left;
	width: 30%;
}
.header .center {
	text-align: center;
	width: 30%;
}

/*** Wrapper ****/
.wrapper  {
	background: #fff;
	margin: auto;
	padding: 0 7px 0 7px;
	width: 980px; /* 980px allows for 1024*768 screens */
}

/*** Main ****/
.main {
	background:#fff;
	margin: 0;
	padding: 0;
	width: 100%;
}

/*** Content ****/
.content  {
	background: transparent;
	float: right;
	margin: 0 0 10px 0;
	padding: 0 5px 0 0;
	width: 730px; /* 755 in total with margin/padding */
}
.content p {
	margin-top: 0;
}

/*** Left Sidebar ****/
.sidebar_left {
	float: left;
	width: 227px; /* 225 + 2px for border */
}

/*** Footer ****/
.footer {
	background: #333366;
	clear: both;
	color: #fff;
	font-size: 16px;
	padding: 10px 0 20px 0;
	vertical-align: middle;
	-webkit-text-size-adjust: none; /* fix to ensure iphone text isn't enlarged */
}
.footer p  {
	margin: 5px 0 5px 0;
}
.footer a {
	color: #fff;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footer ul {
	color: #fff;
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 5px;
	list-style:none;
}
.footer ul li {
	display:inline;
	margin: 0;
	padding:0;
}
.footer ul li a {
	color:#fff;
	text-decoration:none;
}

/*** quotation ***/
.quotation {
	text-align: left;
}
.quotation table {
	margin: auto;
	text-align: center;
}
.quotation td {
	font-size: 13px;
	margin: 5px 0 2px 0;
	text-align: left;
}
.quotation th {
	font-size: 14px;
}

/*** PDF ***/
.pdf {
	font-size: 12px;
	margin: 5px 0 10px 0;
}
.pdf a {
	color: #0000ff;
	text-decoration: none;
}
.pdf a:hover {
	text-decoration: underline;
}
.pdf img {
	border: none;
}

/*** Table classes ***/
table.right {
	float: right;
}

td.left {
	text-align: left;
}
td.right {
	text-align: right;
}

/*** Search Results ****/
table.search_results {
	border-collapse: collapse;
	margin: 0;
	margin: 5px auto 5px auto;
	padding: 0;
	text-align: center;
}
table.search_results td {
	border: 1px solid #E6E6E6;
	font-size: 12px;
	margin: 0px;
	padding: 0 10px 0 10px;
	vertical-align: middle;
}
table.search_results a:link {
	color: #0000FF;
	text-decoration: none;
}
table.search_results a:hover {
	text-decoration: underline;
}
table.search_results a:visited {
	color: #0000FF;
	text-decoration: none;	
}

/*** Breadcrumb trails ***/
.breadcrumb {
	color: #0033CC;
	font-size: 11px;
	margin: 3px 0 0 5px;
	padding: 0;
}
.breadcrumb a {
	color: #0033CC;
	text-decoration: none;
}
.breadcrumb a:hover {
	color: #0033CC;
	text-decoration: underline;
}

/*** Paragraph classes ***/
p.page_header {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	margin-top: 5px;
	text-align: left;
}
p.page_subheader {
	font-size: 12px;
	margin-top: 10px;
	padding: 0;
	text-align: left;
}

/*** Input classes ***/
input.large, textarea.large {
	font-size: 12px;
	width: 350px;
}
input.medium, textarea.medium {
	font-size: 12px;
	width: 270px;
}
input.medium2, textarea.medium2 {
	font-size: 12px;
	width: 170px;
}
input.small, textarea.small {
	font-size: 12px;
	width: 60px;
}

/*** Anchor classes */
a.noborder {
	border: none;
}
a.standard_blue {
	color: #0000FF;
	font-size: 12px;
	text-decoration: none;
}
a.standard_blue:hover, a.standard_blue:visited {
	color: #0000FF;
	text-decoration: underline;
}
a.sitemap, a.sitemap:visited {
	color: #0000ff;
}

/*** Horizontal Menu ***/
/* Level 1 list */
ul.horizontal_menu, ul.horizontal_menu ul li {
	background-image: url('/images/nav_bg_blue.gif');
    font-size: 12px;
	height: 25px;
    list-style: none;
	margin: 0; 
	padding: 0;
}
/* Level 1 image - used for buy online link */
ul.horizontal_menu img {
	border: none;
	float: left;
	margin: 2px 10px 0 0;
	padding: 0;
	vertical-align: middle;
}
/* Level 1 - float the li list left */
ul.horizontal_menu li {
    float: left;
}
/* Level 1 - Change background colour of li component when hovered */
ul.horizontal_menu li:hover{
	background-color: #333366;
    position: relative;
	z-index: 100; /* required to ensure menu appears over s3Slider banner */	
}
/* Level 1 link */
ul.horizontal_menu li a{
	background-image: url('/images/nav_divider_blue.gif');
	background-repeat: no-repeat;
	background-position: right;
    color: #fff;
    display: inline-block;
	font-weight: bold;
	line-height: 25px;
	padding: 0 10px 0 10px;
    text-decoration: none;
}
/* Level 1 link hover effect */
ul.horizontal_menu li a:hover {
	background: #333366;
	color: #fff;
	text-decoration: none;
}
/* Level 2 UL - make the position absolute for flyout menu and hidden until the user hovers over the parent li item */
ul.horizontal_menu li ul {
	position: absolute;
    display: none;
	text-align: left;
	width: 280px;
}
/* Level 2. User has hovered parent li item - show the level 2 ul list by applying display:block */
ul.horizontal_menu li:hover ul {
    border: 3px solid #333366;
    display: block;
	margin: 0;
	padding: 0;
}
/* Level 2. As the parent li has float:left property, we overwrite for the submenu (level 2) to float none (normal position) */
ul.horizontal_menu li ul li {
	background-color: #fff;
	background-image: none;
    float: none;
}
/* Level 2. Change text colour when hovered. */
ul.horizontal_menu li:hover ul li:hover {
	color: #fff;
}
/* Level 2 link */
ul.horizontal_menu li ul li a {
	background-image: none; /* hide separator image used on level 1 */
	color: #000;
    display: inline-block;
	font-weight: normal;
}
/* Level 2 link hover effect */
ul.horizontal_menu li ul li a:hover{
	background: #333366;
	color: #fff;
	text-decoration: none;
}
/* Level 3 UL */
ul.horizontal_menu li ul li ul {
	width: 370px;
}
/* Level 3 - hide the level 3 menu when hovering level 1 menu */
ul.horizontal_menu li:hover ul li ul {
    position: absolute;
    display: none;
}
/* Level 3 - only show level 3 menu when user hovers level 2 menu parent */
ul.horizontal_menu li:hover ul li:hover ul {
	border: 2px solid #d62024;
	display: block;
    left: 275px;
    top: 0;
}
/* Level 3 - when level 2 link hovered to show level 3 menu, change style of level 2 link */
ul.horizontal_menu li:hover ul li:hover a {
	color: #fff;
}
/* Level 3 menu list item style */
ul.horizontal_menu li:hover ul li:hover ul li {
    background:#fff;
	color: #000;
}
/* Level 3 link */
ul.horizontal_menu li:hover ul li:hover ul li a {
    background: #fff;
	color: #000;
}
/* Level 3 link hover */
ul.horizontal_menu li:hover ul li:hover ul li a:hover {
	background: #d62024; /* red */ 
	color: #fff;
	width: 350px;
}

/*** Vertical Menu ***/
.vertical_menu {
	background-color: #f2f2f2;	
	border: 1px solid #333366;
	float: left;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
	/*position: relative;*/
	text-align: left;
	width: 225px;
	/*z-index: 100;*/
}
.vertical_menu img {
	border: none;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
}
.vertical_menu h1, h2, h3 {
	background-color: #333366;
	color: #fff;
	margin: auto;
	margin: 0;
	padding: 3px 0 3px 0;
	text-align: center;
}
.vertical_menu a {
	color: #fff;
	text-decoration: none;
}
/* Level 1 - Define level 1 list. */
.vertical_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* Level 1 list item */
.vertical_menu ul li {
	border-bottom: 1px dotted #333366;
	margin: auto;
	padding: 6px 0 6px 3px;	
	vertical-align: middle;
}
/* Level 1 list item (hover) */
.vertical_menu ul li:hover {
	background-color: #b0c4de; /* background list hover colour */
	position:relative;
	/*z-index: 90;*/
}
/* Level 1 list item link. Prefix with small arrow graphic */
.vertical_menu ul li a, .vertical_menu ul li a:visited {
	background-image: url('/images/msc_arrow_right_black.gif');
	background-position: left center;
	background-repeat: no-repeat;
	color: #000;
	display: block;
	padding-left: .7em;
	text-decoration:none;
}
/* Level 1 list item link (hover). Line 1 = IE7+ and non-IE browsers, line 2 = IE5.5/IE6 browsers */
.vertical_menu ul li:hover a,
.vertical_menu ul li a:hover {
	background-color: transparent;
	color: #d62024;
}
/* Level 2 - Define level 2 list. Make hidden until user hovers over parent li item */
.vertical_menu ul li ul {
	left: 218px; /* start point of level 2 item. Slightly overlaps level 1 item */
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: -1px; /* ensures top item of level 2 submenu is aligned with level 1 item */
	visibility: hidden;
	width: 300px;
}
/* Level 1 list item has been hovered. Show level 2 list */
.vertical_menu ul li:hover ul, .vertical_menu ul li a:hover ul {
	background: #ededff;
	border: 1px solid #333366;
	color: #000;
	/*height:auto;*/
	overflow: visible;
	position: absolute;
	visibility: visible;
}
/* Level 2 list item (hover) */
.vertical_menu ul li ul li:hover {
}
/* Level 2 list item link (line 1 = IE7+ and non-IE browsers, line 2 = IE5.5/IE6 browsers) */
.vertical_menu ul li:hover ul li a , 
.vertical_menu ul li a:hover ul li a {
	background-image: url('/images/msc_arrow_right_black.gif');
	background-position: left center;
	background-repeat: no-repeat;
	color: #000;
	display: block;
	margin: 0;
	padding: 0;
	padding-left: .7em;	
	text-decoration:none;
}
/* Level 2 list item link (hover). Line 1 = IE7+ and non-IE browsers, line 2 = IE5.5/IE6 browsers */
.vertical_menu ul li:hover ul li:hover a , 
.vertical_menu ul li a:hover ul li a:hover {
	color: #d62024;
}

/*** Category styles ****/
.category_box_top {
	background: url('/images/msc_rounded_box_240x170.gif') no-repeat;
	border: none;
	color: #000;
	font-size: 12px;
	float: left;
	height: 170px;
	margin: 0 3px 4px 0; /* right margin gap between boxes */
	padding: 0;
	text-align: center;
	width: 240px;
}
.category_box_top img {
	border: none;
	height: 120px;	
	margin: 5px auto;
	padding: 0;
	text-align: center;
	width: 200px;
}
.category_box_top a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.category_box_top a:hover {
	color: #000;
	text-decoration: underline;
}
.category_description {
	margin: 0 9px 0 7px;
	text-decoration: none;
	text-align: center;
}
.category_box {
	background: url('/images/msc_rounded_box_240x320.gif') no-repeat;
	border: none;
	color: #000;
	font-size: 12px;
	float: left;
	height: 320px;
	margin: 0 3px 4px 0; /* right margin gap between boxes */
	padding: 0;
	text-align: center;
	width: 240px;
}
.category_box img {
	border: none;
	height: 120px;	
	margin: 25px 0 25px 0; /* category/product images are different heights. This ensures text aligns for both */
	padding: 0;
	text-align: center;
	width: 200px;
}
.catheading_page {
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
	line-height: 25px;	
	margin: 10px 0 0 5px;
}
.catlink_main
{
	color:#006;
	font-size:9pt;
	text-decoration:none;
	font-weight:normal;
}
.subcatlink {
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
}
.subcatlink a {
	color: #08298A;
}
.category_image {
	border: 1px solid #000000;
	border: none;
	height: 80px;
	width: 140px;	
}
.category_image img {
	border: none;
}
.category_text {
	height: 30px;
	width: 140px;	
}
.category_text p {
	color: #ffffff;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
/*** Product styles ****/
.product_box {
	background: url('/images/msc_rounded_box_240x320.gif') no-repeat;
	border: none;
	color: #000;
	font-size: 12px;
	float: left;
	height: 320px;
	margin: 0 3px 5px 0;
	padding: 0;
	text-align: center;
	width: 240px;
}
.product_box img {
	border: none;
	margin: 5px 0 5px 0;
}
.productheading
{
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}
.product_details {
	float: left;
	margin: 10px 0 0 0;
	text-align: left;
	width: 490px;

}
.product_image {	
	float: left;
	margin: 10px 0 0 0;
	text-align: center;
	vertical-align: middle;
	width: 225px;
}
.product_image_extra {
	border: none;
	margin: 15px auto 15px auto;
	width: 200px;
}
table.product_buttons {
	width: 100%;
}
.product_code {
	color: #d62024;
}
/*** Product extended info (e.g. enlarge image) ***/
.extended_info {
	height: 30px;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
.extended_info img {
	clear: both;
	margin: 0;
	margin: auto;
	padding: 0;
	vertical-align: middle;
	text-align: center;	
}
.extended_info img:hover {
	text-decoration: none;
}
.extended_info a {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: middle;
}
.extended_info a:hover {
	color: #000000;
	text-decoration: underline;
}

/*** Related Products ***/
.related_products {
	color: #d62024;
	margin: 5px 0 5px 0;
	padding: 0;
}
table.related_products {
	border-collapse: collapse;
	border: 1px solid #6E6E6E;
	margin: 0;
	padding: 0;
	text-align: center;
}
table.related_products td {
	/*border: 1px solid #454545;*/
	font-size: 12px;
	margin: 0 10px 0 10px;
	padding: 10px 15px 0px 15px;
	text-align: center;
	vertical-align: top;
	width: 130px;
}
table.related_products img {
	border: none;
}
table.related_products a:link {
	color: #000;
	text-decoration: none;
}
table.related_products a:visited {
	color: #000;
	text-decoration: none;	
}
table.related_products p {
	margin-top: 5px;
}

/*** Category / Product shared ***/
.category_title, .product_title {
	font-weight: bold;
	margin: 0 9px 5px 7px;
	text-decoration: none;
	text-align: center;
}
.category_title a, .product_title a {
	color: #000000;
	text-decoration: none;
}
.category_title a:hover, .product_title a:hover {
	text-decoration: underline;
}
.category_description, .product_description {
	margin: 0 9px 0 7px;
	text-decoration: none;
	text-align: center;
}

/*** General classes (font size, colours etc.) ***/
.center {
	margin: auto;
	text-align: center;
}
.noborder {
	border: none;
}
.large {
	font-size: 24px;
}
.medium {
	font-size: 15px;
	font-weight: normal;
}
.small {
	font-size: 12px;
	font-weight: normal;
}
.x_small {
	font-size: 11px;
}
.xx_small {
	font-size: 9px;
}
.center {
	margin: auto;
}
.white {
	color: #fff;
}
.darkblue {
	color: #333366;
}
.black {
	color: #000;
}
.blue {
	color: #0000ff;
}
.darkred {
	color: #d62024;
}
.red {
	color: #ff0000;
}
.orange {
	color: #CC6633;
}
.yellow {
	color: #FFFF00;
}
.spacer {
	line-height: 5px;
}
.spacer_small {
	line-height: 3px;
}
.spacer_xsmall {
	line-height: 2px;
}
.spacer_medium {
	line-height: 7px;
}
.label {
	width: 170px;
}
.clear {
	clear: both;
}

/* s3Slider (Header Banner) */
#slider1 {
	border: 1px solid #000;
	width: 978px; /* important to be same as image width */
    height: 220px; /* important to be same as image height */
	margin: 3px 0 7px 0;
	padding: 0;
    position: relative; /* important */
	overflow: hidden; /* important */
}
#slider1Content {
	width: 980px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}
#slider1Content img {
	border: none;
}
.slider1Image {
    float: left;
	display: none;
    position: relative;
}
.slider1Image span {
	background: none;
    color: #fff;
    display: none;
	font-size: 12px;
	margin: 0;
	padding: 0 5px 0 10px;
    position: absolute;
	text-align: left;
	width: 980px;
    /*filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;*/
}
.sliderImage span.strong {
	font-size: 14px;
}
.slider1Image ul {
	list-style-type: circle;
	padding-left: 1em;
}
#slider1 .left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
#slider1 .right {
	right: 0;
	bottom: 0;
	width: 215px !important;
	height: 220px;
}
#slider1 h3 {
	background: none;
	font-size: 15px;
	text-align: left;
}

/* New Products (Small) */
.new_products_small table {
	border-collapse: collapse;
}
.new_products_small a {
	color: #0000ff;
	font-size: 11px;
	text-decoration: none;
}
.new_products_small a:hover  {
	text-decoration: underline;
}
.new_products_small a:visited {
	color: #0000ff;
}
.new_products_small img {
	border: none;
	margin: 1px 0 1px 0;
}