@charset "utf-8";
/* CSS Document */

body {
	background:#8F8F90 url(bg-body.gif) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	margin:0;
	line-height:24px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
	margin:10px 0 0 0;
}

h2, h3 { color:#336699; }
h4, h5 { color:#666666; }
h5 { font-weight:bold; line-height:normal; }
.top { margin-top:0; }

p { padding:5px 0; margin:0; }
.small { font-size:11px; line-height:normal; }
.big { font-size:15px; }
del { color:#FF0000; }

a, a:visited { color:#336699; text-decoration:none; outline:none; }
a:hover { color:#666666; }
a.action { background:url(read-more-icon.png) no-repeat left center; padding:1px 0 1px 20px; }
a.action-map { background:url(read-more-icon-map.png) no-repeat left center; padding:1px 0 1px 21px; }
a.action-video { background:url(read-more-icon-video.png) no-repeat left center; padding:1px 0 1px 20px; }
a.action-word { background:url(read-more-icon-word.png) no-repeat left center; padding:1px 0 1px 20px; }
a.action-pdf { background:url(read-more-icon-pdf.png) no-repeat left center; padding:1px 0 1px 20px; }
a.external { background:url(external-link.png) no-repeat right center; padding:1px 15px 1px 0; }

.accessibility { display:none; }

blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#666666;
	margin:10px 0;
	padding:10px 20px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

blockquote em { 
	font-size:12px;
	display:block;
	margin:15px  0 0 0;
}

a.quotation, a.quotation:visited {
	padding:10px;
	background:#FFFFFF;
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	line-height:24px;
	display:block;
	border:1px solid #999999;
	-moz-border-radius:5px;
	width:240px;
	height:170px;
	float:left;
	margin:10px 30px 10px 0;
	overflow:hidden;
	text-align:left;
}

a.quotation.end { margin-right:0; }

a.quotation:hover {
	background:#EEEEEE;
	color:#DDDDDD;
	border:1px solid #336699;
}

a.quotation span.title {
	display:block;
	font-style:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#336699;
	border-bottom:1px solid #999999;
	margin:-10px -10px 5px -10px;
	padding:5px 10px;
}

a.quotation:hover span.title {
	border-bottom:1px solid #336699;
	background:#FFFFFF;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	margin-top:-11px;
	border-top:1px solid #336699;
}

a.quotation span.read-more {
	display:none;
	text-align:center;
}

a.quotation:hover span.read-more {
	display:block;
	margin:55px 0 0 53px;
	position:absolute;
	padding:3px 10px;
	color:#336699;
	font-weight:bold;
	font-style:normal;
	font-size:20px;
	border:1px solid #336699;
	-moz-border-radius:3px;
	background-color:#FFFFFF !important;
}

#container {
	width:930px;
	background:url(bg-container.png) repeat-y center;
	overflow:hidden;
	margin:0 auto;
}

#masthead {
	width:900px;
	margin:0 auto;
	background:#336699;
	height:120px;
	overflow:hidden;
}

	#masthead a#logo {
		width:208px;
		height:102px;
		background:url(logo.gif) no-repeat center;
		display:block;
		float:left;
		margin:8px 0 0 10px;
}

#contact-details {
	width:183px;
	height:44px;
	display:block;
	float:right;
	margin:15px 15px 14px 0;
	background:url(contact-details-bg.gif) no-repeat center;
}

#navs {
	float:right;
	*clear:both;
	padding:5px 0 0 0;
	margin:0 10px 0 0;
	height:35px;
	*width:520px;
	overflow:hidden;
	background:url(navs-bg.gif) no-repeat center;
}

#navs ul {
	margin:0;
	padding:0;
	float:left;
}

#navs ul li a span { display:none; }
#navs ul li ul.sub-navs { display:none; clear:both; }

#navs ul li ul.sub-navs.about-us { margin-left:72px !important; *margin-left:-445px !important; _margin-left:-285px !important; }
#navs ul li ul.sub-navs.product-information { margin-left:159px !important; *margin-left:-357px !important; _margin-left:-45px !important; }
#navs ul li ul.sub-navs.order-online { margin-left:309px !important; *margin-left:-208px !important; _margin-left:210px !important; }

#navs ul li:hover ul.sub-navs {
	display:block;
	width:250px;
	padding:0;
	position:absolute;
	background:#336699;
	z-index:11;
	margin:29px 0 0 0;
	_margin:0;
	border:1px solid #333333;
	border-bottom:none;
}

#navs ul li:hover ul.subnavs li {
	display:block;
	float:none;
}
 
