/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


img {
    -ms-interpolation-mode: bicubic;
}

/*MAIN CSS*/
html{height: 100%; margin-bottom: 1px}

body {font-size:75%;color:#222;background:#CFCFCF;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}

html,body{margin:0;padding:10px 0 20px 0}

div.container {
  width: 960px;
  margin: 30px auto 20px auto;
  background: #FFFFFF;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -moz-box-shadow:    0 0 4px 8px #BFBFBF;
  -webkit-box-shadow: 0 0 4px 8px #BFBFBF;
  box-shadow:         0 0 4px 8px #BFBFBF;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}

h1 {font-size:2.4em;line-height:1em;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

div{font-size:1em;}

p      {font-size:1em;padding:0.4em 2em;line-height:1.6em; margin-bottom:1em;}
strong {color:#333333;font-weight:bold;}
b      {color:#333333;font-weight:bold;}


a,
a:link, 
a:active, 
a:visited {color:#4d4d4d;text-decoration:underline;}
a:hover   {color:#808080;font-weight: normal; }
	

blockquote {
	margin:0 2em 1em 2em;
	background: #EFEFEF;
	padding: 1em;
}

blockquote p { padding:0}



#header{ width: 100%; margin:0px auto;padding: 0; height:80px; padding-top:14px;}
#header div.sitetitle {
    font-size:2em;
    padding:8px 5px 0 15px;
	font: 40px/48px 'Oswald', Arial, sans-serif;
	letter-spacing: 0;
	color: #333333;
	margin:0px;
	letter-spacing: -2px;
}
#header div.sitetitle a { text-decoration: none; color:inherit; }
#header div.sitetitle { float:left; }
#header .social {
	float: right;
	padding-right: 12px;
	padding-top: 12px;
}

#header .social img {
  opacity: .5;
  padding: 4px;
}

#header .social img:hover {  
  opacity: 0.9;
}


#social-icons       { padding:1em 1em 0 0; margin: 0 1em 2em 1em; height: 40px; }
#social-icons p     { float:left; margin-bottom:0; padding-bottom:0.4em; }
#social-icons ul    { padding: 3px 0 0 0; margin-bottom:0; list-style:none; }
#social-icons ul li { float:left; list-style-type: none; padding:0 2px 0 2px; margin-bottom:0;}
#social-icons img { opacity: .5; padding: 4px; }
#social-icons img:hover { opacity: 0.9; }



#header-components { overflow:hidden; }

#contact-details-horizontal { float:right; font-size:.9em; padding-right:14px; }

div#side { padding-top:0; }

div#side p { padding:1em 1em 0em 1em; }

.side-unit { background: #f7f7f7; }
.side-unit h4 { background: #EFEFEF; margin: 0px; padding: .3em .5em; font-weight:bold;}
.side-unit p { margin: 0px; padding:1em 1em 0em 1em; }
.side-unit div { margin: 0px; padding:1em; }
.side-unit pre {font-family:'Monospace'; }
.side-unit span { margin: 0px; padding:0em 0em .5em 0em; text-decoration:underline; font-weight:bold;}

#g_map { background:white;border:1px solid black;cursor:pointer;margin:1em 0 1em 0; padding:0em; width: 230px; height:280px; }

#main { margin:0 5px 5px 5px; padding:0 5px 5px 5px;}
#main img { margin: 0; padding: 0; }

#main ul    {padding:0;margin:0 0 1.5em 2em;line-height:1.4em;list-style-type:disc;}
#main ul li {padding:0;margin:0 0 0.5em 2em;}
#main ul ul {padding:0;margin:0.5em 0 0 0;line-height:1.4em;list-style-type:circle;}

#main ol    {padding:0;margin:0 0 1.5em 2em;line-height:1.4em;list-style-type:decimal}

#main ol li {padding:0;margin:0 0 0.5em 2em;}
#main ol ol {padding:0;margin:0.5em 0 0 0;line-height:1.4em;list-style-type:lower-latin}
#mainblock,
#side {background-color:#fff}

#side-feeds #id_wordpress-feed h3   { font-size: 1em; padding:.2em .2em .2em 0em; font-weight:bold; text-decoration: none; }
#side-feeds #id_wordpress-feed h3 a { padding:.2em .2em .2em 0em; font-weight:bold; text-decoration: none; }
#side-feeds #id_wordpress-feed div.item {  padding:.2em 0 .2em .4em; color:#222; line-height: 1.6em; }
#side-feeds #id_wordpress-feed { padding:.5em; border:1px solid #888;}

#id_blank-feed { }
#id_blank-feed div.item {  padding: 0.4em 2em 1em 2em; color:#222; line-height: 1.6em; }

#page{width: 960px;margin: 0 0 0 0; text-align: left; }

#content{margin:4px 0 10px;padding: 0px}

div#mainblock{ margin:0;padding:5px;}

* html body div#contentbox{margin: 5px;padding: 0px}

.span-6 {width:230px;float:left;}
.span-18 {width:710px;float:left;margin-right:10px;}




#footer { color: #333333; font-size: 11px; margin-top: 10px; padding:6px; text-align: center; border-top:1px solid #CFCFCF;}
#footer p { font-size: 11px; margin:0; }
#footer a {  color: #EFEFEF;  font-style: italic; text-decoration: none; }
#footer a:hover { color: #FFFFFF; }

#footer .copyright         { padding: 10px; }
#footer .copyright a       { color:#333333; text-decoration:underline; }
#footer .copyright a:hover { color:#000000; }

div.breadcrumbs p { padding: 4px 4px 4px 15px; font-size: 0.9em; }




#topmenu {
float: left;
position: relative;
margin-top:1px;
width: 960px;
background:#B3C03D;
overflow-x: hidden;
}

#topmenu ul{
list-style-type: none;
padding: 0;
margin:0;
float: left;
white-space: nowrap;
overflow-x: hidden;
width: 960px;
}

#topmenu li {
display:inline;
margin:0;
padding:0;
}
#topmenu a {
float:left;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
font-weight: normal;
color:#FAFAFA;
text-shadow: 1px 1px 0.4px #333;
}
#topmenu a span {
float:left;
display:block;
padding:9px 11px 8px 11px;
color:#FAFAFA;
}

