/* main stuff */

html {
padding: 0px;
margin: 0px; 
border: 0px; 
height: 100%;
min-height: 100%; 
overflow: auto;
}

body {
background-color:#FCFBFC;
font-size: 11px;
color: #000000;
font-family: Helvetica, Arial, Tahoma, sans-serif;
line-height: 18px;
background-image:url(../images/bg.gif);
background-repeat:repeat-x;
margin: 0px;
padding: 0px;
border: 0px;
height: 100%;
min-height: 100%;
}

ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }

#page {
margin: 0 auto;
width:955px;
background-image:url(../images/page_bg.png);
background-repeat:repeat-y;
}

/* header stuff */

#header {
margin-left:6px;
width:926px;
height:90px;
background-color:#442834;
padding:20px 0px 0px 0px;
}

#logo {
margin-left:40px;
}

#tagline {
float:right;
margin-right:25px;
margin-top:-60px;
}

#header h1 span {
color:#442834;
overflow: hidden;
}

#header h2 span {
color:#442834;
overflow: hidden;
}

/* menuBar */

#menuBar {
margin-left:6px;
padding-left:25px;
padding-bottom:1px;
width:901px;
height:28px;
background-color:#511225;
}

#menuBtn_home {
cursor:pointer;
margin-left:20px;
float:left;
width:39px;
height:28px;
background-image:url(../images/buttons/btn_home.gif);
}

#menuBtn_home:hover {
margin-left:20px;
float:left;
width:39px;
height:28px;
background-image:url(../images/buttons/btn_home_h.gif);
}

#menuBtn_retailers {
cursor:pointer;
margin-left:20px;
float:left;
width:68px;
height:28px;
background-image:url(../images/buttons/btn_retailers.gif);
}

#menuBtn_retailers:hover {
margin-left:20px;
float:left;
width:68px;
height:28px;
background-image:url(../images/buttons/btn_retailers_h.gif);
}

#menuBtn_faqs {
cursor:pointer;
margin-left:20px;
float:left;
width:33px;
height:28px;
background-image:url(../images/buttons/btn_faqs.gif);
}

#menuBtn_faqs:hover {
margin-left:20px;
float:left;
width:33px;
height:28px;
background-image:url(../images/buttons/btn_faqs_h.gif);
}

#menuBtn_dimensions {
cursor:pointer;
margin-left:20px;
float:left;
width:143px;
height:28px;
background-image:url(../images/buttons/btn_dimensions.gif);
}

#menuBtn_dimensions:hover {
margin-left:20px;
float:left;
width:143px;
height:28px;
background-image:url(../images/buttons/btn_dimensions_h.gif);
}

#menuBtn_contact {
cursor:pointer;
margin-left:20px;
float:left;
width:82px;
height:28px;
background-image:url(../images/buttons/btn_contact.gif);
}

#menuBtn_contact:hover {
margin-left:20px;
float:left;
width:82px;
height:28px;
background-image:url(../images/buttons/btn_contact_h.gif);
}

/* download button */

