/* 
========================================================================
KARTRIS by cactusoft
©2010 CACTUSOFT INTERNATIONAL FZ LLC. - WWW.KARTRIS.COM
All rights reserved.
========================================================================
*/

/* 
========================================================================
MAIN LAYOUT
========================================================================
*/
html {
	height: 100%;
}
body.main {
	background-color: #fff;
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	height: 100%;
	background: rgb(0,49,0) url(/skins/Kartris/images/body_background.jpg) top left repeat-x;
}
div#topcontainer {
	margin: 0 10px;
	padding: 0px;
	background-color: #fff;
}
#centre_container {
	background-image: url(Images/centre_back.gif);
	background-position: left top;
	background-repeat: repeat-y;
	width: 1010px;
	margin: 0 auto 0 auto;
	min-height: 100%;
	position:relative;
}
/* --- section below the header --- */
#pagebody {
	min-height: 400px;
	padding-right: 20px;
	padding-left: 20px;
}
/* 
========================================================================
HEADER
========================================================================
*/
#header {
	padding: 0;
	display: block;
	position:relative;
}
#logospace {
	width:100%;
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#logo_pf {
	width: 100%;
	height: 100%;
}
#logospace .logo {
	padding: 0px 0 0 0px;
}
#header_centre {
	width:30%;
	float: left;
	background-color: #3d6832;
	height: 28px;
	padding: 0px;
	margin:0px;
}
#header_right {
	width: 350px;
	position: absolute;
	margin: 0 0 0 0;
	text-align: right;
	top: 0px;
	right: 10px;
}
/* 
========================================================================
COLUMNS - LEFT, RIGHT AND CENTRAL
========================================================================
*/

/* --- main column --- */
#pagecontent {
	width: 710px;
	float: left;
	
	margin: 15px 0 0 18px;
	padding: 0px;
}
#pagecontent_homepage {
	width: 705px;
	float: right;
	min-height: 300px;
	margin: 0px 0 0 18px;
	padding: 0px;
}
#pagecontent_homepage_pad {
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}
#pagecontent_pad {
	margin: 0;
	
}
/* --- right column --- */
#right {
	width: 220px;
	float: left;
	padding: 0px;
}
#right_pad {
	padding: 7px 0 0 0;
	margin: 0;
}
/* 
========================================================================
LOGIN STATUS
========================================================================
*/
#loginstatus {
	display: block;
	font-size: 90%;
	width: 350px;
	float: left;
	margin-bottom: 1px;
	color: #bbb;
	padding: 5px 25px 0 0;
	height: 20px;
}
#loginstatus .logout {
	display: inline-block;
	position: relative;
	height: 15px;
}
#loginstatus a.icon_logout:hover {
	color: #000;
	background-image: url(Images/icon_click.png);
}
#loginstatus strong {
	color: #000;
}
/* 
========================================================================
SEARCH BOX
========================================================================
*/
#section_searchbox {
	margin-top: 4px;
	margin-right:10px;
	margin-bottom: 0;
	margin-left: 0;
}
#section_searchbox #searchprogress {
	display: block;
	position: relative;
	float: left;
	width: 25px;
	padding: 0 0 0 0;
}
#section_searchbox #searchboxes {
	
	
	overflow: visible;
	float: right;
	width:100%;
}
#section_searchbox #searchboxes input {
	height: 21px;
	width:70%;
	margin: 0;
	border: none;
	color: #000;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding-left: 5px;
	background-color: #8aba7d;
	padding:0px;
	float:left;
}
#section_searchbox #searchboxes input:focus {
	background-color: #8aba7d;
}
#section_searchbox #searchboxes input.button {
	background-color: #e8e9ee;
	height: 21px;
	width:30%; float:left;
	margin: 0;
	color: #556419;
	
}
/* 
========================================================================
GENERAL SKIN SECTION BLOCKS
========================================================================
*/
.infoblock {
	margin: 5px 0 5px 0;
	border-top: solid 2px #222;
	padding: 5px 0 5px 0;
}
.infoblock h4 {
	font-size: 110%;
	color: #000;
	margin: 0 0 5px 0;
	width: auto;
	padding: 2px 5px 2px 0;
}
.infoblock h4 a {
	color: #000;
}
.infoblock h4 span {
	display: inline-block;
}
.infoblock .box {
	padding: 0 0 5px 0;
}
.infoblock select {
	width:100%;
	margin: 0 0 0 0;
	font-size: 90%;
	padding:0px;
}
.infoblock ul {
	margin: 0;
	padding: 0;
	border: 0;
}
.infoblock ul li {
	list-style: none;
	float: none;
	clear: both;
	padding: 0;
}
.infoblock ul li a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 5px 3px 10px;
}
.infoblock ul li a:hover {
	background-color: #fff;
	font-weight: bold;
}
.infoblock ul li a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 5px 3px 10px;
}
.infoblock .infoblock_pad {
	padding: 0 0 0 10px;
}
/* 
========================================================================
OTHER CONTROLS language, currency, etc.
========================================================================
*/
#currencymenu {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border: none;
}
#languagemenu {
	padding: 5px 20px 0 0;
	margin: 0 0 5px 0;
	border: none;
	float: left;
}
#recentlyviewed {
}
/* 
========================================================================
BASKET SUMMARY
Set frontend.minibasket.compactversion config setting = n (off)
========================================================================
*/
#minibasket {
	float: right;
	border: none;
	width: 220px;
	padding: 0;
	right:20px;
	bottom:35px;
	position: absolute;
}
#minibasket_header {
	height: 32px;
	display: inline-block;
	z-index: 999;
	position: absolute;
}
#minibasket h4 {
	margin: 0;
	display: block;
	color: #aaa;
	font-size: 105%;
	text-align: right;
	width: 220px;
}
#minibasket h4 a {
	color: #FFF;
	font-size: 120%;
	letter-spacing: -1px;
	padding: 1px 0 1px 10px;
}
#minibasket #minibasket_main {
	visibility: hidden;
	z-index:9999999;
	height: 0px;
	width: 196px;
	text-align: left;
	margin-top: 22px;
	position: absolute;
	background-color:#fff;
}
#minibasket:hover #minibasket_main {
	visibility: visible;
	height: auto;
	position: absolute;
	background-color:#fff;
	border:solid 1px #000;
	padding: 10px;
	margin-left: 10px;
	right:0px;
	z-index:9999999;
}
#minibasket:hover h4 a {
	color: #fff;
}
#minibasket #contents #numberofitems, #minibasket #contents #orderinprogress, #minibasket #contents #basketisempty {
	padding: 1px 5px 2px 10px;
	font-weight: bold;
}
#minibasket #contents ul {
	margin: 0;
	padding: 0;
}
#minibasket ul li {
	list-style: none;
	float: none;
	clear: both;
	margin: 1px 0 0 0;
	padding: 0;
}
#minibasket li {
	display: inline-block;
}
/* The line above is needed to stop menus going bonkers in IE6/7,
but the line below is needed to ensure the correct behaviour in
standards compliant browsers. The html>body part is not understood
by IE6/7, so they will ignore it and still assume the line above
holds true. */

