@charset "UTF-8";
/* CSS Document */


/***** RESET *****/
* {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
html {
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	
} 


/***** GENERAL SECTION *****/

body {
	background-image: url(../images/bgTile.jpg);
	background-repeat: repeat;
	background-position: center top;
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	min-height: 100%;
}
#pagecontainer {
	width: 100%;
	position: relative;
	padding: 0px;
	text-align: center;
	margin: 0 auto;
}
#container {
	width: 950px;
	position: relative;
	padding: 0px;
	text-align: left;
	margin: 0 auto;
	vertical-align: bottom;
}
img {
	border: none;
}

/*p.backgroundWhite, #section div.article p*/
#section .articleWider, #section .article, #contactDetails
{
    background-image:url('../images/paragraph_background.png');
    background-repeat: repeat;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    padding:5px !important;

}

.clearall {
	clear: both;
	padding: 0;
	margin: 0;
}
.clearleft {
	clear: left;
}
.hidden {
	display: none;
}
a, a:visited {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
a:active, a:hover {
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}





/***** HEADER SECTION *****/
#header {
	background-image: url(../images/bgTileShadow.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: relative;
	text-align: center;
}
#header p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#header h1 {
	text-indent: -4000px;
	position: relative;
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}
#header h4 {
	text-indent: -4000px;
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}


.brandimage div#imagenav ul.imagenavbuttons li a, .brandimage div#imagenav ul.imagenavbuttons li a:visited{
	z-index: 18;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: -10px;
	right: 20px;
	height: 77px;
	width: 126px;
}



p.contactus {
	z-index: 18;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: -10px;
	right: 10px;
	height: 77px;
	width: 116px;
}
.contactus a.contactus,
.contactus a:visited.contactus {
	background-image: url(../images/contactUsBtnUp.png);
	background-repeat: no-repeat;
	background-position: center top;
	border: none;
	margin: 0px;
	padding: 0px;
	height: 77px;
	width: 116px;
	display: block;
}

.contactus a:hover.contactus,
.contactus a:active.contactus {
	background-image: url(../images/contactUsBtnOver.png);
	text-decoration: none;
} 
 
p.ballagenciestag {
	z-index: 18;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: -10px;
	right: 136px;
	height: 77px;
	width: 116px;
}
.ballagenciestag a.ballagenciestag,
.ballagenciestag a:visited.ballagenciestag {
	background-image: url(../images/ballagenciesBtnUp.png);
	background-repeat: no-repeat;
	background-position: center top;
	border: none;
	margin: 0px;
	padding: 0px;
	height: 77px;
	width: 116px;
	display: block;
}

.ballagenciestag a:hover.ballagenciestag,
.ballagenciestag a:active.ballagenciestag {
	background-image: url(../images/ballagenciesBtnOver.png);
	text-decoration: none;
} 
 




 
 



/***** INFO SECTION *****/

#section {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	text-align: left;
	position: relative;
	vertical-align: bottom;
	width: 100%;
	float: left;
}
#section hr {
	padding: 0px;
	height: 1px;
	color: #000;
	background-color: #000;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}
#section h3 {
	height: 42px;
	width: 560px;
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 20px;
	display: inline;
	position: relative;
}

span.brandTitle
{
    display:block;
    float:left;
    color:#7c7c7c;
    font-size:26px;
}

span.rightTwirl
{
    display:block;
    float:left;
    background-image: url(../images/right-twirl.png);
    background-repeat:no-repeat;
    height:35px;
    width:95px;
    margin-left:15px;
    padding:0px;
}

#section .articleheader {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#section .articleheader a,
#section .articleheader a:visited {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#section .articleheader a:hover,
#section .articleheader a:active {
	text-decoration: underline;
}

#section span.date {
	font-size: 12px;
	font-weight: normal;
	color: #666;
} 

#section .articleheader .articleimage {
	z-index: 10;
	border: 2px solid #000;
	margin: 0px;
	padding: 0px;
	float: right;
}

