/* CSS Document */

/*****Reset*****/
html, body, div, h1, h2, h3, p, ul, ol, li, form, fieldset, input, textarea { margin: 0; padding: 0; font-size: 100%; }
ul { list-style: none; }
img, fieldset { border: 0; }
em { font-style: italic; }
strong { font-weight: bold; }

/*****Basic Elements*****/
body { font-family: Tahoma, sans-serif; background: #e7f3ff; }
h1, h2, h3 { color: #0053a1; font-weight: normal; }
h1, h2, h3, p { margin: 0 0 10px 0; }
h1 { font-size: 25px; line-height: 30px; }
h2 { font-size: 20px; }
h3 { font-size: 15px; line-height: 20px; }
p, li, label { color: #292929; font-size: 12px; line-height: 15px; }
label { margin-right: 10px; }
a { color: #0053a1; }
table { margin: 0 0 10px 0; border-collapse: collapse; border-bottom: #0053a1 1px solid; }
th, td { padding: 5px 10px; }
th { height: 20px; color: #0053a1; font-size: 14px; font-weight: normal; line-height: 20px; background: url(../images/th-bg.png) repeat-x; }
td { color: #292929; font-size: 12px; background: #d0e2f6 url(../images/td-bg.png) bottom repeat-x; }
input,
textarea,
select { margin: 0 0 10px 0; padding: 4px; color: #292929; font-family: Tahoma, sans-serif; font-size: 12px; border-top: #c2c2c2 1px solid; border-right: #f7f7f7 1px solid; border-bottom: #efefef 1px solid; border-left: #d9d9d9 1px solid; }
fieldset { margin-bottom: 10px; padding: 9px; border: #0053a1 1px solid; }
fieldset legend { color: #0053a1; font-size: 15px; line-height: 20px; }

/*****Generic Classes*****/
body a.button { height: 30px; width: 110px; display: block; color: #fff; font-size: 12px; line-height: 30px; text-align: center; text-decoration: none; background: url(../images/button-bg.png) no-repeat; }
td.borderless { background: none; border: none; }
label.required { font-weight: bold; }
.wrapper { width: 800px; margin: 0 auto; padding: 0 10px; }
.clearer { clear: both; }

/*****Main Layout*****/
/*Container*/
#container { width: 800px; margin: 10px auto; }

/*Header*/
#header { height: 80px; }
#accountOptions { float: right; }
#accountOptions li { display: inline; line-height: 12px; }
#accountOptions a { text-decoration: none; }
#logo { width: 180px; height: 58px; float: left; }
#search { width: 260px; height: 30px; margin: 8px 0 0 20px; padding: 10px; float: left; background: url(../images/search-bg.png) no-repeat; }
#search input { width: 170px; height: 12px; padding: 9px; float: left; }
#search a.button { width: 60px; height: 30px; margin: 0 0 0 10px; float: left; line-height: 30px; background: url(../images/search-btn-bg.png) no-repeat; }
#shoppingBasketSummary { width: 270px; height: 30px; margin: 8px 0 0 0; padding: 10px; float: right; background: url(../images/shopping-basket-sum-bg.png) no-repeat; }
#basketDetails { width: 180px; float: left; }
#basketDetails h3 { margin: 0 0 5px 0; font-size: 12px; line-height: 12px; }
#basketDetails p { float: left; }
p#items { margin: 0 10px 0 5px; }
#shoppingBasketSummary ul { float: right; }
#shoppingBasketSummary a.button { width: 80px; height: 30px; line-height: 30px; background: url(../images/checkout-btn-bg.png) no-repeat; }

/*Product Navigation*/
#productNavigation { margin: 10px 0; background: url(../images/prod-nav-bg-slice.png) repeat-x; }
#productNavigation2 { background: url(../images/prod-nav-bg-right.png) right no-repeat; }
#productNavigation3 { height: 40px; padding: 0 10px; background: url(../images/prod-nav-bg-left.png) left no-repeat; }

/* #productNavigation ul li { padding: 0 10px; float: left; }
#productNavigation ul li a { color: #fff; line-height: 40px; font-weight: bold; text-decoration: none; } */

#productNavigation ul li { float: left; list-style: none; }
#productNavigation ul li a { padding: 0 5px; display: block; color: #fff; line-height: 40px; text-decoration: none; white-space: nowrap; }
#productNavigation ul li a:hover { background: url(../images/prod-nav-over-bg-slice.png) repeat-x; }
#productNavigation ul li ul { position: absolute; visibility: hidden; background: #0055a6 url(../images/prod-sub-nav-bg-slice.png) top repeat-x; }		
#productNavigation ul li ul li { float: none; display: inline; }
#productNavigation ul li ul li a { width: auto; line-height: 30px; }
#productNavigation ul li ul li a:hover { background: #0055a6; }

/*Main*/
#main { }

/*Content*/
#content { width: 590px; float: left; }
p#breadcrumbs a { text-decoration: none; }
p#breadcrumbs .divider { color: #fae529; }
#content ul,ol { margin: 0 0 10px 20px; }
#content ul {list-style: disc; }

/*Sidebar*/
#sidebar { width: 190px; float: right; }
#sidebar .info { margin: 0 0 10px 0; padding: 0 0 10px 0; background: #cfe2f5 url(../images/sidebar-info-bg-bottom.png) bottom no-repeat; }
#sidebar h3 { height: 30px; padding: 0 10px; line-height: 30px; background: url(../images/sidebar-title-bg.png) no-repeat; }
#sidebar .info p { padding: 0 10px; }
#sidebar a.button { width: 130px; height: 30px; float: left; line-height: 30px; background: url(../images/sidebar-btn-bg.png) no-repeat; }
/*Contact Us*/
p#telephoneNumber { font-size: 20px; line-height: 20px; }
/*Further Help*/
#furtherInfo ul { margin: 0 0 0 10px;  }
#furtherInfo ul a { text-decoration: none; }
/*Opening Times*/
p .days { font-weight: bold; }

/*Manufacturers*/
#manufacturers { height: 41px; padding: 10px 0; background: url(../images/manufacturers-bg.png) repeat-x; }
#manufacturers ul { width: 780px; float: left; }
#manufacturers li { width: 130px; margin: 0 20px 0 0; float: left; }
#manufacturers a { text-decoration: none; }

/*Product Category Sitemap*/
#productCategorySitemap { padding: 20px 0; background: #0055a6 url(../images/prod-cat-sitemap-bg-top) top repeat-x; }
#productCategorySitemap ul.level0 li { width: 120px; margin: 0 10px 0 0; float: left; /*background: url(../images/prod-cat-sitemap-bg-divider.png) top left no-repeat;*/ }
#productCategorySitemap ul.level0 li ul li {  padding: 0; /*background: none;*/ }
#productCategorySitemap ul ul { margin: 10px 0 0 0; }
#productCategorySitemap ul a { color: #fae629; font-weight: bold; text-decoration: none; }
#productCategorySitemap ul ul a { font-weight: normal; }
#productCategorySitemap ul ul a { color: #fff; }

/*Footer*/
#footer { padding: 20px 0; background: #004293; }
#footer p { color: #72a3d1; }
#footer a { color: #72a3d1; text-decoration: none; }
#footer #address { width: 60%; float: left; }
#footer #credits { width: 40%; float: right; text-align: right; }

/*Shopping Basket*/
table#orderTable { width: 100%; text-align: center; border-bottom: none; }
table#orderTable .buttonUpdate a,
table#orderTable a.buttonRemoveItem { width: 70px; height: 20px; margin: 0 auto; display: block; color: #fff; line-height: 20px; text-align: center; text-decoration: none; background: url(../images/small-button-bg.png) no-repeat; }
td#totalValue { font-weight: bold; }

/*Popup Messages*/
#overlay { width: 100%; position: absolute; top: 0; left: 0; z-index: 90; background-color: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: .60; }
#systemMessage { width: 400px; height: 120px; margin-left: -210px; padding: 20px; position: absolute; top: 30%; /* Top will be set by Javascript but use important here to override */ left: 50%; z-index: 100; text-align: center; background: #fff; }
#systemMessage ul { list-style: none; text-align: center; }
.infoMessage ul { margin: 0 0 0 80px; }
.errorMessage ul { margin: 0 0 0 140px; }
#systemMessage ul li { margin: 0 10px 0 0; float: left; }

/*Product Review*/
form#reviewForm label { clear: left; }
form#reviewForm .reviewStarList { width: 50%; float: right; }
form#reviewForm .reviewStarList input { width: 20px; margin: 0 5px 10px 10px; clear: left; }
form#reviewForm .reviewStarList img { margin: 0 0 10px 0; display: block; float: left; }