html>body #minibasket li {
	display: block;
}
#minibasket #contents ul #totals {
	text-align: right;
	padding: 4px 5px 6px 10px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 90%;
	color: #777;
}
#minibasket #contents ul #totals span.price {
	color: #3d6832;
	font-weight: bold;
	font-size: 140%;
}
#minibasket #contents ul #totals span.total {
	color: #f00;
	font-weight: bold;
	font-size: 140%;
}
#minibasket #contents ul #totals strong {
	font-weight: bold;
}
#minibasket #contents ul li a {
	color: #333;
	background-color: #e8e9ee;
	font-size: 95%;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#minibasket #contents ul li a:hover {
	color: #fff;
	background-color: #3d6832;
}
#minibasket #links {
	margin-bottom: 10px;
}
#minibasket #links a {
	color: #fff;
	background-color: #aaa;
	font-size: 95%;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#minibasket #links a:hover {
	color: #fff;
	background-color: #3d6832;
}
#minibasket #links ul {
	margin: 0;
	padding: 0;
}
#minibasket #links ul li {
	list-style: none;
	float: none;
	clear: both;
	margin: 1px 0 0 0;
	padding: 0;
}
#minibasket #links ul li input /* google checkout image */ {
	margin: 5px 0 2px 0;
}
/* 
========================================================================
FOOTER
========================================================================
*/
#footer {
	padding: 30px 0px 30px 0px;
	clear: both;
	text-align: left;
	margin: 1px 10px;
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #FFF;
}
#footer2 {
	padding: 30px 0;
	clear: both;
	text-align: center;
	margin: 1px 10px 0 10px;
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #FFF;
}
#SSL {
	clear: both;
	width: 130px;
	float: left;
	text-align: center;
}
#footer_inside {
	font-size: 10pt;
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
}
#footer_right {
	width: 200px;
	float: right;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #888;
}
#footer a {
	color: #423d39;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#footer hover {
	color: #000;
}
#ExtraInfo h3 {
	font-size: 14px;
}
#ExtraInfo {
	width: 900px;
	display: table;
	position: relative;
	left: 10px;
}
#ExtraInfoRow {
	Display: table-row;
}
#CustomerService {
	display: table-cell;
	width: 25%;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #8a90b0;
	padding-left: 20px;
}
#ShopInfo {
	display: table-cell;
	width: 25%;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #8a90b0;
	padding-left: 20px;
}
#DeliveryShipping {
	display: table-cell;
	width: 25%;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #8a90b0;
	padding-left: 20px;
}
#FunStuff {
	display: table-cell;
	width: 25%;
	border-right-width: 3px;
	padding-left: 20px;
}
.reregister {
	color: #CC0000;
}