.button { margin: 20px 0px; }
.button a {
  display: block;
  height: 40px;
  width: 350px;
  color: #ffffff !important;
  font: 13px/40px Helvetica, Verdana, sans-serif;
  text-decoration: none;
  text-align: center;
  text-transform: none;
  font-weight: bold;
  z-index: 10;
  position: relative;
  /*GRADIENT*/  
  background: #511225; /* Old browsers */
  background: -moz-linear-gradient(top, #511225 0%, #442834 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#511225), color-stop(100%,#442834));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #511225 0%,#442834 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #511225 0%,#442834 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #511225 0%,#442834 100%);
  /* IE10+ */
  background: linear-gradient(top, #511225 0%,#442834 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#511225', endColorstr='#442834',GradientType=0 );
  /* IE6-9 */
}

.button a, .button p {
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}

.button p {
  background: #424242;
  display: block;
  height: 40px;
  width: 180px; 
  margin: -40px 0 0 10px;
  text-align: center;
  font: 10px/40px Helvetica, Verdana, sans-serif;
  color: #fff;
  /*POSITION*/
  position: absolute;
  z-index: 1;
  /*TRANSITION*/  
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

/*HOVER*/
.button:hover a { text-decoration: none !important; }
.button:hover .bottom { margin: -40px 0 0 340px; }

/*ACTIVE*/
.button a:active {
background: #00b7ea; /* Old browsers */
background: -moz-linear-gradient(top,  #511225 36%, #442834 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#511225), color-stop(100%,#442834));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #511225 36%,#442834 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #511225 36%,#442834 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top,  #511225 36%,#442834 100%);
/* IE10+ */
background: linear-gradient(top,  #511225 36%,#442834 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#511225', endColorstr='#442834',GradientType=0 );
/* IE6-9 */
}

.button:active .bottom { margin: -40px 0 0 10px; }

/* flash stuff */

#flashcontent {
z-index:50;
margin-left:6px;
position: relative;
width:926px;
height:231px;
min-height:231px;
text-align:center;
background-color:#FFFFFF;
}


#retailmap {
margin-left:30px;
margin-top:15px;
padding-bottom:30px;
position: relative;
width:243px;
height:227px;
min-height:227px;
text-align:center;
background-image:url(../images/map/australia.jpg);
background-repeat:no-repeat;
}

.warning_text {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:14;
margin-top:100px;
}
/* text styles */
 
p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:18px;
}

.darkText {
color:#777777;
font-weight:bold;
}

.seperator {
margin-top:15px;
margin-bottom:15px;
width:800px;
height:1px;
background-color:#EEEEEE;
}

/* content elements */

.contentBox {
margin-left:6px;
width:800px;
padding:30px 25px 50px 25px;
display:table;
}

.contentBox a, a:link, a:visited{
color:#777777;
text-decoration:none;
}

.contentBox a:hover, a:active{
color:#471929;
text-decoration:underline;
}

/* tables */

#leftTable {
}

#rightTable {
float:left;
margin-left:100px;
}

#smallTable {
width:300px;
float:left;
}

#bigTable {
width:400px;
float:left;
margin-left:100px;
}

