body {
    font-size:62.5%; /* Sets base font at 10px */
    font-family: Arial, Verdana, sans-serif;
    color:#C59B6D;
    margin:0; padding:0;
    background:url("images/body-bk.jpg") repeat-x top left;


}

a:link { text-decoration:none; color:#fff; outline:none; }
a:visited { text-decoration:none; color:#fff; }
a:hover { text-decoration:none; }
a:active {text-decoration:none; }

img { border:0; }

form { margin:0; }

/* WRAPPER */

#wrapper { width:802px;
           margin:0 auto; padding:0 112px;
           background:url("images/wrapper-content.png") repeat-y top left;
           }

/* BRANDING */

#branding { width:802px;
            margin:0 auto;
            height:267px;
            position:relative;
            padding:0 0 10px 0;
            background:url("images/image1.jpg") no-repeat 6px 34px;
            }

/* BRANDING - ACCESS LINK */

.accessaid { width:802px;
             margin:0 auto; padding:0;
             background:url("images/top_red_bar.png") no-repeat top left;
             height:45px;
             text-indent:-9999px;
             position:absolute;
             top:0; left:0;
             z-index:12;

}

/* BRANDING - FLASH MOVIE */

#flash-banner { width:784px; height:232px;
                position:absolute;
                top:34px; right:12px;
                z-index:2;
                }


/* BRANDING - LOGO */

#branding h1 { width:245px; margin:0 auto; padding:0;
               text-indent:-9999px;
               height:215px;
               background:url("images/grays-branding-image.png") no-repeat top left;
               position:absolute;
               z-index:4;
               top:38px; left:31px;
               }


/* MAINCONTENT AREA */

#maincontent { width:802px;
                background:url("images/maincontent-bk.jpg") repeat-x top left;
                padding:3px 0 0 0;
                font-size:1.1em;
                }


/* GLOBAL NAVIGATION */

#nav {
	width: 802px;
	margin: 0;
	list-style: none;
	padding: 0;
	background: url("images/new-nav.png") no-repeat top left;
	height: 41px;
       }

#nav li { float:left; }

#nav li a { display:block; height:41px; }

#nav li a span { display:block; text-indent:-9999px; }

/* about us */

#nav li#about-grays a { width:120px; }

#nav li#about-grays a:hover { background:url("images/new-nav.png") no-repeat 0 -41px; }

#nav li#about-grayson a { width: 120px; background: url("images/new-nav.png") no-repeat 0 -41px; }

/* history */

#nav li#history-grays a { width:78px; }

#nav li#history-grays a:hover { background:url("images/new-nav.png") no-repeat -120px -41px; }

#nav li#history-grayson a { width:78px; background:url("images/new-nav.png") no-repeat -120px -41px; }

/* manufacturing */

#nav li#manufact-grays a { width:131px; }

#nav li#manufact-grays a:hover { background:url("images/new-nav.png") no-repeat -198px -41px; }

#nav li#manufact-grayson a { width:131px; background:url("images/new-nav.png") no-repeat -198px -41px; }

/* trade */

#nav li#trade-grays a { width:69px; }

#nav li#trade-grays a:hover { background:url("images/new-nav.png") no-repeat -329px -41px; }

#nav li#trade-grayson a { width:69px; background:url("images/new-nav.png") no-repeat -329px -41px; }

/* products */

#nav li#products-grays a { width:126px; }

#nav li#products-grays a:hover { background:url("images/new-nav.png") no-repeat -398px -41px; }

#nav li#products-grayson a { width:126px; background:url("images/new-nav.png") no-repeat -398px -41px; }

/* products recall 

#nav li#recall-grays a { width:136px; }

#nav li#recall-grays a:hover { background:url("images/new-nav.png") no-repeat -524px -41px; }

#nav li#recall-grayson a { width:136px; background:url("images/new-nav.png") no-repeat -524px -41px; }

/* contact */

#nav li#contact-grays a { width:97px; }

#nav li#contact-grays a:hover { background:url("images/new-nav.png") no-repeat -524px -41px; }

#nav li#contact-grayson a { width:97px; background:url("images/new-nav.png") no-repeat -524px -41px; }

/* CONTENT WRAPPER */

