@charset "UTF-8";

/* BASICS */
* {margin:0; padding:0;}
body { margin: 0px; padding: 0; font-family: "Lucida Grande", Tahoma; background-image: url(../../images/bg_header.gif); background-color: #828587; background-repeat: repeat-x; color: #ADB0B2; font-size: 14px; overflow:scroll; overflow-x:auto; overflow-y:scroll; }
img { margin: 0px; padding: 0px; display: inline; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; width: 0px; }
p{ line-height: 20px; }

/* WRAPPER */
#wrapper { width: 816px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-image: url(../../images/header.gif); background-repeat: no-repeat; background-position: center top; }

/* HEADER */
#header {width: 816px; height: 210px;}

/* TEXT COLUMNS */
#columnOne { width: 298px; position: relative; top: 0px; float: left; padding-left: 30px; }
#columnTwo { position: relative; top: 0px; float: right; padding-top: 15px; padding-left: 35px; padding-right: 35px; width: 418px; }

/* GALLERY COLUMNS */
#columnGallOne { width: 350px; position: relative; top: 0px; float: left; padding-left: 30px; background-color: #828587; }
#columnGallTwo { position: relative; top: 0px; float: right; padding-top: 15px; padding-left: 35px; padding-right: 35px; width: 364px; }

/* HOME */
#homeNavActive { height: 210px; position: relative; left: 357px; width: 95px; background-image: url(../../images/nav_tab.gif); float: left; }
#homeNav { height: 210px; position: relative; left: 357px; width: 95px; float: left; }
.homeNavTxt { color: #FFFFFF; text-align: center; position: relative; top: 158px; font-size: 15px; }

#homeImg { height: 380px; width: 298px; position: absolute; float: left; padding: 20px; }
.homeTxtHeader { color: #FFFFFF; font-size: 17px; }
.homeTxtHeader-sub { /*color: #FFFFFF;*/ font-size: 14px; padding-top: 10px; }

/*----Stocklist----*/
div.stocklist {
    float: left;
    width: 98%;
    position: relative;
    margin: 10px 0;
}
div.stocklist .offices {
    float: left;
    position: relative;
    margin: 10px 0;
    width: 100%;
}
.offices h3 {
    /*color: #fff;*/
    font-size: 13px;
    padding-bottom: 5px;
}
.offices p,
.offices h4 {
    font-size: 12px;
    /*color: #fff;*/
    padding-bottom: 10px;
}

a#facebook {
    width: 22px;
    height: 22px;
    background: url(../../images/facebook.png) 0 0 no-repeat;
    display: block;
    text-indent: -9999px;
    outline: none;
}
a#facebook:hover {
    background-position: 0 -23px;
}



/* GALLERY */
#galleryNavActive { height: 210px; position: relative; left: 367px; width: 95px; float: left; text-align: center; background-image: url(../../images/nav_tab.gif);}
#galleryNav { height: 210px; position: relative; left: 367px; width: 95px; float: left; text-align: center; }
.galleryNavTxt { color: #FFFFFF; text-align: center; position: relative; top: 158px; font-size: 15px; }
.tipTxtWhite { font-size: 12px; color: #FFFFFF; }
.tipTxtGrey { font-size: 12px; display: inline; }

/* STOCKIST */
#stockistNavActive { height: 210px; position: relative; left: 377px; width: 95px; float: left; text-align: center; background-image: url(../../images/nav_tab.gif);}
#stockistNav { height: 210px; position: relative; left: 377px; width: 95px; float: left; text-align: center; }
.stockistNavTxt { color: #FFFFFF; text-align: center; position: relative; top: 158px; font-size: 15px; }


/* FOOTER */
#footer { background-image: url(../../images/footer.jpg); background-repeat: no-repeat; background-position: center top; height: 90px; position: relative; }
#footerTxt { font-size: 12px; color: #ADAFB1; text-align: center; height: 40px; position: relative; top: 50px; }

a:link { color: #ACAFB1; text-decoration: none; }
a:visited { text-decoration: none; color: #ADB0B2; }
a:hover { text-decoration: none; color: #FFFFFF; background-color: #828587; }
a:active { text-decoration: underline; color: #FFFFFF; }
.stockistHrs {
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 line-height: 24px;
}
.stockistBody {
 font-size: 12px;
 line-height: 21px;
}