/* 
========================================================================
First resolution
========================================================================
*/
 @media (min-width: 200px) and (max-width: 980px) {

 .versions {
 float: left;
 margin: 10px 0;

 width: 100%;
}
div#topcontainer {
 margin: 0px;
 padding: 0px;
 background-color: #fff;
}
}
 @media (min-width: 800px) and (max-width: 980px) {
.addtobasket input.button {
font-size:7px;
}

 div#topcontainer {
 background-color: #fff;
 margin: 0 10px;
 padding: 0;
}
 #logospace {
 width: 100%;
}
 #logospace .logo {
 padding: 0;
 width:100%;
}
#minibasket {
bottom:28px;
}
 #pagecontent_homepage {
 float: right;
 margin: 0;
 min-height: 300px;
 padding: 0;
}
 .images {
 position: relative;
/*width: 497px !important;
    height:170px !important;*/
}
 #top_home_banner img {
width:100%;
}
 #lefthandhome {
 float: left;
}
h1 {
font-size: 153%;
}
 #featuredproducts {
 float: left;
}

/*.products_shortened .item .box {
    border: 2px solid #eee;
    height: 221px;
    text-align: center;
    width: 143px;
}*/


.products_tabular .item {
 float: left;
 text-align: center;
}
 #footer {
 width:98%;
 box-sizing:border-box;
}
#ExtraInfo {
 display: table;
 position: relative;
 width:100%;
}
 #footer2 {
 width:98%;
}
 #centre_container {
 background-image:none;
 width:100%;
margin:0px;
padding:0px;
}
}


/* 
========================================================================
second resolution
========================================================================
*/



@media (min-width: 600px) and (max-width: 799px) {
 #pagecontent {
 width: 516px;
}
 div#topcontainer {
 padding: 0;
 width:100%;
}
 #logospace {
 width:100%;
}
 #logospace .logo {
 padding: 0;
 width:100%;
}
 #minibasket {
bottom:24px;
}
 h4 {
font-size:84% !important;
}
 #header_centre {
 padding: 0px;
}
 #right {
 padding: 0;
}
 #pagecontent_homepage {
 float: left;
}
 .images {
 position: relative;
}
 #top_home_banner img {
width:100%;
}
 #lefthandhome {
 float: left;
 width: 319px;
}
h1 {
font-size: 153%;
}
 #featuredproducts {
 float: left;
}
 .products_shortened .item .box {
 height: 221px;
 text-align: center;
}

 #ExtraInfo {
 display: table;
 left: 10px;
 position: relative;
 width: 519px;
}
#ExtraInfo h3 {
 font-size: 11px;
}
 #SSL {
 width: 60px;
}

}


/* 
========================================================================
third resolution
========================================================================
*/



@media (min-width: 400px) and (max-width: 599px) {
#pagecontent {
 width: 334px;
}
input {
 width: 218px;
}
 textarea {
 width: 85%;
}
 #pagecontent {
 overflow: scroll;
 width: 351px;
}
 table tr td {
 background-color: #f6f6f6;
 border-top: 2px solid #ccc;
 font-size: 9px;
 vertical-align: top;
}
 div#topcontainer {
 padding: 0;

}

 #logospace .logo {
 padding: 0;
 width:100%;
}
 #minibasket {
bottom:15px;
right:8px;
}
#minibasket h4 a {
 color: #fff;
 font-size: 108%;
}
 h4 {
font-size:84% !important;
}
 #menubar {
width:100%;
box-sizing:border-box !important;
}
#header_centre{ width:96% !important; padding:0 2% !important; margin:0px !important;}
#section_searchbox #searchboxes, #section_searchbox {
width:100% !important;
box-sizing:border-box !important;
padding:0px !important;
margin:0px !important;
}
#section_searchbox #searchboxes input {

