* {
  margin: 0;
  padding: 0;
}

html, body{
	font-size:12px;
	text-align: center;  /* center page */
	height: 100%;
	/* overflow:inherit; triggers 100% height in Opera 9.5 broken ddmenus removed 201409 */	
	background-color: #ffffff;
	background-image:url(flags1.jpg); 
}

/* http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */
/* http://www.visibilityinherit.com/code/height-stickyfooter-centered.php */

/* global styles */
a { color:#3B6BB3; text-decoration:none; }
a:hover { color:#E47911; text-decoration:underline; }
a img { border:0px; }
form { margin:0px; }
hr { background:none; height:1px; border:0px; border-top:1px solid #ccc; }

.vt { vertical-align:top !important; }

/* stop chrome from allowing user to resize textareas on forms */
textarea{
	resize:none;
}

#container{
  text-align: left;
  margin: 0 auto -70px;  /* page centered, -ve value is bottom margin of footer 10px gap */
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 950px;
  background-color: #ffffff;
}

#logo{
  float :left;
  border: 0;
  width: 120px;
  height: 120px;
}

#logoname{
  float :left;
  border: 0;
  width: 450px;
  height: 120px;
}

#topmessage{
/*  margin-left: 250px; */
  background: #f0f0f0;
  border: 0;
  height: 50px;  /* logo - menu27 - myacc14 - search20 - search pad */
}

#headerdone {
  clear: both;
}

#regions{
  float :left;
  border: 0;
  width: 220px;
  height: 100%;
  padding:16px 0px 0px 0px;
}

#countries{
  float :left;
  border: 0;
  width: 530px;
  height: 100%;
  padding:16px 0px 0px 0px;
}

#countries_done{
  clear :both;
}

/* top menu is 26 */
.topheader
{
  background: #033F99; /* dark blue */
  line-height: 31px;
  color: white;
  font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
}

.leftheader {
  clear: both;
  float: left;
  background: #3B6BB3;  /* blue2 */
  height: 22px;
  width: 175px; /* total of 175 + 1 for the border */
}

.leftheader h2 {
  background: #3B6BB3;  /* blue2 */
  color: white;
  margin: 0;
  padding: 5px 10px 5px;
  border-right: 1px solid #83A0CC; /* blue grey */
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
}

#cathead {
  border-top: 5px solid #033F99; /* dark blue */
  margin: 0px 0px 0px 0px;
}

#cathead h2 {
  border-top: 1px solid #4A4C63;
  border-right: 1px solid #4A4C63;
}

#infolist {
  clear: both;
  float: left;
  margin: 4px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0;
  width: 175px; /* total of 175 + 1 for the border */
}

.productclass
{
  background: #E8F1FF; /* white */
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 12px;
  color: #202020; /* price - dark grey */
  text-align:center !important;
}

.productname
{
  font-weight: bold;
  text-align: left;
  font-size: 14px; 
}

.productdesc
{
  font-weight: normal;
  text-align: left;
  font-size: 12px; 
}



#featprod {
  clear: both;
  float: left;
  margin: 4px 0px 0px 0px;
  padding: 12px 0px 12px 0px;
  border-bottom: 1px solid #83A0CC;
  border-right: 1px solid #83A0CC;
  border-left: 1px solid #83A0CC;
  width: 173px; /* total of 174 + 1 + 1 for the border */
}

#follow {
  float:right;
  width:106px; /* (32+4)n */
  margin: -36px 0px 0px 0px;
  border:none;
}

#searchbox{
  float: left;
  padding: 5px 150px 0px 150px;
  border: 0;
  height: 27px;
  width: 375px; /* full - l&r padding - cathead (950 - 100 - 176) extra 100??? */
}

#shipping{
  padding: 10px 10px 10px 40px;
}

/* class */
.displayresultsclass
{
  background: #e0e0e0; /* light grey */
  line-height:22px;
  color: #333333;	/* dark grey */
  font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size:12px;
  text-align:left;
  padding: 3px 3px 3px 3px;
}

#displayresultstop{
  margin: 0px 0px 16px 0px; /* space below */
}

#displayresultsbottom{
  margin: 16px 0px 16px 0px; /* space above and below */
}

