body{font-family:  Verdana, Helvetica, sans-serif; font-size: 12px;  color: #44004B; background-color:#44004B;}
body { text-align: center;}
body, form {margin: 0; padding: 0;}
input, select, textarea {font-family:  Verdana, Helvetica, sans-serif; font-size: 11px;}
img {border: 0;}
.small {font-size: 0.85em;}
dl.col {line-height: 1.5em; }
dl.col dt {float: left; width: 7em; padding-right: 0.5em; text-align: left;}
dl.col dd {margin-left: 0.5em; }
p {margin-top: 0.8em; margin-bottom: 0.8em; line-height: 1.7em;}
ul{ 
 margin: 0.5em 0 0.5em 20px;
 padding: 0;
 line-height: 1.5em;
}
ul li{
 margin: 0.6em 0 0.6em 0; 
 list-style: square;
}
ol{ 
 margin: 0.5em 0 0.5em 20px;
 padding: 0;
 line-height: 1.5em;
}

ol li{
 margin: 0.6em 0 0.6em 0; 
 
}
.center {text-align: center; }
.clr {clear: both; }
h1 {font-family: Verdana, sans-serif; font-weight: bold; text-align: left; font-size: 14px; padding: 0px 0 0px 0; margin: 0.6em 0px 0.6em 0px;  color: #E61D8C;}
h2 {font-family: Verdana, sans-serif; font-weight: bold; text-align: left; font-size: 12px; padding: 0px 0 0px 0; margin: .8em 0px .8em 0px; color:#06223E; }
h3 {font-size: 11px; color: #BAC543; margin: 0.2em 0 0.6em 0;}


div.divider{
  border-bottom: 1px solid #000;
  margin: 5px 0;
}

div.divider-light{
border-bottom: 1px solid #ccc;
  margin: 5px 0;
}




textarea{
  width: 350px;
}


div.contact label
{
	
	width : 100px;
	float : left;
	font-weight : bold;
	margin-right : 5px;
	text-align : right;
  line-height: 18px;
  
  
	
}

div.contact input{
	
	width : 270px;

  
  
	
}

div.contact textarea{
	
	width : 270px;

  
  
	
}
div.contact .form_row{
  width: 100%;
  float: left;
  margin-bottom: 3px;
}

div.contact .red{
  color: red;
}



table.contact-details{

margin-bottom: 10px;
  }
table.contact-details tbody th{
text-align: right;
  }



h1 span{
  color :#233656;
}

.txt-right{
  text-align: right;
}
.txt-left{
  text-align: left;
}
.txt-center{
  text-align: center;
  padding: 15px;
}
.border-white{
  border: 2px solid #fff;
}

a{
  color: #44004B;
  text-decoration: none;
  font-weight: bold;
  text-decoration: underline;
}

a:hover{
  color: #000;
}

.img-left{
  float: left;
  border: 1px solid #333;
  margin-right: 7px;
  margin-bottom: 7px;
}

.right-img{
  
  float: right;
  margin-bottom: 4px;
  
  margin-left: 5px;
  border: 1px solid #44004B;
}

.img-center{
  margin: 0 2px 0 2px;
  border: 1px solid #333;
}

.row-full{
  width: 100%;
  float: left;
  margin-bottom: 5px;
  margin-top: 5px;
}



/*******   *****/


#wrapper{
  
  width: 836px;
  height: 697px;
  margin: 5px auto 0 auto;
  background-image: url(../images/site/main-bg.gif);
  background-repeat: no-repeat;
  position: relative;
  background-color: #fff;
  
}

#wrapper-home{
  
  width: 836px;
  height: 697px;
  margin: 5px auto 0 auto;
  background-image: url(../images/site/main-home-bg.gif);
  background-repeat: no-repeat;
  position: relative;
  background-color: #fff;
  
}


#portal-stores{
  position: absolute;
  top: 293px;
  left: 0px;
}
#right-tag{
  background-image: url(../images/site/main-right.gif);
  position: absolute;
  left: 836px;
  top: 0;
  width: 158px;
  height: 697px;
}

#logo{
  position: absolute;
  top: 25px;
  left: 48px;
}
#header{  
  height: 100px; 
  position: relative;    
}

#header-text{  
  color: #fff;
   position: absolute;
   top: 20px;
   left: 20px;
   width: 420px;
   text-align: left;
}

#head-link{
  position: absolute;
  top: 35px;
  left: 660px;
  text-decoration: none;
  font-weight: normal;
}


#nav{ 
  height: 55px;
  width: 810px;
  position: absolute;
  top: 96px;
  left: 24px; 
  color: #fff;
 
  padding-top: 15px;
  text-align: left;  
}