#content, #trade-content { padding:15px 38px 0 38px;
           width:726px;
           }


/* HOME PAGE STYLES */

#home-hr { width:726px;
           height:30px;
           background:url("images/home-page-welcome-txt-hr.png") no-repeat top left;
           text-indent:-9999px;
           margin:0; padding:0 0 4px 0;
           }

#home-sub-hr { width:726px;
           height:36px;
           background:url("images/welcome-sub-txt.png") no-repeat top left;
           text-indent:-9999px;
           margin:0; padding:0 0 12px 0;
           }

/* HOME PAGE PODS */

#home-pods-wrap { width:726px; }

#grays-method-pod { width:238px;
                height:181px;
                background:url("images/grays-sweet-pod.png") no-repeat top left;
                float:left; position:relative;
                padding:0 4px 0 0;
                }

#grays-method-pod p { margin:0; padding:0; font-size:11px; }

#grays-method-pod p a, #grays-method-pod p { color:#F7EDD7; }

#grays-method-pod p a:hover { text-decoration:underline; }

#method-txt { width:77px;
              position:absolute;
              left:144px; top:51px;
              }

#method-lnk { width:60px;
              position:absolute;
              left:154px; top:126px;
              }

#grays-history-pod { width:239px;
                height:181px;
                background:url("images/grays-history-pod.png") no-repeat top left;
                float:left; position:relative;
                padding:0 4px 0 0;
                }

#grays-history-pod h3 { margin:0; padding:0; text-indent:-9999px; }

#grays-history-pod p { margin:0; padding:0; font-size:11px;
                       width:60px;
                       position:absolute;
                       left:152px; top:126px;
                       }

#grays-history-pod p a:hover { text-decoration:underline; color:#fff; }

#grays-products-pod { width:238px; height:181px;
                      background:url("images/grays-product-pod.png") no-repeat top left;
                      float:left; position:relative;
                      }

#grays-products-pod h3 { margin:0; padding:0; text-indent:-9999px; }

#prods-lnk { margin:0; padding:0; font-size:11px;
             width:60px; position:absolute;
             left:152px; top:126px;
            }

#prods-lnk, #prods-txt { margin:0; padding:0; }

#prods-lnk a:hover { text-decoration:underline; color:#fff; }

#prods-txt { width:137px; color:#A1774B;
             position:absolute; top:47px; left:85px;
             }

/* HOME PAGE COL CONTENT */

#home-content { width:726px; padding-top:12px; }

#home-content p { padding:0 0 21px 0; margin:0; color:#787878; }

#home-content p strong { color:#B9354B; font-weight:normal; }

#contentl { width:360px; float:left; }

#contentr { width:350px; float:right; }


/* MANUFACTURING PAGE */


#sub-hr, #sub-txt { padding:0!important; margin:0!important; font-size:12px; }

#sub-txt { padding-bottom:24px!important; }

#sub-hr strong { color:#B9354B; font-weight:normal; }

#manufact-hr { width:726px;
           height:30px;
           background:url("images/manufact-hr.png") no-repeat top left;
           text-indent:-9999px;
           margin:0; padding:0 0 4px 0;
           }



#pod-wrapper { padding:0 0 15px 28px;
           width:774px;
           }


.step1, .step2, .step4, .step5, .step3, .step6 {
	width: 242px;
	float: left;
	height: 65px;
	padding-bottom: 8px;
	padding-top: 165px;
               }

.step1 p, .step2 p, .step3 p, .step4 p, .step5 p, .step6 p { margin:0; padding:0 4px;
                 width:230px; color:#9D293F; text-align:center;
                 }

.step1 p strong, .step2 p strong, .step3 p strong, .step4 p strong, .step5 p strong, .step6 p strong { color:#A17B53;
                        font-weight:normal;
                       padding-left:3px;
                        }

.step1, .step2, .step4, .step5 { padding-right:3px; }

.step1 { background:url("images/step1.png") no-repeat top left; }

.step2 { background:url("images/step2.png") no-repeat top left; }

.step3 { background:url("images/step3.png") no-repeat top left; }

.step4 { background:url("images/step4.png") no-repeat top left; }

.step5 { background:url("images/step5.png") no-repeat top left; }