#displaycategories{
  background: #3B6BB3; /* cat blue*/
  color: white;
  font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:12px;
  height: 22px;
  padding:4px;  /* 4px around all cells */

}

/* 32x100 */
#minicart{
  float: left;
  width: 380px;   /* 950 - 450 - 120 */
  height: 120px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;
	
/*  text-align:center !important; */
  vertical-align:middle !important;
  line-height:120px;
  border:0;
  color:#b80004;  /* logo red */
  font-size: 14px;
}

#minicart a{
  color:#b80004;  /* logo red */
}

#minicart a:visited, #minicart a:active{
  color:#b80004;  /* logo red */
}

#minicart a:hover, #minicart a.selected{
  color:#b80004;  /* logo red */
}

#minicart img{
  padding: 0px 5px 0px 5px;
  vertical-align:middle !important;
}

#minicartshow {
  float: left;
  width:200px;
}

#minicartcount {
  float: left;
  width:50px;
}

#minicartcheckout {
  float: left;
  width:130px;
}

#rightfill{
  float: left;
  padding: 6px 0px 6px 0px;
  border: 0;
  height: 20px;
  width: 100px;
}

#brand_table{
  width:95%;
  border-collapse:collapse;
  font-size:1em;
  border:1px solid #799DB9;
  margin:10px 30px 10px 30px;
}

#brand_table tr.shaded_row
{
background-color:#F0F0F0;
}

#brand_table td.letter
{
color:#606060;
font-size:2em;
padding:10px 10px 10px 20px;
}

#brand_table td.list
{
padding:10px 10px 10px 10px;
}

