/* ----- Jewson Essential Landscaping stylesheet ---------------------------------------------- */
/* ----- Fuse Digital 2011 ---------------------------------------------------------------- */

/*	
	----- Colours -----
	
	Background: #fff
	Font colour: #646442

	----- Site Dimensions -----
	
	Width: 900px 
	
	----- Fonts -----
	
	Font-Family:  Arial, Helvetica, sans-serif;
	Font-Size: 13px;
*/

/* ----- Imports ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

@import "http://www.jewsonlandscaping.co.uk/stylesheets/reset";
@import "http://www.jewsonlandscaping.co.uk/stylesheets/jquery.lightbox-0.5.css";



a.lightbox.product { width: 320px; height: 185px; display: block; background-position: center; background-repeat: no-repeat; overflow: hidden; }
img.lightbox-full-image { display: none; }
img.lightbox-thumb-image { display: block; }

img.image-padding-top {padding-top:15px;}

strong {font-weight:bold;}

/* ----- HTML ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#646442; 
}

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clear-content:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* ----- Links ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/*General*/
a { font-size:13px; color:#646442; text-decoration:none; }
a:hover { color:#000; _text-decoration:none;}


.content a { font-size:13px; color:#000; text-decoration:underline;} 
.content a:hover {color:#0000f9;}

.content.sitemap a { font-size:13px; color:#646442; text-decoration:none;} 
.content.sitemap a:hover {color:#000;}

.content-link { font-weight:bold; text-transform:uppercase;  font-size:11px; }

/*Slide Read more links EG:homepage*/
a#readMoreSlide, a#readMoreSlideClose{ float:right; margin-top:-15px; }

/* ----- Fonts ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
h1, h2, p { text-align: left;  margin:0px 0px 10px 0px;  line-height:125%;}
h1 {font-size:35px;}
h2 {font-size:18px;}
h2  a { font-size:18px; color:#646442; text-decoration:none; }


/* ----- Forms ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* Moved to basket section */

/* ----- Layout ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.wrapper { margin: 0px auto 0px auto; position:relative;}

/* -- HEADER -- */
.global-header {height:75px;}
.header { width:900px; height:75px; margin: 0px auto 0px auto;}
.header a {font-size:11px;}
.header-logo { float:left; margin:15px 0px 0px 0px;}
.header-actions { float:right; font-size:11px;}
.header-social { float:right; text-align:right; padding:10px 0px 5px 0px;}

.header-links span a { color: #0000AA; font-weight: bold; text-decoration: none; }
.header-links span a:hover { color: #0000AA; font-weight: bold; text-decoration: underline; }


.header-links {  float:right; padding:10px 8px 0px 0px;}

.header-icons {float:right;}
.header-social img { padding:5px 5px 0px 2px; }
.header-search { float:right; height:25px; padding:5px 0px 0px 0px;}
.header-search input { float:left; height:21px; width:185px; padding:0px;  margin:0px 5px 0px 0px;}

.global-wrapper { top:150px; height:auto; overflow:hidden; }


/* -- main banner -- */
/*.masthead { position:relative; overflow:hidden; height:410px; background:url(/images/header-shadow.gif) #ecefeb top repeat-x; left: 0; width: 100%; text-align: center;}*/
.masthead { position:relative; overflow:hidden; height:410px; background:url(/images/cream-content-bg.gif) top repeat-x #ecefeb; left: 0; width: 100%; text-align: center;}

.masthead.homepage {height:410px;}
.masthead.hubpage {height:180px;}
.masthead.hubbasket { height:105px;background-color:#646442;border-bottom:4px solid #FFF;}
.hubbasket-footer{background:url(/images/basket-grad.png) repeat-x; left: 0;height:8px;}
.hubbasket .heading-title{margin-top:50px;color:#FFF;background:none;}
.heading-wrapper  { width:900px ; text-align:left;   margin: 0px auto 0px auto;}
.heading-overlay { float:left; display:block; margin:-250px 0 0 180px; _margin:-250px 0 0 90px; *width:600px; clear:both;}
.heading-content  { position:relative; float:left; padding:0px; margin-top:-70px;}
.heading-content.homepage  {  margin:0px 0 0 0px;}
.heading-content.homepage .heading-title   {font-size:58px;}
.heading-title  { display:block; float:left; font-size:35px; background:url(/images/header-bg.png) repeat; _background-image:none; _background-color:#f3f1e4; padding:10px; clear: both; }
.heading-text-container { float:left; display:block; }
.heading-subtitle {display:block; float:left;  *float:left;  font-size:17px; color:#fff; background-color:#46432a; padding:10px; clear: both;  } 
.heading-call-to-action {float:right;  *float:left; display:block;  font-size:17px; color:#fff; background-color:#000;clear: both;  } 
.heading-title, .heading-subtitle {text-align:left;} 



/* ----- Navigation ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.main-nav-wrapper { position:relative; z-index:50;  width:900px ; text-align:left;   margin: 0px auto 0px auto;top:0px;}
.masthead.hubbasket .main-nav-wrapper { _margin-top:-105px;margin-top:-105px !ie;} /*IE 6 and 7 big fix respectively */

.main-navigation ul { position: absolute; }
.main-navigation ul li{  display:inline; float:left; position:relative;  text-align:center; width:127px;  margin-right:1px; background-color:#9C0; }

.main-navigation ul li.tab1 { background:url(/images/main-navigation/tab1.jpg) no-repeat bottom; }
.main-navigation ul li.tab2 { background:url(/images/main-navigation/tab2.jpg) no-repeat bottom; }
.main-navigation ul li.tab3 { background:url(/images/main-navigation/tab3.jpg) no-repeat bottom; }
.main-navigation ul li.tab4 { background:url(/images/main-navigation/tab4.jpg) no-repeat bottom; }
.main-navigation ul li.tab5 { background:url(/images/main-navigation/tab5.jpg) no-repeat bottom; }
.main-navigation ul li.tab6 { background:url(/images/main-navigation/tab6.jpg) no-repeat bottom; }
.main-navigation ul li.tab7 { background:url(/images/main-navigation/tab7.jpg) no-repeat bottom; }


.main-navigation ul li.tab1 span a,
.main-navigation ul li.tab2 span a,
.main-navigation ul li.tab3 span a, 
.main-navigation ul li.tab4 span a,  
.main-navigation ul li.tab5 span a, 
.main-navigation ul li.tab6 span a, 
.main-navigation ul li.tab7 span a {font-size:12px; width:127px;  display:block; padding:60px 0 9px 0; margin:-40px 0px 0px 0px; }

/*.main-navigation ul li.tab5 span a {font-size:12px; width:123px;  display:block;   padding:53px 2px 4px 2px; margin:-40px 0px 0px 0px;  }*/ /*More than one line styles*/


.main-navigation ul li.tab1 span.selected a,
.main-navigation ul li.tab2 span.selected a,
.main-navigation ul li.tab3 span.selected a,
.main-navigation ul li.tab4 span.selected a,
.main-navigation ul li.tab5 span.selected a,
.main-navigation ul li.tab6 span.selected a,
.main-navigation ul li.tab7 span.selected a { margin:0px 0px 0px 0px; }


ul.nav_categories { display:inline; padding:0; margin:0; background-color:#33C;}
ul.nav_categories li {display:inline; float:left; position:relative; margin-left:0px; _padding:0; _margin:0;}

/*ul.nav_categories li {  display:inline; position:relative; list-style:none; background-color:red;}*/
/*ul.nav_categories  {background-color:#396;}*/


/* ----- Sub navigation ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.sub-nav-wrapper { position:relative; overflow:hidden; background:url(/images/sub-nav-bg.gif) repeat-x; left: 0; width: 100%; text-align: center;}
.sub-nav-content {  width:900px; text-align:left; margin: 0px auto 0px auto;  }

ul.sub-nav-content li {  display:inline; float:left; position:relative; padding:10px 25px 9px 0px;}
ul.sub-nav-content li a.selected {color:#FFF;}
ul.sub-nav-content li a {font-size:12px; font-weight:bold; color:#cacaba;}
ul.sub-nav-content li a:hover {color:#fff;}


.breadcrumb-wrapper { position:relative; overflow:hidden;  left: 0; width: 100%; text-align: center;}
.breadcrumb {  width:900px ; text-align:left;   margin: 0px auto 0px auto;}

ul.breadcrumb li { list-style: circle; list-style-image:url(/images/breadcrumb-arrow.gif);  float:left; position:relative; margin:10px 25px 9px 0px;}
ul.breadcrumb li.home {list-style:none;}
ul.breadcrumb li a {font-size:11px; color:#b6b693;}
ul.breadcrumb li a:hover {color:#646442;}
ul.breadcrumb li a.selected {font-size:11px; font-weight:bold; color:#646442;}


/* ----- Hub navigation ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.hub-navigation h2 a { font-size:17px; color:#646442; text-decoration:none; }
.hub-navigation h3 { text-align:left; font-size:15px; padding:8px 0px 8px 10px; width:200px;  border:1px solid #fff; border-bottom:none; background-color:#dedecc;}
.hub-navigation h3 a { font-size:13px; color:#646442; text-decoration:none;}
.hub-navigation img { border:1px solid #fff; margin:0px 0px 30px 0px;}


/* -- CONTENT -- */
.content-wrapper { position:relative; overflow:hidden;  width: 100%; padding:0px 0px 0px 0px; text-align: center; background:url(/images/cream-content-bg.gif) top repeat-x #ecefeb; }
.content-wrapper.homepage-content { padding:30px 0px 30px 0px; background-color:#f3f3ed; }

.content-wrapper.white { padding:20px 0 20px 0px; background-image:none;  }
.content-wrapper.cream { padding:20px 0 20px 0px; background-image:none; background-color:#f3f3ed; }
.content-wrapper.breadcrumb-nav{ padding:0px; background-image:none; background-color:#f3f3ed; }

.content { width:900px; margin: 0px auto 0px auto; text-align:left;}
.content.legal-notices ul li { list-style-type:decimal; margin-left:25px; padding-bottom:10px; line-height:125%;}
.content.legal-notices ul li a { color:#83835b; font-weight:bold;}
.content.legal-notices ul li a:hover {text-decoration:underline;}

.white-band { position:relative; overflow:hidden; background-color:#FFF; width: 100%;}

/* -- TEMPLATES -- */
.one-column-1 { float:left; width:900px;}
.one-column-1.slide{display:none; width:870px; background-color:#dadace; padding:15px 15px 5px 15px;}

.two-column-1 { float:left; width:435px; margin-right:15px;}
.two-column-2 { float:left; width:450px;}

/*Essentials layout design*/
.essentials { margin:0px 0px 20px 0px;}
.essentials .two-column-1 {width:510px;}
.essentials .two-column-2 {width:375px;}
.essentials .two-column-1.left {width:375px;  margin-right:15px; }
.essentials .two-column-2.right {width:510px; margin-right:0px; }

.essentials .two-column-1 ul li, .essentials .two-column-2 ul li { list-style:disc inside; line-height:120%; padding:0px 0 10px 0px; margin-left:0px;}

.two-column-1.large-column { float:left; width:560px; margin-right:20px;}
.two-column-2.small-column { float:left; width:320px;}

.three-column-1, .three-column-2  { float:left; width:280px; margin-right:30px;}
.three-column-3 { float:left; width:280px;}

.four-column, .four-column-1, .four-column-2, .four-column-3, .four-column-4   { float:left; width:210px; margin-right:15px;}
.four-column-4 {margin-right:0px;}



/*homepage introduction paragraphs*/
.two-column-one.homepage, .two-column-two.homepage {height:40px;}


/* -- HOMEPAGE PROMOTIONS -- */
.promtions-wrapper {  width:900px; margin:10px 0 0 0px;}
.promtion { float:left; width:222px; min-height:176px; _height:190px; *height:190px; margin-right:3px; background:url(/images/hp-promotion-text-bg.jpg) #e5e5db no-repeat bottom; }
.promtion.end {margin-right:0px;}
.promtion h2 { font-weight:bold; margin:10px 10px 5px 10px; text-decoration:none;}
.promtion h2 a {font-size:16px; color:#646442; text-decoration:none;}
.promtion h2 a:hover {color:#333;}
.promtion p  { font-size:12px; margin:0px 10px 10px 10px;}




/* -- store locator -- */
.store-locator {  width:900px ; text-align:left;   margin: 0px auto 54px auto; height: 110px;}
.store-locator ul  {float:left;}
.store-locator ul li {  list-style-type: none; text-align:left; padding:0 25px 5px 0px; margin: 0px; width:200px; }
.store-locator ul li strong {font-weight:bold;}
.store-locator ul li a {font-size:12px; text-decoration:underline;}


/* -- FOOTER -- */
.global-footer { position: relative; width:100%; bottom: 0; left:0; height:30px; background-color:#FFF; } 
.footer-wrapper { width:900px ;  margin: 0px auto 0px auto; padding:10px 0px 10px 0px;}
.footer-wrapper li { float:left;  display:inline; font-size:10px;  padding:0px 15px 0px 0px; }
.footer-wrapper li a { font-size:10px;  color:#646442; text-decoration:none;  }
.footer-wrapper li a:hover {color:#333;}
.footer-wrapper li.right { float:right;  padding:0px; }


/* ----- privacy Policy ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.privacy h2 { padding:25px 0 0px 0; }


/* ----- my basket ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.basket {overflow:hidden;}
.basket {}
.basket  h2 { padding:25px 0 0px 0; }
.basket .first {padding:0;}
.basket p{margin-bottom:15px;}
.basket p.intro{margin-bottom:0px;}
.basket .column .item span{display:block;}
.basket .column .basket-item{overflow:hidden;}
.basket .column .item-info{float:left;}
.basket .column .item-toggle span{float:left;width:17px;height:17px;background:url(/images/basket-toggle.png) no-repeat top left;margin-left:5px;font-weight:bold;padding:3px 0 0 0px;text-align:center;font-size:12px;cursor:pointer;}
.basket .summary_table{overflow:hidden;margin-top:-20px;}
.basket .summary_table a{text-decoration:underline;}
.basket .summary_table p.continue{float:right;margin-bottom:10px;}
.basket .summary_table p.continue a {color:#646442;}
.basket .summary_table p.continue a:hover {color:#000;}
.basket .summary_table .total_box{float:right;}
.basket .summary_table .total_box p{text-align:right;margin-bottom:10px;}
.basket .summary_table p.total{font-size:13px;font-weight:bold;}
.basket .summary_table p.update input{background-color:none;border:none;padding:0;text-decoration:underline;cursor:pointer;margin:0px;color:#646442; float:right; display:block;}
.basket .summary_table p.update input:hover{color:#000;}
.basket .summary_table p.checkout_order a{display:block;background:url(/images/btn-basket-submit.png) no-repeat;width:148px;height:32px;margin:0;text-decoration:none;padding:11px 0 0 7px;margin-right:-7px;text-align:left; color:#646442;}
.basket .summary_table table{width:100%;margin-bottom:10px;}
.basket .summary_table table tr th{background-color:#646442;color:#FFF;padding:7px;font-weight:bold;}
.basket .summary_table tr.odd td{background-color:#D8D9CB;}
.basket .summary_table tr.even td{background-color:#EFEFE7;}
.basket .summary_table table tr td{padding:7px;font-size:12px;font-weight:normal;color:#000; vertical-align:top; }
.basket .summary_table table tr td a{color:#000100;}
.basket .summary_table table tr td input{width:80px;border:1px solid #A5A59D;padding:1px 5px 1px 5px;}
.basket .summary_table .no-items{margin-top:20px;}
select.specialist-centres { width:200px; margin:0px 0 15px 0px;}
input.form-radio { display: inline; }
.my-basket-form{width:637px;}
.my-basket-form .basket-form-element{overflow:hidden;margin-bottom:5px;position:relative;width:567px;}
.my-basket-form .basket-form-element label{display:block;float:left;width:130px; padding-left:15px; }
.my-basket-form .basket-form-element .form-text{float:left;width:230px;border:1px solid #A5A498}
.my-basket-form .basket-form-element .form-submit{background:url(/images/btn-basket-submit.png) no-repeat;width:148px;height:32px;border:none;text-align:left;float:right;margin:10px 220px 0 0;cursor:pointer;}
.my-basket-form .basket-form-element .form-checkbox{margin: 6px 0px 0px 10px;width:14px;height:14px;float:left;}
.my-basket-form .basket-form-element .form-radio{vertical-align:top;padding:0;margin:-1px 5px 3px 0px;}
.my-basket-form .basket-form-element .form-submit-text{position:absolute;left:205px;top:22px;font-size:12px;}
.my-basket-form .basket-form-element .basket-validate{width:21px;height:21px;margin-left:5px;display:block;float:left;position:relative;}
.my-basket-form .basket-form-element .pass {background:url(/images/validate-pass.png) no-repeat top left;}
.my-basket-form .basket-form-element .fail {background:url(/images/validate-fail.png) no-repeat top left;}
.my-basket-form .basket-form-element .empty {background:url(/images/validate-empty.png) no-repeat top left;}

.my-basket-form .basket-form-element label.error {padding:5px 0px 0px 25px;font-size:11px;height:16px;margin-left:8px;background:url(/images/validate-fail.png) no-repeat top left;width:200px;position:absolute;left:375px;z-index:200;}
.my-basket-form .basket-form-element label.empty {padding:5px 0px 0px 25px;font-size:11px;height:16px;margin-left:8px;background:url(/images/validate-empty.png) no-repeat top left;width:21px;position:absolute;left:375px;z-index:100;}
.my-basket-form .basket-form-element label.pass {padding:5px 0px 0px 25px;font-size:11px;height:16px;margin-left:8px;background:url(/images/validate-pass.png) no-repeat top left;width:11px;position:absolute;left:375px;z-index:300;}

.basket-confirm{width:420px;}
.basket-confirm-element{overflow:hidden;width:420px;}
.basket-confirm .odd{background-color:#D8D9CB;}
.basket-confirm .even{background-color:#EFEFE7;}
.basket-confirm-element span{display:block;float:left;width:180px;padding:8px;color:#000;}
.basket-confirm-action{margin-top:20px;}
.basket-confirm-action .confirm{display:block;background:url(/images/btn-basket-submit.png) no-repeat;width:148px;height:32px;margin:0;text-decoration:none;padding:0px 0 0 7px;margin-right:-7px;text-align:left;border:none;margin-top:7px;cursor:pointer; color:#646442; font-size:12px; font-weight:bold; }
.basket-confirm-action p{margin-bottom:10px;}
.basket-confirm-action .cancel{display: inline;margin-left:-8px;border:none;background:none;font-size:13px;color:#646442;cursor:pointer;}
.basket-confirm-action .cancel:hover{color:#000;}

table.product-confirmation-basket-table {margin-bottom:10px;}
table.product-confirmation-basket-table tr th { padding: 8px; background-color: #F3F3ED; font-weight: bold; }
table.product-confirmation-basket-table tr.odd { background-color: #D8D9CB; font-weight: normal; }
table.product-confirmation-basket-table tr.even { background-color: #EFEFE7; font-weight: normal; }
table.product-confirmation-basket-table tr td { padding: 8px; }




.order-online-form { margin:10px 0 0 0; }

/* ----- Sitemap ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.sitemap ul { padding:0 0 25px 0;}
.sitemap ul li { padding:0 0 10px 0;}
.sitemap h2 { padding:10px 0 0px 0;}



/* ----- Brochures ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/*
.brochures div.col-1 { float: left; width: 270px; }
.brochures div.col-2 { float: right;  width: 620px; padding-left: 10px; }
*/
.brochures iframe { width: 684px; border: solid 1px #CCC; height: 670px; }



/* ----- Tables stlyes ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

table.main-table { 
	width: 920px; margin: 10px 0px 10px 0px; /*border-width: 1px 1px 1px 1px;*/ 
	border-collapse: collapse; 
	}
	
table.main-table th { 
	background-color: #646442; color:#fff; 
	padding: 5px; 
	border-style: inset inset inset inset;
	}
	

table.main-table tr { 
	background-color: #efefe7; 
	border-style: inset inset inset inset;
	}
	
table.main-table td { 
	padding: 5px; 
	}

table.main-table .alt { 
	background-color: #d8d9cb; 
	}
	
	
/* ----- Homepage hero banner ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.slide-one, .slide-two, .slide-three, .slide-four {float:left; position:relative; width:1280px; }



/*--Main Container--*/
.main_view { position:relative; width:1280px; margin: 0px auto 0px auto; text-align:left;
}

/*--Window/Masking Styles--*/
.window {
	width: 1280px;
	height:410px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position:  absolute;
	bottom: 20px; left: 190px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: left;
	/*background-color:green;*/
	background:url(/images/hero-slide-off.png) no-repeat top left;
	_background:url(/images/hero-slide-off.gif) no-repeat top left;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px; width:10px;
	text-decoration: none;
	color: #fff; float:left;
	background:url(/images/hero-slide-off.png) no-repeat top left;
	_background:url(/images/hero-slide-off.gif) no-repeat top left;
	
}
.paging a.active {
	font-weight: bold;
	background:url(/images/hero-slide-on.png) no-repeat top left;
	_background:url(/images/hero-slide-on.gif) no-repeat top left;
}
.paging a:hover {font-weight: bold;}
#loaderAnim { display: none; position: absolute; margin-left: 166px; margin-top: 2px; }


/* ----- Side navigation ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.side_navigation{position:absolute; width:130px; right:5px;top:75px; font-family:Arial, Times, Sans-serif;}
.side_navigation a{color:#FFF;}
.side_navigation p,.side_navigation a{margin:0;padding:0;font-size:11px;line-height:1.1em;}

.side_navigation_nav_button { width:40px; font-size:11px;font-weight:bold;color:#FFF;background-color:#514F3A; height:12px;margin-bottom:1px;padding:4px 0 4px 0;cursor:pointer;text-align:center;float:right;}
.side_navigation_sidenav{width:130px;position:relative; float:left; height:170px;overflow:hidden; }

.side_navigation_sidenav_container{font-size:1.1em;font-weight:bold;font-style:italic;float:left;width:0px;overflow:hidden;position:absolute;right:40px;z-index:100;display:block;}
.basket-item-count { font-size: 18px; }



.hint-source-text { padding: 10px 0px 0px 0px; color: #646442; }
.hint-source-text a { color: #646442; text-decoration: none; }
.hint-source-text a:hover { text-decoration: underline; }

.hint-text a { font-size: 12px; text-decoration: none; }
.hint-text a:hover { font-size: 12px; text-decoration: underline;  }

.hints-slider { position:relative; display: none;  }
.hints-slider .icon { float:right; background:url(/images/hints.jpg); width:40px; height:48px; }
.hints-slider .hint-note { float:right; display:none; position: absolute; z-index:999; width:300px; bottom:-48px; left:-230px; margin-right:40px; padding:10px; background-color:#a2c33f; border-right:1px solid #fff; }

.hints-slider .hint-note p { font-size:12px; line-height:125%; padding:0 0 5px 0; }
.hints-slider .hint-note p.title { color:#fff; font-size:18px; font-weight:bold; }

.side_navigation_tabs_container{border:0px solid red;height:220px;width:40px;float:right;position:absolute;z-index:1000;right:0px;}
.side_navigation_nav, .side_navigation_tabs{width:inherit;background:url(/images/grad_03.png) repeat-x;height:42px;margin-bottom:1px;cursor:pointer;overflow:hidden;display: table;#position: relative;}

.side_navigation_nav .side_navigation_inner{#position: absolute; #top: 50%;#_top:0%;#top:0% !ie;display: table-cell; vertical-align: middle;}
.side_navigation_nav .side_navigation_inner p{width:80px;}

.side_navigation_nav .side_navigation_inner_hints {#position: absolute; #top: 50%;#_top:0%;#top:0% !ie;display: table-cell; vertical-align: middle;}
.side_navigation_nav .side_navigation_inner_hints p {width:800px;}

.side_navigation_nav p{float:left;margin-left:10px;_margin-left:3px;}

.side_navigation_tabs{background:url(/images/grad_03.png) repeat-x;height:42px;width:40px;float:left;}

.side_navigation_nav_img{#position: absolute; #top: 50%;#_top:25%;#top:25% !ie;display: table-cell; vertical-align: middle;width:40px;_width:30px;width:30px !ie;_right:3px;right:3px !ie;}
.side_navigation_tabs span{display:block;margin:auto;}


.side_navigation_order .side_navigation_nav_img a span{background:url(/images/your-order.png) no-repeat; _background:url(/images/your-order.gif) no-repeat; width:29px;height:23px;}
.side_navigation_download span {background:url(/images/download.png); _background:url(/images/download.gif); width:31px;height:29px;}
.side_navigation_spec span {background:url(/images/specialist.png); _background:url(/images/specialist.gif); width:32px;height:31px;}
.side_navigation_deal span {background:url(/images/deals.png); _background:url(/images/deals.gif); width:37px;height:27px;}




/* ----- Product listing------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/*table.product-variants-table { width: 100%; }
table.product-variants-table tr td { background-color: #000; height: 20px; }
table.product-variants-table tr th { background-color: #CCC; height: 20px; }*/



table.product-variants-table {border-collapse:collapse;}

table.product-variants-table { 
	width: 560px; margin: 20px 0px 20px 0px; /*border-width: 1px 1px 1px 1px;*/  
	color:#FFF; text-transform:none;  vertical-align:top;	
	
	}

	
table.product-variants-table th { 
	color: #fff;
	text-align: left; 
	padding: 5px; 
	text-transform: capitalize;
	background-color: #646442;
	border:1px solid #fff; font-size:11px; 	
	}
	
table.product-variants-table td { 
	color: #000000; background-color:#dadac7; 
	padding: 5px; 
	border:1px solid #fff; 
	}

table.product-variants-table td.order {
	text-align: center;
	margin-top: 6px;
}

table.product-variants-table td.order a {
	color: #002277;
	text-decoration: none;
}
table.product-variants-table td.order a:hover {
	color: #002277;
	text-decoration: underline;
}


/* ----- Add to basket dialog-------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#dialogAddToBasketForm label.error { color: #FF0000; }
#dialogAddToBasketForm table { width: 100%; }
#dialogAddToBasketForm table tr td { vertical-align: top; width: 50%; padding: 5px 0px 5px 0px; }
#dialogAddToBasketForm table tr td label { width: 240px; }




/* ----- Product Swatches------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.swatch { float:left; padding:0 25px 10px 0px;  } 
.swatch-image { float:left; width:65px; height:35px;  margin:0px 10px 0px 0px; overflow:hidden;  }
.swatch-content {float:left;}
.swatch-content p { font-size:12px; padding:3px 0px 0px 0px; margin:0px 0px 0px 0px;  }
.swatch-content a { font-size:12px; padding:0px 0px 0px 0px;  }

.secondary-swatches { float:left; display:block; margin:10px 8px 10px 8px;} 

div.product-info-tab { clear: both; }

.product-description { font-size:12px; padding:10px 0 10px 0px; }


div.product-buy-tab { clear: both; /*display: none;*/ }
div.product-tab-links { display: none; }
div.product-buy-tab p.not-available a { color: #000077; text-decoration: none; }
div.product-buy-tab p.not-available a:hover{ color: #000077; text-decoration: underline; }



.product-tab-links .product-tab  { 
	float:left;  
	background-color:#c0c0b4;  
	color:#fff; 
	font-weight:bold; 
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
  }
  
.product-tab-links .product-tab.selected { float:left;  background-color:#646442; }
.product-tab-links .product-tab a { float:left; text-decoration:none;  color:#fff; padding:10px 15px 10px 15px; }


a.product-tab-link {
	color: #AAAAAA;
}

a.product-tab-link.selected {
	color: #000000;
}


/* ----- Light box------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.enlarge-image {position:relative;}
.enlarge-image-icon { position:absolute; bottom:0px; left:0px; display:block; z-index:50;   background:url(/images/enlarge-image.png) bottom left no-repeat; width:120px; height:35px;}

a.lightbox.product-swatch {
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 40px;
    padding-top: 4px;
    overflow: hidden;
    width: 100px;
}

a.lightbox.product-secondary {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 40px;
    padding-top: 4px;
    overflow: hidden;
    width: 64px;
    opacity:0.5;filter:alpha(opacity=50)
}

a.lightbox.product-secondary:hover {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 40px;
    padding-top: 4px;
    overflow: hidden;
    width: 64px;
    opacity:1.0;filter:alpha(opacity=100)
}



/*Lightbox form*/

#dialog-form {display:none;}

label, input {display:block;}
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:0px; font-size:13px; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
#dialogAddToBasketQuantityField.error { color: #FF0000;}


div.side_navigation { z-index: 11000; }