padding:0 5px!important;
box-sizing:border-box !important;
}

 #header_centre {
 padding: 0 7px;
 width: 218px;
}
#header {
 height: 142px;
}
 #right {
 padding: 0;
 width: 350px;
}
 #pagecontent_homepage {
 margin: 0 auto;
 width: 370px;
}
 .images {
 position: relative;


}

 #lefthandhome {
 float: left;
 width: 197px;
}
 h1 {
font-size: 115%;
}
 #homepageadverts {
 float: right;
 width: 138px;
}
 #homepageadverts img {
 margin-top: 2px;
 width: 140px;
}


 .products_tabular .item {
 float: left;

 text-align: center;

}

 #footer_inside {
 color: #888;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 overflow: scroll;
}
 #ExtraInfo {
 display: table;
 left: 10px;
 position: relative;
 width: 519px;
}
#ExtraInfo h3 {
 font-size: 11px;
}

 #footer2 img {
 border: medium none;
 height: 25px;
 width: 29px;
}
 #footer_right {
 color: #888;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-align: center;
 width: 345px;
}
 #SSL {
 width: 60px;
}
 #centre_container {
 background-image: url("Images/centre_back.gif");

}
}



/* 
========================================================================
fourth resolution
========================================================================
*/



@media (min-width: 320px) and (max-width: 399px) {
/*.slicknav_btn {
 background-color: #3d6832 !important;
 cursor: pointer;
 display: block;
 float: right;
 line-height: 1.125em;
 margin: 0 !important;
 padding: 2px 5px;
 position: relative;
 vertical-align: middle;
}
.slicknav_menu {
 background: none repeat scroll 0 0 #3d6832 !important;
 padding: 5px !important;
 position: relative;
 right: 21px;
 top: 0px;
 width: 84%;
 z-index: 0;
}*/

.versions .addtobasket {
 clear: both;
 float: left;
 
}
.versions {
 float: left;
 margin: 10px 0;
 overflow: auto;
 width: 100%;
}
.versions {
 float: left;
 margin: 10px 0;
 overflow: auto;
 width: 100%;
}
.versions .line {
 float: left;
 padding: 5px;

 width: 100%;
 box-sizing:border-box;
}
#cntMain_UC_ProductView_tbcProduct_tabMain_UC_ImageView_pnlImageViewer .imageviewer .mainimage .imageholder {
 height:auto !important;
}
.imageviewer .gallery {
 width: 65%;
}
.imageviewer .gallery .scrollarea {
 width: 100%;
 float: left;
}
 .product div.imagecolumn .largeview {
 width: 65%;
}
.imageviewer .gallery .scrollarea .imageholder a.gallerybutton img {
 width:auto;
}
.imageviewer .gallery .imageholder {
 display: block;
 float: left;
 
border: medium none;
}
.basket div.inputform table.baskettable {
 display: block;
 overflow: scroll;
 width: 100%;
}
.Kartris-DetailsView-Data ul li {
 float: left;
 margin: 5px 0;
 width: 100%;
}
 .Kartris-RadioButtonList ul li {
 float: left;
 height: auto;
 width: 100%;
}
.Kartris-DetailsView-Name {
 display: block;
 float: left;

}
.popup {
 display: block;
 left: 0 !important;
 overflow: scroll;
 width: 90%;
}
 #checkout .checkoutaddress {
 float: left;
 width: 100%;
}
#menubar .dropdownmenu ul.KartrisMenu, #menubar .dropdownmenu ul.KartrisMenu ul {

}

.product div.imagecolumn .imageviewer {
 height: 100px;
 width: 159%;
}

 #pagecontent {
 width: 100%;
}

textarea {
 width: 80%;
}


p {
font-size: 8.5pt;
}

input.button {
 padding: 1px 0;
}
 div#topcontainer {
 padding: 0;

}

#loginstatus {
 color: #3d6832;
 margin-bottom: 8px;
 margin-top: 92px;
 padding: 0;
 width: 100%;
}
 #loginstatus #statuslabel {
 font-size: 110% !important;
 margin-right: 65px;
}
#header_right #loginstatus span.link2 {
 margin-right: 10px;
}
#logospace .logo {
 height: 85px;
 padding: 0;
 width: 100%;
}

 #minibasket h4 a {
 color: #3d6832 !important;
 font-size: 108%;
}
#minibasket h4 a {
 color: #fff;
 font-size: 108%;
}



h4 {
font-size:84% !important;
}
 #menubar {
