﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML GENERAL 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helvetica-webfont.eot');
    src: url('fonts/helvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-webfont.woff') format('woff'),
         url('fonts/helvetica-webfont.ttf') format('truetype'),
         url('fonts/helvetica-webfont.svg#HelveticaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'PTF Nordic';
    src: url('fonts/ptf-nordic-rnd-webfont.eot');
    src: url('fonts/ptf-nordic-rnd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptf-nordic-rnd-webfont.woff') format('woff'),
         url('fonts/ptf-nordic-rnd-webfont.ttf') format('truetype'),
         url('fonts/ptf-nordic-rnd-webfont.svg#PTFNORDICRndNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Helvetica Oblique';
    src: url('fonts/helr46w-webfont.eot');
    src: url('fonts/helr46w-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helr46w-webfont.woff') format('woff'),
         url('fonts/helr46w-webfont.ttf') format('truetype'),
         url('fonts/helr46w-webfont.svg#HelveticaOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Bold';
    src: url('fonts/helvetica-bold-webfont.eot');
    src: url('fonts/helvetica-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-bold-webfont.woff') format('woff'),
         url('fonts/helvetica-bold-webfont.ttf') format('truetype'),
         url('fonts/helvetica-bold-webfont.svg#HelveticaBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form
{
	margin: 0;
	padding: 0;
}

body{font-family: Helvetica, Arial, Tahoma, sans-serif;font-size: 12px;background: #fff;text-align: center;color: #26276a;line-height:1.2em;}

a{color: #008ec3;text-decoration: none;}
a:hover{color: #0090c4;text-decoration: underline;}
a img{border: 0;}
img{border: none;}

h1, h2, h3, h4, h5, h6{font-family: PTF Nordic, Arial, Tahoma, sans-serif;}
h2, h3{font-size: 16px;}

img{border: solid 0;}
li.PDF {background-image: url(../../Images/iconPDF.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0;}

#divWrapper{height: auto; margin: 30px auto 40px; /* align for good browsers */ position: relative; width: 1240px;}

.floatClear{clear: both; display: block;}
.flagRed{color: #f00; font-weight: bold;}
.flagBlue{color: #2baae5; font-weight: bold;}

#divHeader{position: relative;}
#divHeaderTop{height: 39px;}
#divMenu{height: 35px;}

#imgIG{left: 67px;padding-bottom: 125px;position: absolute;top: 17px;}

#divTitle h1{position: absolute; font-size: 2.3em; left: 300px; top: 72px;color:#2baae5;font-family:Helvetica, Geneva, Arial, sans-serif;font-weight:normal;left: 267px;line-height: 1.5;}

#divBody{background: #fff url(images/buy/buy_us.jpg) no-repeat;position: relative;}
.bottle {background: url(images/buy/bottle.png) no-repeat scroll left top transparent;height: 575px;position: absolute;right: 140px;top: -19px;width: 186px;}

#divBodyLeft{float: left;position: relative;width: 585px;margin: 0 100px 0 210px;}
#divBodyLeftContainer{margin: 137px auto;}
.topBG{background: url(images/buy/t_store_locator_us.png) no-repeat;height:60px;}
.middleBG{background: url(images/buy/bg_store_locator_us.png) repeat-y;}
.bottomBG{background: url(images/buy/b_store_locator_us.png) no-repeat;height: 47px;}
.stor_localtion_icon_us{position:absolute;width:146px;height:149px;background:url(images/buy/store_loca_us.png) no-repeat;top:45px;left:570px;z-index:2;}
.alignLeft{text-align: left;margin: 30px;}


#divBodyRight{float: left;width: 270px;padding: 520px 0 0 0;text-align: left;}
#divBodyRight h2{margin-top: 10px;}
#divBodyRight p{margin: 5px 0 10px 0;}
#tblDataSet table td{padding-left: 10px;}
#tblDataSet table td.left{text-align: center;width: 50px;}

#map{width: 528px;height: 340px;margin-left: 30px;text-align:left;}
#divDataTable{height: 370px;overflow: auto;width: 528px;margin-left: 30px;background: #fff;}
.clsTableData{width: 505px;text-align:left;}
tr.alternatingStyle{background-color: #eee;}
.mapInstructions{background: #fff;width: 528px;margin-left: 30px;}

#divFooter{height: 160px;}
#accordion{margin: 50px 0px;overflow: hidden;width: 252px;}
h3.toggler{cursor: pointer;background-color: #26276a;border-bottom: #d5eef9 1px solid;border-top: #d5eef9 1px solid;font-size: 12px;font-weight: bold;margin: 0 0 4px 0;padding: 3px 5px 3px;text-transform: uppercase;text-align:left;font-family: Arial, Sans-Serif;}
.element{height: 0px;overflow: hidden;position:relative;}
div.element p, div.element h4 {margin:0px;padding:4px;}
blockquote{padding:5px 20px;}
#panalSearchByAddress{height: 195px;position: relative;}
#divAddress1{left: 10px;position: absolute;}
.clsInputAddressLong{width: 220px;}
.clsInputAddressShort{width: 140px;}
.clsInputAddressDropDown{width: 70px;}
.clsInputStateDropDown{width: 170px;}
#divCity1{left: 10px;position: absolute;top: 40px;}
#divState1{left: 10px;position: absolute;top: 80px;}
#divZip1{left: 90px;position: absolute;top: 80px;}
#divRadius{left: 10px;position: absolute;top: 130px;}
#divSearchByAddressButton{bottom: 0;left: 10px;position: absolute;}
.reset{text-align:center;}

