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

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
background-image:url(../images/bg.gif);
background-repeat:repeat-x;
background-position:top left;
background-color:#28264b;
padding-top:10px;
}



.wrapper {
position:relative;
display:block;
width:980px;
margin:0px auto;
padding-bottom:50px;
padding-left:29px;
padding-right:29px;
}

.shadowTop {
display:block;
width:1000px;
height:16px;
margin:0px auto;
background-image:url(../images/shadow_top.gif);
background-repeat:no-repeat;
background-position:bottom left;
}


.shadowLeft {
position:absolute;
top:0px;
left:0px;
width:29px;
height:855px;
background-image:url(../images/shadow_left.gif);
background-repeat:no-repeat;
background-position:top left;
}
.shadowRight {
position:absolute;
top:0px;
right:0px;
width:29px;
height:855px;
background-image:url(../images/shadow_right.gif);
background-repeat:no-repeat;
background-position:top left;
}

.bannerHolder {
display:block;
height:220px;
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
background-position:top left;
}


.content {
display:block;
width:980px;
background-image:url(../images/content_bg.gif);
background-repeat:repeat-x;
background-position:top left;

min-height:645px; height:auto!important; height:645px;
}

.main {
display:block;
padding-top:40px;
overflow:hidden;
height:1%;
}

.photoHolder {
display:block;
margin-left:72px;
margin-top:10px;
width:850px;
}

.photo {
float:left;
width:268px;
height:236px;
margin-right:15px;
}

.watermark {
position:absolute;
bottom:0px;
right:30px;
width:576px;
height:529px;
background-image:url(../images/watermark.png);
background-repeat:no-repeat;
background-position:top left;
z-index:5;
}

.photo1 {
background-image:url(../images/photo1.png);
background-repeat:no-repeat;
background-position:top left;
width:268px;
height:236px;
}
.photo2 {
background-image:url(../images/photo2.png);
background-repeat:no-repeat;
background-position:top left;
width:268px;
height:236px;
}
.photo3 {
background-image:url(../images/photo3.png);
background-repeat:no-repeat;
background-position:top left;
width:268px;
height:236px;
}

.photo1, .photo2, .photo3, .watermark {
behavior: url(../iepngfix.htc);
}


.title {
width:842px;
height:29px;
margin:0 auto;
background-image:url(../images/title.gif);
background-repeat:no-repeat;
background-position:center;
}

.leftColumn {
float:left;
width:530px;
height:330px;
}

.leftColumn h3 {
margin:0;
padding:0;
margin-left:75px;
margin-top:10px;
font-size:17px;
color:#fff;
}

.leftColumn p {
margin:0;
padding:0;
margin-left:75px;
margin-top:15px;
margin-right:80px;
line-height:18px;
font-size:13px;
}


.rightColumn {
position:absolute;
right: 0;
bottom:115px;
width:430px;
text-align:right;
z-index:100;
padding-right: 105px;
}

.rightColumn p {
margin:0;
padding:0;
margin-left:45px;
margin-top:145px;
margin-right:80px;
line-height:22px;
font-size:13px;
}

a { font-size:13px; color:#fff; }
a:hover { color:#8d87c6; text-decoration:none }

.welcomeTitle {
display:block;
width:441px;
height:71px;
background-image:url(../images/welcome.gif);
background-repeat:no-repeat;
background-position:top left;
margin-left:30px;
}

a.stockists { font-weight:bold; }

/* Stockists */
h2, ul { padding-left: 75px; }

h2 { font-size:28px; font-weight: normal;}
h2.header, ul { background:url(../images/headerBg.png) no-repeat bottom left; }
h2.header { margin-top: 0px; }
h2 { clear:both; padding-bottom:20px; margin-bottom: 0;}
ul.stockistsList { list-style:none; width:605px; padding-bottom: 25px; margin-top: 0;}
li.stockist { float:left; width:200px;  padding-bottom: 20px;}
span.name { font-weight:bold; font-size:14px; }

.facebook { position:relative; }
.stockists .facebook { display:none; }

.footer {
display:block;
background-image:url(../images/dotted_lines.gif);
background-repeat:no-repeat;
background-position:top;

text-align:right;
font-size:10px;
height:40px;
padding-top:20px;
padding-right: 75px;
}