#navs ul li:hover ul.sub-navs li a {
	padding:3px 0 3px 15px;
	height:auto;
	background:none;
	width:235px;
	text-decoration:none;
	color:#FFFFFF;
	border-bottom:1px solid #333333;
}

#navs ul li:hover ul.sub-navs li a:hover {
	background:#333333;
}

#navs ul li {
	display:inline;
}

#navs ul li a {
	display:block;
	height:29px;
	float:left;
	background:url(navs-links-bg.png) no-repeat;
}

#navs ul li.separator {
	width:2px;
	height:29px;
	float:left;
	background:url(navs-separator.gif) no-repeat center;
}

#navs ul li a.home { width:71px; background-position:0 0; }
#navs ul li a.about-us { width:85px; background-position:-73px 0; }
#navs ul li a.product-information { width:148px; background-position:-160px 0; }
#navs ul li a.order-online { width:109px;background-position:-310px 0; }
#navs ul li a.contact-us { width:96px; background-position:-422px 0; }

#navs ul li a.home:hover { width:71px; background-position:0 -29px; }
#navs ul li a.about-us:hover { width:85px; background-position:-73px -29px; }
#navs ul li a.product-information:hover { width:148px; background-position:-160px -29px; }
#navs ul li a.order-online:hover { width:109px;background-position:-310px -29px; }
#navs ul li a.contact-us:hover { width:96px; background-position:-422px -29px; }

#slideshow {
	width:900px;
	height:286px;
	position:relative;
	float:left;
	z-index:1;
	margin:1px 0 0 15px;
	_margin:1px 0 0 7px;
	border:none;
}

#home-banner-overlay {
	background:url(banner-container-bg.png) no-repeat top center;
	position:relative;
	z-index:2;
	overflow:hidden;
	width:900px;
	height:286px;
	float:left;
	margin:-286px 0 10px 15px;
	_margin:-286px 0 10px 7px;
}

#banner.home {
	width:900px;
	margin:1px 0 10px 15px;
	_margin:1px 0 10px 7px;
	border:0;
	background:url(banner-container-bg.png) no-repeat top center;
	height:286px;
	overflow:hidden;
	position:relative;
	z-index:1;
	float:left;
}

#banner {
	width:900px;
	margin:1px 0 10px 15px;
	_margin:0 0 0 7px;
	float:left;
}

#banner.about-us { height:225px; background:url(../images/banners/about-us.jpg) no-repeat; }
#banner.product-information { height:225px; background:url(../images/banners/product-information.jpg) no-repeat; }
#banner.order-online { height:225px; background:url(../images/banners/order-online.jpg) no-repeat; }
#banner.contact-us { height:225px; background:url(../images/banners/contact-us.jpg) no-repeat; }
#banner.links { height:225px; background:url(../images/banners/links.jpg) no-repeat; }
#banner.terms-and-conditions { height:225px; background:url(../images/banners/terms-and-conditions.jpg) no-repeat; }
#banner.privacy-policy { height:225px; background:url(../images/banners/privacy-policy.jpg) no-repeat; }
#banner.site-map { height:225px; background:url(../images/banners/site-map.jpg) no-repeat; }

#home-banner-overlay #order-online {
	display:block;
	width:185px;
	float:right;
	margin:210px 12px 0 0;
	height:64px;
	background:url(order-online-button-bg.png) no-repeat top center;
}

#banner.about-us #order-online,
#banner.product-information #order-online,
#banner.contact-us #order-online {
	display:block;
	width:158px;
	float:right;
	margin:165px 12px 0 0;
	height:55px;
	background:url(order-online-button-bg-smaller.png) no-repeat top center;
}

#home-banner-overlay #order-online:hover, 
#banner.about-us #order-online:hover,
#banner.product-information #order-online:hover,
#banner.contact-us #order-online:hover {
	background-position:bottom;
}

#page {
	width:900px;
	margin:0 0 0 15px;
	_margin:0 0 0 7px;
	background:#E7E4E4 url(page.gif) no-repeat top center;
	float:left;
	clear:both;
	padding:10px 0 0 0;
}

#main-column {
	width:560px;
	float:left;
	padding:10px;
	text-align:justify;
}

.heading {
	margin:30px 0 0 0;
}

#right-column {
	width:250px;
	float:left;
	padding:0 0 15px 0;
	margin:10px 0 0 50px;
	color:#666666;
	line-height:20px;
}

#right-column .right-column-promo {
	margin:30px 0 0 0;
}

ul.numbered {
	margin:5px 0;
	padding:0;
	list-style:none;
}

ul.numbered li {
	padding:2px 0;
}