width: 94%;
}
#menubar .dropdownmenu ul.KartrisMenu li {

 font-size:11px !important;
}
#header_right {
 margin: 0;
 position: relative;
 right: 0px;
 text-align: right;
 top: 0;
 width: 100%;
}
#header_centre {
 padding:7px 0px;
 width:100%;
}
#header {
 height:65px;
}
 #right {
 padding: 0;
 width: 100% !important;
}
 #pagecontent_homepage {
 margin: 0 auto;
 width: 100%;
}


 #lefthandhome {
 float: left;
 text-align: justify;
 width: 194px;
}
 h1 {
font-size: 115%;
}
 #homepageadverts {
 float: right;
 width: 159px;
}
 #homepageadverts img {
 margin-top: 2px;
 width: 140px;
}




 #footer_inside {
 color: #888;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 overflow: hidden;
}
#ShopInfo {
 display: block;
 padding-left: 0;
 width: 100%;
}
#DeliveryShipping {
 display: block;
 padding-left: 0;
 width: 100%;
}
#FunStuff {
 display: block;
 padding-left: 0;
 width: 100%;
}
#CustomerService {
 display: block;
 padding-left: 0;
 width: 100%;
}
#ExtraInfo {
 display: block;
 left: 10px;
 position: relative;
 width: 100%;
}
#ExtraInfo h3 {
 font-size: 11px;
}
#ExtraInfoRow {
 display: block;
 width: 100%;
}

 #footer2 img {
 border: medium none;
 height: 25px;
 width: 29px;
}
 #footer_right {
 color: #888;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-align: center;
 width: 188px;
}
 #minibasket {
 border: medium none;
 left: 0;
 margin: 0 !important;
 position: absolute !important;
 top: 204px;
 width: 100%;
 z-index: 99999;
}
#minibasket_header {
 margin: 0 !important;
 width: 100%;
}
#minibasket h4 {
 width: 96%;
}
#SSL {
 margin-bottom: 15px;
 width: 100%;
}
 #centre_container {
 background-image: url("Images/centre_back.gif");
 width: 94%;
}
 #menubar .dropdownmenu ul.KartrisMenu li a, #menubar .dropdownmenu ul.KartrisMenu li span {
 display: block;


 text-decoration: none;
}
 #currencymenu {
 border: medium none;
 margin: 5px 0 5px !important;
}
 #categorymenu .accordion .AccordionHeader {
 margin-top: 8px !important;
}
}
/* 
========================================================================
fifth resolution
========================================================================
*/



@media (min-width: 240px) and (max-width: 319px) {
 .slicknav_btn {
 background-color: #3d6832 !important;
 cursor: pointer;
 display: block;
 float: right;
 line-height: 1.125em;
 margin: 0 !important;
 padding: 2px 5px;
 position: relative;
 vertical-align: middle;
}
.slicknav_menu {
 background: none repeat scroll 0 0 #3d6832 !important;
 padding: 5px !important;
 position: absolute;
 right: 17px;
 top: 261px;
 width: 80%;
 z-index: 9999;
}

.versions .addtobasket {
 clear: both;
 float: left;

}
.versions {
 float: left;
 margin: 10px 0;

 width: 100%;
}
.versions {
 float: left;
 margin: 10px 0;

 width: 100%;
}
.versions .line {
 float: left;
 padding: 5px;
 text-align: right;
 width: 100%;
 box-sizing:border-box;
}
#cntMain_UC_ProductView_tbcProduct_tabMain_UC_ImageView_pnlImageViewer .imageviewer .mainimage .imageholder {
 height:auto !important;
}
.imageviewer .gallery {
 width: 65%;
}
.imageviewer .gallery .scrollarea {
 width: 100%;
 float: left;
}
 .product div.imagecolumn .largeview {
 width: 65%;
}
.imageviewer .gallery .scrollarea .imageholder a.gallerybutton img {
 width:auto;
}
.imageviewer .gallery .imageholder {
 display: block;
 float: left;

border: medium none;
}
.basket div.inputform table.baskettable {
 display: block;
 overflow: scroll;
 width: 100%;
}
.Kartris-DetailsView-Data ul li {
 float: left;
 margin: 5px 0;
 width: 100%;
}
 .Kartris-RadioButtonList ul li {
 float: left;
 height: auto;
 width: 100%;
}
.Kartris-DetailsView-Name {
 display: block;
 float: left;
 width: 96%;
}
.popup {
 display: block;
 left: 0 !important;
 overflow: scroll;
 width: 90%;
}
 #checkout .checkoutaddress {
 float: left;
 width: 100%;
}
#menubar .dropdownmenu ul.KartrisMenu, #menubar .dropdownmenu ul.KartrisMenu ul {
 top: 10px;
}
#right_pad {
 margin: 80px 0 0;
}
.product div.imagecolumn .imageviewer {
 height: 100px;
 width: 159%;
}

 #pagecontent {
 width: 100%;
}
 input {
 width: 88px;
}
textarea {
 width: 80%;
}
.Kartris-DetailsView-Value {
 width: 190px;
}
#minibasket_header {
 margin: -131px -732px !important;
}
p {
font-size: 8.5pt;
}
 h2 {
font-size:82%;
}
input.button {
 padding: 1px 0;
}


#loginstatus {
 color: #3d6832;
 margin-bottom: 8px;


 width:100%;
 box-sizing:border-box;
}
 #loginstatus #statuslabel {
 margin-right: 15px;
 float:left;
 margin-left:20px;
}
 #logospace .logo {

 width:100%;
}
 #minibasket_header {
 margin: 8px -760px !important;
}
 #minibasket h4 a {
 color: #3d6832 !important;
 font-size: 108%;
}
#minibasket h4 a {
 color: #fff;
 font-size: 108%;
}
 h4 {
font-size:84% !important;
}
 #menubar {
width:217px;
}
#menubar .dropdownmenu ul.KartrisMenu li {
 float: left;
 font-size: 8px !important;
}
#header_right {
 margin: 0;
 position: relative;
 right: 10px;
 text-align: right;
 top: 0;
 width: 350px;
}
#header_centre {
 padding: 20px 7px 10px;
 width: 218px;
}
#header {
 height:65px;
}
 #right {
 padding: 0;
 width: 188px!important;
}
 #pagecontent_homepage {
 margin: 0 auto;
 width: 210px;
}
 .images {
 position: relative;
 width: 182px !important;
 height:62px !important;
}
 #top_home_banner img {
width:182px;
}
 #lefthandhome {
 float: left;
 text-align: justify;
 width: 194px;
}
 h1 {
font-size: 115%;
}
 #homepageadverts {
 float: right;
 width: 159px;
}
 #homepageadverts img {
 margin-top: 2px;
 width: 140px;
}
 #featuredproducts {
 float: left;
 width: 197px;
}
 .products_shortened .item .box {
 width: 177px;
}
 .products_tabular .item {
 float: left;
 padding: 0 20px 10px 0;
 text-align: center;
 width: 177px;
}
 #footer {
 width: 79%;
}
 #footer_inside {
 color: #888;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 overflow: hidden;
}
#ShopInfo {
 display: block;
 padding-left: 0;
 width: 100%;
}
#DeliveryShipping {
 display: block;
 padding-left: 0;
 width: 100%;
}
#FunStuff {
 display: block;
 padding-left: 0;
 width: 100%;
}
#CustomerService {
 display: block;
 padding-left: 0;
 width: 100%;
}
#ExtraInfo {
 display: block;
 left: 10px;
 position: relative;
 width: 100%;
}
#ExtraInfo h3 {
 font-size: 11px;
}
#ExtraInfoRow {
 display: block;
 width: 100%;
}
#footer2 {
 width: 79%;
}
 #footer2 img {
 border: medium none;
 height: 25px;
 width: 29px;
}
 #footer_right {
 color: #888;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-align: center;
 width: 188px;
}
 #minibasket {
 border: medium none;
 left: 0;
 margin: 0 !important;
 position: absolute !important;
 top: 226px;
 width: 220px;
 z-index: 99999;
}
#minibasket_header {
 margin:0px !important;
}
#SSL {
 width: 184px;
}
 #centre_container {
 background-image: url("Images/centre_back.gif");
 width: 243px;
}
 #menubar .dropdownmenu ul.KartrisMenu li a, #menubar .dropdownmenu ul.KartrisMenu li span {
 display: block;
 margin-left: -18px;
 padding: 2px 18px 0 6px;
 text-decoration: none;
}
 #currencymenu {
 border: medium none;
 margin: 19px 0 5px !important;
}
 #categorymenu .accordion .AccordionHeader {
 margin-top: 8px !important;
}
}
#pagecontent {
	overflow: hidden;
}
.slicknav_menu {
	display:none;
}
 @media screen and (max-width: 399px) {


/*#category-toggle {
  display: none; 
}
#categorymenu {
  display: none; 
}
#category-toggle:checked + #categorymenu {
  display: block;
}
#categorymeunblock.infoblock label:hover + #categorymenu {
    display: block;
	visibility:visible;
}
#categorymeunblock.infoblock label:active + #categorymenu {
    display: block;
	visibility:visible;
}
#categorymeunblock.infoblock label:visted + #categorymenu {
    display: block;
	visibility:visible;
}
label {
  cursor: pointer;
}*/
}
/* 
========================================================================
fourth resolution
========================================================================
*/



