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

body { background:url('/layout/hoy.gif'); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}
p, td {line-height: 1.5;}
h1 {font-size: 200%; color: #FFFFFF;}
h2 {font-size: 140%; color: #FFFFFF; border-bottom: 1px dotted #FFFFFF;}
h3 {font-size: 110%; color: #E83536; border-bottom: 1px dotted #808080;}
hr {color: #C0C0C0; height: 1px;}
ul {line-height: 1.8;}
.indent {padding-left: 20px;}
input, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.pagearea {background: #FFFFFF; border: 2px solid #426E95;}
.headerarea {height: 100px; padding: 5px}
.navarea {background: #F1F1F1; padding: 10px; border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; text-align: right}

.menuarea {background: #8C2521 url(../layout/pg_menu_back.jpg) no-repeat bottom right;}
.menuareacontact {background: #8C2521 url(../layout/pg_menucontact_back.jpg) no-repeat bottom right;}

.contentarea { padding-left: 10px; padding-bottom: 20px; padding-right: 10px; background: #8C2521 url(../layout/pg_content_back.jpg) no-repeat bottom left;}
.contentareahome { background: #8C2521 url(../layout/pg_content_back.jpg) no-repeat bottom left;}
.contentareacontact { background: #8C2521 url(../layout/pg_contentcontact_back.jpg) no-repeat bottom left;}


.gutterarea {background: #FFFFFF; background: url(../layout/pg_dot_right.gif) repeat-y top left;}
.footerarea {padding: 3px;  color: #808080; text-align: center; vertical-align: top}
.footerband {background: #99CC33}

.footerbanner {background: #99CC33;font-weight: bold; padding: 5px}

.menu_cell {text-align: center; vertical-align: middle; background: url(../layout/pg_menu_button.gif) no-repeat top left; padding-bottom: 5px}
.menu_cell2 {text-align: center; vertical-align: middle; background: url(../layout/pg_menu_button2.gif) no-repeat top left; padding-bottom: 5px}

a:link, a:visited {	color: #FFFFFF; text-decoration: underline;}
a:hover, a:active { color: #FFFFFF; text-decoration: none;}

.nav_item_off {background: url(../layout/pg_nav_off.gif) no-repeat top right; text-align: right; padding-right: 25px; margin-left: 2px; margin-bottom: 1px; height: 22px; vertical-align: middle; padding-top: 3px;}
.nav_item_on {background: url(../layout/pg_nav_on.gif) no-repeat top right; text-align: right; padding-right: 25px; margin-left: 2px; margin-bottom: 1px; height: 22px; vertical-align: middle; padding-top: 3px;}

.nav_item {text-align: right; background: #F1F1F1; border-top: 1px solid #C5C5C5; border-right: 1px solid #C5C5C5;  padding-right: 5px; }
.nav_box_off {background: #D9D9D9; border-top: 1px solid #C5C5C5; }
.nav_box_on {background: #F1F1F1; border-top: 1px solid #C5C5C5;  }

a.nav_link:link, a.nav_link:visited {	color: #000000; text-decoration: none; font-weight: bold;}
a.nav_link:hover, a.nav_link:active { color: #000000; text-decoration: underline; font-weight: bold;}

a.menu_link:link, a.menu_link:visited {	color: #000000; text-decoration: none; font-weight: bold;}
a.menu_link:hover, a.menu_link:active { color: #000000; text-decoration: underline; font-weight: bold;}

a.menu_link2:link, a.menu_link2:visited {color: #000000; text-decoration: none; font-weight: bold;}
a.menu_link2:hover, a.menu_link2:active {color: #000000; text-decoration: underline; font-weight: bold;}

a.footer_link:link, a.footer_link:visited {color: #808080; text-decoration: none;}
a.footer_link:hover, a.footer_link:active { color: #808080; text-decoration: underline;}

a.email_footer:link, a.email_footer:visited {color: #FFF300; text-decoration: none; font-weight: bold;}
a.email_footer:hover, a.email_footer:active { color: #FFF300; text-decoration: underline; font-weight: bold;}

a.plain_link:link, a.plain_link:visited {text-decoration: none;}
a.plain_link:hover, a.plain_link:active {text-decoration: none; }

/* Site Specific */

.img_right {float: right; margin-left: 5px}
.img_right_photo {float: right; margin-left: 5px; border: 1px solid #FFFFFF}

.back_left {background: url(../layout/pg_back_left.gif) repeat-y top right}
.back_right {background: url(../layout/pg_back_right.gif) repeat-y top left}

.text_black {color: #000000;}

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

.product_list {font-weight: bold;}
.call {margin: 5px; text-align: center; font-weight: bold; font-size: 140%;}

.table_header {background: #99CC33; font-size: 170%; color: #FFF300; padding: 5px;}
.table_header_text {background: #99CC33; font-size: 11px; color: #FFFFFF; padding: 5px; text-align: center;}
.table_header_text_highlight {color: #FFF300; font-weight: bold;}
.table_content {background: #FFFFFF; padding: 10px}
.table_col2 {background: #D9ECC9; color: #000000; text-align: center; color: #808080; vertical-align: top; font-size: 10px; line-height: 1.3}
.table_col {background: #D9ECC9; color: #000000; text-align: center; border-left: 2px solid #FFFFFF; color: #808080; vertical-align: top; font-size: 10px; line-height: 1.3}
.table_col_start {background: #D9ECC9;  text-align: center; color: #7AC141; font-size: 150%;}
.col_header {color: #7AC141; font-size: 150%; font-weight: bold;}
.table_footer {background: url(../layout/pg_table_footer.gif) no-repeat top left; height: 62px; text-align: center; padding-left: 70px; padding-right: 70px; }

a.strong {
	font-weight: bold;
	color: red;
}
.table_content a.strong {
	font-weight: bold;
	color: red;
}

.table_footer_24hr {background: url(../layout/pg_table_footer_24hrs.gif) no-repeat top left; height: 62px; text-align: center; padding-left: 70px; padding-right: 70px; }

.table_footer_fullcol {background: url(../layout/pg_table_footer_fullcol.gif) no-repeat top left; height: 62px; text-align: center; padding-left: 70px; padding-right: 70px; }

.table_footer_fullcol_2 {background: url(../layout/pg_table_footer_fullcol_2.gif) no-repeat top left; height: 62px; text-align: center; padding-left: 70px; padding-right: 70px; }

.table_footer_fullcol_reverse {background: url(../layout/pg_table_footer_fullcol_reverse.gif) no-repeat top left; height: 62px; text-align: center; padding-left: 70px; padding-right: 70px; }

.table_footer_saddle {background: url(../layout/pg_table_footer_saddle.gif) no-repeat top left; height: 62px; text-align: center; padding-left: 70px; padding-right: 70px; }

.table_footer_bespoke {background: url(../layout/pg_table_footer_bespoke.gif) no-repeat top left; height: 62px; text-align: center; padding-left: 70px; padding-right: 70px; }

.table_footer_packs {background: url(../layout/pg_table_footer_packs.gif) no-repeat top left; height: 62px; text-align: center; padding-left: 70px; padding-right: 70px; font-weight: bold; font-size: 150% }

.table_content_offer {background: #FFFFFF; border: 2px dashed #99CC33; color: #808080; padding: 10px; margin: 5px; font-size: 13px }
.offer_header {color: #C53A96; font-weight: bold; font-size: 160%}
.offer_highlight {color: #C53A96; font-weight: bold; font-size: 13px }

.table_row_start_1 {background: #C6E1AB; color: #000000; text-align: center; padding: 2px}
.table_row_start_2 {background: #D9ECC9; color: #000000; text-align: center; padding: 2px}
.table_row_1 {background: #C6E1AB; color: #000000; text-align: center; padding: 2px; border-left: 2px solid #FFFFFF}
.table_row_2 {background: #D9ECC9; color: #000000; text-align: center; padding: 2px; border-left: 2px solid #FFFFFF}

.table_row_start_1_main {background: #B2CA9A; color: #000000; text-align: center; padding: 2px}
.table_row_1_main {background: #B2CA9A; color: #000000; text-align: center; padding: 2px; border-left: 2px solid #FFFFFF}

.form_field {font-weight: bold; text-align: right; vertical-align: top; color: #99CC33;}
.sample {margin: 10px; border: 1px solid #c0c0c0; padding: 2px}

.item_field {background: #99CC33; padding: 3px; padding-left: 10px; color: #000000; border-bottom: 2px solid #FFFFFF}
.item_data {background: #FFFFFF; padding: 3px; padding-left: 10px; color: #000000; border-bottom: 2px solid #99CC33}

.fade_text {color: #71BF43; }

.packs_title {font-size: 150%; color: #FFF300; font-weight: bold;}
.pack_save {font-weight: bold; font-size: 120%; color: #DB6A1E}
.pack_price {font-size: 150%; color: #FFF300; font-weight: bold;}

.slogan {font-size: 220%; text-align: center; line-height: 1.3; margin-right: 170px}

a.fptopkeyword_:link{
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:4px;
	text-decoration:none;	
}

a.fptopkeyword_:visited{
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:4px;
	text-decoration:none;	
}
a.fptopkeyword_:hover{
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:4px;
	text-decoration:underline;	
}

#fptopkeyword_bg{
	background-color:#C40009;
}

.footer_link{
	color:#808080;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
}

a.fpfooterlink:link{
	color:#808080;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
}
a.fpfooterlink:visited{
	color:#808080;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
}
a.fpfooterlink:hover{
	color:#808080;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
}

#cdscontent{
	background: #fff;
	border: 0px solid #808080;
	color: #000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-align:justify; 
	padding:0px 8px 0px 8px;
	position:relative; 
	top: 1px;
}

H1.h1prop{color:#000}
H2.h2prop{color:#000; font-size:15pt; font-weight:bolder;}
H1.h2prop{color:#000; font-size:15pt; font-weight:bolder;}
H3.h2prop{color:#000000; font-size:15pt; font-weight:bolder; border-bottom: none}


span.adjtop{position:relative; top:-12px}

a.cdscap:link{ color:#000000;font-family:verdana; text-decoration:none; font-weight:100; }
a.cdscap:visited{ color:#000000;	font-family:verdana; text-decoration:none; font-weight:100; }
a.cdscap:hover{ color:#000000;	font-family:verdana; text-decoration:underline; font-weight:100; }

#cdscap{font-size:14px; font-weight:bold;}

h1.hptopkw {
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:2px;
	text-decoration:none;
	font-weight:normal
}

#thankyou {
	color: black;
}

.cartitem {
	padding: 5px;
}
.cartdesc {
	
}
.cartprice {
	float:right;
}
.carttotal {
	text-align: right;
	font-weight: bold;	
}

.table_content {
	color: black;
}
.table_content a {
	color: black;
}
td.cartcontents {
background-image: url(../layout/pg_header_3.jpg);
width:480px;
height:70px;
padding: 10px 0 10px 33px;
}
#shoppingCartBox {
	background-color: #fff;
	width: 176px;
	height: 60px;
	border:1px solid #99CC33;
}
#shoppingCartBox a {
	color: #000;
}
#shoppingCartHeader {
	background-color: #99CC33;
	padding: 2px;
	background-image: url(../images/cart.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 22px;
	line-height: 22px;
}
#shoppingCartHeader a {
	text-decoration: none;
	color: #fff;
}
#shoppingCartContents {
	color: black;
	padding: 2px;
	text-align: center;
}

/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}

fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
}
  
label {
  float:left;
  width:20%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  cursor:pointer;
  }

 
input, select, textarea {
	font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
	line-height:1.25;
}



label {
	width: 135px;
}

input.styled, #contactForm textarea {
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #999;
	width:300px;;
	margin:0 0 10px 5px;
}

#submitbtn {
	margin-left:145px;
}
.topalert {
	background-color: yellow;
	line-height: 25px;
	border-bottom: 2px solid red;
	text-align: center;
	color: red;
}
.topalert a {
	color: red;
}

h3 small, h4 small {
	font-weight: normal;
}
hr {
	clear: both;
	height: 1px;
	border: 0;
	border-bottom: 1px dotted #666666;
	padding: 10px 0 10px 0;
}
.button {
	display: block;
	line-height: 30px;
	height: 30px;
	width: 70px;
	text-decoration: none;
	color: #ffffff;
	padding: 0 20px 0 20px;
	background-color: #99CC33;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
}

/* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      text-decoration:none;
      color:#333;
      height: 30px;
      line-height: 30px;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#f9f9f9;
      z-index:1;
      margin:0;
      padding:3px 0;
      border-left:1px solid #ccc;
      border-right:1px solid #bbb;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      background:none;
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #ccc;
      border-bottom:1px solid #bbb;
      }
    .btn b {
      display: none
      }
    * html .btn b {
      top:1px;
      }
    .btn u {
      text-decoration:none;
      position:relative;
      z-index:3;
      }
    
    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #ccc;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #ccc;
      }
    button.pill-r span {
      border-left-color:#fff;
      }
    
    /* only needed if implementing separate hover state for buttons */
    .btn:hover span, .btn:hover span span {
      cursor:pointer;
      border-color:#99CC33 !important;
      color:#000;
      }
    
    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }