/* AUTHOR: EDWARD LOPEZ */
/* DATE: 19/07/2007 */
/* PROJECT: BRODIE COUNTRYFARE */
/* HOTSCOT */

/*--BODY-----------------------------------------------------------------------------------------------------------------------------*/	
body {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-image: url(../images/jpg/main-bg.jpg);
	background-repeat: repeat-x;
	background-color: #F2F1F5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/*--DEFAULT FONTS--------------------------------------------------------------------------------------------------------------------*/	
h4{
	position:relative;
	width:160px;
	margin:0px;
	padding:5px 10px 5px 10px;
	background:#3C3555;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-top:#FFFFFF solid 6px;
	border-bottom:#000000 solid 1px;
	}

p{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

/*--MAIN CONTAINER-------------------------------------------------------------------------------------------------------------------*/	
.main-con{
	position:relative;
	width:840px;
	margin:0px auto;
	padding:0px;
	background:url(../images/gif/content_bg.gif) #FFFFFF repeat-y;
	
	}
	
/*--HEADER---------------------------------------------------------------------------------------------------------------------------*/	
.header-trim{
	position:relative;
	width:auto;
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	}
	
.header{
	position:relative;
	width:820px;
	margin:0px;
	padding:0px;
	border-left:#FFFFFF solid 10px;
	border-right:#FFFFFF solid 10px;
	border-bottom:#FFFFFF solid 10px;
	background:#FFFFFF;
	/*z-index:1000;*/
	}
	
.purple{
	color:#26005A;
	}

.blue{
	color:#009BD5;
	}

.brodie_logo{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	}
	
.header_tel_number{
	position:relative;
	width:329px;
	height:28px;
	margin:0px;
	padding:52px 10px 0px 0px;
	background:url(../images/jpg/header_tel_number_bg.jpg) right;
	float:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#594E72;
	}
.shophousekeeping {
  margin: 0;
  top: 3px;
  padding: 0;
  height: 12px;
  position: absolute;
  z-index: 1000;
  font-size: 11px;
  color: #3C3555;
  left: 340px;
  top: 3px;
}
.shophousekeeping a {
  color: #009CD6;
  text-decoration: none;
}
.shophousekeeping a:hover {
  text-decoration: underline;
}
.header_search_box{
	width:288px;
	height:80px;
	margin:0px;
	padding:0px;
	background:url(../images/jpg/header_search_box_bg.jpg);
	float:right;
	}
	
.header_search_box p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3C3555;
	line-height:1.5;
	}
	
.header_search_box a{
	text-decoration:none;
	}
	
.header_search_box a:hover{
	text-decoration:underline;
	}
	
.search_con{
	position:absolute;
	top:49px;
	height:39px;
	margin:0px;
	padding:0px 10px 0px 10px;
	float:right;
	}
	
/*--CONTENT--------------------------------------------------------------------------------------------------------------------------*/	
.content{
	width:840px;
	background:url(../images/jpg/bot_nav.jpg) left bottom no-repeat;
	}

/*--LEFT CON-------------------------------------------------------------------------------------------------------------------------*/		
.left-con{
	position:relative;
	width:180px;
	margin:0px;
	padding:0px 0px 132px 0px;
	border-left:#FFFFFF solid 10px;
	border-right:#FFFFFF solid 10px;
	float:left;
	}
	
/*--NEWSLETTER-----------------------------------------------------------------------------------------------------------------------*/	
.newsletter{
	position:relative;
	width:160px;
	margin:0px;
	padding:15px 10px 8px 10px;
	background:url(../images/gif/nav-bg.gif) repeat-x;
	}
	
.newsletter p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	}
	
.newsletter a{
	color:#FFFFFF;
	text-decoration:none;
	}

.newsletter a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
.signup{
	position:relative;
	width:172px;
	margin:0px;
	padding:4px;
	background:#3C3555;
	border-bottom:#1C1827 solid 1px;
	}
.signup select
{
	font-size:10px;
	width:170px;
}
	
/*--RIGHT CON------------------------------------------------------------------------------------------------------------------------*/		
.right-con{
	position:relative;
	width:640px;
	margin:0px;
	padding:0px;
	float:left;
	}
	
.right-con a{
	color:#3C3555;
	text-decoration:none;
	}
	
.right-con a:hover{
	color:#3C3555;
	text-decoration:underline;
	}