#topmenu a:hover span {
background: #788D08;
}


div.breadcrumbs { 
  font-size: 1em;
  width: 960px;
  color:#666666;
  background:#EAEAEA;
  border-top: 1px solid #FFFFFF;
}

 
/*TABLE*/
table { font-size:1em;margin: 1.5em 0 1em 0;padding:0;border:1px solid #666666;}
table table { width: 100%; margin:0.2em 0 0.2em 0;}

th       {font-weight:bold;text-align:left;}
thead th {background:#252525;color:#FFFFFF;}
tfoot    {font-style:italic;}

th, td, caption {padding:4px 10px 4px 5px;}

tbody tr:nth-child(even) td,
tbody tr.even td { background:#EAEAEA; border-bottom:1px solid #CACACA;}

tbody tr:nth-child(odd) td,
tbody tr.odd td  { background:#FFFFFF; border-bottom:1px solid #CACACA;}


table tr th { background:#252525; padding:4px 4px 4px 6px;  font-size:1em; line-height: 1.6em; vertical-align: top; color: #FFFFFF; font-weight: normal;}
table tr td { background: #FFFFFF; padding:4px 4px 4px 10px; font-size:1em; line-height: 1.6em; vertical-align: top; }

table tfoot tr th { padding: 2px; background:#252525;font-weight:normal;}


table a { color:#000000; font-weight: bold; line-height: 1.6em; }
table small { font-size: 0.6em; line-height: .5em; }


/*SIDEBAR*/
.contactDetails { padding:10px 0 10px 0; background: #f7f7f7; }
.contactDetails h4 { background: #EFEFEF; margin: 0; padding: 0.3em 0.5em; font-weight:bold;}
.contactDetails .detail {font-weight:bold; width: 60px; display:block; float:left; }
.contactDetails p { font-size: 1em; padding: 0.4em 2em 0.2em 2em; line-height: 1.4em; margin: 0; }



/*BANNER*/
#standard_banner { position:relative; text-align:center; border-top: 10px solid #788D08; -ms-interpolation-mode: bicubic;  }
#banner_image    { z-index: 10; top: 0px; left: 0px; max-width: 960px; -ms-interpolation-mode: bicubic; }
#banner_caption  { z-index: 20; position: absolute; top: 70%; left: 12px; color: #FFFFFF; font-size: 1.6em; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
text-shadow: #333333 2px 2px 3px; font-weight:normal; }
#banner_image.autoresize{width:960px;}


/*GALLERY*/


#gallery_display       { }

.gallery               { }

div.gallery-image         { display: block; float: left; width: 225px; text-align:center; min-height:160px; margin:0; padding:0; }
div.gallery-thumb         { float: left; width: 225px; text-align:center; margin:0; padding:0; padding-bottom:5px;}
div.gallery-caption       { padding-top:5px; }

.gallery-image-caption { padding-top:5px; }
            
.gallery img           { opacity: 0.8; padding: 4px; }
.gallery img:hover     { opacity: 1; }

.clear {clear:both;}

/*ecommerce*/
.ecommerce { }
.accepted-payment { padding:0 20px 0 20px; float:right;}
.accepted-contacts p { margin-bottom:0;padding-bottom; }

.product-cost     { padding-left:10px; font-size:1.4em; }
.product-code     { padding:4px 0 0 10px; font-size:0.8em; }

.product-shipping { font-size:1em;padding:0.4em 2em;line-height:1.4em; margin-bottom:1em; } 
.product-paypal   { font-size:1em;padding:0.4em 2em;line-height:1.4em; margin-bottom:1em; }


#product-list { }

#main ul.productlist        { margin:0 20px 0 20px; padding:0; list-style:none; border-top: 1px solid #EFEFEF; }
#main ul.productlist li     { display: block;
    max-height:100px; margin:0; padding:0; text-align:center; list-style:none;  padding-bottom:4px; border-bottom: 1px solid #EFEFEF; clear:both; vertical-align:middle; }
#main ul.productlist li img { max-width:120px; max-height:100px; }

#main ul.productlist li div.product-name  { display: block; padding: 10px; font-size: 1.4em; float: left; width:500px; height: 80px; text-align: left; vertical-align: middle;}
#main ul.productlist li div.product-code  { display: block; padding: 10px; float: left; width:80px; height: 80px; vertical-align: middle; }
#main ul.productlist li div.product-cost  { display: block; padding: 10px; float: left; width:80px; height: 80px; vertical-align: middle; }
#main ul.productlist li div.product-thumb { display: block; height: 100px; float: left; width:150px; vertical-align: middle; }


#main ul.productlist-grid        { margin:0; padding:0; list-style:none; }
#main ul.productlist-grid li     { display: block; float: left; width: 230px; text-align:center; min-height:160px; margin:0; padding:0; text-align:center; list-style:none; }
#main ul.productlist-grid li img { max-width:220px; max-height:300px; }



div.last-updated p { }
.product-image { }

.product-images-left { width:300px; float: left; overflow:hidden; }
.product-left { width: 600px; float: left; }

.product-images-right { width:300px; float: left; overflow:hidden; }
.product-right { float:left; width:600px; }

#main .product-images-left img,
#main .product-images-right img { max-width:300px; padding-bottom:10px; margin-bottom:10px; }

.product-none { }

/*Share bar*/
#share-bar { margin:0; padding: 0 0 0 2em; height: 36px; }
#share-bar ul { margin:0; padding: 0; height: 36px; }
#share-bar ul li { list-style: none; float: left; padding: 0 1em 0 0; margin: 0; }