#section div.articleWider h4,
#section div.article h4{
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 14px 0px 3px 0px;
}

#section div.articleWider p,
#section div.article p {
	font-size: 13px;
	padding: 0px;
	margin: 10px 0px 5px 0px;
	line-height: 16px;
}
#section div.articleWider strong,
#section div.article strong {
	font-weight: bold;
	text-decoration: none;
}

#section div.articleWider a,
#section div.articleWider a:visited,
#section div.article a,
#section div.article a:visited {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #555;
}

#section div.articleWider a:hover,
#section div.articleWider a:active,
#section div.article a:hover,
#section div.article a:active {
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}


#section div.article {
	width: 55%;
	padding: 0px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 20px;
}
#section div.articleWider {
	width: 560px;
	padding: 0px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 20px;
}
#section div.articleFullWidth {
	width: 95%;
	padding: 0px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 20px;
}
.ReadMore  a , .ReadMore a:visited {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: none; 
	text-decoration: none;
}
.ReadMore a:hover,.ReadMore a:active   {
	font-weight: bold;
	text-decoration: underline;
}

a.linkSignup
{
    display:block;
    width:81px;
    height:23px;
    background-image:url(../images/signup-up.gif);
}

.thankyou
{
    position:relative;
    width:400px;
    height:110px;
    font-size:11px;
    text-align:justify ;
    line-height:16px;
    margin-top:50px;
    margin-left:280px;
    padding:5px;
    background-color:#ffffff;
}

.thankyou h4
{
    text-align: center;
    font-weight:bold;
}

#stockistMap
{
    position:relative;
    height:700px;
    width:500px;
    margin-top:30px;
    margin-left:220px;
    padding:0px;
}
#stockistMapLogos
{
    position:relative;
    font-size:13px;
    height:150px;
    position:relative;
    width:830px;
    margin-top:30px;
    margin-left:55px;
    text-align: center;
}

#stockistMapLogos p
{
    text-align:center;
}

#section h3.stockistHeader
{
    margin-left:75px;
}

#headofficeInfo
{
    float:right;
    position:relative;
    height:200px;
    width:300px;
    margin-top:50px;
    margin-right:13px;
    padding:0px;
    font-size:11px;
}

#headofficeInfo h2
{
    font-size:15px;
    font-weight:bold;
}

.contact
{
    list-style:none; 
}

.contact li
{
      font-size:13px;
      margin-bottom:5px;
}

#mapMarker h2
{
  font-size: 12px;
  font-weight: bold;  
}

#mapMarker p
{
    font-size:10px;
}


#contactDetails
{
    position:relative;
    float:left;
    height:420px;
}

#contactPics
{
    position:relative;
    float:right;
    width:75%;
    height:100%;
    margin:0px;
    padding:0px;
}

#contactPic1
{
    position:absolute;left:150px;top:15px;    
}

#contactPic2
{
    position:absolute;left:280px;top:118px;
}

#contactPic3
{
     position:absolute;left:420px;top:218px;   
}

.clearBoth
{
    clear:both;
}

#stockistDetails
{
    position:relative;
    height:100%;
    width:800px;
    margin-top:50px;
    margin-left:75px;
    padding:0px;
   
}

#section .region
{
    position:relative;
    width:100%;
    background-image:url('../images/paragraph_background.png');
    background-repeat: repeat;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    margin-top:15px;
    padding-top:1px;
   
}

#section .region h4
{
    text-align:center;
}

.stockistDetailsHolder
{
    position:relative;
    float:left;
    height:125px;
    width:115px;
    margin:5px;
    margin-left:35px;
    padding:0px;
    font-size:10px;
    text-align:left;
}

.stockistDetailsHolder p
{
    width:115px;
}

.detailsTitle
{
    font-weight:bold;
}

p.stockistsMap
{
    margin-left:75px;
}