@charset "utf-8";
/* KYD Products */

* { margin:0; padding:0; }
html { }
body { background:url(img/bg.jpg) repeat; font-size:12px; color:#656565; font-family:Arial, Helvetica, sans-serif; }

h1 { font-size:28px; }
h2 { font-size:16px; }
h4, h5 { width:155px; height:21px; padding:4px 0 0 10px; font-size:15px; color:#fff; }
h6 { padding:3px 0 0 10px; font-size:14px; color:#275C94; border-bottom:1px solid #ddd; }

.clear { clear:both; }
a { outline:none; }
a img { border:0 none; }

iframe { border:1px solid #666; }

#container { width:962px; margin:0 auto; padding:0 23px; background:url(img/main-rpt.png) 0 0 repeat-y; }

/*---Header/Footer/Nav/Breadcrumbs-------------------------------------------------------------------------------*/
#header { width:962px; height:110px; background:url(img/gb.gif) 100% 5px no-repeat; }
#header img { float:left; }
#header h1 { width:605px; height:40px; padding:70px 0 0 10px; float:left; color:#fff; background:url(img/header.jpg) 0 0 no-repeat; }
#header ul { list-style:none; font-size:11px; }
#header ul li { display:inline; }
#header ul li a { color:#0F79B7; text-decoration:none; }
#header ul li a:hover { color:#0F79B7; text-decoration:underline; }

#header #cart { width:auto; padding:6px 0 0 10px; float:left; text-align:center; }
#header #basket { width:150px; height:55px; padding:4px 0 0 0; margin:5px 0; background:url(img/basket-bg.jpg) 0 0 no-repeat; }
#header #basket p { font-size:13px; font-weight:bold; color:#fff; }
#header #basket ul { font-weight:bold; font-size:14px; margin:12px 0 0 0; }

#footer { width:962px; clear:both; padding:10px 0; text-align:center; font-size:10px; }
#footer ul { list-style:none; }
#footer ul li { display:inline; }
#footer ul li a { color:#004184; text-decoration:none; }
#footer ul li a:hover { color:#004184; text-decoration:underline; }
#buffer { width:1006px; height:17px; margin:0 auto; background:url(img/shadow.png) 0 0 no-repeat; }

#nav { width:950px; height:30px; float:left; background:url(img/nav-rpt.jpg) 0 0 repeat-x; border-bottom:1px solid #999; border-top:1px solid #999; }
#l, #r { width:6px; height:32px; float:left; }
#l { clear:both; background:url(img/nav-left.jpg) 0 0 no-repeat; }
#r { background:url(img/nav-right.jpg) 0 0 no-repeat; }

#nav ul { list-style:none; font-weight:bold; font-size:13px; }
#nav ul li { float:left; border-right:1px solid #999; border-left:1px solid #ccc; }
#nav ul li.first { border-left:none; }
#nav ul li a { color:#003E81; display:block; padding:7px 25px; text-decoration:none; }
#nav ul li a:hover { color:#003E81; text-decoration:underline; background:#ccc; }

#nav form { width:auto; padding:0 0 0 25px; float:right; margin:5px 0 0 0; background:url(img/magnifier.png) left center no-repeat; }
#nav form input { width:250px; color:#0F79B7; }
#nav form input.button { width:55px; color:#000; cursor:pointer; background:0 none; font-weight:bold; border:0 none; }

ul#breadcrumb, ul#note { width:auto; height:15px; clear:both; font-size:10px; list-style:none; padding:5px 0; color:#193864; text-transform:lowercase; }
ul#breadcrumb li, ul#note li { display:inline; }
ul#breadcrumb li a, ul#note li a { color:#333; text-decoration:none; }
ul#breadcrumb li a:hover, ul#note li a:hover { color:#333; text-decoration:underline; }
ul#note { text-align:right; color:#004385; font-weight:bold; font-size:12px; }
ul#note li span { color:#12BDF1; }

/*---Sidebars------------------------------------------------------------------------------------------------*/
#aside, #bside { width:165px; float:left; font-size:11px; }
#aside { } #bside { }
#aside ul { list-style:none; padding:5px 0 5px 10px; margin:0 0 20px 0; background:#BDD6EB; font-weight:bold; font-size:12px; }
#aside ul li { display:block; }
#aside ul li a { display:block; /*<--IE6*/ padding:5px 0 5px 14px; color:#0E2B57; text-decoration:none; background:url(img/sub-nav-bg.jpg) 0 9px no-repeat; }
#aside ul li a:hover { color:#0E2B57; text-decoration:underline; background:url(img/sub-nav-bg.jpg) 3px 9px no-repeat; }

/*---Sub Sub Nav ------------------------------------------------------------------------------------------*/
#aside ul li ul { padding:0; margin:0; font-size:11px; display:block; }
#aside ul li ul li { }
#aside ul li ul li a { padding:0 0 0 14px; margin:0 0 5px 0; background:url(img/sub-sub-nav-bg.jpg) 0 5px no-repeat; }
#aside ul li ul li a:hover { background:url(img/sub-sub-nav-bg.jpg) 3px 5px no-repeat; }


#aside h4 { background:url(img/browse-bg.jpg) 0 0 no-repeat; }
#aside h5, #bside h5 { background:url(img/join-bg.jpg) 0 0 no-repeat; }
#aside form { width:145px; height:78px; padding:10px 10px 0 10px; margin:0 0 20px 0; background:url(img/reg-bg.jpg) 0 0 no-repeat; }
#aside form p { margin:0 0 10px 0; }
#aside form input, #bside form input { font-family:Arial, Helvetica, sans-serif; width:120px; border:1px solid #ddd; float:left; }
#aside form input.button, #bside form input.button { width:15px; color:#0F79B7; border:0 none; background:0 0 none; cursor:pointer; }

#bside form { width:143px; padding:10px; margin:0 0 20px 0; text-align:right; background:url(img/login-bg.jpg) bottom left repeat-x; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
#bside form input { margin:0 0 5px 0; }
#bside form p { display:block; clear:both; padding:5px 0 0 0; font-size:13px; font-weight:bold; }
#bside form a { display:block; margin:0 0 5px 0; color:#0F79B7; text-decoration:none; }
#bside form a:hover { color:#0F79B7; text-decoration:underline; }
#bside h4 { font-size:16px; background:#fe0000 url(img/offers-bg.jpg) 0 0 no-repeat; }

#bside #make-a-payment { width:143px; padding:10px; margin:0 0 20px 0; text-align:right; background:url(img/login-bg.jpg) bottom left repeat-x; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
#bside #make-a-payment p { display:block; clear:both; padding: 0; font-size:13px; font-weight:bold; text-align: left; }
#bside #make-a-payment a { display:block; margin:0 0 5px 0; color:#0F79B7; text-decoration:none; }
#bside #make-a-payment a:hover { color:#0F79B7; text-decoration:underline; }

#bside #offer { width:143px; padding:0 10px 10px 10px; text-align:center; border-left:1px solid #fe0000; border-right:1px solid #fe0000; }
#bside #offer img { margin:20px 0 0 0; }
#bside #offer p { margin:0 0 10px 0; }
#bside #offer p.now { font-size:14px; color:#fe0000; font-weight:bold; margin:0; }
#bside #offer_bottom {width: 165px; height: 16px; background:url(img/special_bottom.jpg)  0 0 no-repeat;}
#bside a.more { width:165px; height:20px; padding:5px 0 0 0; display:block; color:#fff; text-decoration:none; text-align:center; font-size:12px; font-weight:bold; background:url(img/offers-bg-btm.jpg) 0 0 no-repeat; }
#bside a:hover.more { color:#fff; text-decoration:underline; }

/*---Content------------------------------------------------------------------------------------------*/

#content { width:622px; padding:0 5px; float:left; }

#content h2 { height:24px; padding:0 0 0 5px; clear:both; margin:0 0 10px 0; border-bottom: 1px solid #ccc; background:url(img/h2-open.gif) 0 0 no-repeat; }
#content h2 span { padding:1px 10px 7px 0; background:url(img/h2-close.gif) top right no-repeat; }
#content h2#blue { color:#fff; height:24px; padding:0 0 0 22px; clear:both; margin:0 0 10px 0; border-bottom: 1px solid #ccc; background:url(img/h2-open-blue.gif) 0 0 no-repeat; }
#content h2#blue span { padding:1px 10px 7px 10px; background:url(img/h2-close-blue.gif) 100% 0 no-repeat; }
#content a, #primary a { color:#0F79B7; text-decoration:none; }
#content a:hover, #primary a:hover { color:#0F79B7; text-decoration:underline; }

#content .item { width:201px; float:left; margin:0 5px 10px 0; }
#content .item.last { margin:0 0 10px 0; }
#content .item h3 a { width:171px; padding:5px 10px 5px 20px; display:block; color:#0E2B57; background:#BDD6EB url(img/sub-nav-bg.jpg) 6px 50% no-repeat; font-weight:bold; font-size:12px; text-decoration:none; }
#content .item h3 a:hover { color:#0E2B57; text-decoration:underline; background:#BDD6EB url(img/sub-nav-bg.jpg) 9px 50% no-repeat; }

#content .item a img { border:1px solid #a3c9e6; margin:0 0 5px 0;  }
#content .item a:hover img { border:1px dashed #a3c9e6; }

#feature, .productrow, #secondary { width:622px; clear:both; padding:0 0 10px 0; margin:0 0 10px 0; background:url(img/feature-bg.jpg) bottom left repeat-x; border-bottom:1px solid #999; font-size:11px; }
#feature .product, .productrow .product { width:155px; float:left; text-align:center; }
#feature .product a {  }
#feature .product a img, #bside #offer a img, .productrow .product a img { padding:5px; margin:10px 0 10px 0; border:1px solid #fff; }
#feature .product a:hover img, #bside #offer a:hover img, .productrow .product a:hover img { border:1px dashed #a3c9e6; }

#feature .product h3, #bside #offer h3, .productrow .product h3 { color:#0E2B57; font-size:11px; margin:0 0 10px 0; }
#feature .product p, .productrow .product p { margin:5px 0; }
#feature .product a, #bside #offer a, .productrow .product a { color:#0F79B7; text-decoration:none; }
#feature .product a:hover, #bside #offer a:hover, .productrow .product a:hover { color:#0F79B7; text-decoration:underline; }

#gallery { width:300px; float:left; text-align:center; font-weight:bold; }
#gallery img { margin:0 0 10px 0; }
#gallery p { width:120px; margin:0 auto; padding:5px 0; background:url(img/magnifier.gif) left center no-repeat; }
#description { width:322px; float:left; }
#description h3 { color:#003D81; font-size:17px; margin:0 0 10px 0; }
#description dl { margin:0 0 10px 0; }
#description dl dt { font-weight:bold; }
#description dl dd span { display:block; font-size:9px; margin:10px 0 0 0; }
#description table { margin:0 0 10px 0; border-collapse:collapse; font-size:12px; border-top:1px solid #999; border-left:1px solid #999; }
#description table th { background:#003D81; color:#fff; font-size:14px; text-align:left; }
#description table td, #description table th { padding:3px; }
#description table td { border-right:1px solid #999; border-bottom:1px solid #999; }
#description form#quantity input { width:90px; padding:3px 5px; border:1px solid #c2c2c2; }
#description form#quantity input#qty_add, .productrow form input#check, .productrow form input#shop, form#checkout fieldset input#check, form#checkout fieldset input#authorise, #secondary #centralise a { padding:3px 5px; border:1px solid #c2c2c2;  width:auto; float:right; color:#fff; font-size:11px; font-weight:bold; background:#004183 url(img/btn_rpt.gif) 0 0 repeat-x; cursor:pointer; }
#checkout_btn { padding:3px 5px; border:1px solid #c2c2c2;  width:auto; float:right; color:#fff; font-size:11px; font-weight:bold; background:#004183 url(img/btn_rpt_red.gif) 0 0 repeat-x; cursor:pointer; }
.productrow form input#shop { background:#a9a9a9 url(img/btn_rpt2.gif) 0 0 repeat-x; color:#333; }
#description form#quantity label { color:#003D81; font-weight:bold; float:left; }

.basket_button { background:#a9a9a9 url(img/btn_rpt2.gif) 0 0 repeat-x; color:#333; }
.basket_button2{ padding:3px 5px; border:1px solid #c2c2c2;  width:auto; float:right; color:#fff; font-size:11px; font-weight:bold; background:#004183 url(img/btn_rpt.gif) 0 0 repeat-x; cursor:pointer; }

#primary { width:582px; padding:0 20px 0 20px; }
#primary p, #primary address, #primary ul { margin:0 0 10px 0; }
#primary address { font-style:normal; }
#primary ul { list-style:none; }

.productrow table { border-collapse:collapse; }
.productrow table td, .productrow table th { padding:5px; }
.productrow table th { background:#0ebcf1 url(img/basket-th.gif) 0 0 repeat-x; color:#fff; font-size:14px; text-align:left; }
.productrow table tr.dotted { border-bottom:2px dotted #666; }
.productrow table tr.solid { border-bottom:2px solid #0EBCF1; }

#secondary { width:602px; padding:10px 10px 20px 10px; }

/*---Checkout------------------------------------------------------------------------------------------*/

#secondary form { float:left; width:200px; margin:40px 0 0 40px; }
#secondary form label { display:block; float:left; }
#secondary fieldset { width:200px; float:left; padding:10px; background:url(img/login-bg.jpg) bottom left repeat-x; border:1px solid #ddd; }
#secondary fieldset legend { font-size:13px; font-weight:bold; color:#666; }
#secondary fieldset input { width:180px; margin:10px 0 0 0; border:1px solid #ddd; }
#secondary fieldset input.button { width:auto; border:0 none; background:none; float:right; color:#0F79B7; font-size:11px; }
#secondary fieldset p { display:block; }
#secondary fieldset a { display:block; }
#secondary fieldset a.fr { float:right; }
#secondary fieldset#guest { margin:40px 0 0 40px; }

form#checkout { width:400px; margin:10px 0 0 40px; }
form#checkout fieldset { width:380px; padding:10px; margin:0 0 10px 0; background:url(img/login-bg.jpg) bottom left repeat-x; border:1px solid #ddd; }
form#checkout fieldset label { width:100px; display:block; float:left; clear:both; margin:10px 0 0 0;  }
form#checkout fieldset label#first { margin:5px 0 0 0; }
form#checkout fieldset label#last { width:100%; }
form#checkout fieldset label#address_label { width:100px; margin: 8px 0 32px 0; }
form#checkout fieldset input, form#checkout fieldset textarea { width:230px; float:left; margin:0; padding:2px; margin:5px 0 0 0; }
form#checkout fieldset textarea { width:100%; border:1px solid #ddd; }
form#checkout fieldset select { width:100px; margin:5px 5px 0 0; float:left; display:block; border:1px solid #ddd; }
form#checkout fieldset p { clear:both; margin:5px 0 0 100px; }
form#checkout fieldset input#security_number { width:100px; }
form#checkout fieldset a img { float:left; margin:5px 0 0 5px; }
form#checkout fieldset input#read_agreed { width:auto; margin:10px 0 0 5px; }
form#checkout fieldset label a { float:none; }
form#checkout fieldset div { clear:both; text-align:center; }
form#checkout fieldset input#authorise { float:none; }
form#checkout fieldset div p { margin:0; }
form#checkout fieldset div p.bold { font-weight:bold; text-transform:uppercase; color:#FF0000; margin:10px 0 10px 0;  }

#secondary #centralise { text-align:center; }
#secondary #centralise p { display:block; }
#secondary #centralise p.emphasise { color:#004183; text-transform:uppercase; font-size:18px; }
#secondary #centralise a { width:100px; display:block; float:none; margin:10px auto; }

.single_price {margin-bottom: 10px; display: block;}

#past_orders td { padding: 3px;}

.basket_quantity {width: 30px; text-align: center;}

.result { width:100%; padding:10px 0; border-bottom:1px solid #023f82; }
.result h3 { margin:0 0 20px 0; }
.result img { float:left; margin: 0 10px 0 0; }

.section_text {margin-bottom: 8px;}

strong.outofstock {color: #FF0000;}

.alert {color: #ff0000; font-weight: bold;}