.step6 { background:url("images/step6.png") no-repeat top left; }

/* TRADE PAGE */

#trade-content p { margin:0 0 21px 0; padding:0; font-size:1.2em; }

#trade-content p strong, #trade-content p a { color:#B9354B; }

#trade-content p strong { font-weight:normal; }

#trade-content p a { text-decoration:underline; }

#shop-img { margin:-11px 0 9px -6px!important; }

#trade-hr { width:726px;
           height:29px;
           background:url("images/trade-hr.png") no-repeat top left;
           text-indent:-9999px;
           margin:0; padding:0 0 13px 0;
           }


/* PRODUCT PAGE */

#products-hr { width:726px;
           height:31px;
           background:url("images/products-hr.png") no-repeat top left;
           text-indent:-9999px;
           margin:0; padding:0 0 4px 0;
           }

#product-range-wrap { width:403px;
                      padding:0 329px 31px 38px;
                      background:url("images/product_sweets_pic.png") no-repeat right 13px;
                      }

#product-lists { width:402px; font-size:1.1em; }

#product-lists h3 { color:#B9354B; font-weight:normal;
                    background:url("images/large-product-div.png") no-repeat bottom left;
                    margin:0; padding:0 0 7px 0;
                    font-size:1.1em;
                    }

#product-lists ul { list-style:none; padding:8px 0 0 0; margin:0; line-height:1.4em; }

.list-div { background:url("images/small-product-div.png") no-repeat bottom left;
            padding:8px 0 11px 0!important;
            }

#products-l { width:175px; float:left; }

#products-r { width:210px; float:right; }

/* HISTORY */

#history-hr {
	width: 726px;
	height: 29px;
	background: url("images/our-history-hr.png") no-repeat top left;
	text-indent: -9999px;
	margin: 0;
	padding: 0 0 4px 0;
           }

#history-img { width:327px; float:right; }

#history-img p { margin:-22px 0 18px 0; padding:0; }

#history-info {
	width: 380px;
	position: relative;
	height: 400px;
	float: left;
	margin-top: 25px;
	overflow: auto;
                }

#history-info p {
	margin: 0 0 21px 0;
	padding: 0;
	color: #777;
	width: 380px;
}

.rtxt { color:#B9354B!important; }


/* CONTACT */

#contact-hr { width:726px;
           height:29px;
           background:url("images/contact-hr.png") no-repeat top left;
           text-indent:-9999px;
           margin:0; padding:0 0 11px 0;
           }

#contact-details { width:445px;
                   float:left;
                   }

#contact-images { width:237px;
                  float:right;
                  }

#contact-images p { padding:0 0 15px 0; margin:0; }

#contact-details p, #contact-details address { padding:0 0 20px 0; margin:0; font-size:1.2em; }

#contact-details address { font-style:normal; }

#contact-details p strong, #contact-details address strong { color:#B9354B; font-weight:normal; }

/* contact form */

#grays_frm { margin:0; padding:49px 0 0 0;
             background:url("images/enquiry-form-header.png") no-repeat top left;
             position:relative; height:335px;
             }

#grays_frm p { padding:0 0 10px 0; margin:0; font-size:11px; }

#grays_frm p input, #grays_frm p textarea { width:348px; border:solid #C89E6F 1px; font-size:11px; }

#grays_frm p input { height:18px; }

#grays_frm p textarea { height:78px; }

#nopad { padding:0!important; margin:0!important; }

#submit-btn { border:none!important; width:85px!important;
              height:40px!important;
              }
			  
/* RECALL */

#recall-hr {
	width: 726px;
	height: 29px;
	background: url("images/product-recall-hr.png") no-repeat top left;
	text-indent: -9999px;
	margin: 0;
	padding: 0 0 4px 0;
           }

/* FOOTER */

#footer { width:1026px;
          margin:0 auto;
          background:url("images/footer-bk.png") no-repeat top left;
          height:41px;
          }

#footer address {
	padding: 0;
	margin: 0;
	color: #F5EFDF;
	font-style: normal;
	line-height: 4em;
	text-align: center;
                  }



/* DIV STYLES  */

.fixclear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

* html .fixclear { height:1%;}
.fixclear { display:block; }