
* {  margin: 0;  padding: 0;  box-sizing: border-box; }

html, body { height: 100%; font-size: 62.5%; }

@font-face {
    font-family: 'capsuularegular';
    src: url('fonts/Capsuula-webfont.eot');
    src: url('fonts/Capsuula-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Capsuula-webfont.woff') format('woff'),
         url('fonts/Capsuula-webfont.ttf') format('truetype'),
         url('fonts/Capsuula-webfont.svg#capsuularegular') format('svg');
    font-weight: normal;
    font-style: normal;

}





body {  font-size: 1.5em; 
  font-weight: 500;
background:white;
color: #404040;

font-family: 'Open Sans', sans-serif;
/* 

background:white;
font-family: Verdana, Geneva, sans-serif;
color:#162E5A;
  background: linear-gradient(to top, #F98CAB, #008001) fixed;
font-family: 'Open Sans', sans-serif;


font-family: 'Libre Baskerville', serif;
font-family: 'Merriweather', serif;
 */

font-family: Verdana, Geneva, sans-serif;
}





#pageloaded {width:98%;text-align:center;background:black;color:white:padding:2em; opacity: 0.8;font-size:3em;}




a:link, a:visited, a:active { text-decoration:none;outline: 0; 	color:#1479BC;		}
a:hover { text-decoration:none;							color:#21708E;		}


.footerlink, a.footerlink:link, a.footerlink:visited, a.footerlink:hover  {color:silver;}


a.current:link, a.current:visited {	color: white;}

/* 
.backlink a:link, .backlink a:visited  {font-weight: bold;	font-size:1em;padding:5px;margin-top:2px;background:purple;}


a.sitemaplinksmall:link,a.sitemaplinksmall:visited {font-weight: bold;	font-size:1.1em;margin 5px 0; color:#154A6F;}
 a.sitemaplink:hover, a.sitemaplinksmall:hover {color:black;}




a.wht:link, a.wht:visited  {font-weight: bold;text-decoration:none;}
a.wht:hover {color: white; text-decoration:none;}

*/





#wrapper {background:white;margin:0 auto;min-height:200px;padding:0px 0;margin-top:0px;
border-radius:10px;

/*border-radius:0 0 10px 10px;
  the order top-left, top-right, bottom-right, bottom-left

*/
}

#headertop{height:10px;}
#header{margin:0px auto ;min-height:100px; text-align:center; position:relative;background:transparent;color:navy;border-radius:10px 10px 0 0;
/*
border-radius:10px 10px 0 0;
*/
}

							/* ============ MAX WIDTH =======================*/
					#wrapper , #header {max-width:1500px;} /* ============ MAX WIDTH =======================*/







#footer {text-align:center;font-size:0.75em;color:silver;	clear:both;} 

.footermessage{display:none;}


/*--- HEADINGS ---*/
h1, h2, h3, h4, h5, h6, .biggy { font-family: 'Open Sans', sans-serif;}

h1{font-size:3.25em; }
h2{font-size:1.5em; 	margin:0;  }  /* used for product name on details page and cart*/
h3{font-size:1.75em; margin-bottom:0.5em; color:#2986A9;} /* page heading and sitemap box title */
h4{font-size:1.2em;	margin:0;  font-weight:bold; } /* used for featured items bar text */
h5{font-size:1.2em; margin:0; font-weight:bold;  } /* font-family:sans-serif;used for product name in list page and shopping cart*/
h6{font-size:1.5em; color:red;} /* used for blog headings */




#header h3{font-size:5em; font-family: 'Pacifico', cursive; display: inline;line-height:2em;color:#50B2D6;}
#header h2{font-size:5em;display: inline;font-family: 'capsuularegular';  font-weight: bold;color:#FFB063;}
#header h4{font-size:5em; font-family: "Times New Roman", Times, serif;;display: inline;color:#29B95F}

#header h3{color:white;}
#header h2{color:white;}
#header h4{color:white;}









 /*   ================
#header h3{color:black;}
#header h2{color:black;}
#header h4{color:black;}

h1 a:link, h1 a:visited, h1 a:hover {text-decoration:none;outline: 0;color:#004D4D;}
h5 a:link, h5 a:visited, h5 a:hover {text-decoration:none;outline: 0;color:#004D4D;}
h5 a:hover {color:#004D4D;}





==============   */

.productselect{margin:10px 0;   font-size: 1em;} /* detail options select */

.styled-select {margin-bottom:10px ;
 /*   background: url('graphix/15xvbd5.png') no-repeat 96% 0;*/
   height: 2em;
   overflow: hidden;
 /*  width: 240px; */
 width: 90%;
}
.styled-select select {
   background: transparent;
   border: none;

   height: 2em;
   padding: 0px; /* If you add too much padding here, the options won't show in IE */
/*   width: 268px; */
  width: 100%;
}

.semi-square {   border: 1px solid #ccc;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
/*---------------------------*/

.discountbox {max-width:600px;   border: 1px solid #0070CA;    color: #00529B;    background-color: #fff;margin:10px auto;padding:5px;
-moz-border-radius:.5em;-webkit-border-radius:.5em;border-radius:.5em;}

.productaddeddiv, .productaddeddiverror {display:none;color:green;font-size:11px;background:#D7FFD7;margin:0px auto;font-weight:bold;
text-align:center;width:90%;padding:3px;
     -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;border:1px solid green;font-family:Arial, Helvetica, sans-serif;margin-bottom:1px;}

.productaddeddiverror {color:red;background:pink;border:1px solid red;}
.productaddeddiv img {height:15px;width:20px;}

.productcost {	font-size:1.5em;font-weight: bold;
background-color:transparent;border:0px solid #fff;padding:1px;
} /*---------like hugeblu------------------*/



    .textbox {margin:5px;       background-color : white;  color : black; 
        font-family:sans-serif;  font-size:1em;	padding:5px;border:1px solid #CCC;border-radius:3px; } 


.iconlink{width:30px;height:30px;margin:0;}

ul.spec {	margin:0.25em 0;	list-style-position: inside; 	}
ul.check {	margin-left:0em;margin-top:10px;	list-style-position: inside;	}



hr.blk {    border: 0;    height: 1px;
    background: -moz-linear-gradient(left center, transparent, black, transparent);
    background: -webkit-gradient(linear, left center, right center,
                                 color-stop(0, transparent),
                                 color-stop(0.5, black),
                                 color-stop(1, transparent));
}

hr.grn {    border: 0;    height: 1px;
    background: -moz-linear-gradient(left center, transparent, black, transparent);
    background: -webkit-gradient(linear, left center, right center,
                                 color-stop(0, transparent),
                                 color-stop(0.5, #CCE953),
                                 color-stop(1, transparent));
}







ul.check {	margin-left:1em;margin-top:10px;list-style-type: square;	list-style-position: inside;	}


ul.check2 {list-style:none;	margin-left:0em;margin-top:1em;	list-style-image:url(graphix/checkbg.png);	list-style-position: inside;	}


ul.check2b {	margin-left:0em;margin-top:10px;	list-style-position: inside;	}






.productbox {background:#fff;border-radius:10px;padding: 5px;display:inline-block;width:23%;margin:5px;font-size:1em;border:1px solid silver;vertical-align:top;text-align:center;}








#mynav{margin:0 auto;text-align:center;padding:0;margin-top:0px;padding-top:0;	 width:100%;border-bottom:0px solid red;	 background: #A8DAED ;
border-radius:10px 10px 0 0;}
#mynav ul {  text-align: left;  display: inline;  margin: 0;  list-style: none;}
#mynav ul li {min-width:40px;text-align:center; 	  font-weight: bold; font-size:1.5em;padding:0;border-right: 1px solid #fff; 
display: inline-block;  margin-right: -4px;  position: relative;-webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -ms-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s;}

#mynav ul li a { display: block;width:100%;height:100%;text-align:left;margin:0;cursor:pointer; color:#404040;padding:10px 1em;	/* top row padding */ }

#mynav ul li a:hover {		background:#50B2D6;		color:white;}


/* ------ dropdown ------ */
#mynav ul li ul {  padding: 0;  position: absolute;   		top: 2.1em; 	width: 220px;	/* dropdown positioning and width */
left: 0;  display: none;  opacity: 0;  visibility: hidden;  -webkit-transiton: opacity 0.2s;  -moz-transition: opacity 0.2s;  -ms-transition: opacity 0.2s;  -o-transition: opacity 0.2s;  -transition: opacity 0.2s;}

#mynav ul li ul li {padding :0;  display: block;   border-top:0px; z-index:10000; font-size:0.85em;   background:#A8DAED; border:1px solid white;}

#mynav ul li:hover ul {  display: block;  opacity: 1;  visibility: visible;}
#mynav ul li ul li a { display: block;width:100%;height:100%;text-align:left;margin:0;cursor:pointer; padding: 12px 5px; color:#404040;}	/* dropdown padding */

#mynav ul li ul li a:hover{		color:white; 		background:#50B2D6;} 

#mynav ul li.last ul {  left: auto;  right: 0px;   /* width:100px; */   }
#mynav li.wide {  left: auto;  right: 0px;    width:220px;  }
/* #mynav ul li.last {border-right:none;} */
#mynav ul li.redr {border-left:1px solid white;border-right:none;}
#mynav ul li.redr a{background:red;color:#fff;}
#mynav ul li.redr a:hover{background:#800000;color:white;}





.catbox {display:inline-block;margin:3px;background:#A8DAED;color:#404040;  border-radius: 3px;
font-size:1em;font-weight:bold;text-decoration:none;
padding:0.3em 0.5em;
/* text-transform:uppercase; 
border-radius:5px;border:1px solid silver;border-radius:3px;border:
*/
min-width:80px;
}

.catboxbig, .catboxbig:hover{padding:10px 5px;font-weight:bold;background:#50B2D6;margin:5px;color:  white;border-radius: 3px;}

.catbox:hover, .chosen {color:  white;	 background: #50B2D6 ;}
.nolink,  .nolink:hover{border:0;background:white;color:#404040; }


.elementcarty{background: #D8EFF8 ;}


/* ===================================*/

.sprite { background: url(graphix/socialsprites.png) no-repeat top left; width: 32px; height: 32px; display:inline-block; margin:5px auto;margin-left:10px;} 
.sprite.facebook { background-position: 0 0; } 
.sprite.twitter { background-position:-32px 0px; }
.sprite.youtube { background-position:-64px 0px; }
.sprite.google { background-position:-96px 0px; }
.sprite.linkedin { background-position:-128px 0px; }
.sprite.pint { background-position:-160px 0px; }
.sprite.rss { background-position:-192px 0px; }
.sprite.instagram { background-position:-224px 0px; }



.circle {width: 20px;height: 15px;background: white;border:1px solid silver;	border-radius: 50%;margin-right: 3px;}


/* ===================================*/
#srchouter{position:relative;text-align:left;width:210px;}
#srch{position:relative;					border:1px solid 	silver	 ; 
width:200px;height:38px;border-radius:0px; background:white;}
.srchinput{margin: 2px;padding-left:5px;width:150px;height:30px;border:1px solid #fff;}
.srchbutton {float:right;background: silver ;width:30px;border:0px;height:36px;margin:0px;cursor: pointer;}
#srch img{width:15px;height:15px;}

/*
input[type="radio"], input[type="checkbox"] {        display: none;    }
*/

input[type="checkbox"] { opacity: 0;}
input[type="radio"] { opacity: 0;}
label {line-height:30px;   margin-left:-15px;     padding-left: 23px;   min-width:120px;    background: url('graphix/chks.png') no-repeat top left;  }
input[type="checkbox"] + label,    input[type="radio"] + label   {  background-position: 0 -4px; width: 25px; height: 25px;  }

input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
background: /*gold*/ url('graphix/chks.png') no-repeat top left; 
 background-position: 0 -25px; width: 25px; height: 25px; 
/*border:1px solid gold; padding-right:5px;*/
}

.ibxy{display:inline-block;}

/* ----------- searchdropdown ------------- */
.dropdownouter {width:100%;position:relative;z-index:3000;}
.dropdowntable td a{display: block;padding:10px;border:0;		font-size:14px;}
.dropdowntable tr:hover { background: white; }
a.dropdown:link, a.dropdown:visited {color:black;text-decoration : none;}
a.dropdown:hover, a.dropdown:active {color:blue;}
.dropdowninput {background-color :white;width:95%;border : 1px solid #C0C0C0;padding : 2px ;color : black; font-size:14px;}  
.dropdownbox{position:absolute;top:18;left:0;width:100%;  width:550px;	text-align:left;z-index:9999;display:none;}
.dropdownresults{width:100%;margin:0;padding:0px;position:relative;z-index:9999;	background: #D8EFF8;
border:1px solid silver;border-right:2px solid #404040;border-bottom:2px solid #404040;
}
/* --------------------- */

#rtreturn{line-height:1em;color:red;font-weight:bold;margin:0 0 10px 30%;font-family: Helvetica, Sans-Serif;font-size:1em;text-align:left;}
#rtsent{line-height:1em;color:red;font-weight:bold;margin:0 0 10px 10px;font-family: Helvetica, Sans-Serif;font-size:1em;color:green;background:white;border-radius:5px;padding:5px;display:none;text-align:center;}
.rtform{ width:98%;	margin:10px auto ;border:0px solid black;
display: inline-block;float:none;position:relative;
border-radius:10px;padding:10px 0;text-align:center;		background:#D8EFF8;

/* max-width:800px; */
}
.rtform fieldset{border:0px;}
.rtform label.textbox-label{text-align:right;   background:transparent;font-size: 1.0em;
	width:20%;	display:inline-block;	float:left;	height:20px;
	margin-bottom:10px;padding-right:5px;}

.rtform label span{	font-size:9pt;	color: red;	padding-right:3px;}
.rtform input, textarea, select{	background-color:#fff;	color:#000;	font-size:10pt;font-family: Sans-Serif; 
	width:70%;margin:-7px 0px 15px 0px;	padding:5px;border:1px solid #CCC;border-radius:3px;}
.largertextarea, .largertextarea:focus{width:70%;	margin-top:0px;}

.rtformbutton{	color:#fff;	background-color:#08ABF0;
padding:5px 10px;	width:auto !important;border-radius:5px;}
a.rtformbutton:link, a.rtformbutton:visited {color : #fff;text-decoration : none;}

.rtformbutton:hover{width:auto !important;	background-color:#234B90;}



/* ------------------featured items----------------------


.featuredslider {	left: -5000px; 	margin:0px auto; 	position:relative; 	visibility:hidden;text-align:left;}
.featuredslider ul {max-width:900px; }
.featuredslider ul li {	padding:  0px ;margin:5px;}
.featuredslider ul li img {border:0;	cursor:pointer;	height:100px;	padding:0;	width:100px;  }

.featurebox {margin:0 auto;text-align:center;font-size:11px;
width:140px;min-height:170px;
padding: 10px; border: 1px solid silver;
background: #fff;
   -webkit-border-radius: 8px ;
	-moz-border-radius: 8px ;
    border-radius: 8px ;
display:inline-block;
}



.inputy {width:40px;font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	color: black;	background-color: #fff;	border: 1px solid #C0C0C0;	padding: 2px;} 


------ */


/* ------------------- button--------------------------- */
.buttong {	display: inline-block;color:white;
	zoom: 1; 
	vertical-align: baseline;
	margin: 3px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
border:0;
font-weight:bold;
 /*  			text-shadow: 0 1px 1px rgba(0,0,0,.3);		font-family: 'Oswald', Arial, sans-serif; border-radius: 0.5em;	 */

}

.buttong:hover {text-decoration: none;background:black;}
a.buttong:link, a.buttong:visited {color: white;}

.bigroundedy {border-radius: 2em;	font-size: 1em;padding:0.5em 1em;padding:8px 10px 8px 10px;}

.small2 {	font-size: 0.75em; padding:0.25em 0.5em  0.3em;border-radius: 0.5em;}
.small {	font-size: 1em;	padding: .25em 1em .275em;}
.mini{	font-size: 10px;padding:3px;}

.min {	font-size: 1em;	padding: 0.7em; margin:0 10px;}  /* ------------buy button--------------------------------- */


.green, .green a:link, .green a:active, .green a:visited{background-color:green;color:white;}
.green a:hover{background:#7c16cb;color:red}



.nill{	font-size: 12px;padding:0;margin:5px;}


.bigrounded {border-radius: 3px;	font-size: 1.1em;padding:0.5em 1em;padding:8px 10px 8px 10px;
}
/* --------------------------------------------- */



/* ============================= */
/* ============================= */
/* ============================= */
/* =========== customise ==========
a.mybutton:hover,  .mybutton:hover{background:#66E495;color:white ; }

=========================== */

.buttong a:link, .buttong a:visited{color: white;font-weight: bold;}
a.mybutton,  .mybutton{FONT-WEIGHT: bold;	color: white;	border: solid 0px #538312;	background: #29B95F;border-radius: 3px;}


a.mybutton,  .mybutton{	background:#404040;};
a.mybutton:hover,  .mybutton:hover{background:black;color:white ;}



.associatedbox {background:#fff;border-radius:10px;padding: 10px;display:inline-block;width:180px;margin:5px;font-size:0.8em;border:1px solid silver;min-height:180px;vertical-align:top;}



.toplinkbox {display:inline-block;margin:5px;background:white;font-size:1.1em;font-weight:bold;padding:0.1em 0.5em;border-radius:5px;text-decoration:none; }
.toplinkbox:hover {color:black;}



.sitemapbox, .sitemapboxoffers  {padding:10px;text-align:left; margin:10px 5px;display:inline-block;vertical-align:top;background: #FFEAD5;background: white;
border:0px solid #ccc;   border-radius: 0px;margin-bottom:20px;width:280px;}



#graybar {text-align:center;width:100%;background:#D8EFF8;padding:5px 0px;border: 0px solid #D8EFF8;}








.especialy{position:absolute;top:0px;left:5px;width:60px;height:18px;background: url(graphix/specl.png) no-repeat;}



.roundbox {text-align:left;width:100%;background:#eee;padding:10px;border: 3px solid blue;
    border-radius: 10px;
}


/* ============================= */
/* ============================= */
/* ============================= */
/* =========== end customise =========== */
/* ============================= */


.shadowbox {border:0px solid silver;padding:3px;min-width:128px;display:inline-block;margin:5px;border-radius:3px;
-webkit-box-shadow: 2px 2px 12px -1px rgba(128,128,128,1);
-moz-box-shadow: 2px 2px 12px -1px rgba(128,128,128,1);
box-shadow: 2px 2px 12px -1px rgba(128,128,128,1);
}





.rating{font-family:Arial, Helvetica, sans-serif;	width:80px;	height:16px;
	margin:0 0 0px 0;	padding:0;	list-style:none;	clear:both;	position:relative;
	background:  url(graphix/star-matrixorig.gif) no-repeat 0 0;}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {display:inline; list-style:none;
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {position:absolute;	left:0;	top:0;	width:16px;	height:16px;	text-decoration:none;	z-index: 200;}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {	z-index:2;	width:80px;	height:16px;	overflow:hidden;	left:0;		background: url(graphix/star-matrixorig.gif) no-repeat 0 0}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

#starbox div, #starboxg div  {left:0px; bottom:0px; background-position:left top;font-size:10px;font-family:Arial, Helvetica, sans-serif;}
/* end rating code */

/* -------- */
#starRater {position:relative; margin:0px; overflow:hidden; zoom:1;font-size:10px;z-index:5;font-family:Arial, Helvetica, sans-serif;}
#starRater ul {width:160px; margin:0; padding:0;}
#starRater li {display:inline; list-style:none;}
#starRater a, #starRater b {background:url(graphix/star-rate.png) left top repeat-x;}
#starRater a {float:right; margin:0 80px 0 -144px; width:80px; height:16px; background-position:left 16px; color:#000; text-decoration:none;}
#starRater a:hover {background-position:left -32px;}
#starRater b {position:absolute; z-index:-1; width:80px; height:16px; background-position:left -16px;}
#starRater div b {left:0px; bottom:0px; background-position:left top;}
#starRater a span {position:absolute; left:-300px;}
#starRater a:hover span {left:90px; width:100%;}




.google-maps { position: relative;   padding-bottom: 75%; // This is the aspect ratio     height: 0; overflow: hidden;}
.google-maps iframe {position: absolute;top: 0; left: 0; width: 100% !important; height: 100% !important; }


ul.tabs { margin: 0; padding: 0; list-style: none; height: 33px; /*--Set height of tabs--*/
 width: 100%; display: block;}
ul.tabs li {border-radius: 3px 3px 0px 0px;  float: left; margin: 0; padding: 0; height: 32px; 
 line-height: 32px; /*--Vertically aligns the text within the tab--*/
 border-bottom: 1px solid #ccc; border-left: 0px solid white; overflow: hidden; position: relative; background: #eee;margin-right:3px;}

ul.tabs li a {border: 1px solid #ccc;  text-decoration: none; display: block; font-size: 1em; padding: 0 15px; outline: none;}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
 background: white; border:1px solid silver;border-bottom:0;}
ul.tabs li a:active { background: white;}

.tab_container {margin-top:-2px; background: white; overflow: hidden; clear: both;float: left; width: 100%; margin-bottom: 5px;border:1px solid #ccc;}
.tab_content {text-align:left; padding: 15px 18px 10px; font-size: 1em;}
.tab_content p {margin-bottom: 1em;}




/* --------------------------------------- */
ul {    list-style-position: inside;}
#blogcats{text-align:right;padding-right:10px;}
#blogsrch{position:relative;width:250px;height:32px;background:white;border:1px solid #000;float:right; 
border-radius:5px; 	-moz-border-radius:5px;	-webkit-border-radius:5px;}
.blogsrchinput{margin: 2px;padding-left:5px;width:180px;height:25px;border:1px solid #fff;}
.blogsrchbutton {float:right;background: #9DE6D2;
width:30px;border:0px;height:28px;margin:1px;cursor: pointer;}


.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:5px; -moz-border-radius:5px; border-radius:5px; background:#fff url(graphix/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(graphix/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}
#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}



/* --------------------------------------- */

#zoomer {margin:0 auto;border:0px solid silver;max-width:300px;height:340px;font-size:0.8em;text-align:center;}
#zoomerbottom {text-align:center;font-size:0.8em;margin-top:3px;}
.zthumbnail { margin:0px; padding:0px; outline:none;}
.zthumbnail img {border:1px solid silver;max-width:70px;}
.zthumbnaily img {border-top:0px;}
#zoomsurround {border:0px solid #ccc;padding:1px 1px 10px 0px;text-align:center;font-size:0.7em;
width:100%; min-width: 200px; max-width: 400px;	margin:0 auto;    }
/* Image expands to width of surround */
img.cloudzoom { width:100%; }
 /* CSS for slider - will expand to width of surround  max-height:100px;*/
 #zoomslider {margin;0; border-top:0px solid #eee; position:relative; }
#zoomslider img {width:70px;height:70px;border:1px solid silver;}
#zoomsurround .zoomdescription{height:20px;background:#eee;font-size:width:100%;font-family:Arial, Helvetica, sans-serif;text-align:center;position:absolute;left:0;bottom:0;}

.cloudzoom-caption {    display:none;   text-align: left;  background-color:#eee;  color:#666; font-weight:normal; padding:5px; font-family: sans-serif; font-size:10px;}
/*------------------------------------*/


img{width:100%;	height:auto;	color:#c00;}
table{border-collapse:collapse;}
.printonly{display:none;}
p {  margin-top: 0; }
.text-centre{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.inner{padding:0 0.5em;margin:0 auto;}
.rred{color:red;}
.grn{color:green;}
.blk{color:black;}
.blu{color:blue;}
.smally{font-size:0.7em;}
.tiny{font-size:0.7em;font-weight:normal;}
.norm{font-family:Arial, Helvetica, sans-serif;font-weight:normal;background:transparent;font-size:0.75em;}
.notmob{display:block;}
.mobonly{display:none;}
.null {display:none;}

/*------------------------------------*/
/* -- grid -- */




.row {min-height:10px;position:relative;background:transparent;  margin: 0 auto;   width:98%; margin: 0 auto 5px;}

.row:after {    content: "";    display: table;    clear: both; }

[class*='bit-'] {
  float: left;
  padding: 0.3em; 
/*   								border:1px dashed red;		*/
			
				
}



.rtol {
  float: right;
  padding: 0.3em; 
/*   
 background:cyan;border:1px solid red;
 */
}


.tope{margin:0px 0;padding-bottom:0;width:100%;}
.tope2{margin:10px 0;padding-bottom:0;}



/*
.bit-2 {  width: 50%; }
.bit-3 {  width: 33.33333%; }
.bit-4 {  width: 25%; }
.bit-5, .bit-20 {  width: 20%; }
.bit-6 {  width: 16.66667%; }
.bit-7 {  width: 14.28571%; }
.bit-11 {  width: 9.09091%; }
.bit-12a {  width: 8.33333%; }
.bit-9 {  width: 11.11111%; }
*/

.bit-1 {  width: 100%; }
.bit-10 {  width: 10%; }
.bit-125 {  width: 12.5%; }
.bit-15 {  width: 15%; }
.bit-20 {  width: 20%; }
.bit-25 {  width: 25%; }
.bit-27 {  width: 27%; }
.bit-30 {  width: 30%; }
.bit-33 {  width: 33.3%; }
.bit-35 {  width: 35%; }
.bit-40 {  width: 40%; }
.bit-50 {  width: 50%; }
.bit-60 {  width: 60%; }
.bit-65 {  width: 65%; }
.bit-70 {  width: 70%; }
.bit-73 {  width: 73%; }
.bit-75 {  width: 75%; }
.bit-80 {  width: 80%; }
.bit-85 {  width: 85%; }
.bit-90 {  width: 90%; }

/* --  -- */
@media (max-width: 30em) {
	.grid {width:100%; background:transparent;}
	.notmob{display:none;}
	.mobonly{display:block;display:inline;}

	h1, h2, h3, h4, h5, h6, sitemaplinksmall {

	font-style: normal;
	font-weight: bold;
	font-size:1.1em;
	}

	h1{font-size:2em}
	h2, h3{font-size:1.3em}

	.dropdownbox{width:280px;}

#blogcats{text-align:center;}
#blogsrchy{float:left; }
#zoomsurround{width:50%;}
#container {width:99%;margin-left:0px;padding-left:0;}
.elementy{width:90%;}





}





/* --  -- */

@media only screen and (max-width: 720px) {

	#headertop{display:none}
	.grid {width:100%; background:transparent;}

	.notmob{display:none;}
	.mobonly{display:block;display:inline;}

	.half {width:50%;}

	h1{font-size:2em}
	h2, h3{font-size:1.3em}


#header h3, #header h2, #header h4{font-size:2em;}



.sitemapbox{max-width:250px;}

#mynav{display:block;}
#mynav ul li {font-size:1em;}
#mynav ul li ul li { font-size:1em; }
.toplinkbox {font-size:1em;margin:0px;}

#blogcats{text-align:center;}
#blogsrchy{float:left; }
#zoomsurround{width:50%;}


.rtform input,.rtform textarea,.rtform select{	width:98%;}

#foptions{width:100%;}

.elementy{width:250px;}
.listviewy .thepic{width:100%;} 
.listviewy .thedetails{width:100%;} 
.listviewy .prodname{height:4em;} 
.listviewy .thebuttons{width:100%;} 

.listviewy .elementcarty{margin:0px;}

 .listviewy .thedetails{display:none;} 
/**/

}








@media (min-width: 1200px) { 
#mynav ul li a{ padding:0.5em 1.5em;	/* top row padding */ }
h1{font-size:4em;}
/*
#mynav ul li a{font-size:1.25em;}
#mynav ul li ul { top: 4em; }
#mynav ul li ul {  width: 250px;}
#mynav li.wide {  width: 280px;}
 */


}

