/* --------------------------------------------------------------- */
/*   Kamaka Hawaii Inc. - http://www.kamakahawaii.com/             */
/* --------------------------------------------------------------- */


/* =========================== Global Elements ============================= */

html {
  color: #000000;
  background: #D5D5BC url(/img/background.gif) repeat;
  }

body {
  color: #000000;
  margin: 0 0 0 0;
  padding: 5px 0 0 0;
  text-align: center;
  font-family: "trebuchet ms", "arial narrow", arial, tahoma, "book antiqua", verdana, sans-serif, helvetica;
  font-size: x-small;                          /* feed to IE 5.5             */
  f\ont-size: small;                           /* feed to compliant browsers */
  /*voice-family: "\"}\"";                     /* Tantek IE 5.5 hack */
  /*voice-family: inherit;
  font-size: small;                            /* feed to compliant browsers */
  }

a {
  color: #2AAE2C;
  background: transparent;
  outline-style: none;
  }

a:hover {
  color: #19681A;
  text-decoration: underline;
  }  

h1, h2, h3, h4, h5, h6 {
  color: #BF9367;
  background: transparent;
  letter-spacing: 1px;
  padding-left: 10px;
  margin-bottom: 5px;
  }

h1 {font-size: x-large;}
h2 {font-size: large;}
h3 {font-size: medium;}
h4 {font-size: small;}
h5 {font-size: x-small;}
h6 {font-size: xx-small;}

hr {
  margin: 3px 0 3px 0;
  }

blockquote {
  color: #848484;
  padding: 0 25px 0 25px;
  font-size: 13px;
  font-weight: bolder;
  font-style: italic;
  }

p.authorreference {
  text-align: right;
  color: #959595;
  }

* {
  padding: 0px;
  margin: 0px;
  }


/* ============================== Page Top ================================= */

#top {
  color: #000000;
  background: url(/img/container_top2.gif) no-repeat;
  width: 750px;
  margin: 0 auto;
  height: 10px;
  font-size: 0;
  }

#printheader {
  display: none;
  }


/* ============================ Page Container ============================= */

#container {
  color: #000000;
  background: url(../img/container_background2.gif) repeat-y;
  width: 730px;
  margin: 0 auto;
  padding: 0 10px 0 10px;
  text-align: left;
  }

* html #container {      /* this is the Tan hack, IE5 reads 1st value IE6 reads 2nd value*/
  width: 750px;
  w\idth: 730px;
  }


/* ================================ Header ================================= */

#header {
  background: #F9F3DB;
  height: 204px;
  margin: 0px;
  padding: 0px;
  }

#headeralt {
  background: #F9F3DB;
  height: 136px;
  margin: 0;
  }

#spacer {
  background: url(/img/ku_body_top2.jpg);
  height: 15px;
  line-height: 15px;
  font-size: 0px;
  }

/* special store picture fix */
#storeintro #spacer {
  background: url(../img/store/ku_body_top3.jpg);
  }


/* ============================== Side Column ============================== */

#sidebar {
  float: left;
  width: 185px;
  text-align: left;
  }


/* ---------------------------- Main Navigation ---------------------------- */

#mainnav {
  background: url(../img/menuback.jpg) no-repeat top left;
  width: 148px;
  height: 385px;
  padding: 5px 10px 10px 13px;
  }

* html #mainnav {			/* this is the Tan hack, IE5 reads 1st value IE6 reads 2nd value*/
  width: 171px;
  w\idth: 148px;
  }

#mainnav ul {
  display: block;
  text-align: center;
  list-style-type: none;
  padding: 4px 4px 4px 4px;
  }

#mainnav ul li {
  color: White;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 13px;
  list-style: none;
  }

#mainnav ul li a {
  color: White;
  height: 32px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  display: block;
  }

#mainnav ul li a:hover {
  color: White;
  background: url(/img/menuhover.gif) no-repeat 9px 2px;
  }

/* Highlighting the current page */
/* Menu Items - mhome | minstruments | mhistory | mevents | mfaqs | mabout | mstore */

body.mhome #mainnav a#mhome, body.minstruments #mainnav a#minstruments, 
body.mhistory #mainnav a#mhistory, body.mevents #mainnav a#mevents, 
body.mfaqs #mainnav a#mfaqs, body.mabout #mainnav a#mabout, body.mstore #mainnav a#mstore {
  background: url(/img/menuactive.gif) no-repeat 9px 2px;
  font-weight: bold;
  }

