/*  style css created for diyart by lucsan@icepalms.co.uk 2009/02/23 */

body{ 
  margin: 0px auto 0px auto;
  text-align: center;
  padding: 0; 
  font-family: arial ; 
  font-size: 10pt ; 
  color: #2f2f2f;
}

ul, li{ list-style: none; margin: 0; padding: 0; }

img{ margin: 0px; margin-bottom: 20px; border: none;}

div.center-image{ text-align: center;}

div.left-image{ float: left; margin-right: 20px; padding-bottom: 0px;}

a{text-decoration: none; }

a:hover, a:visited{color: blue;}

p.quote{ 
  padding-top: 10px;
  padding-bottom: 10px;
  font-style: italic;
  font-size: 14pt; 
  color: #999999; 
}


div#wrapper{ 
  text-align: left;
  width: 1024px; 
  margin: 0px auto 0px auto; 
}


div#left, div#right{ width: 160px; }

div#left{ float: left; }

div#content{
  float: left;
  width: 670px;   
  margin-top: 40px;
  height: 800px; 

}

div.home{
  margin-left: 40px; padding-top: 20px; text-align: left;
}

div.contact{
  margin-left: 40px; padding-top: 40px;
}

div.retailers{
  margin-left: 40px; padding-top: 120px;
}

div.products{
  margin-left: 40px; padding-top: 20px;  text-align: left;
}

div.pens{
  margin-left: 40px; padding-top: 20px;
}

div.upload{
  margin-left: 40px;
}

div.red{ color: #ff0000; }

div#right{ float: left;  }

div#page{ margin-left: 20px; text-align: left; }

div#page h1{ font-size: 14pt; margin: 0px; margin-bottom: 14px; margin-top: 20px; }
div#page p{ margin: 0px; margin-bottom: 10px; }

div#banner{ 
  background: #ffffff url('../images/logo.png') no-repeat scroll;
  height: 141px;
  width: 141px; 
  margin-left: 20px;
  margin-top: 20px;
}

div#menu{  }

div#menu ul{
  font-size: 10pt; 
  width: 120px; 
  margin-top: 40px; 
  margin-right: 20px; 
  margin-bottom: 20px; 
  margin-left: 20px;

}

div#menu ul li{ margin: 0 0 6px 0; }


li.active a:hover, li.active a:visited{ color: red; }

li.active{background: yellow; }



div#content iframe#app{ 
  height: 520px; 
  width: 670px; 
  border: none;
}

form#contact_form label{ 
  display: block;
  float: left;
  width: 140px;
}