/*
Basic
------------*/

body {
  margin: 0;
  padding: 0;
  border: 0;
  font: 12px arial, verdana,helvetica,serif;
  line-height: 1;
  color: #333;
  background-color: #fff;
  text-align: left;
}

* {
  margin: 0;
  padding: 0;
}

.clearfloat, .clear {
  clear: both;
  height: 1px;
}

.formErr {color: rgb(230,40,40); display: block; font-weight: bold; background: rgb(190, 214, 47); padding: 3px; border: 1px solid black;}
.formNoErr {display: none;}

/*
text
------------*/

h1 {
  font-size: 17px;
  margin-bottom: 20px;
}

h2 {
  color: rgb(192, 218, 35);
}

p, td {
  margin: 10px 0;
  line-height: 16px;
}

a {
  text-decoration: none;
  color: rgb(188,213,33);
}
a:hover {
  text-decoration: underline;
}

.signup td { color:#fff; vertical-align: top;}

.img { border:0;}
.hdrlink { color:#000;}
a:hover.hdrlink { text-decoration:none }
/*
Layout
------------*/

#site-wrapper {
  position: relative;
  margin: 0 auto;
  width: 800px;
  height: 623px;
  min-height: 623px;
}


#header-none {
  position: relative;
  height: 103px;
  width: 800px;
}

#header {
  position: relative;
  height: 103px;
  width: 800px;
  background: url(../images/Header-White-Pages.jpg);
}


#footer {
  position: relative;
  width: 800px;
  height: 31px;
  background: url(../images/Footer-White-Pages.jpg);
}

#content-wrapper {
  background-color: #fff;
  margin: 0 40px;
  padding: 30px 0;
}

#contact-wrapper {
  margin: 0 40px;
  padding: 30px 0;
}

#map_canvas {
  width:320px;
  height:260px;
  margin-bottom: 10px;
  border: 1px solid #fff;
}

.text-wrapper {
  width: 700px;
}

span.image {
  margin-right: 6px;
}

div.pimage {
  width: 150px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 16px;
}


/*All Products------------*/

div.product-row {
  border-bottom: 1px solid #000;
  
  padding: 15px 0 15px 0;
  margin-right: 20px;
}

div.product-image {
  float: left;
  padding-right: 10px;
}
div.product-image img {
display:block;
}

/*span.product-info h5 { visibility:hidden; }*/

div.product-info h5 a {
  color: #000;
  font-size:11px;
  font-weight: bold;
}

div.product-info h5 a img{
  border: none;
  vertical-align: middle;
}

div.product-info div { margin:10px 0; line-height:16px; }

/*--------Products Menu--------*/
.products { height:175px; width:740px; }

.products li { margin:0; padding:5px; height:150px; width:150px; list-style:none; float:left;}
.p_item { width: 150px; text-align: center; line-height: 16px; }
.p_image {height:150px; width:150px; display:block;}

/*
Forms
------------*/
div.row {
  color: #fff;
  margin: 6px;
}

/*
Menu
------------*/

.menu { height: 48px; width: 550px; position: absolute; margin-top: 25px; margin-left:260px; }

.menu li{ margin:0; padding:0; list-style:none; float: left; margin-top:0; }

.menu li, .menu a { height:24px; display:block; }

.r1, .r1on, .r2, .r2on { height:24px }

.menu li {border-left:1px solid white; padding-left:3px; }

.purple a, .purple a:visited {width:125px; height:24px;  }

/*.i1 { width: 122px; }
.i2 { width: 132px; }
.i3 { width: 118px; }
.i4 { width: 122px; }*/

/*----menupurple-----*/
.purple .home { background: url(../images/Menu-Purple.gif) no-repeat ; }
.purple  a:hover.home, .purple .homeOn { background: url(../images/Menu-Purple.gif) no-repeat 0 -55px; }

.purple .products { background: url(../images/Menu-Purple.gif) no-repeat -130px 0; }
.purple a:hover.products, .purple .productsOn { background: url(../images/Menu-Purple.gif) no-repeat -130px -55px; }

.purple .club-pointer { background: url(../images/Menu-Purple.gif) no-repeat -263px 0; }
.purple a:hover.club-pointer, .purple .club-pointerOn { background: url(../images/Menu-Purple.gif) no-repeat -263px -55px; }

.purple .where-to-buy { background: url(../images/Menu-Purple.gif) no-repeat -393px 0; }
.purple a:hover.where-to-buy, .purple .where-to-buyOn { background: url(../images/Menu-Purple.gif) no-repeat -393px -55px; }

.purple .about { background: url(../images/Menu-Purple.gif) no-repeat 0 -26px; }
.purple a:hover.about, .purple .aboutOn { background: url(../images/Menu-Purple.gif) no-repeat 0 -81px; }

.purple .new-products { background: url(../images/Menu-Purple.gif) no-repeat -131px -26px; }
.purple a:hover.new-products, .purple .new-productsOn { background: url(../images/Menu-Purple.gif) no-repeat -131px -81px; }

.purple .parka { background: url(../images/Menu-Purple.gif) no-repeat -263px -26px; }
.purple a:hover.parka, .purple .parkaOn { background: url(../images/Menu-Purple.gif) no-repeat -263px -81px; }

.purple .contact { background: url(../images/Menu-Purple.gif) no-repeat -393px -26px; }
.purple a:hover.contact, .purple .contactOn { background: url(../images/Menu-Purple.gif) no-repeat -393px -81px; }

/*----menured-----*/
/*.red .r1 .i1 { background: url(../images/Menu-Red.gif) no-repeat; }
.red .r1 a:hover.i1, .red .r1on .i1{ background: url(../images/Menu-Red.gif) no-repeat 0 -48px; }

.red .r1 .i2 { background: url(../images/Menu-Red.gif) no-repeat -122px 0; }
.red .r1 a:hover.i2, .red .r1on .i2{ background: url(../images/Menu-Red.gif) no-repeat -122px -48px; }

.red .r1 .i3 { background: url(../images/Menu-Red.gif) no-repeat -254px 0; }
.red .r1 a:hover.i3, .red .r1on .i3{ background: url(../images/Menu-Red.gif) no-repeat -254px -48px; }

.red .r1 .i4 { background: url(../images/Menu-Red.gif) no-repeat -372px 0; }
.red .r1 a:hover.i4, .red .r1on .i4 { background: url(../images/Menu-Red.gif) no-repeat -372px -48px; }

.red .r2 .i1 { background: url(../images/Menu-Red.gif) no-repeat 0 -24px; }
.red .r2 a:hover.i1, .red .r2on .i1{ background: url(../images/Menu-Red.gif) no-repeat 0 -72px; }

.red .r2 .i2 { background: url(../images/Menu-Red.gif) no-repeat -122px -24px; }
.red .r2 a:hover.i2, .red .r2on .i2 { background: url(../images/Menu-Red.gif) no-repeat -122px -72px; }

.red .r2 .i3 { background: url(../images/Menu-Red.gif) no-repeat -254px -24px; }
.red .r2 a:hover.i3, .red .r2on .i3{ background: url(../images/Menu-Red.gif) no-repeat -254px -72px; }

.red .r2 .i4 { background: url(../images/Menu-Red.gif) no-repeat -372px -24px; }
.red .r2 a:hover.i4, .red .r2on .i4 { background: url(../images/Menu-Red.gif) no-repeat -372px -72px; }*/