@charset "utf-8";
/* CSS Document */
body { background:url(../images/page-bg.gif) repeat-y center #004293; font-size: 12px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0px; padding: 0px;}
.clear {display:block; clear:both; line-height: 0px; font: 0px; height:0px; visibility: hidden;}
a img {border: none;}

#page-layout { width: 926px; margin: 0px auto;}

#page-top {background:#E5F2FB; font-size: 0.8em;}
#page-top, #page-top a {color: #002553; text-decoration:none;}
#page-top ul {list-style: none; padding: 6px; margin: 0px; float:right;}
#page-top li { display:inline; padding: 0px 5px;  background:url(../images/footer-nav-seperator.gif) no-repeat right;}

.line-dash-3x {background:url(../images/line-dash-3x.gif) repeat-x; display: block; height:1px; clear: both;}

#logo-banner { position: relative; display:block; height: 100px; }
#logo-banner img {border: none;}
	#logo-beare-ley {position:absolute; left: 20px; top: 6px;}
	#brochure-online { float:right; margin: 10px;}

#page-mid {background: #FFF url(../images/line-dash-3x.gif) bottom repeat-x;}

#page-nav {background:#003A82; margin: 0px 2px 2px 2px;}
#page-nav, #page-nav a {color: #FFFFFF; font-size: 1.1em; text-decoration: none;}
#page-nav ul { list-style: none; margin: 0px; padding: 0px;}
#page-nav li { float:left; background:url(../images/page-nav-seperator.gif) no-repeat right; margin-right:1px;}
#page-nav .link {padding: 3px 19px;}
#page-nav .extra-link {padding: 3px 15px !important;}
#page-nav .last {background: none; margin: 0px;}

#page-banner-outer {margin: 0px auto; width: 922px; background:#E5F2FB url(../images/line-dash-3x.gif) bottom repeat-x; padding-bottom: 10px; position:relative;}
#page-banner-over { position:absolute; top: 0px; padding:1px;}
#page-banner { background: #004FB0; padding: 1px;}

#page-content {width: 922px; margin: 0px auto;font-family: Arial,Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.1em; color: #444; }

.product-list-item { float: left; display: block; width: 230px; text-align:center; background:url(../images/line-dash-3y.gif) repeat-y right; margin: 10px 0px;}
.product-list-item .title{ text-align:center; font-size: 1.1em; font-weight:bold; padding: 5px 2px; background:url(../images/line-dash-3x.gif) top repeat-x; }
.product-list-item .image{ padding: 10px 0px; margin: 0px 10px; height: 190px;background:url(../images/line-dash-3x.gif) bottom repeat-x; }
.product-list-item .link{ padding: 10px; background:url(../images/line-dash-3x.gif) bottom repeat-x; }
.product-list-item .link a{ background:url(../images/buller-arrow.gif) no-repeat left 0.5em; padding: 2px 0px 2px 15px;}

#page-footer { padding: 10px; background: #F5F5F5; font-size: 0.9em;}
#page-footer, #page-footer a { color:#777; text-decoration: none;}
#page-footer ul {margin: 0px; padding: 0px; list-style: none;}
#page-footer li {float:left; padding: 0px 5px; background:url(../images/footer-nav-seperator.gif) no-repeat right;}

#category-listing {background: url(../images/category-bg.gif) repeat-y left top; margin: 2px; display:block; width: 922px; }
#category-listing .col-left { width: 220px; float:left; display: block;}
#category-listing .col-right { width: 690px; float:right; display: block; padding-bottom: 15px;}

#page-content {background: url(../images/category-bg.gif) repeat-y left top; margin: 2px; display:block; width: 922px; }
#page-content .col-left { width: 220px; float:left; display: block;}
#page-content .col-right { width: 690px; float:right; display: block; padding-bottom: 15px;}
#page-content .page-title { font-size: 1.4em; font-weight:bold;}

.menu-title{ padding: 10px; font-size: 1.25em;}
.menu-left { background: #FFF; margin: 0px 2px 0px 0px; padding: 2px 0px;}
.menu-left .inner { background: #F4F7FC; margin: 0px; padding: 0px;}
.menu-left ul {list-style: none; padding: 0px; margin: 0px 5px;}
.menu-left li { background: url(../images/menu-nav-bg.gif) bottom repeat-x; padding: 10px;}
.menu-left a { color: #112035; text-decoration: none;}
.menu-left .selected { font-weight: bold;}

.page-title { background:url(../images/page-title-bg.gif) bottom repeat-x; padding: 10px;}

#product-image {width: 350px; float: left;}
#product-info {width: 280px; float: right;}
#product-info .product-name {font-weight: bold; font-size: 1.1em; padding-top: 10px;}
#product-info .product-code {font-size: 1.1em; padding-top: 10px;}
#product-info .description {padding-top: 10px;}

.enlarge {text-align:center;}

.dot-line {background: url(../images/line-dash-3x.gif) center repeat-x; height: 20px;}

.product-options-list {margin-bottom: 15px;}
.option-name {display:block; clear: both; margin-bottom: 10px;}

#options-value-colour ul { list-style: none; padding:0px; margin: 0px;}
#options-value-colour li { float: left; margin: 0px 5px 5px 0px;}
#options-value-colour .opt-image { display:block; border: 1px solid #CCC; cursor:pointer;}
#options-value-colour .opt-image .inner { width: 28px; height: 28px; display:block; border: 1px #FFF solid;}
#options-value-colour .opt-image:hover .inner { width: 26px; height: 26px; display:block; border: 2px #666 solid;}

#options-value-size ul { list-style: none; padding:0px; margin: 0px;}
#options-value-size li { float: left; margin: 0px 5px 5px 0px;}
#options-value-size .opt-size { display:block; border: 1px solid #CCC; width: 28px; height: 28px; border: 1px #CCC solid; text-align:center; cursor:pointer;}
#options-value-size .opt-size-long { display:block; border: 1px solid #CCC; padding: 0px 5px; height: 28px; border: 1px #CCC solid; text-align:center}

#page-footer-menu { font-size: .9em; }
.error-require {background: #FFD9D9 !important; border: solid 1px red !important;}
.order-size-qty {width: 30px;}