@import url('jquery.ability.css');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body, body.m {
	color: #999;
	background: #FBE144 url(../../img/bg_header.gif) top repeat-x;
	font: 76% Arial, Helvetica, sans-serif;
	text-align: center;
}

body.l {font-size: 90%; }
body.xl {font-size: 100%; }
body.xxl {font-size: 120%; }

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */

INPUT, SELECT, TH, TD {font-size:1em}

.container {
	width: 900px;
	margin: 0 auto 0;
	text-align: left;
	}
	
#header {
	background: url(../img/uk_online.gif) no-repeat 668px 52px;
	}	
	
#logo {
	margin-top: 28px;
	}	
	
#white {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;	
	background: #fff url(../img/bg_white.gif) top repeat-x;
	margin-top: 9px;
	padding-bottom: 40px;
	}
	
#nav {
	width: 900px;
	margin: 0 auto 0;
	padding-top: 16px;
	}
	
#nav .space {
	margin-left: 20px;
	}
	
#page_title {
	border-bottom: 2px dotted #ccc;
	margin-bottom: 27px;
	}			
	
#page_title h2 {
	font-weight: normal;
	letter-spacing: -1px;
	color: #a2a2a2;
	text-transform: uppercase;
	padding-top: 31px;
	}	
	
#left_col {
	width: 614px;
	margin-right: 36px;
	float: left;
	}
	
#left_col li {
	list-style-type: square;
	}	
	
#new_products {
	width: 390px;
	font-size: 0.92em;
	color: #666;
	margin-right: 34px;
	float: left;
	}
	
#new_products h1 {
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 5px;
	color: #000;
	}	

.head {
	margin-bottom: 15px;
	border-bottom: 2px solid #FBE144;
}

.head h3 {
	float: left;
	font-weight: normal;
	letter-spacing: -1px;
	color: #666;
}

.head a.next	{
	font-size: 0.92em;
	float: right;
	}
	
#new_products a {
	font-size: 0.92em;
	color: #69f;
	text-decoration: none;
	}
	
#new_products a:hover {
	color: #06f;
	}	

#new_products p {
	font-size: 1.09em;
	line-height: 1.25em;
	color: #999;
	margin: 12px 0 0 1px;
	}	
	
#new_products #img_newprod {
	float: right;
	margin: -5px 0 0 4px;
	}
	
#new_products #bottom {
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
	}
	
#bottom a.buy {
	float: right;
	}
	
#bottom a.buy a {
	color: #000;
	}
	
#featured {
	width: 190px;
	background: url(../img/featured_top.gif) no-repeat;
	float: left;
	}
	
#featured #top {
	height: 107px;
	padding: 8px;
	}

#top {
	clear: both;
}

#top h5 {
	font-size: 1.2em;
	font-weight: bold;
	color: #828282;
	letter-spacing: -1px;
	}

#top .space {
	margin-left: 15px;
	float: left;
	}
	
#top #id_price {
	font-size: 0.92em;
	color: #666;
	line-height: 14px;
	margin: 60px 2px 0 0;
	text-align: right;
	}
	
#featured #mid {
	font-size: 0.92em;
	line-height: 1.25em;
	padding: 10px;
	background: #E3E3E3;
	clear: both;
	}
	
#mid h5 {
	font-size: 1.2em;
	font-weight: bold;
	color: #828282;
	margin-bottom: 5px;
	}		
	
#mid a.buy {
	margin: 4px 0 -6px 0;
	float: right;
	font-size: 0.83em;
	color: #000;
	text-decoration: none;
	}	
	
#featured .bottom {
	height: 8px;
	background: url(../img/featured_bottom.gif) no-repeat;
	}
	
#special_offer {
	margin-top: 30px;
	}	
	
#special_offer h4 {
	font-size: 1.5em;
	font-weight: normal;
	color: #666;
	letter-spacing: -1px;
	border-bottom: 1px solid #B7B7B7;
	}
	
#special_offer .item {
	text-align: center;
	font-size: 0.92em;
	color: #666;
	line-height: 1.17em;
	padding: 12px 18px 0 20px;
	float: left;
	}	
	
.item img {
	margin-bottom: 5px;
	}
	
.product_box {
	min-height: 123px;
	padding-bottom: 14px;
	margin-bottom: 20px;
	background: url(../img/product_box_bg.gif) top right no-repeat;
	}
	
.product_box h3 {
	width: 443px;
	font-size: 1.67em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1.67em;
	color: #666;
	margin-bottom: 15px;
	border-bottom: 2px solid #FBE144;
	}
	
.product_box .img {
	margin: 8px 8px 0 0;
	float: right;
	}
	
.product_box p {
	font-size: 0.92em;
	line-height: 1.25em;
	width: 443px;
	margin: -6px 0 10px 1px;
	color: #999;
	}	
	
.product_box .prod_bottom {
	width: 443px;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
	}
	
.product_box .buy {
	margin-top: 5px;
	float: right;
	}
	
.product_box .buy a {
	color: #000;
	}		
	