body.mhome #mainnav a:hover#mhome, body.minstruments #mainnav a:hover#minstruments, 
body.mhistory #mainnav a:hover#mhistory, body.mevents #mainnav a:hover#mevents, 
body.mfaqs #mainnav a:hover#mfaqs, body.mabout #mainnav a:hover#mabout,
body.mstore #mainnav a:hover#mstore {
  background: url(/img/menuhover.gif) no-repeat 9px 2px;
  font-weight: bold;
  color: #DC143C;
  }


/* ---------------------- Sub Navigation / Highlights ---------------------- */

#subnav {
  color: #8B4513;
  width: 140px;
  margin: 0px;
  padding: 15px 14px 20px 17px;
  text-align: left;
  }

* html #subnav {			/* this is the Tan hack, IE5 reads 1st value IE6 reads 2nd value*/
  width: 171px;
  w\idth: 140px;
  }
	
#subnav h3 {
  color: white;
  background: #6D746B url(/img/ku_subnav_header.gif);
  text-align: center;
  font-size: 12px;
  border: 1px solid #A9A9A9;
  }
	
#subnav p {
  background: #F7F3DD url(/img/ku_subnav_body.gif);
  padding: 4px 4px 4px 8px;
  font-size: 10px;
  border: 1px solid #A9A9A9;
  }

#subnav ul {
  font-size: 12px;
  list-style: none;
  padding: 0 0 10px 10px;
  }


/* ============================== Main Column ============================== */

#content {
  float: left;
  width: 537px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  }
	
#content p {
  padding: 5px 10px 5px 10px;
  font-size: 90%;
  }


/* --- FAQs styling --- */

#content p.faqcomment {
  padding-left:38px;
  }

#content h4.faqquestion {
  background: url(/img/leaf2.gif) no-repeat top left;  
  padding-left: 22px;
  margin-left: 5px;
  }


/* --- Fun FAQs styling --- */

#content p.funfaq1, #content p.funfaq2, #content p.funfaq3,
#content p.funfaq4, #content p.funfaq5 {
  padding: 5px 5px 5px 30px;
  margin: 5px 10px 0px 10px;
  border: 1px solid #D3D3D3;
  }

#content p.funfaq1 {background: #FFFFFF url(/img/bulletuke.gif) no-repeat left;}
#content p.funfaq2 {background: #F9FCFF url(/img/bulletkk.gif) no-repeat left;}
#content p.funfaq3 {background: #FFFFF0 url(/img/bulletpineapple.gif) no-repeat left;}
#content p.funfaq4 {background:         url(/img/bulletredk.gif) no-repeat left;}
#content p.funfaq5 {background: #F5FFFA url(/img/bulletblossom.gif) no-repeat left;}


#content dl {
  padding-left: 10px;
	}

#content dt {
  font-size: 105%;
  font-weight: bolder;
  }

#content dd {
  padding-left: 15px;
  font-size: 95%;
  }


.listings {
  padding-left: 15px;
  font-size: 90%;
  }

.listings li {
  margin-left: 20px;
  padding-left: 5px;
  }

/* --- Honors and Awards Section --- */

dl.awardblock {
  padding: 0px 10px 15px 0px;
  }

#content .awardblock dt {
  display: inline;
  color: #696969;
  font-size: 20px;
  font-weight: bold;
  }

#content .awardblock dd {
  margin: -23px 0px 0px 0px;
  padding: 0px 0px 10px 60px;
  border: none;
  border-bottom: 1px solid #C0C0C0;
  }


/* --- Uke Listing - 3 Column --- */ 

#listing {
  padding-left: 75px;
  }

.sidebyside {
  padding: 0px 0px 15px 20px;
  margin-left: 10px;
  }


/* --- Style the Uke Details Gallery Thumbnails --- */

.ukulelegallery {
  margin-left: 33px;
  padding: 10px;
  width: 445px;
  height: 310px;
  background: #B6AA93 url(../img/ukedetailshdr.jpg) no-repeat right;
  }

.ukulelegallery img {
  border: 1px solid #696969;
  padding: 3px;
  margin: 3px 3px 3px 3px;
  background: #FFFFFF;
  }