.cairns{
  background-image: url(../images/site/nav-bg.gif);
  background-repeat: no-repeat;
}

.berry{
   background-image: url(../images/site/nav-berry-bg.gif);
   background-repeat: no-repeat;
}

#nav ul{
  margin: 0;
  padding: 0 0 0 20px; 
  font-size: 12px;
}

#nav ul li{
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
  line-height: 35px;
}

#nav ul li a{
   color: #fff;
  
  text-decoration: none;
  padding: 0 10px;
 
  
  
}
#nav ul li a:hover{
  
  color: #E61D8C;
  
}











#content{
  position: absolute;
  top: 155px;
  width: 760px;
left: 40px;
  text-align: left;
  padding: 15px 0 0 0;  
  
 

  
}

#content-left{
  float: left;  
  width: 570px; 

 
}

#content-right{
  float: right; 
  width: 230px;  
  text-align: center; 
  
 
}


#product-right{
  float: right;  
  width: 570px; 

 
}

#product-left{
  float: left; 
  width: 230px;  
  text-align: center; 
  
 
}



.content-right-inner{
  width: 175px;
  margin: 0 auto;
}

.col-left{
  width: 49%;
  float: left;
 
}

.col-right{
  width: 49%;
  float: right;
 
}





ul.col-left{
  width: 45%;
  float: left;
  
   margin: 0 ;
   padding: 0 0 0 20px;
 
}

ul.col-right{
  width: 45%;
  float: right;

   margin: 0 ;
   padding: 0 0 0 20px;
}


ul.bold{
  font-weight: bold;
}


#footer{
  background-color: #EE5B28;
  height: 30px;
  line-height: 30px;
  
  
 

  color: #fff;
  margin-top: 20px;

  

}

#footer a{
  
  color: #fff;
  

  

}









 
 
 


#signature{

background-color: #1B2806;
color: #C9C098;
font-size: 9px;
text-align: right;
padding-right: 15px;




line-height: 20px;

}

#signature a{

color: #BEB383;
font-weight: normal;
text-decoration: none;

}

























#scroller_wrapper{
  width: 700px;
  background-color: #E6218D;
  height: 170px;
  padding-left: 19px;
}
#scroller_wrapper img{
  float: left;
}




/* Image Scroller Styling 
.scroll_container{
 
}

p.scroll_text {
	background: url(images/scroll_text.gif) top left no-repeat;
	width: 306px;
	height: 17px;
}

p.scroll_text span {
	margin-left: -999em;
}

a.scroll_left span, a.scroll_right span {
	margin-left: -999em;
} 

a.scroll_left {
	background: url(images/left_scroll_tab.gif);
	height: 170px;
	width: 19px;
	float: left;
}

a.scroll_right {
	background: url(images/right_scroll_tab.gif);
	height: 170px;
	width: 19px;
	float: left;
}

div.scroll_container {
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	width: 750px;
	height: 170px;
}

div.scroll_box {
	float: left;
}

div.scroll_box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

div.scroll_box ul {
	float: left;
}

div.scroll_box ul li{
  margin: 0; 
  padding: 0;
  list-style: none;
}



*/
div.staff_container {
	overflow: hidden;
}

div.staff_box {
	float: left;
	margin-right: 20px;
}

div.staff_box p {

line-height: 1.2em;
margin: 5px 0 20px 0;
}




form {
	overflow: hidden;
}
form p {
	color: #e61d8c;
}

label { 
	font-weight: bold;
	width: 100px;
	display: block;
	float: left;
	text-align: left;
	height: 22px;
	line-height: 22px;
	margin-bottom: 5px;
}

label.block {
	font-weight: normal;
	width: auto;
	display: block;
	float: none;
	text-align: left;
	height: 22px;
	line-height: 22px;
	margin-bottom: 5px;
}

input.text, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	color: #444;
	font-size: 16px;
	padding: 3px;
	margin-bottom: 5px;
	width: 580px;
	border: 1px solid #E8DDE7;
}
 textarea {
  height: 80px;
 }

button.submit, input.submit {
	width: 85px;
	height: 29px;
	background: url(images/submit_button.gif);
	border: 0;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}



#map {
		
		margin:0px 0px 15px 0px;
		width:756px;
		height:220px;
		background:#d0d0d0;		
		border:#44004B 1px solid;
		
		float: left;
	
	
	}
	
	#berry-map{		
		margin:0px 0px 15px 0px;
		width:350px;
		height:220px;
		background:#d0d0d0;		
		border:#44004B 1px solid;
		
		float: right;
	
	
	}