@media (min-width: 320px) and (max-width:568px) {
.slicknav_btn {
 background-color: #3d6832 !important;
 cursor: pointer;
 display: block;
 float: right;
 line-height: 1.125em;
 margin: 0 !important;
 padding: 2px 5px;
 position: relative;
 vertical-align: middle;
}
.slicknav_menu {
 background: none repeat scroll 0 0 #3d6832 !important;
 padding: 5px !important;
 position: relative;
 right: 21px;
 top: 0px;
 width:100%;
 box-sizing:border-box;
 left:0px;
 z-index:9;
}

.versions .addtobasket {
 clear: both;
 float:left;

 /*width: 91%;*/
}
.versions {
 float: left;
 margin: 10px 0;
 overflow: auto;
 width: 100%;
}
.versions {
 float: left;
 margin: 10px 0;
 overflow: auto;
 width: 100%;
}
.versions .line {
 float: left;
 padding: 5px;

 width: 100%;
 box-sizing:border-box;
}
#cntMain_UC_ProductView_tbcProduct_tabMain_UC_ImageView_pnlImageViewer .imageviewer .mainimage .imageholder {
 height:auto !important;
}
.imageviewer .gallery {
 width: 65%;
}
.imageviewer .gallery .scrollarea {
 width: 100%;
 float: left;
}
 
.imageviewer .gallery .scrollarea .imageholder a.gallerybutton img {
 width:auto;
}
.imageviewer .gallery .imageholder {
 display: block;
 float: left;

border: medium none;
}
.basket div.inputform table.baskettable {
 display: block;
 overflow: scroll;
 width: 100%;
}
.Kartris-DetailsView-Data ul li {
 float: left;
 margin: 5px 0;
 width: 100%;
}
 .Kartris-RadioButtonList ul li {
 float: left;
 height: auto;
 width: 100%;
}
.Kartris-DetailsView-Name {
 display: block;
 float: left;

}
.popup {
 display: block;
 left: 0 !important;
 overflow: scroll;
 width: 90%;
}
 #checkout .checkoutaddress {
 float: left;
 width: 100%;
}
/*#menubar .dropdownmenu ul.KartrisMenu, #menubar .dropdownmenu ul.KartrisMenu ul {
    top: 10px;
}*/

.product div.imagecolumn .imageviewer {
 height: 100px;
 width: 159%;
}

 #pagecontent {
 width: 100%;
}

textarea {
 width: 80%;
}


p {
font-size: 8.5pt;
}

input.button {
 padding: 1px 0;
}


#loginstatus {
 color: #3d6832;


 padding: 0;
 width:60%;
 float:left;
 margin:10px 15px;
 position:relative;
 z-index:999999999;
}
 #loginstatus #statuslabel {
 font-size: 110% !important;
 margin-right:20px;

 float:left;
}
#header_right #loginstatus span.link2 {
 margin-right: 10px;
 float:left;
}
#logospace .logo {
 height: 85px;
 padding: 0;
 width: 100%;
}

 #minibasket h4 a {
 color: #3d6832 !important;
 font-size: 108%;
}
#minibasket h4 a {
 color: #fff;
 font-size:14px;
font-weight:normal;
}



h4 {
font-size:84% !important;
}
 #menubar {
width:100%;
box-sizing:border-box;
}

#header_right {
 margin: 0;
 position: relative;
 right: 0px;
 text-align: right;
 top: 0;
 width: 100%;
}