/* Highlight the thumbnail on mouseover */
.ukulelegallery a:hover img {border:1px solid #2E8B57; background: #228B22;}
.ukulelegallery a:hover {white-space:normal;}


/* --- Style Uke Picture Thumbnails --- */

.thumbsright {
  border: 1px solid #A9A9A9;
  padding: 5px;
  margin: 5px 10px 10px 10px;
  background: #FFFFFF;
  display: inline;
  float: right;
  }

.thumbsleft {
  border: 1px solid #A9A9A9;
  padding: 5px;
  margin: 5px 10px 10px 10px;
  background: #FFFFFF;
  display: inline;
  float: left;
  }

.thumbs {
  border: 2px solid #ffb075;
  padding: 5px;
  margin: 5px 10px 10px 10px;
/*  background: #FFFFFF; */
  display: inline;
  }

/* -------- Contact Form - form styling -------- */

.contactform {
  background-color: #EDEDE4;
  margin: 10px 20px 10px 20px;
  padding: 5px 5px 10px 20px;
  border: 1px solid #A9A9A9;
	}

#content .contactform label {
  color: #666666;
  font-weight: bold;
  font-size: 90%
  }

#content .contactform input.formbox {
  color: #585858;
  display: block;
  margin-bottom: 10px;
  border: 1px solid #BBBBBB;
  height: 18px;
  line-height: 17px;
  width: 175px;
  }

#content .contactform input.formbox2 {
  color: #585858;
  display: block;
  margin-bottom: 10px;
  border: 1px solid #BBBBBB;
  height: 18px;
  line-height: 17px;
  width: 275px;
  }

#content .contactform textarea {
  color: #585858;
  border: 1px solid #BBBBBB;
  }

#content .contactform input.formsubmit {
  margin: 5px 0px 0px 360px;
  padding: 2px;
  width: 75px;
  }

#content .contactform p.formtitle {
  color: #666666;
  background: transparent;
  font-size: 130%; 
  font-weight: bold;
  padding-left: 0px;
  }

#content .contactform p.forminfo {
  font-size: 90%;
  padding-left: 0px;
  }


/* --- Distributor Table Styles --- */

.distributortable {
  margin-left: 10px;
  border: 1px solid Gray;
  }

.distributortable caption {
  color: White;
  background: #68629F;
/*  margin-left: 10px; */
  font-size: 15px;
  font-weight: bold;
  padding: 2px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  }
  
  /* Header Row Styles */
.distributortable thead tr th {
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 10px;
  padding: 2px;
  border-left: 1px solid #D9D9D9; 
  background: #FDF3DD;
  text-align: center;
  border-bottom: 1px solid #DCDCDC;
  }

  /* Body Row Styles */
.distributortable tbody tr td {
  background: #F2F2F2;
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 11px;
  padding: 4px 6px 4px 6px;
  border-left: 1px solid #D3D3D3;
  border-bottom: 1px solid #DCDCDC;
  text-align: center;
  }
	
.distributortable tbody tr.highlight td {
  background: #FFFFFF;
  }

.distributortable tbody tr.localheader td {
  background: #FDF3DD;
  line-height: 10px;
  }
	
.distributortable tbody tr.selected td {
  background: #708FBC;
  color: #ffffff;
  font-weight: bold;
  border-left: 1px solid #8AA3C8;
  border-bottom: 1px solid #8AA3C8;
  }


/* --- Uke Fun Matchup Table Styles --- */

.matchuptable {
  margin: 0 0 0 65px;
  width: 400px;
  border: 1px solid Gray;
  }

.matchuptable caption {
  color: White;
  background: #A09C91;
  margin: 0 0 0 65px;
  width: 400px;
  font-size: 15px;
  font-weight: bold;
  padding: 2px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  }
  
  /* Header Row Styles */
.matchuptable thead tr th {
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 100%;
  padding: 2px;
  border-left: 1px solid #D9D9D9; 
  background: #FDF3DD;
  text-align: center;
  border-bottom: 1px solid #DCDCDC;
  }

  /* Body Row Styles */
.matchuptable tbody tr td {
  background: #FFFFFF;
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  border-left: 1px solid #D3D3D3;
  border-bottom: 1px solid #DCDCDC;
  text-align: center;
  height: 53px;
  color: #696969;
  }

/* Special Styling for Matchup Answers */
.sneakpeak a {
  color: white;
  text-decoration: none;
  padding-top: 4px;
  font-size: 100%;
  font-weight: bold;
  cursor: help;
  display: block;
  float: left;
  height: 55px;
  width: 120px;
  vertical-align: middle;
  }

.sneakpeak a:hover, .sneakpeak a:active {
  color: green;
  text-decoration: none;
  }


/* ================================ Footer ================================= */