/*--main-img-text--------------------------------------------------------------------------------------------------------------------*/
.main-img-text{
	position:absolute;
	z-index:1000;
	top:87px;
	left:20px;
	width:590px;
	}
	
.main-img-text h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	}
	
.line-2{
	color:#FFCC00;
	width:400px;
	display:block;
	font-size:16px;
	line-height:1.4;
	}

/*--WHATS HOT SECTIONS---------------------------------------------------------------------------------------------------------------*/		
.whats-hot-con{
	position:relative;
	width:150px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	border-left:#FFFFFF solid 10px;
	vertical-align: middle;
	text-align: center;
	}
	
.img_wraper{
	margin:0px;
	padding:15px 0px 15px 0px;
	width:148px;
	border:1px solid #D0ECF7;
	}
	
.whats-hot-con img{
	margin:0px;
	padding:0px;
	width:148px;
	max-width:148px;
	/*width: expression(this.width > 148 ? 148: true);
	height: expression(this.height > 119 ? 119: true);
	*/
	max-height:119px;
	border:none;
	/*display:inline-block;*/
	display:block;
	}

.whats-hot-con h4{
	position:relative;
	width:130px;
	margin:0px;
	padding:5px 10px 5px 10px;
	background:#009CD6;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:none;
	/*border-bottom:#FFFFFF solid 1px;*/
	}
	
.whats-hot-text{
	position:relative;
	width:130px;
	margin:0px;
	padding:10px;
	background:url(../images/jpg/whats-hot-bg.jpg) no-repeat;
	}
	
.whats-hot-text h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#009CD6;
	margin:0px;
	padding:0px 0px 5px 0px;
	}
	
.whats-hot-text p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4;
	color:#3C3555;
	margin:0px;
	padding:0px;
	font-weight:normal;
	}
	
.whats-hot-text a{
	color:#3C3555;
	text-decoration:none;
	}
	
.whats-hot-text a:hover{
	color:#3C3555;
	text-decoration:underline;
	}

.whats-hot-title-fix{
	margin:0px;
	padding:0px;
	width:auto;
	height:40px;
	overflow:hidden;
	}
	
.whats-hot-text-fix{
	margin:10px 0px 0px 0px;
	padding:0px;
	width:auto;
	height:74px;
	overflow:hidden;
	}
	
.price{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#009CD6;
	line-height:2;
	}

/*--Sub page images------------------------------------------------------------------------------------------------------------------*/
.inner-con{
	position:relative;
	margin:0px;
	padding:0px;
	float:right;
	border-left:#FFFFFF solid 20px;
	border-bottom:#FFFFFF solid 20px;
	}

/*--HOME TEXT------------------------------------------------------------------------------------------------------------------------*/		
.home-text{
	position:relative;
	width:620px;
	margin:0px;
	padding:10px;
	float:left;
	}

.wide-text{
	position:relative;
	width:620px;
	margin:0px;
	padding:10px;
	float:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#3C3555;
	}
		
.home-text h1, .wide-text h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#3C3555;
	margin:0px;
	padding:0px;
	}
	
.home-text h2, .wide-text h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#64588D;
	margin:0px;
	padding:0px;
	}
	
.home-text h3, .wide-text h3, .right-con h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#009CD6;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	border-bottom: dotted 1px #cccccc;
	}

#home-text-2 p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3C3555;
	line-height: 20px;
	margin: 0px 0px 13px 0px;
	/*text-align: justify;*/
	width: 280px;
	}
		
.department-title{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#009CD6;
	margin: 0px 10px 10px 10px;
	padding:0px 0px 0px 0px;
	border-bottom:dotted 1px #cccccc;
	}

.wide-text #events h3 {
	margin:20px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	border-bottom: dotted 1px #cccccc;
	}

.wide-text #events h3 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#009CD6;
	}
	
.home-text p, .wide-text p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#666666;
	margin:0px;
	padding:0px;
	}
	
.top-content{
	position:relative;
	width:640px;
	margin:0px;
	padding:0px;
	float:left;
	}

/*--WIDE TEXT------------------------------------------------------------------------------------------------------------------------*/		


	
/*--SUB TEXT-------------------------------------------------------------------------------------------------------------------------*/		
.sub-text{
	position:relative;
	width:620px;
	margin:0px;
	padding:10px;
	float:left;
	}
	