ul.numbered li span {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#999999;
	font-weight:bold;
	font-style:italic;
	display:block;
	float:left;
	width:22px;
	margin:-2px 0 0 0;
}

.image-right {
	float:right;
	background:#FFFFFF;
	padding:3px;
	margin:10px 0 0 15px;
	border:1px solid #CCCCCC;
	-moz-border-radius:3px;
}

.image-right p, .image-left p {
	font-size:10px;
	color:#666666;
	padding:0;
	text-align:center;
}

#footer {
	clear:both;
	border-top:8px solid #333333;
	margin:20px 0 0 15px;
	width:860px;
	padding:0 20px;
	color:#999999;
	height:80px;
	background:url(footer-bg.gif) repeat-x top;
}

#footer img {
	padding:15px 0 0 0;
}

#footer a {
	color:#999999;
	font-size:11px;
}

#footer-left { width:450px; float:left; }
#footer-right { width:400px; float:right; }

#verified-by-visa {
	width:75px;
	height:32px;
	display:block;
	background:url(verified-by-visa.gif) no-repeat;
	float:right;
	margin:20px 0 0 15px;
}

a#debit-cards {
	width:250px;
	height:30px;
	background:url(debit-cards.gif) no-repeat top;
	display:block;
	margin:23px 0 0 0;
	float:right;
}
a#debit-cards:hover { background-position:bottom; }

#page-bottom {
	background:url(page-bottom-bg.png) no-repeat top center;
	width:930px;
	height:10px;
	margin:0 auto 5px auto;
}

#produced-by-minttwist {
	width:900px;
	margin:0 auto;
	text-align:right;
	color:#BBBBBB;
	font-size:11px;
	padding:0 0 15px 0;
}
#produced-by-minttwist a, #produced-by-minttwist a:visited { color:#BBBBBB; }

.gallery {
	margin:15px 0 15px -4px;
}

.gallery a img {
	border:none;
}

.promo-image {
	margin:10px 0 0 0;
}

.column-left {
	width:260px;
	float:left;
}

.column-right {
	width:260px;
	float:right;
}

ul.list {
	list-style-image:url(blue-bullet.png);
	*list-style-image:url(blue-bullet-ie.png);
	margin:15px 0;
	padding:0 0 0 15px;
	*padding:0;
	line-height:20px;
}

ul.list li {
	padding:5px 0;
}

.media, .product {
	width:544px;
	padding:5px;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px;
	overflow:hidden;
	text-align:left;
	margin:10px 0 0 0;
	background:#EEEEEE;
}

:target {
	background:url(target-bg.gif) repeat !important;
}