#footer {
  color: #FFF5EE;
  background: #696969 url(../img/ku_footer.gif) no-repeat top;
  margin: 0 auto;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 10px;
  clear: both;
  }

#copyright {
  float: left;
  margin: 0px 0 0 175px;
  }
 
#sitecredit {
  float: left;
  margin: 0px 0 0 25px;
  }


/* ============================= Page Bottom =============================== */

#bottom {
  background: url(/img/ku_footer_top.gif);
  height: 18px;
  line-height: 18px;
  font-size: 0px;
  }


/* ============================ Miscellaneous ============================== */

.underline {
  text-decoration: underline;
  }

.hide {
  display: none;
  }

.floatright {
  float: right;
  }

.floatleft {
  float: left;
  }

.alignright {
  text-align: right;
  }

.aligncenter {
  text-align: center;
  }
  
p.tothetopleft{
  text-align: left;
  }

p.tothetop {
  text-align: right;
  }

p.tothetop a, p.tothetopleft a {
  font-size: 10px;
  }



/*--- BEGIN - Uke Detail Gallery Styling ---*/

#info {
  padding: 5px 0;
  background: #94896F;
  }

#photobox {
  position: relative;
  width: 517px;
  height: 640px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;  
  padding: 10px;
  background: #B6AA93 url(../img/ukedetailshdr.jpg) no-repeat right;
  }

* html #photobox {			/* this is the Tan hack, IE5 reads 1st value IE6 reads 2nd value*/
  width: 537px;
  w\idth: 517px;
  }

/* Nasty hack to fix IE 3 pixel jog of Photobox image */
/* Hides from IE5-mac \*/
* html #photobox {padding: 10px 13px 10px 7px;}
/* End hide from IE5-mac */


#photobox img {
  border: 1px solid #696969;
  padding: 3px 3px 3px 3px;
  background: #FFFFFF;
  }

a.gallery, a.gallery:visited {
  display: block;
  color: #000;
  text-decoration: none;
  border: 1px solid #696969;
  padding: 3px;
  margin: 3px 3px 3px 3px;
  width: 75px;
  height: 75px;
  float: left;
  margin: 3px;
  z-index: 50;
  }

