﻿/* GENERAL */
html, body {height: 100%;min-height: 100.1%;}
body, td, div, select, textarea, input, h1, h2, h3, h4, h5, h6 {font-family: Arial;}
body{font-size:62.5%;}
a{outline:none;}

 h1, h2, h3, h4, h5, h6 {color:#336699;}

ul{list-style:none;}
ul li{background-image:url(/Images/Design/bullet.gif);background-position:left 4px;background-repeat:no-repeat;padding:0 0 0 10px;}

h1{font-size:1.6em;margin:0 0 10px 0;}
h2{font-size:1.4em;margin:5px 0 5px 0;}
h3{font-size:1.4em;}
h4{font-size:1.4em;}
p{font-size:1.2em;margin:0 0 10px 0;}
a{color: #336699;}
strong{font-weight:bold;}
/* SITE WIDE */
.clear{clear:both;}
.clearfix:after
{
	content: "."; 
	display: block;
	height: 0px;
	clear: both; 
	visibility: hidden;
}

.heightfix:before
{
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}

.image
{
	text-align:center;
	border:1px solid #cdcdcd;	
	position:relative;
}

.image .flash
{
	display:block;
	position:absolute;
	width:81px;
	height:81px;
	background:url(/Images/Design/flash-essential.gif) no-repeat top right;
	top:0px;
	right:0px;
}

.image .enlarge, .image .enlarge-icon
{
	display:block;
	position:absolute;
	width:33px;
	height:33px;
	background:url(/Images/Design/image-enlarge.gif) no-repeat top right;
	bottom:-1px;
	left:-1px;
}

.image .enlarge
{
	display:none;
}

h4 a.product
{
	display:block;
	color:#336699;
	text-decoration:underline;
}

.price
{
	font-weight:bold;
	display:block;
	color:#ff6600;
}

.price-unit
{
	font-weight:normal;
	display:block;
	color:#000000;
}

.btn-add
{
	cursor:pointer;
}

.txt-right
{
	text-align:right;
}

.txt-hide
{
	text-indent:-999em;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
}

p.txt-small{font-size:1.0em;}
span.txt-small{font-size:1.0em;}
               
/* Validation Style */
.errorSummary {border: 1px solid #cc0000;background-color: #cc0000;width: 100%;color:#ffffff;margin:10px 0px 10px 0px;}
.errorSummary h4 {font-size:1.6em;padding:5px 0px 5px 40px;color:#ffffff;font-weight:bold;}
.errorSummary ul {margin: 0px;padding:15px 40px 15px 40px;background-color: #ffffff;color:#cc0000;list-style-type:none;}
.errorSummary ul li{background:none;font-size:1.2em;padding:0px;margin:0px;}

/* LAYOUT */
body
{
	background:url(/Images/Design/bg-gradient.jpg) repeat-x top left;	
}

div.wrapper
{
	position:relative;
	width:970px;
	margin:5px auto 15px;
	overflow:hidden;
}

div.header
{
	position:relative;
	clear:both;
	background:url(/Images/Design/header-bg.gif) no-repeat top left;
	height:155px;
}

div.content-wrapper, div.content-wrap, div.center, div.content-box
{
	position:relative;
	width:100%;
}

div.navigation, div.side-column
{
	position:absolute;
}

div.content-wrapper
{
	left:190px;
}

div.content-wrap {
	left:100%;
	margin-left:-190px;
}

div.center {
	margin-left:-190px;	
	left:-2px;
}

div.content-box
{
	margin-left:-100%;
	left:190px;
}

div.footer
{
	clear:both;
}

div.navigation
{
	width:185px;
	margin-left:7px;	
	top:0px;
}

div.side-column
{
	width:190px;
	top:0px;
	right:0px;
}

div.content
{
	margin-left:190px;
	margin-right:190px;
	padding-left:11px;
	padding-right:12px;
	margin-bottom:26px;
	min-height:1850px;
}

div.content-box div.long
{
	margin-right:0px;
	min-height:2200px;
}

div.single
{
	width:750px;
	margin-right:auto;
	margin-left:auto;
	min-height:400px;
}

div.long-content
{
	margin-left:190px;
	margin-right:0px;
	padding-left:11px;
	padding-right:12px;
	margin-bottom:26px;
}

* html div.content
{
	height:1%;
	margin:0;
}

* html div.navigation
{
	margin-right:-3px;
}

* html div.side-column
{
	margin-left:-3px;
}

/* HEADER */
.logo
{
	position:absolute;
	top:16px;
	left:90px;	
}

.logo a, .logo img
{
	text-decoration:none;
	border:none;
}

.worldwide
{
	position:absolute;
	left:382px;
	top:48px;
}

.contact-us
{
	position:absolute;
	left:572px;
	top:48px;
}

.basket-nav
{
	float:right;
	margin-right:15px;	
}

.basket-nav li
{
	float:left;
	margin-top:20px;
	padding:0px 25px 0px 25px;
	background:none;
}

.basket-nav li.logout
{
	padding-right:0px;	
}

.basket-nav li.basket
{
	margin-top:15px;
	padding-right:0px;
}

.basket-nav li a
{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	font-size:1.3em;
}

.account
{
	border-right:2px dotted #ffffff;	
}

.small-basket-empty
{
	width:223px;
	height:51px;
	background:url(/Images/Design/basket-empty.gif) no-repeat top left;
}

.small-basket-active
{
	width:223px;
	height:74px;
	background:url(/Images/Design/basket-active.gif) no-repeat top left;
}

.small-basket .innertube
{
	padding-left:35px;
	padding-top:4px;
	position:relative;
}

.small-basket a
{
	display:block;
	height:26px;
}

.small-basket a.go-to-basket
{
	display:block;
	font-size:1.2em;
	color:#0A55A0;
	font-weight:normal;
	text-decoration:underline;
	margin-top:3px;
}

.small-basket a.go-to-checkout
{
	position:absolute;
	right:5px;
	top:45px;
}

.small-basket p
{
	font-size:1.2em;
}

.small-basket span.numberItems
{
	font-size:1.1em;
}

.small-basket .price-basket
{
	color:#666666;
	font-size:1.4em;
	font-weight:bold;
}

#cartPrompt
{
	background: url(/Images/Design/added-btm.gif) no-repeat top left;
    position: absolute;
	    height: 177px;
	    width: 296px;
	    top: 85px;
	    left: 555px;
	    z-index: 9999;
}
#cartPromptBtns{margin:140px 0px 0px 20px;}

.search
{
	position:absolute;
	right:9px;
	bottom:25px;
}

.btn-search
{
	float:left;
	margin-left:5px;
	background:url(/Images/Design/btn-search.gif) no-repeat top left;
	border:none;
	overflow:hidden;
	line-height:0px;
	text-indent:-999em;
	font-size:0px;
	height:21px;
	width:78px;
	cursor:pointer;
}

.search-box
{
	float:left;
	background:url(/Images/Design/txt-search.gif) no-repeat top left;
	width:132px;
	height:20px;
}

.search-box input
{
	border:none;
	background:none;
	width:120px;
	height:15px;
	margin:0;
	padding: 2px 7px 0px 7px;
}

#tabs-nav
{
	position: absolute;
left: 10px;
bottom: 22px;
width: 730px;

}

#tabs-nav ul
{
	margin:0px;
	padding:0px;
	list-style:none;	
	padding:10px 0px 0;
}

#tabs-nav li
{
	float:left;
	margin:0px 0px 0px 1px;
	padding:0px;
	background:none;
}

#tabs-nav a
{
	text-decoration:none;
	font-size:1.4em;
	color:#ffffff;
	display: block;
	background:url(/Images/Design/menu-rh.gif) no-repeat top right;
    padding:0 0px 0 0;
}

#tabs-nav a span
{
	background:url(/Images/Design/menu-lh.gif) no-repeat top left;
	display:block;
	padding:5px 15px 4px 15px;
	padding-bottom:5px;
}
#tabs-nav .selected a, #tabs-nav a:hover
{
	background-image:url(/Images/Design/menu-srh.gif);	
}

#tabs-nav .selected span, #tabs-nav a:hover span
{
	background-image:url(/Images/Design/menu-slh.gif);
    padding-bottom:5px;
}

/* FOOTER */
.footer
{
	background:url(/Images/Design/footer-bg.jpg) no-repeat top left;
	width:970px;
	height:183px;
	margin-top:10px;
}

.footer .innertube
{
	padding:15px 15px 0px 15px;
}

.footer-links
{
	width:170px;
	height:140px;
	margin-left:5px;
	float:left;	
}

.footer-links h3
{
	font-size:1.4em;
	color:#0A55A0;
	margin-bottom:10px;
}

.footer-links ul
{
	list-style:none;
}

.footer-links li
{
	float:left;
	width:100%;
	background:none;
	padding:0;
	font-size:1.2em;
	line-height:1.4em;
}

.footer-links li a
{
	color:#333333;
	text-decoration:none;
}

.footer-helpline
{
	position:absolute;
	right:25px;
	background:url(/Images/Design/footer-helpline.jpg) no-repeat 0 0;
	width:340px;
	height:129px;		
}

.footer-helpline-on
{
	background:url(/Images/Design/footer-helpline.jpg) no-repeat 0px -129px;
}

.footer-helpline p
{
	padding:75px 30px 0px 30px;
	font-size:1.2em;
	color:#333333;
}

.footer-helpline a
{
	font-size:1em;
	color:#0A55A0;
}

.copyright
{
	position:absolute;
	bottom:7px;	
	left:20px;
	font-size:1.1em;
	color:#ffffff;
}

.crafted
{
	position:absolute;
	bottom:5px;
	right:20px;
	background:url(/Images/Design/crafted.gif) no-repeat top left;
	width:80px;
	height:20px;
	text-indent:-999em;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
}
/* NAVIGATION */
.box
{
	width:186px;
	margin-bottom:10px;
}

.box-footer
{
	clear:both;
	height:8px;
	background:url(/Images/Design/box-ftr.gif) no-repeat top left;
}

.box-content ul
{
	clear:both;
	list-style:none;	
}

.box-content li
{
	float:left;
	margin:0px;
	padding:0px;
	width:100%;	
	height:27px;
}

.box-content li a
{
	display:block;
	width:100%;	
	height:27px;
	text-decoration:none;
	background:url(/Images/Design/box-item.gif) no-repeat top left;
}

.box-content a.selected, .box-content a:hover
{
	background:url(/Images/Design/box-selected-item.gif) no-repeat top left;		
}

.box-content li a span
{
	display:block;
	font-size:1.3em;
	color:#333333;
	padding-left:8px;
	padding-top:6px;
	
}

.box-header
{
	background:url(/Images/Design/box-tp.gif) no-repeat top left;
	width:186px;
	height:8px;
}

.hdrDesc a, .hdrDesc span
{
    color: #FFFFFF !important;
    display: block;
    font-weight: bold;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right:8px;
    text-decoration: none;
	
}

.hdrDesc h3
{
	background-color: #0A55A0;
    margin-left: 1px;   
    width: 184px;
}

.cards
{
	width:190px;
	height:64px;
	margin-top:19px;
}

/* SIDE COLUMN */
.preview-box
{
	margin-top:-2px;
	width:187px;
	margin-bottom:5px;
}

.preview-box-header
{
	background:url(/Images/Design/preview-box-hdr.jpg) no-repeat top left;
	width:100%;
	height:32px;	
}

.preview-box-header a, .preview-box-header span
{
	display:block;
	color:#006699;
	text-decoration:none;
	font-weight:bold;
	padding-left:9px;
	padding-top:10px;
}

.preview-box-content
{
	background:url(/Images/Design/preview-box-content.jpg) repeat-y top left;
	width:100%;	
}

.preview-box-content .innertube
{
	padding:10px;	
}

.preview-box-content .image
{
	width:165px;
	height:145px;
}

.preview-box-content h4 a.product
{
	margin-top:12px;
}

.preview-box-content .price
{
	float:left;	
	font-size:2.1em;
	margin-top:12px;
	margin-bottom:9px;
}

.preview-box-content .price-unit
{
	font-size: 1.2em;
	clear: both;
	line-height: 0px;
	margin-left:15px;
}



.preview-box-content .affiliate-visit-site, .preview-box-content .affiliate-visit-site:hover, .preview-box-content .affiliate-visit-site:active{
	float:right;
	margin:8px 0px 5px 0px;
	width: 75px;
}

.preview-box-content input
{
	float:left;
	margin:10px 0 0 18px;
}

.preview-box-content p
{
	font-size:1.2em;
	clear:both;
}

.preview-box-footer
{
	clear:both;
	height:7px;
	background:url(/Images/Design/preview-box-ftr.jpg) no-repeat top left;
}


.adverts
{
	margin-left:1px;	
}

.adverts a
{
	display:block;
	margin-bottom:5px;
}

/* HOMEPAGE CONTENT */
.banner
{
	background:url(/Images/Design/banner-bg.jpg) no-repeat top left;
	width:570px;
	height:161px;
	margin-bottom:5px;
}

.banner .inner-banner
{
	padding:14px 260px 0px 18px;	
}

.banner .inner-banner h1
{
    margin:0;
}

.banner h1, .banner p
{
	color:#ffffff;	
}

.banner h1
{
	font-weight:bold;
	font-size:1.6em;
}

.banner p
{
	font-size:1.2em;
}


.homepage-products
{
	width:570px;
}

.homepage-product-pod
{
	width:279px;
	height:305px;
	float:left;
	
}

.homepage-products .alt
{
	float:right;
}

.homepage-product-pod .image
{
	width:277px;
	height:145px;
}

.homepage-product-pod h4
{
    font-size:1.6em;
}

.homepage-product-pod h4 a.product
{
	margin-top:12px;
}

.homepage-product-pod .price
{
	float:left;
	font-size:2.1em;
	margin:12px 7px 9px;
}

.homepage-product-pod .price-unit
{
	float:left;
	font-size:1.2em;
	margin-top:10px;	
	margin-left:2px;
}

.homepage-product-pod input
{
	float:right;
	margin:8px 0px 0px 0px;
}

.homepage-product-pod .affiliate-visit-site{
	float:right;
	margin:8px 0px 5px 0px;
}

.homepage-product-pod p
{
	font-size:1.2em;
	clear:both;
}

.other-products
{
	width:570px;
}

.other-products h3
{
	width:98%;
	height:30px;
	font-size:1.4em;
	color:#666666;	
	font-weight:bold;
	background:#f1f1f1;
	line-height:30px;
	padding-left:12px;
	margin-bottom:10px;
}

.product-slide-pod
{
	position:relative;
	border:1px solid #cdcdcd;
	height:174px;
	width:169px;
}

.product-slide-pod .innertube
{
	border:3px solid #f1f1f1;
	margin:0px;
	height:168px;
	width:163px;
}

.product-slide-pod .image
{
	border:none;
	width:163px;
	height:89px;
}

div.scrollable div.product-slide-pod div.btn-add-basket
{
	float:none;
	margin:3px auto;
	width:112px;
	height:26px;
}


div.scrollable div.product-slide-pod .affiliate-visit-site, div.scrollable div.product-slide-pod .affiliate-visit-site:hover, div.scrollable div.product-slide-pod  .affiliate-visit-site:active{
	width: auto;
}
.product-slide-pod h4 a.product
{
	margin-left:9px;
	margin-top:5px;
}

.product-slide-pod .price
{
	float:left;	
	font-size:1.8em;
	margin-left:9px;
	margin-top:5px;
}

.product-slide-pod .price-unit
{
	float:left;
	font-size:1.2em;
	margin-top:10px;
	margin-left:2px;
}

/* SCROLLABLE */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 512px; 
    height:180px; 
} 

/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
    margin-left:1px;
}

/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div.product-slide-pod { 
    float:left; 
    margin-left:-1px;
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active .innertube{ 
    border:3px solid #f1f1f1;
}

.other-products a.prevPage
{
	background:url(/Images/Design/scroll-prev.jpg) no-repeat top left;
}

.other-products a.nextPage
{
	background:url(/Images/Design/scroll-next.jpg) no-repeat top left;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

.other-products a.browse 
{
	display:block;
	width:28px;
	height:176px;
	cursor:pointer;
	font-size:1px;
	float:left;
}

.scroll-products
{
	border:1px solid #f2f2f2;
	margin:0px;
	padding:0px;
	height:176px;
	width:568px;
}

/* LISTING */
.breadcrumb
{
	width:766px;
	height:30px;
	margin-bottom:10px;
	background:#f7f7f4 url(/Images/Design/breadcrumb-end.gif) no-repeat top right;
}

.breadcrumb ul
{
	list-style:none;
}

.breadcrumb li
{
	background:#f1f1f1 url(/Images/Design/breadcrumb-separator.gif) top right no-repeat;
	float:left;
	height:30px;
	padding:0;
	padding-right:10px;
}

.breadcrumb li a, .breadcrumb li span
{
	display:block;
	padding:8px 10px 0px 10px;
	font-size:1.2em;
	text-decoration:none;
}
.breadcrumb li a
{
	color:#0B58A2;
}

.breadcrumb li span
{
	color:#666666;
}
.breadcrumb li.home-breadcrumb
{
	background:url(/Images/Design/breadcrumb-home.jpg) no-repeat top left;
	width:64px;
	height:30px;
	padding-right:0px;
}

.breadcrumb li.previous-breadcrumb
{
	background:#f1f1f1 url(/Images/Design/breadcrumb-current.gif) no-repeat top right;
	padding-right:10px;
}

.breadcrumb li.current-breadcrumb
{
	background:#f7f7f4;
}

.long-banner
{
	width:766px;
	height:159px;
	margin-bottom:10px;
}

.long-banner .inner-banner
{
	padding:15px 15px 0px 15px;	
}

.listing-heading h1
{
	font-weight:bold;
	font-size:1.6em;	
	color:#666666;
}

.listing-heading p
{
	font-size:1.2em;
	color:#666666;
}

.long-banner h1
{
	font-weight:bold;
	font-size:1.6em;
}

.long-banner p
{
	font-size:1.2em;
}
.listing
{
	width:766px;	
}

.pager
{
	width:100%;
	height:30px;
	background:#f1f1f1;
	color:#666666;
	font-size:1.2em;
	margin-bottom:10px;
}

.pager-bottom
{
	margin-top:10px;
}

.pager select
{
	font-size:0.8em;
	margin-right:5px;
	margin-top:2px;
}

.pager .innertube
{
	padding:5px;
}
.sortby
{
	float:left;
	height:100%;
	width:275px;
}

.page-flip
{
	float:right;
	height:100%;
	width:500px;
	text-align:right;
}

.page-flip ul
{
	list-style:none;
	display:inline;
	float:right;
}

.page-flip li
{
	float:left;
	height:19px;
	width:19px;
	background:#f7f7f4;
	border:1px solid #cccccc;
	margin-right:3px;
	padding:0;
}

.page-flip li.label
{
	border:none;
	background:#f1f1f1;
	width:40px;
	padding-top:3px;
}

.page-flip li a
{
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#666666;
	padding-top:2px;
}

.page-flip li.selected
{
	background:#0A55A0;
	border:1px solid #0A55A0;	
}

.page-flip li.selected a
{
	color:#ffffff;	
}

.products
{
	margin-bottom:5px;
	margin-left:1px;
	margin-top:1px;
}

.products .product-pod
{
	float:left;
	margin-left:-1px;
	margin-top:-1px;
}

.product-pod
{
	position:relative;
	border:1px solid #cdcdcd;
	 width: 251px;
}
.product-pod .innertube
{
	border:5px solid #f1f1f1;
	margin:0px;
	width:241px;
}

.product-pod .image
{
	position:relative;
	border:none;
	height:145px;
}

div.product-pod div.btn-add-basket
{
	float:none;
	margin:3px auto;
	width:112px;
	height:10px;
}


.product-pod h4
{
    font-size:1.4em;
}

.product-pod h4 a
{	
	margin-left:9px;
	margin-top:5px;
}

.product-pod .price
{
	float:left;	
	font-size:2.1em;
	margin:5px 6px 5px 9px;
}

.product-pod .price-unit
{
	float:left;
	font-size:1.2em;
	margin-left:12px;	
	margin-top:12px;
}

.product-pod p
{
	clear:both;
	margin-left:9px;
	font-size:1.2em;
}

.product-content
{
	width:766px;	
}

.image-gallery
{
	float:left;
	width:340px;
}

.main-image
{
	width:330px;
	border:1px solid #cccccc;
}

.main-image .image
{
	width:100%;
	height:100%;
	border:none;
}

.additional-images
{
	width:100%;
	margin-left:-3px;
	margin-right:-4px;
}

.additional-images .image
{
	float:left;
	border:1px solid #cccccc;
	margin-top:5px;
	margin-left:3px;
	margin-right:4px;
	width:104px;
	height:91px;
}

.loading
{
	background:url(/Images/Design/ajaxLoader.gif) center center no-repeat;
}

.image-gallery .helpline
{
	margin-top:10px;
	margin-bottom:10px;	
}

.image-gallery .helpline
{
	display:block;
	width:324px;
	height:76px;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
	text-indent:-999em;
	background:url(/Images/Design/product-helpline.gif) no-repeat 0 0;	
}

.image-gallery .helpline-on
{
	background:url(/Images/Design/product-helpline.gif) no-repeat 0 -76px;	
}

.image-gallery .email-a-friend
{
	display:block;
	background:url(/Images/Design/email-a-friend.gif) no-repeat top left;
	padding-left:25px;
	height:16px;
	font-size:1.3em;
	text-decoration:none;
	color:#0A55A0;
	float:left;		
	margin-bottom:5px;
}

.image-gallery .share-this
{
	float:right;
}

.information-column
{
	float:right;
	width:420px;
}

.information
{
	margin-top:5px;
}

.information h1
{
	font-size:1.8em;
	color:#336699;
	margin-top:5px;
	margin-bottom:5px;
}
.information .price
{
	display:inline;
	font-size:2.8em;
	margin-top:8px;
	margin-bottom:7px;
}

.information .price-unit
{
	display:inline;
	font-size:1.2em;
	margin-left:2px;
}

.information .price-foreign
{
	display:block;
	font-size:1.1em;
	color:#666666;
}

.quantity
{
	margin-top:20px;
	font-size:1.2em;
}

.quantity label
{
	float:left;
}

.quantity select
{
	float:left;
	margin-left:5px;
	margin-right:15px;
	margin-top:-3px;
}

.quantity span
{
	float:left;
}

.quantity span.in-stock
{
	background:url(/Images/Design/flag-instock.gif) no-repeat top right;
	padding-right:15px;
	color:#09731B;
}	

.information .affiliate-visit-site,
.information .add-to-basket
{
	clear:both;
	margin-top:15px;
	margin-bottom:5px;
}

.affiliate-visit-site:hover, .affiliate-visit-site{
	display:block;
	width:120px;
	height:auto;
	font-size:13px;
	font-weight:bolder;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	padding:3px 0px 3px 0px;
	text-align:center;
	background-color:#fd7619;
	border:1px solid #ef6d13;
	border-radius:1px;
	-o-border-radius:1px;
	-ms-border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	box-shadow: 1px 1px 1px #aaa;
	cursor:pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.affiliate-visit-site:hover{
	background-image:none;
	background:#fd7619;
}

.affiliate-visit-site:active{
	top: 1px;
}

.affiliate-visit-site{
	background-image: linear-gradient(bottom, #fd7619 16%, #ffa523 44%);
	background-image: -o-linear-gradient(bottom, #fd7619 16%, #ffa523 44%);
	background-image: -moz-linear-gradient(bottom, #fd7619 16%, #ffa523 44%);
	background-image: -webkit-linear-gradient(bottom, #fd7619 16%, #ffa523 44%);
	background-image: -ms-linear-gradient(bottom, #fd7619 16%, #ffa523 44%);
 	
 }
.information p
{
	font-size:1.3em;
	color:#000000;	
}

.product-content h3
{
	width:98%;
	height:30px;
	font-size:1.4em;
	color:#666666;	
	font-weight:bold;
	background:#f1f1f1;
	line-height:30px;
	padding-left:12px;
	margin-bottom:10px;
}

.accessories
{
	margin-top:10px;
}

.accessories h3
{
	width:100%;
	font-size:1.4em;
	color:#ffffff;
	font-weight:bold;
	background:#cccccc;
	margin:0px;
}

.line-pod
{
	width:100%;
	height:120px;
	min-height:120px;
	border-top:1px solid #ffffff;
	background:#f7f7f4;	
}

.line-pod .image
{
	float:left;
	margin-top:10px;
	margin-left:10px;
	border:1px solid #cccccc;
	width:104px;
	height:91px;
}

.line-pod .product-line-information
{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:290px;
}

.line-pod h4
{
	font-size:1.4em;
	margin-bottom:4px;
}

.line-pod .price
{
	display:inline;
	font-size:1.8em;
	margin-top:5px;
}

.line-pod .price-unit
{
	display:inline;
	font-size:1.2em;
	margin-left:2px;
}

.line-pod label
{
	font-size:1.2em;		
	float:left;
	margin-top:5px;
	margin-right:5px;
}

.line-pod select
{
	float:left;	
	margin-top:3px;
}

.line-pod .add-to-basket
{
	float:right;
	margin-right:40px;
	height:26px;
	width:123px;
}

.line-pod p
{
	font-size:1.3em;
	margin-top:5px;
	margin-right:40px;
	color:#333333;
}

.related-products
{
	clear:both;
	margin-bottom:5px;
	margin-left:1px;
	margin-top:21px;
}

.related-products .product-pod
{
	float:left;
	margin-left:-1px;
	margin-top:-1px;
}

.tabs a
{
	text-decoration:none;
	font-size:1.4em;
	color:#666666;
	display: block;
	background:url(/Images/Design/tabs-lh.png) no-repeat top left;
    padding:5px 30px 4px;
}

.tabs
{
	margin-top:10px;
	margin-left:5px;
}

.tabs ul
{
	margin:0px;
	padding:0px;
	list-style:none;	
	padding:10px 0px 0;
}

.tabs li
{
	float:left;
	margin:0px 0px 0px 1px;
	padding:0px;
	background:url(/Images/Design/tabs-rh.png) no-repeat top right;
}

.tabs .selected, .tabs li:hover
{
	background-image:url(/Images/Design/tabs-srh.png);	
}

.tabs .selected a, .tabs a:hover
{
	background-image:url(/Images/Design/tabs-slh.png);
    padding-bottom:5px;
    color:#ffffff;
}

.panes 
{
	clear:both;
	border-top:2px solid #cccccc;
}

.panes .pane
{
	width:100%;
	min-height:100px;	
}

.panes .pane .innertube
{
	padding:10px;
}

.panes .pane .innertube p, .panes .pane .innertube li
{
	font-size:1.2em;
}

.short-desc p
{
	margin:0px 0px 5px 0px;	
}

.short-desc p{
	margin-top:10px;	
	margin-bottom:5px;
}
p.review
{
	color:#333333;
	font-style:italic;
	font-size:1.2em;
}

p.review span
{
	font-style:normal;
	font-weight:bold;	
}

p.nota-bene
{
	font-size:1.1em;
	color:#999999;
}

.image-gallery p.nota-bene
{
	margin-top:2px;
	margin-bottom:6px;
}

p.out-stock
{
	display:block;
	padding:3px;
	border:1px solid red;
	margin:5px 0px 15px;	
}

.static-page p
{
	color:#333333;
	font-size:1.2em;	
}

/* Email a friend */
.email-form
{
	margin:1em 0 1em 0;
}

.email-form table
{
	width:550px;
}

.email-form label
{
	font-weight:normal;
}

.email-form input.text, .email-form textarea.text
{
	width:250px;
}

.email-form td
{
	padding-top:0.4em;
	font-size:1.2em;
}

.email-form td.title
{
	width:5em;
}

.email-form td.firstname
{
	width:12em;
}

.email-form td.telno
{
	width:12em;
}

.email-form td.nolabel
{
	padding-top:0.5em;
}

.email-form hr
{
	border:1px solid #2f699b;
}

.email-form h1
{
	margin-top:1em;
}


.successMessage
{
	height:38px;
	border:1px solid #66CC66;
	background-color:#94FA7A;	
}

.successMessage img, .successMessage p
{
	float:left;
	margin:8px;
}

.successMessage p
{
	margin-top:10px;
}

.human-sitemap
{
	font-size:1.2em;
}

.human-sitemap li
{
	display:block;
	margin:5px;
}

.tips li
{
	font-size:1.2em;
	margin:5px;
}

.certified
{
	margin-top:10px;
	margin-bottom:15PX;
}

#productDetailsOption
{
   font-size:12px;
margin-top:15px;
}

/*-- news pod ---------------------------------------------------------------------------------------------*/
.news-pod{
    background:#F9F9F9;
    padding:0;
    margin:5px 0 0 0;
}
.news-pod h2{
    background:url("/Images/Design/box-hdr.gif") no-repeat scroll left top transparent;
    height:30px;
    margin:0 !important;
    padding:0 !important;
    color:#FFF;
    line-height:30px;
    text-indent:10px;
    font-weight:bold;    
}

.news-pod .list-news
{
	width:182px;
	border-left:1px solid #CECECE;
	border-right:1px solid #CECECE;
	border-bottom:1px solid #CECECE;
	margin-left:1px;
}

.new-pod .list-news ul
{
	
	list-style:none;
}

.news-pod .list-news li a
{
	font-size:1.3em;
	color:#806665;   
}

.news-pod .list-news li{
    padding: 5px 10px 5px 10px;
    background-color:#FFF;
    background-image:none;
}

.news-pod .list-news li.rssalt
{
	border-top:dotted 1px #CECECE;
	border-bottom:dotted 1px #CECECE;
	background-color:#FEF9F5;
}

/**** Homepage rotating banners */
#featuredproducts{margin:0px;padding:0px;width:617px;height:220px;}
#featuredproducts li{list-style:none;padding:0px;margin:0px;display:none;}
#featuredproducts li.first{display:block;}
#featuredproducts li img{}

/**** Testimonials pod */
.TestimonialsPod 
{
    margin-top:13px;
}

.TestimonialsPod h2
{
    font-size:17px;
    margin-bottom:5px;
    float:left;
}

.TestimonialsPod a
{
    color:#666666;
    float:right;
    font-weight:bold;
    margin-top:6px;
}
.TestimonialsPod blockquote 
{
    background:url("/Images/Design/quote_left.gif") no-repeat scroll left top transparent;
    margin-bottom:13px;
    padding-top:26px;
}

.TestimonialsPod blockquote p 
{
    background:url("/images/design/quote_right.gif") no-repeat scroll right bottom transparent;
    color:#333333;
    font-style:italic;
    padding:0;
}

.TestimonialsPod blockquote p .author
{
    display:block;
    font-weight:bold;
    margin-top:10px;
}



.image .sale{
background:url("/Images/Design/flash-sale.gif") no-repeat scroll right top transparent;
display:block;
height:81px;
position:absolute;
right:0;
top:0;
width:81px;
}

.duration
{
	display:block;
	margin:4px 0 0 10px;
	font-size:12px;
	color:#999;
}


#helpguidepage p
{
font-size:12px;
}

#helpguidepage h2 
{
	color: #333333;
	 font-weight: bold;
}

#helpguidepage #fourpanel 
{
	float:left;
	 width: 510px;
	
}

#helpguidepage .infopanel
{
	background-color: #F7F7F5;
    color: #333333;
    float: left;
    font-size: 12px;
    height: 180px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
    width: 245px;
}
#helpguidepage .infopanel a
{
	text-decoration :none;
}

#helpguidepage .infopanel p
{      margin-top: 0;
    padding: 8px 12px 12px;
}

#helpguidepage .infopanel img
{
	 margin: 5px;
}
#helpguidepage .infopanel .orangepanel
{
	background-color: #F78320;
    color: White;
    font-size: 14px;
    font-weight: bold;
    min-height: 25px;
    min-width: 36px;
    padding-left: 12px;
    padding-right: 10px;
    padding-top: 7px;
    position: absolute;
    top: 16px;
}

#helpguidepage #helpContact
{
    background-color: #F7F7F5;
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    color: #333333;
    min-height: 336px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    width: 213px;
	
}

#helpguidepage #helpContact h3
{
	color: #F48221;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;	
}

#helpguidepage #helpContact .txtbox 
{
	border: 1px solid #CCCCCC;
    height: 12px;
    margin-bottom: 9px;
    padding: 4px;
    width: 204px;	
}

#helpguidepage #helpContact a, a:hover
{
	color:#333;
}


#helpguidepage .contacttop
{
	margin-top:10px;
	background-image:url(/Images/Design/contact-top.jpg);
	height:7px;
	width:245px;
}

#helpguidepage .contactbottom
{
	background-image:url(/Images/Design/contact-bottom.jpg);
	height:7px;
	width:245px;
}

#staticcontentarea
{
	width: 510px; float: left;
}

#staticcontentarea h1
{
	background-color:#F68121;
	color:White;
	font-size:14px;
	font-weight:bold;
	padding-top:14px;
	padding-bottom:11px;
	padding-left:10px;
}

.pageImg
{
	background-color: #F68121;
    height: 105px;
    padding: 5px;
    width: 235px;
}

.static-page p
{
	padding-right:10px;
	padding-left:10px;
}

.static-page h2
{
	padding-right:10px;
	padding-left:10px;
	font-weight:bold;
}

#HomePageColorPicker 
{
	background-color: #F7F8F3;
    background-image: url("/Images/Design/colourpicker-bg.gif");
    background-repeat: no-repeat;   
    height: 64px;
    margin-top: 10px;
    padding-left: 8px;
    padding-top: 6px;
    width: 562px;
}

#HomePageColorPicker h1
{
	display:inline;
	color:#004C8D;
	font-size:12px;
	font-weight:bold;
}

#HomePageColorPicker .colour
{
	height:26px;
	width:26px;
	float:left;
	margin-right:7px;
	border:1px solid #CDCDCD;
	margin-top:10px;
}

.pager-controls
{
    float: right;
    margin: 0;
    padding: 0 5px 0 0;
}
.pager-controls li
{
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
    background-image:none;
}
.pager-controls li.page
{
     margin: 0 10px;
    padding: 0 0;
   
}
.pager-controls li.divider-right
{
    border-right: 1px solid #CFCFCF;
    padding: 0 10px 0 5px;
    margin: 0 0 0 10px;
}

.pager-controls a {
    display: block;
    margin-top: 3px;
    text-decoration: none;
    text-transform: uppercase;
}

#helpContact #confirm 
{
	    color: #66CD00;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}

.social_bookmarks 
{
	display:block;
    text-align: right;
    width:300px;
    height:25px;
    margin-top:10px;
    overflow:hidden;
    vertical-align:top;
}

.social_bookmark {
    display: inline-block;
    height: 20px;
    margin-left: 0;
    vertical-align: text-bottom;
    float:left;
}

.social_facebook
{
	padding-right:10px;
}