.media.light { background:#FFFFFF; }
.media:hover, .product:hover { border:1px solid #999999; }

.media a img, .product a img {
	float:left;
	margin:0 15px 0 0;
}

.media p, .product p {
	margin:0;
	padding:0;
	line-height:20px;
	font-size:12px;
	color:#555555;
}

.media p.link {
	margin-top:10px;
}

.product .left {
	width:200px;
	float:left;
	margin:20px 0 0 0;
}

.product p.cost { margin:10px 0 0 0; font-weight:bold; }

p.error {
	border:1px solid #C00;
	width:469px;
	-moz-border-radius:3px;
	background:#FFD5D6 url(error-icon.png) no-repeat;
	background-position:5px 50%;
	color:#CC0000;
	padding:10px 10px 10px 75px;
	line-height:normal;
	text-align:left;
	margin:10px 0;
}

p.note {
	border:1px solid #06C;
	width:469px;
	-moz-border-radius:3px;
	background:#D9EEFF url(note-icon.png) no-repeat;
	background-position:5px 50%;
	color:#06C;
	padding:10px 10px 10px 75px;
	line-height:normal;
	text-align:left;
	margin:10px 0;
}

p.confirm {
	border:1px solid #090;
	width:469px;
	-moz-border-radius:3px;
	background:#CFC url(confirm-icon.png) no-repeat;
	background-position:5px 50%;
	color:#090;
	padding:10px 10px 10px 75px;
	line-height:normal;
	text-align:left;
	margin:10px 0;
}

p.confirm a, p.error a, p.note a { text-decoration:underline; }

p.confirm strong, p.error strong, p.note strong {
	font-size:16px;
	letter-spacing:-1px;
	display:block;
	padding:0 0 10px 0;
}

input.product-quantity {
	width:35px;
	color:#333333;
	padding:3px;
	border:1px solid #CCCCCC;
	-moz-border-radius:2px;
}

input.product-add {
	 padding:0;
	 border:none;
	 background:url(add-to-basket-button-bg.png) no-repeat top;
	 width:110px;
	 height:30px;
	 margin:5px 0 0 5px;
	 cursor:pointer;
}

input.product-add:hover { background:url(add-to-basket-button-bg.png) no-repeat bottom; }

input.check-out {
	 padding:0;
	 border:none;
	 background:url(check-out-button-bg.png) no-repeat top;
	 width:110px;
	 height:30px;
	 margin:5px 0 0 5px;
	 cursor:pointer;
}

input.check-out:hover { background:url(check-out-button-bg.png) no-repeat bottom; }

.order-data {
	border-collapse:collapse;
	border-color:#BBBBBB;
	color:#666666;
	margin:20px 0 0 0;
}

.order-data tr td {
	padding:3px;
}

td.heading, tr.heading {
	background:#CCCCCC;
	color:#333333;
	font-weight:bold;
}

label {
	display:block;
	margin:10px 0 0 0;
	font-size:11px;
	text-align:left;
	cursor:pointer;
}


.left-column {
	float:left;
	width:270px;
}

.right-column {
	float:right;
	width:270px;
}

input.text, input.error {
	width:200px;
	padding:2px;
	border:1px solid #999999;
	-moz-border-radius:2px;
}

input.error {
	border-color:#CC0000;
}

textarea.text {
	width:260px;
	height:73px;
	padding:2px;
	overflow:hidden;
	border:1px solid #999999;
	-moz-border-radius:2px;
}

ul.site-map {
	margin:15px 20px;
	padding:0;
	list-style:none;
}

ul.site-map li a {
	background:url(site-map-arrow-blue.png) no-repeat left center;
	padding:0 0 0 10px;
	font-weight:bold;
}

ul.site-map li ul {
	list-style:none;
}

ul.site-map li ul li a {
	background:url(site-map-arrow-grey.png) no-repeat left center;
	padding:0 0 0 10px;
	font-weight:normal;
}

/* new */

.listprice {
	float:left;
}

.prodprice{
	float:left;	
	clear:both;
}

.product_square {
	-moz-border-radius:3px;
	background:#FFFFFF none repeat scroll 0;
	border:1px solid #CCCCCC;
	margin:10px 0 0;
	overflow:hidden;
	padding:5px;
	text-align:left;
	width:544px;
}

.price{
	color:#555555;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}

strike{
	color:#FF0000;	
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}

.proddescription p{
	font-size:12px;
	padding:0;
}

.proddescription h5{
	margin-bottom:10;
}


.prodid{
	padding:0px;
	
}

.detailimage {
	-moz-border-radius:3px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	overflow:hidden;
	padding:5px;
	width:544px;
}

.prodnavigation { display:none; }

.cobll {
	border:none !important;
	background:#E8E4E5;
}

a.ectlink strong {
	display:none;
}

.proddescription h5 { margin-top:0; }
.pagenums { display:none; }

a img.link-banner, a:visited img.link-banner {
	border:1px solid #666666;
	padding:2px;
	background:#FFFFFF;
	-moz-border-radius:3px;
	margin:0 0 10px 0;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
}

input.btn {
	color:#336699;
	border:1px solid #999999;
	-moz-border-radius:2px;
	background:#FFFFFF;
	padding:2px 20px;
	cursor:pointer;
}

input.btn:hover {
	background:#336699;
	color:#FFFFFF;
	border:1px solid #666666;
}

a img.link-banner:hover { border:1px solid #336699; background:#336699; }

.required { color:#CC0000; font-weight:bold; font-family:Verdana, Geneva, sans-serif; }

ul.archives {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}

ul.archives li {
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	list-style:none;
	background:url(../images/archive.png) 2px 0 no-repeat;
}

ul.archives li ul {
	margin:0 0 0 10px!important;
}

.blog-article img {
	margin:5px 10px 5px 0;
	padding:5px;
	border:1px solid #CCC;
	background:#FFF;
	box-shadow:0 0 5px #CCC;
	-moz-box-shadow:0 0 5px #CCC;
	-webkit-box-shadow:0 0 5px #CCC;
	-khtml-box-shadow:0 0 5px #CCC;
}

.social-networks {
	width:900px;
	margin:0 auto;	
}


.facebook {
	display:block;
	background:url(facebook.png) 0 3px no-repeat;	
	padding:0 0 0 20px;
	float:left;
	margin:0 10px 0 0;
}

a.facebook, a.twitter{
	color: #fff;
}
.twitter {
	display:block;
	background:url(twitter.png) 0 3px no-repeat;	
	padding:0 0 0 20px;
	float:left;
	margin:0 10px 0 0;
}