a.slidea {background: #FFFFFF url(../img/details/detail1-thumb.jpg) no-repeat center;}
a.slideb {background: #FFFFFF url(../img/details/detail5b-thumb.jpg) no-repeat center;}
a.slidec {background: #FFFFFF url(../img/details/detail7-thumb.jpg) no-repeat center;}
a.slided {background: #FFFFFF url(../img/details/detail6-thumb.jpg) no-repeat center;}
a.slidee {background: #FFFFFF url(../img/details/detail2-thumb.jpg) no-repeat center;}
/* a.slidef {background: #FFFFFF url(../img/details/detail3b-thumb.jpg) no-repeat center;} */
a.slideg {background: #FFFFFF url(../img/details/detail5a-thumb.jpg) no-repeat center;}
a.slideh {background: #FFFFFF url(../img/details/detail9-thumb.jpg) no-repeat center;}
a.slidei {background: #FFFFFF url(../img/details/detail4-thumb.jpg) no-repeat center;}
a.slidej {background: #FFFFFF url(../img/details/detail3a-thumb.jpg) no-repeat center;}
a.slidek {background: #FFFFFF url(../img/details/detail8-thumb.jpg) no-repeat center;}


/* Hide Large Images in A elements */
a.gallery span {
  display:block;
  position:absolute;
  width:1px;
  height:1px;
  top:65px;
  left:55px;
  overflow:hidden;
  z-index:100;
  }

/* Display Initial Gallery Image */
.slidel {
  display:block;
  position:absolute;
  width:432px;
  height:288px;
  top:230px;
  left:13px;
  padding:0px;
  border:1px solid #000;
  }


/* These are the hover elements for highlighting etc */
a.gallery:hover {
  white-space:normal;
  border:1px solid #FFFFFF;
  }

a.gallery:hover img {
  border:1px solid #000;
  position:relative;
  z-index:100;
/*  background: #228B22; */
  }

a.gallery:hover span {
  display:block;
  position:absolute;
  width:439px;
  height: 350px;
  top:230px;
  left:13px;
  padding:0px;
  font-weight: bold;
  color: #575757;
  background: #B6AA93;
  z-index:100;
  }

/* Currently "Active" Image Styling */
a.gallery:active img, a.gallery:focus img {
  border:1px solid #000;
  position:relative;
  z-index:50;
  }

a.gallery:active span, a.gallery:focus span {
  display:block;
  position:absolute;
  width:439px;
  height:350px;
  top:230px;
  left:13px;
  padding:0px;
  font-weight: bold;
  color: #575757;
  z-index:50;
  }

/*--- END - Uke Detail Gallery Styling ---*/




/* Another fine Stu Nicholls special, thanks Stu */

.thumbnav {
  position: relative;
  top: 0px; left: 0; width: 225px;
  z-index: 100;
  }

.thumbnav a.thumb, .thumbnav a.thumb:visited {
  display: inline;
  width:48px; height:58px;
  text-decoration:none; background:#FFFDF7;
  top:0; left:0; border:0;
  }

.thumbnav a img {
  border:0;
  }

.thumbnav a.thumb:hover {
  text-decoration:none;
  background-color: transparent; color: transparent;
  }

.thumbnav a .expanded, .thumbnav a .expanded2 {
  display:block;
  position:absolute;
  width:1px; height:1px; border:0px;
  top:57px; left:47px;}

.thumbnav a.thumb:hover .expanded {
  display:block; position:absolute; top:0px; left:-282px; width:272px; height:397px;}

.thumbnav a.thumb:hover .expanded2 {
  display:block; position:absolute; top:0px; left:-282px; width:272px; height:451px;}


/* --- New Gallery Design for Ukuleles -- */

/* Gallery Header */
.galhead {
  height: 29px;
  line-height: 19px;
  width: 537px;
  background: #A09C91;
  }

#content .galhead p {
  background: #A09C91 url(../img/doubles.jpg) no-repeat left center;
  font-size: 130%;
  color: #FFFFFF;
  padding-left: 27px;
  }

/* Gallery Container */
.galcont {
  width: 537px;
  }

/* Gallery Picture */
.galpict {
  float: left;
/*  width: 275px; */
  padding: 10px;
  }

/* Gallery Information */
.galinfo {
  float: left;
  width: 238px;
  padding: 10px 4px 5px 0px;
  margin: 0px;
  }

.galinfo img {
  text-decoration: none;
  border: none;
  }

#content .galcont .galinfo p {
  padding: 2px 0px 0px 0px;
  margin: 0px;
  font-size: 85%
  }

#content .galcont .galinfo h4 {
  padding: 0px;
  margin: 0px;
  font-size: 90%
  }

.galinfo ul {
  padding: 2px 0px 0px 30px;
  font-size: 85%
  }

.hidethis {
  display: none;
  }

a.galley:hover {
  display: block;
  }



/* ------- e-Commerce Styles -------- */

.ebutton, .ebutton1 {
  float: right;
  }

.ebutton a, .ebutton1 a {
/*  padding: 6px 10px; */
  border: 1px solid #7e7e7e;
  background: #6797bf;
  color: #3b2d20 !important;
  margin: 10px 10px 5px 0px;
  text-decoration: none;
  width: 110px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  }

.ebutton a:hover, .ebutton1 a:hover {
  text-decoration: none;
  }

.ebutton  a {
  display: block;
  background: #6797bf url(../img/store/ebutton.gif);
  }

.ebutton1 a {
  display: block;
  background: #bf9367 url(../img/store/ebutton1.gif);
  }

.ebutton a:hover {background: #bf9367 url(../img/store/ebuttonx.gif); border: 1px solid #898989;}
.ebutton1 a:hover {background: #6797bf url(../img/store/ebutton1x.gif); border: 1px solid #898989;}

#storemenu {
  padding: 0px !important;
  margin: 0px !important;
  }

#storemenu a {
  width: 160px;
  display: block;
  float: left;
  border: 3px solid #fffdf7;
  text-decoration: none;
  margin-left: 4px;
  padding: 3px;
  }

#storemenu img {
  border: none;
  text-decoration: none;
  padding: 0px !important;
  margin: 0px !important;
  }

#storemenu a:hover {
  border: 3px solid #6797bf;
  }



/* Product Detail Thumbs! */

.productimages {
  padding-left: 7px;
  }

.productimages a {
  text-decoration: none;
  }

.productimages img {
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
  border-left: 1px solid #dcdcdc;
/*  border: none; */
  background: #white;
  padding: 3px;
  }

.productimages h2, .productimages p {
  padding: 0px !important;
  margin: 0px !important;
  }

.productimages p {
  color: #a9a9a9;
  }










/* -------------------------- Calendar Styles ------------------------------- */

.productinfo {
/*  background: White; */
/*  color: #4C4C4C; */
/*  font-size: 90%; */
  }

.productinfo caption {
  font-size: 130%;
  text-align: left;
/*  display: none; */
  }

.productinfo tr {
  padding-left: 5px;
  }

.productinfo td {
  padding: 1px 0px 1px 5px;
  }

.productinfo td a {
  display: block;
  width: 100%;
  text-decoration: none;
  background: none;
  color: #2D2E30;
  }

.productinfo td a:hover {
  }

.productinfo .colheadings td {
  background: #B0C4DE !important;
  border-top: 3px solid #7598C6;
  border-bottom: 1px solid #7598C6;
  height: 28px;
  font-weight: bold;
/*  display: none; */
  }

.productinfo tr td { 
  border-bottom: 1px solid #C8C8C8;
  }

.productinfo tr:hover {background: #F5F5F5;}
.productinfo tr.holiday {background: #B0E6D1;}
.productinfo tr.holiday:hover {background: #9CDFC5;}
.productinfo tr.recital {
  background: #A6E0E1;
  font-weight: bold;
  }
.productinfo tr.recital:hover {background: #88D4D5;}

.productinfo td.tableseperator,
.productinfo td.tableseperator2 {
  background: #F4F4F4;
  padding: 0px;
  margin: 0px;
  }

.productinfo td.tableseperator {
  border-bottom: 2px solid #C5C5C5;
  border-top: none;
  height: 2px;
  line-height: 2px;
  }

.productinfo td.tableseperator2 {
  border-top: 1px solid #C5C5C5;
  border-bottom: none;
  height: 5px;
  line-height: 5px;
  }

.productinfo td.tablefooter {
  background: #B0C4DE !important;
  border-bottom: 3px solid #7598C6;
  border-top: 1px solid #7598C6;
  height: 5px;
  line-height: 5px;
  padding: 0px;
  margin: 0px;
  }

.methods {
  width: 400px !important;
  }



/* ----------------------- Full Product Detail Styles ----------------------------- */
.fulldetail {
  margin-left: 15px;
  width: 95%;
  background: #F8F8FF; /* url(../img/main-bg.jpg) repeat-x top left; */
  }

/* ----------------------- Mini Product Detail Styles ----------------------------- */
.minical caption {display: none;}
.minical .colheadings td {display: none;}

.postal {
  display: block;
  margin-left: 70px;
  width: 200px;
  padding: 8px;
  border: 1px solid gray;
  background: white;
  font-size: 100%;
  }


.productimage {
  float: left;
  padding-left: 2px;
  }

.productimage a, .productimage img {
  border: none;
  text-decoration: none;
  outline-style: none;
  }







/* --------  Message Box Formating  -------- */

.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation {
  border-top: 2px solid;
  border-bottom: 2px solid;
  margin: 10px 0px;
  padding: 10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  }

.msg_info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../img/messages/info.png');
  }

.msg_success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url('../img/messages/success.png');
  }

.msg_warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../img/messages/warning.png');
  }

.msg_error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../img/messages/error.png');
  }

.msg_validation {
  color: #D63301;
  background-color: #FFCCBA;
  background-image: url('../img/messages/validation.png');
  }

.msg_info strong { color: #00529B; }
.msg_success strong { color: #4F8A10; }
.msg_warning strong { color: #9F6000; }
.msg_error strong { color: #D8000C; }
.msg_validation strong { color: #D63301; }

.msg_info ul, .msg_success ul, .msg_warning ul, .msg_error ul, .msg_validation ul {
  padding-left: 30px;
  margin-top: 5px;
  }


.facebook {
  }

.facebook a {
  color: #3E62B2 !important;
  font-weight: bold;
  line-height: 11px;
  float: left;
  border: none;
  outline: none;
  text-decoration: none;
  margin-left: 5px;
  }

.facebook a:hover {
  color: #4F8A10 !important;
  font-weight: bold;
  text-decoration: none;
  }

.facebook img {
  border: none;
  margin: 0 0 0 15px;
  }



.facebook2 {
  padding: 6px 0px 0px 45px;
  }

.facebook2 a {
  color: #3E62B2 !important;
  font-weight: bold;
  line-height: 11px;
  float: left;
  border: none;
  outline: none;
  text-decoration: none;
  margin-left: 5px;
  }

.facebook2 a:hover {
  color: #4F8A10 !important;
  font-weight: bold;
  text-decoration: none;
  }

.facebook2 img {
  border: none;
  margin: 0 0 0 15px;
  }