.sub-text h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#3C3555;
	margin:0px;
	padding:0px;
	}
	
.sub-text h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#64588D;
	margin:0px;
	padding:0px;
	}
	
.sub-text h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5;
	font-weight:bold;
	color:#3C3555;
	margin:0px;
	padding:0px;
	}
	
.sub-text p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#3C3555;
	margin:0px;
	padding:0px;
	}
	
.sub-text p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#3C3555;
	margin:0px;
	padding:0px;
	}
	
.sub-text a{
	color:#029BD3;
	text-decoration:none;
	}
	
.sub-text a:hover{
	color:#029BD3;
	text-decoration:underline;
	}
	
/*--SUB TEXT-------------------------------------------------------------------------------------------------------------------------*/		
.shop-split-con{
	position:relative;
	width:630px;
	margin:0px;
	padding:0px;
	float:left;
	}
	
.shop-split-con h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#3C3555;
	margin:0px;
	padding:0px;
	}
	
.shop-split-con h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#64588D;
	margin:0px;
	padding:0px;
	}
	
.shop-split-con h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	font-weight:bold;
	color:#333333;
	margin:0px;
	padding:0px;
	}
	
.shop-split-con p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#333333;
	margin:0px;
	padding:0px;
	}
	
/*--IMAGE 1 PIX BORDER TOP-----------------------------------------------------------------------------------------------------------*/
.one-pix-trim-top{
	margin:0px;
	padding:0px;
	border-top:#FFFFFF solid 1px;
	}

/*--IMAGE 10 PIX BORDER TOP----------------------------------------------------------------------------------------------------------*/
.ten-pix-trim-top{
	margin:0px;
	padding:0px;
	border-top:#FFFFFF solid 10px;
	}
	
/*--DEPARTMENT PANEL AT BOTTOM OF HOMEPAGE-------------------------------------------------------------------------------------------*/	
.departments{
	position:relative;
	width:640px;
	margin:0px;
	padding:0px;
	float:left;
	}
	
.departments h4{
	position:relative;
	width:610px;
	margin:0px;
	padding:5px 10px 5px 10px;
	background:#3C3555;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-top:#FFFFFF solid 10px;
	border-bottom:#FFFFFF solid 10px;
	}
	
.row{
	position:relative;
	width:640px;
	margin:0px;
	padding:0px;
	}
	
.generic-box{
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:150px;
	background:#FFFFFF;
	float:left;
	text-align:center;
	border-right:#FFFFFF solid 10px;
	}
.generic-box2{
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:150px;
	background:#FFFFFF;
	float:right;
	text-align:center;
	border-right:#FFFFFF solid 8px;
	}
.generic-box p, .generic-box2 p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:1.4;
	color:#FFFFFF;
	margin:0px;
	padding:5px 0px 5px 0px;
	background:url(../images/gif/thumb_bg.gif) #786A99;
	width: 148px;
	border-left: 1px solid #E0DBE3;
	border-right: 1px solid #E0DBE3;
	border-bottom: 1px solid #E0DBE3;
	}
.product-name{
	font-weight:normal;
	}
	
.generic-box a, .generic-box2 a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
.generic-box a:hover, .generic-box2 a:hover{
	color:#FFCC00;
	text-decoration:underline;
	}
	
.department-image{
	border:#E0DBE3 solid 1px;
	}

.sub_cats_box
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:1.4;
	color:#3C3555;
	padding:5px 5px 10px 5px;
	}

.sub_cats_box a{
	color:#3C3555;
	text-decoration:none;
	}
	
.sub_cats_box a:hover{
	color:#3C3555;
	text-decoration:underline;
	}

/*--PRODUCTS ON SHOP PAGE------------------------------------------------------------------------------------------------------------*/	
.product-img-opt{
	position:relative;
	width:310px;
	margin:0px;
	padding:0px;
	float:left;
	}
	
.product-img-opt h4{
	position:relative;
	width:310px;
	margin:0px;
	padding:5px 10px 5px 10px;
	background:#3C3555;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-top:#FFFFFF solid 10px;
	border-bottom:#FFFFFF solid 10px;
	}
	
.opt-row{
	position:relative;
	width:318px;
	margin:0px;
	padding:0px;
	border-top:#FFFFFF solid 10px;
	border-bottom:#FFFFFF solid 10px;
	}
	