/*formats the search box input box header file.*/
.searchfield{
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#leftnav
{
  clear: both;
  float: left;
}

/* float to left nav menus */
#contentwrap
{
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  width: 750px;
}

#contentwrap table td { text-align:left; }

#contentwrap h1, #contentwrap h2, #contentwrap h3, #contentwrap p {margin:0px 10px; text-align: left; padding:0;}
#contentwrap h1 {font-size:18px; color:#3B6BB3;}  /* blue2 */
#contentwrap h2 {font-size:15px; color:#606060;}  /* dark grey */
#contentwrap h3 {font-size:13px; color:#606060;}  /* dark grey */
#contentwrap p {padding-bottom:0.5em;}
#contentwrap h2 {padding-top:0.5em;}
#contentwrap h1 {padding-top:0.5em;}
#contentwrap h1 {padding-bottom:0.5em;}

/* everyday special 4x4 table display */
.es4x4_table {
	text-align:left;
	vertical-align:top;
	line-height:20px;
	font-size:11px;
}

.es4x4_table td { padding:4px 14px 4px 14px; }

.es4x4_head {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:16px;
  color: #033F99;  /* dark blue */
  padding:4px 4px 4px 4px;
}

/* standard table display */
.std_table {
  padding:4px;  /* 4px around all cells */
  text-align:left;
  vertical-align:top;
  line-height:18px;
}

.std_table table { 
  border-collapse:collapse;
  width:85%;
}

.std_table th { 
  vertical-align:top;
  padding:0px 10px 0px 0px;
  width:35%;   /* determines start position of input */
  font-weight:normal;
}

.std_table td {
/*  padding:0px 4px 0px 0px;  */
}

/* can only change color, background-color not font-weight */
.select_head {
  color: #ffffff;
  background-color: #808080;
}

/* General override styles */
.ac { text-align:center !important; }
.ar { text-align:right !important; }
.al { text-align:left !important; }
.fr { float:right !important; }
.fl { float:left !important; }
.vt { vertical-align:top !important; }
.vm { vertical-align:middle !important; }
.vb { vertical-align:bottom !important; }
.narrow { margin:0px 20px 0px 20px; }  /* gaps from edges */
.tall { padding:20px 0px 20px 0px; }  /* gaps from edges */
.bcerr {
  background-color: #f0dada;   /* dusty pink */
  padding:0px 4px 0px 4px;     /* remove padding */
  margin:4px 0px 4px 0px;    /* add margin */
  border:1px solid #CE0000; /* dark red border */
}
.errbox {
  color:#CE0000;  /* dark red text */
  background-color: #f0dada;   /* dusty pink */
  padding:10px 10px 10px 10px;     /* remove padding */
  margin:10px 10px 10px 10px;    /* add margin */
  border:1px solid #CE0000; /* dark red border */
}

.jserrbox {
  padding:10px 10px 10px 10px;   /* remove padding */
}

.displaybox {
  color:#0000CE;  /* dark red text */
  background-color: #dadaf0;   /* dusty blue */
  padding:10px 10px 10px 10px;     /* remove padding */
  margin:10px 10px 10px 10px;    /* add margin */
  border:1px solid #0000CE; /* dark red border */
}

.msgbox{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color : #c0c0c0;
  color : White;
  font-weight : bold;
  padding : 3px 5px;
  text-align : left;
}

div.infobox {
  padding:0;     /* remove padding */
  margin:0;    /* add margin */
  border:10px solid #CE0000; /* dark red border */
}

div.infobox h2 {
  color:#ffffff;  /* white */
  margin: 0;
  padding: 0;
  background-color: #CE0000;   /* dark red */
  font-size: 120%;
  font-weight: bold;
  border:0;
}

div.infobox p {
  color:#CE0000;  /* dark red text */
  margin: 0;
  padding: 0;
  background-color: green; /*#f0dada;*/   /* dusty pink */
  border:0;
}

/* text color was 666666 dark grey 
   background was f3f3f3 light grey 
   border was aaaaaa medium grey */
/* search */
.greybtn {
   color:#666666;
   font-family: Tahoma,Arial, Helvetica, sans-serif;
   background-color: #f3f3f3;
   font-size: small;
   font-weight: bold;
   border:1px solid #aaaaaa;
}

/* text color was 666666 dark grey 
   background was f3f3f3 light grey 
   border was aaaaaa medium grey */
.submitbtn {
   padding: 2px 4px 2px 4px;
   margin: 0px 20px 10px 0px;
   color:white;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   background: #808080 url(blue.gif) center center repeat-x;
   font-size: 90%;
   font-weight: bold;
   border:1px solid #564c66;  /* dark purple */
}

/*formats the zip box in shipping calculator */
.zipbox{
   padding: 2px 4px 2px 4px;
   margin: 0px 20px 10px 0px;
}

/* all form inputs use this */
.txtfield{
   padding: 2px 4px 2px 4px;
   margin: 0px 20px 0px 0px;
}

/* order quantity */
.quantity{
   padding: 2px 4px 2px 4px;
   margin: 0px 20px 10px 0px;
}

/* class more than one a page
p {} // all paras
p.right {} // p sub class 
.right {}  // for all elem
*/

/* id only one per page
#green {}
p#green {}
*/

/* progress bar */
/* z-index will only work with position:relative */

div.pb_icon {
  text-align:center !important; 
  position:relative;
  margin:0px 0px 0px 0px;
  z-index:1;
}

div.pb_text {
  text-align:center !important; 
  position:relative;
  margin:-5px 0px 0px 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight : normal;	
  font-size:100%;
  z-index:2;
}

/* cust login */
.dottedBorder {
  border: 1px dotted #cccccc; 
  background-color: #F9F9F9;
  padding: 5px	
}

#push{
  height: 80px;
  clear: both;
}

#footer{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:black; /* dark grey*/
  text-align: center;
  height: 80px;
  clear: both;
  background: #83A0CC; /* blue4 */
  width: 950px; /* minus the border */
  margin: 0 auto 0; /* centered */
}

/* snazzy borders */
#xsnazzy {background: transparent; margin:15px 1em 25px 1em;}

/* border x3 #799DB9 (IE forms border)*/
/* background x2 #f0f0f0 (ivory) */

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#f0f0f0; border-left:1px solid #799DB9; border-right:1px solid #799DB9;}
.xb1 {margin:0 5px; background:#799DB9;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#f0f0f0; border:0 solid #799DB9; border-width:0 1px;}

/* General styles, cart display class */
.menuhdr{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color : #b0b0b0;
  color : White;
  font-weight : bold;
  padding : 3px 5px;
  text-align : left;
}

.menurow{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding : 3px 10px;
  text-align : left;
}