.dataTable {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.tableHead {
background-color:#511225;
color:#FFFFFF;
text-align:center;
}

.columnHead {
background-color:#FCFBFC;
color:#777777;
float:left;
width:100px;
padding:10px 0px 10px 0px;
text-indent:7px;
}

.tableData {
background-color:#FFFFFF;
color:#888888;
float:left;
width:100px;
padding:10px 0px 10px 0px;
text-indent:7px;
border-bottom:1px solid #EFEFEF;
}

.tableDataLong {
background-color:#FFFFFF;
color:#888888;
float:left;
width:200px;
padding:10px 0px 10px 0px;
text-indent:7px;
border-bottom:1px solid #EFEFEF;
}

/* frameBox */
.frameBox {
margin-left:6px;
width:926px;
height:500px;
padding:0px 0px 0px 0px;
display:table;
overflow:hidden;
}

/* product pages */

.page_info {
color:#777777;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:6px;
width:800px;
padding:30px 25px 0px 25px;
}

.product_list {
margin-left:9px;
width:800px;
padding:30px 25px 50px 25px;
display:table;
}

.product_thumb {
width:93px;
height:90px;
padding-left:67px;
padding-top:10px;
padding-bottom:30px;
float:left;
}

.product_info {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-indent:3px;
}

/* lightwindow */

.light_window {
padding:10px 15px 5px 15px;
display:table;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin-top:-10px;
}

.image_preview {
width:650px;
clear:both;
float:left;
border:1px solid #CCCCCC;
padding:3px;
}

.image_preview_small {
width:650px;
height:301px;
float:left;
border:1px solid #CCCCCC;
padding:3px;
}

.top_box {
width:650px;
border:1px solid #CCCCCC;
padding:3px;
float:left;
margin-bottom:2px;
}

.top_heading {
width:650px;
padding-top:13px;
padding-bottom:10px;
background-color:#511225;
color:#FFFFFF;
float:left;
text-indent:10px;
}

.top_info {
width:630px;
line-height:18px;
float:left;
margin-left:10px;
}

.small_box {
width:250px;
border:1px solid #CCCCCC;
padding:3px 3px 10px 3px;
clear:both;
float:left;
text-indent:10px;
margin-top:2px;
}

.small_heading {
width:250px;
padding-top:13px;
padding-bottom:10px;
background-color:#511225;
color:#FFFFFF;
float:left;
}

.bottom_box {
width:380px;
border:1px solid #CCCCCC;
padding:3px 3px 10px 3px;
float:left;
text-indent:10px;
margin-top:2px;
margin-left:11px;
}

.bottom_heading {
width:380px;
padding-top:13px;
padding-bottom:10px;
background-color:#511225;
color:#FFFFFF;
float:left;
}

.color_info {
float:left;
padding-left:8px;
padding-top:6px;
width:180px;
height:30px;
}

/* color boxes */
.no_box {
float:left;
height:15px;
width:15px;
}

.cream_box {
background-color:#D8D3C0;
border:medium none;
float:left;
height:15px;
width:15px;
}

.lightcream_box {
background-color:#EBE9DF;
border:medium none;
float:left;
height:15px;
width:15px;
}

.latte_box {
background-color:#BEA483;
border:medium none;
float:left;
height:15px;
width:15px;
}

.chocolate_box {
background-color:#735938;
border:medium none;
float:left;
height:15px;
width:15px;
}

.progold_box {
background-color:#C5BC9F;
border:medium none;
float:left;
height:15px;
width:15px;
}

.gold_box {
background-color:#CC9933;
border:medium none;
float:left;
height:15px;
width:15px;
}

.blue_box {
background-color:#2A00AA;
border:medium none;
float:left;
height:15px;
width:15px;
}

.burgundy_box {
background-color:#BA4B5E;
border:medium none;
float:left;
height:15px;
width:15px;
}

.black_box {
background-color:#000000;
border:medium none;
float:left;
height:15px;
width:15px;
}

.white_box {
background-color:#FFFFFF;
border:1px solid #999;
float:left;
height:15px;
width:15px;
}

.brown_box {
background-color:#7F3F00;
border:medium none;
float:left;
height:15px;
width:15px;
}

.beige_box {
background-color:#FAECC9;
border:medium none;
float:left;
height:15px;
width:15px;
}

.lightblue_box {
background-color:#2A5FAA;
border:medium none;
float:left;
height:15px;
width:15px;
}

.green_box {
background-color:#557F55;
border:medium none;
float:left;
height:15px;
width:15px;
}

.lightgreen_box {
background-color:#939458;
border:medium none;
float:left;
height:15px;
width:15px;
}

.panacheblue_box {
background-color:#0099FF;
border:medium none;
float:left;
height:15px;
width:15px;
}

.coffee_box {
background-color:#988871;
border:medium none;
float:left;
height:15px;
width:15px;
}

.reevablue_box {
background-color:#559FAA;
border:medium none;
float:left;
height:15px;
width:15px;
}

.chilli_box {
background-color:#9D202E;
border:medium none;
float:left;
height:15px;
width:15px;
}

.sage_box {
background-color:#a4a897;
border:medium none;
float:left;
height:15px;
width:15px;
}

.navy_box {
background-color:#333366;
border:medium none;
float:left;
height:15px;
width:15px;
}

.charcoal_box, .charcoal2_box {
background-color:#5A564D;
border:medium none;
float:left;
height:15px;
width:15px;
}
.charcoal2_box { background-color: #5e5e60; }

.steel_box {
background-color:#BFBFBF;
border:medium none;
float:left;
height:15px;
width:15px;
}

.steel_blue {
background-color:#8092aa;
border:medium none;
float:left;
height:15px;
width:15px;
}

.berry_box {
background-color:#3F265F;
border:medium none;
float:left;
height:15px;
width:15px;
}

.pink_box {
background-color:#f8bfdb;
border:medium none;
float:left;
height:15px;
width:15px;
}

.mink_box, .mink2_box {
background-color:#d1bfb5;
border:medium none;
float:left;
height:15px;
width:15px;
}
.mink2_box { background-color: #d6ccc0; }

.crimson_box {
background-color:#b6061f;
border:medium none;
float:left;
height:15px;
width:15px;
}

.lightblue_box {
background-color:#7ba6c8;
border:medium none;
float:left;
height:15px;
width:15px;
}

.cherry_box {
background-color:#be1830;
border:medium none;
float:left;
height:15px;
width:15px;
}

.stone_box {
background-color:#bdb8b4;
border:medium none;
float:left;
height:15px;
width:15px;
}

.plum_box {
background-color:#953c8c;
border:medium none;
float:left;
height:15px;
width:15px;
}

.powderblue_box {
background-color:#bbc9c9;
border:medium none;
float:left;
height:15px;
width:15px;
}

.turqoise_box {
background-color:#0e95a8;
border:medium none;
float:left;
height:15px;
width:15px;
}

.pistachio_box {
background-color:#aeb571;
border:medium none;
float:left;
height:15px;
width:15px;	
}

.rosepink_box {
background-color:#c88388;
border:medium none;
float:left;
height:15px;
width:15px;	
}

.icewhite_box {
background-color:#d4d4d4;
border:medium none;
float:left;
height:15px;
width:15px;	
}

.grey_box {
background-color:#696a6e;
border:medium none;
float:left;
height:15px;
width:15px;	
}

.wine_box {
background-color:#97004e;
border:medium none;
float:left;
height:15px;
width:15px;	
}

.purple_box, .purple2_box {
background-color:#64357d;
border:medium none;
float:left;
height:15px;
width:15px;	
}
.purple2_box { background-color: #703f5f; }

.turquoise_box {
background-color:#0bb4af;
border:medium none;
float:left;
height:15px;
width:15px;	
}

.lilac_box {
background-color:#a1809b;
border:medium none;
float:left;
height:15px;
width:15px;	
}

.silver_box {
background-color: #a4a5a7;
border:medium none;
float:left;
height:15px;
width:15px;
}

.mocca_box {
background-color: #b19e97;
border:medium none;
float:left;
height:15px;
width:15px;
}

.dustypink_box {
background-color: #c9a9ac;
border:medium none;
float:left;
height:15px;
width:15px;
}

.color_name {
padding-top:10px;
}

.no_color {
width:120px;
height:15px;
float:left;
margin-top:8px;
}

.image_info {
padding-top:0px;
}

.image_info ul {
list-style:none;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}

/* contact form */

form {
margin-top:15px;
}

.fieldBox {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C7BABE;
color:#B2B2B2;
width:200px;
margin-right:8px;
margin-bottom:10px;
padding:3px 0px 3px 7px;
}

.fieldBoxLong {
margin-top:10px;
margin-bottom:10px;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C7BABE;
color:#B2B2B2;
width:420px;
padding:3px 0px 3px 7px;
}

.textBox {
margin-top:10px;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C7BABE;
color:#B2B2B2;
width:420px;
padding:3px 0px 3px 7px;
}

.submitBtn {
margin-top:15px;
margin-left:350px;
}

/* map */

.mapImage {
margin-top:20px;
}

/* footer */

#pageBottom {
float:left;
margin: 0 auto;
width:955px;
height:10px;
background-image:url(../images/page_bottom.png);
background-repeat:no-repeat;
}