.product_box .buy a:hover {
	color: #000;
	}	
	
.product_box a {
	font-size: 0.83em;
	color: #69f;
	text-decoration: none;
	}	
	
.product_box a:hover {
	color: #06f;
	}
	
.prod_bottom_expand p {	
	font-size: 0.92em;
	line-height: 1.17em;
	padding-top: 10px;
	color: #999;
	}
	
table#checkout {
	border-collapse: collapse;
	font-size: 0.92em;
	color: #999;
	width: 100%;
	}
	
#caption td {
	border-bottom: 2px solid #FBE144;
	text-transform: uppercase;
	font-size: 0.83em;
	padding: 2px;
	}	

.rows td {
	border-bottom: 1px dotted #ccc;
	padding: 14px 0 14px;
	}
	
.rows2 td {
	border-bottom: 1px solid #ccc;
	padding: 14px 0 14px;
	}	
	
.rows3 td {
	padding: 14px 0 14px;
	}	
	
td.img {
	vertical-align: top;
	}	
	
td.center {
	text-align: center;
	vertical-align: middle;
	}
	
td.center img {
	padding-bottom: 2px;
}
	
td.item {
	font-weight: bold;
	color: #666;
	vertical-align: top;
	}
	
td.desc {
	font-size: 0.83em;
	line-height: 1.17em;
	vertical-align: top;
	}
	
td.price {
	font-size: 1.00em;
	font-weight: bold;
	color: #666;
	text-align: right;
	vertical-align: middle;
	}
	
td.right {
	text-align: right;
	vertical-align: middle;
	}

td input {
	width: 30px;
	margin: 3px;
	border: 1px solid #949494;
	background: #F0F0F0;
	text-align: center;
	}	
	
td.total {
	color: #f00;
	font-size: 12px;
	font-weight: bold;
	padding-left: 6px;
	vertical-align: middle;
	}
	
td .remove {
	padding-right: 20px;
	}	
	
button {
	font-size: 1.00em;
	font-weight: bold;
	color: #000;
	padding: 1px 2px 1px;
	margin-right: 4px;
	border: 1px solid #949494;
	background: #FBE144;
	cursor: pointer;
	}
	
h4 {
	font-size: 1.50em;
	font-weight: normal;
	color: #666;
	letter-spacing: -1px;
	margin: 10px 0 20px 0;
	padding-bottom: 2px;
	border-bottom: 2px solid #FBE144;
	}	
	
fieldset#send_basket {
	
}

fieldset#send_basket label {
	display: block;
	float: left;
	width: 15em;
	margin-right: 1em;
}

fieldset#send_basket .one {
	display: block;
	clear: both;
	margin: 5px 0;
}
	
fieldset#send_basket input, fieldset#send_basket textarea {
	width: 20em;
	background: #F0F0F0;
	border: 1px solid #949494;
	}
	
#right_col {
	width: 250px;
	float: left;
	}	
	
.right_box {
	margin-bottom: 20px;
	background: url(../img/right_box_top.gif) no-repeat;
	}	
	
.right_box_top {
	height: 19px;
	font-size: 1em;
	font-weight: bold;
	color: #666;
	padding: 7px 0 0 34px;
	}	
	
.right_box_top#basket {
	background: url(../img/ico_basket.gif) no-repeat 9px 5px;
	}
	
.right_box_top#page_tools {
	background: url(../img/ico_tools.gif) no-repeat 9px 6px;
	}			
	
.right_box_mid {
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	padding: 10px 20px 18px 33px;
	font-size: 0.92em;
	line-height: 1.83em;
	}
	
.right_box_mid a {
	color: #69f;
	}	
	
.right_box_mid a:hover {
	color: #06f;
	text-decoration: none;
	}	
	
.right_box_bottom {
	height: 9px;
	background: url(../img/right_box_bottom.gif) no-repeat;
	}
	
#esslab	{
	margin-left: 32px;
	}
	
#footer {
	color: #A49123;
	font-size: 0.92em;
	height: 100px;
	padding: 17px 0;
	width: 900px;
	margin: 0 auto 0;
	text-align: left;
	}	
	
#footer a {
	color: #665A15;
	}	
	
#footer a:hover {
	color: #330;
	text-decoration: none;
	}
	
#footer #copyright {
	width: 50%;
	float: left;
	}
	
#footer #menu {
	width: 20%;
	padding-left: 10px;
	float: left;
	border-left: 1px dotted #A49123;
	border-right: 1px dotted #A49123;
	}
	
#footer #menu li {
	line-height: 17px;
	}	
	
#footer #contact {
	padding-left: 10px;
	float: left;
	}		
	
.clear {
	clear: both;
	}
	
/******************************* ui-tabs css starts here ******************************/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 2px 1px;
    min-width: 80px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 80px; /* IE 6 treats width as min-width */
    min-width: 80px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: pointer;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

.ui-tabs-panel {
	padding: 5px;
	margin: 5px 0;
	line-height: 14px;
	border: 2px dotted #FBE144;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}