#header {
 height:65px;
}
 #right {
 padding: 0;
 width: 100% !important;
}
 #pagecontent_homepage {
 margin: 0 auto;
 width: 100%;
}
 .images {


 height:182px !important;
}
.images img{ min-height:182px !important;}

 #lefthandhome {
 float: left;
 text-align: justify;
 width: 194px;
}
 h1 {
font-size: 115%;
}
 #homepageadverts {
 float: right;
 width: 159px;
}
 #homepageadverts img {
 margin-top: 2px;
 width: 140px;
}
 #featuredproducts {
 float: left;

}



 #footer_inside {
 color: #888;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 overflow: hidden;
}
#ShopInfo {
 display: block;
 padding-left: 0;
 float:left;
 width:48%;
 margin-bottom:20px;

}
#DeliveryShipping {
 display: block;
 padding-left: 0;
 width:50%;
 float:left;
 border:none;
}
#FunStuff {
 display: block;
 padding-left: 0;
 width:45%; float:left;
}
#CustomerService {
 display: block;
 padding-left: 0;
 float:left;
 width:50%;
 margin-bottom:20px;
 border:none;

}
#ExtraInfo {
 display: block;
 left: 10px;
 position: relative;
 width: 100%;
}
#ExtraInfo h3 {
 font-size: 11px;
}
#ExtraInfoRow {
 display: block;
 width: 100%;
}

 #footer2 img {
 border: medium none;
 height: 25px;
 width: 29px;
}
 #footer_right {
 color: #888;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-align: center;
 width: 188px;
}
 #minibasket {
 border: medium none;
 left: 0; right:0;
 margin: 0 !important;
 position: absolute !important;
 top:91px;
 width: 100%;
 z-index: 99999;
}
#minibasket_header {
 margin: 0 !important;
 width: 100%;
}
#minibasket h4 {
 width: 96%;
}
#SSL {
 margin-bottom: 15px;
 width: 100%;
}
 #centre_container {
 background-image: url("Images/centre_back.gif");
 width: 94%;
}
 #menubar .dropdownmenu ul.KartrisMenu li a, #menubar .dropdownmenu ul.KartrisMenu li span {
 display: block;

 text-decoration: none;
}

 #categorymenu .accordion .AccordionHeader {
 margin-top: 8px !important;
}
    
}

@media (max-width:990px) {
##pagebody {
width:96%;
padding:0 2%;
}
#right {
width:25%;
}
#pagecontent_homepage {
width:72% !important;
}
#lefthandhome {
width:70% !important;
}
#homepageadverts {
width:26%;
}
#homepageadverts img {
max-width:100%;
}
 #centre_container {
 width:100%;
padding:0;
margin:0;
}
 #pagecontent {
 width:72%;
}
}
 @media (max-width:799px) {
#centre_container {
background-image:inherit !important;
}
#footer {
 padding: 30px 0px 30px 0px;
 clear: both;
 text-align: left;
 margin:1px 0;
 background-position: left top;
 background-repeat: repeat-x;
 background-color: #FFF;
}
#footer2 {
 padding: 30px 0;
 clear: both;
 text-align: center;
 margin:1px 0px;
 background-position: left top;
 background-repeat: repeat-x;
 background-color: #FFF;
}
}

 @media (max-width:680px) {
  .js .KartrisMenu {
 display:block;
}
 #categorymenu, #categorymeunblock, #recentlyviewed {
 display:none;
}
 .js .slicknav_menu {
 display:block;
}
.infoblock{ border:none; }
#currencymenu{ padding:0px; margin:0px;}
#pagebody{ width:96%; margin:0; padding:0 2%;}
#right, #pagecontent_homepage, #pagecontent{ width:100% !important; margin:0; padding:0;}

 }
  @media (max-width:400px){
 
    .product div.imagecolumn
    { width:100%;
      margin:0; padding:0;
    }
  }
  @media (max-width:560px){
  .products_tabular .item{ width:29%;}
  #section_searchbox{margin:4px 0 0 0;}
  
  }
  
   @media (max-width:500px){
   .products_shortened .item{ width:47%; margin:5px 1%; }
    .subcategories_shortened .item
    { width:30%;margin:5px 1%;
    }
   }
    @media (max-width:385px){
	#menubar .dropdownmenu ul.KartrisMenu li a, #menubar .dropdownmenu ul.KartrisMenu li span {
    padding: 2px 6%;
}
#menubar{ height:20px;}
 .subcategories_shortened .item
    { width:47%;margin:5px 1%;
    }
	}
   
    @media (max-width:360px){
	#lefthandhome, #homepageadverts{ width:100% !important;}
	#homepageadverts img{ clear:both; width:100%; float:left; margin:5px 0;}
	.link2 {
    float: left;
}
#CustomerService, #ShopInfo, #DeliveryShipping, #FunStuff{ width:100%; margin:10px 0;}
#footer, #footer2{ padding:10px 0;}
#loginstatus #statuslabel{ display:none;}
	}
	    @media (max-width:400px){
		.products_tabular .item{ width:46%;}
		}

.hidden
    { display:none;
    }

@media (max-width:767px)
{
    .visible
    { display:none;
    }
    .hidden
    { display:block;
    }