.opt-generic-box{
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:96px;
	background:#FFFFFF;
	float:left;
	text-align:center;
	border-right:#FFFFFF solid 10px;
	}
	
.opt-generic-box p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:1.4;
	color:#3C3555;
	margin:0px;
	padding:5px;
	}
	
.opt-product-name{
	font-weight:normal;
	}
	
.opt-generic-box a{
	color:#3C3555;
	text-decoration:none;
	}
	
.opt-eneric-box a:hover{
	color:#3C3555;
	text-decoration:underline;
	}
	
.opt-department-image{
	border:#E0DBE3 solid 1px;
	}
	
.related-pro-ops{
	margin:0px;
	padding:30px 10px 10px 10px;
	text-align:center;
	}
	
.related-pro-ops p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3C3555;
	}
	
.related-pro-ops a{
	color:#3C3555;
	}
	
.related-pro-ops a:hover{
	color:#029BD3;
	}

/*--LOGOS----------------------------------------------------------------------------------------------------------------------------*/		
.logos{
	width:auto;
	margin:0px;
	padding:10px;
	background:#FFFFFF;
	text-align:center;
	}
	
.logos p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:1.8;
	}

/*--FOOTER---------------------------------------------------------------------------------------------------------------------------*/		
.footer-top-trim{
	width:840px;
	margin:0px;
	padding:0px;
	height:4px;
	background:#342E44;
	}
	
.footer{
	width:820px;
	margin:0px;
	padding:10px 10px 0px 10px;
	background:#504668;
	text-align:center;
	}
	
.footer p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:1.8;
	}
	
.contact-details{
	color:#FFCC00;
	}
	
.footer a{
	color:#FFCC00;
	text-decoration:none;
	}
	
.footer a:hover{
	color:#FFCC00;
	text-decoration:underline;
	}
	
.footer-bot-trim{
	position:relative;
	width:840px;
	margin:0px;
	padding:0px;
	}
	
.credit{
	text-align:center;
	width:840px;
	margin:0px auto;
	padding:5px;
	}

.credit p{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#504668;
	line-height:1.5;
	}
	
.credit a{	
	color:#504668;
	text-decoration:none;
	}
	
.credit a:hover{	
	text-decoration:underline;
	}

/*--CLEARS & FIXES-------------------------------------------------------------------------------------------------------------------*/		
.clear{
	clear:both;
	}
	
#form1{
	margin:0px;
	padding:0px;
	}
	
.view-icon{
	position:absolute;
	top:103px;
	left:97px;
	z-index:1000;
	}
	
/*--SHOP-----------------------------------------------------------------------------------------------------------------------------*/
.shop-left-con{
	position:relative;
	margin:0px;
	padding:0px;
	width:318px;
	float:left;
	}
	
.shop-right-con{
	position:relative;
	margin:0px;
	padding:0px 10px 0px 10px;
	width:292px;
	float:left;
	}
	
.shop-right-con ul{
	margin: 10px 0px 0px 29px;
	padding:0px;
	list-style-type:none;
	}
	
.shop-right-con li, .wide-text li {
	margin:0px;
	padding:0px 0px 8px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3C3555;
	list-style-image: url(../images/gif/blue-bullet.gif);
	}
	
.shop-right-con p, .right-con p, .wide-text p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3C3555;
	}
	
.right-con p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3C3555;
	}
	
.whats-hot-con p {
   line-height: 18px;
	}	
	
.shop-right-con a{
	color:#3C3555;
	text-decoration:none;
	}
.shop-right-con a:hover{
	color:#3C3555;
	text-decoration:underline;
	}
	
.video-spacer{
	margin:0px;
	padding:0px;
	border-top:#FFFFFF solid 10px;
	}
#basket {
  font-size: 12px;
  color: #3C3555;
 }
#basket td {
  font-size: 12px;
  color: #3C3555;
  padding: 5px;
}
#basket th {
  font-size: 12px;
  padding: 5px;
  background-color: #EEEEEE;
  color: #3C3555;
}
#basket .border {
  border: 1px solid #E2E2E2;
}
#basket .border1 {
  border-left: 1px solid #E2E2E2;
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
#basket .border2 {
  border-left: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
#basket .border3 {
  border-left: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
}
#basket h3 {
 width: 630px;
 }