/* General */

/*Reset Common Tags*/

a,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    
    padding:0px;
}

body 
{
    margin:0px auto;
    padding:0px;
    font-family:Arial;
    font-size:12px;
}

a
{
    text-decoration:none;
    color:#005696;
}

a:hover
{
    text-decoration:underline;
}

img
{
    border:0px;
}

p
{
    margin:10px 0px 10px 0px;
}

h1
{
    font-size:24px;
    font-weight:normal;
    margin:0px;
    padding:0px;
}
h1.news
{
    font-size:18px;
    font-weight:normal;
    margin:0px;
    padding:0px;
    font-weight:bold;
    line-height:45px;
}
.readmore
{
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}
h2
{
    font-size:16px;
    margin:0px;
    padding:0px;
}

h3
{
    font-size:12px;
    font-weight:normal;
    padding:5px 5px 0px 5px;
}

.pink
{
    color:#e73e97;
}

		/*---------------------layout--------------------*/
		
#container 
{
    width:960px;
    margin:0 auto;
    height:auto;
}

#layout
{
    width:960px;
    clear:both;
}

#layout-suppliers
{
    width:960px;
    clear:both;
    min-height:500px;
    background: URL(../../images/suppliers_bg.jpg) no-repeat;
}

#layout-landlords
{
    width:960px;
    clear:both;
    min-height:549px;
    background: URL(../../images/landlords_bg.jpg) no-repeat;
}

#layout-news
{
    width:960px;
    clear:both;
    min-height:549px;
    background: URL(../../images/news_bg.jpg) no-repeat;
}

#layout-about
{
    width:960px;
    clear:both;
    min-height:500px;
    background: URL(../../images/about_bg.jpg) no-repeat;
}

#layout-resources
{
    width:960px;
    clear:both;
    min-height:500px;
    background: URL(../../images/resources_bg.jpg) no-repeat;
}

		/*---------------------header---------------------*/
		
#header
{
    width:960px;
}

#header-left
{
    float:left;
    width:200px;
}

#header-right
{
    float:right;
    width:760px;
}

        /*----------------------nav-----------------------*/
        
ul.left
{
   width:735px;
   height:25px;
   margin:0px 10px 0px 10px;
   list-style-type:none; 
   background:URL(../../images/nav_bg.gif) no-repeat;
   padding:13px 0px 7px 5px;
}

ul.right
{
   width:735px;
   height:25px;
   margin:0px 10px 0px 10px;
   list-style-type:none; 
   background:URL(../../images/nav_bg2.gif) no-repeat;
   padding:13px 0px 7px 5px;
}

#nav li
{
    display:inline;
    font-size:10px;
    line-height:25px;
}

#nav li a
{
    text-decoration:none;
    width:88px;
    height:25px;
    color: #fff;
    float:left;
    text-align:center;
    background:URL(../../images/nav_btn.gif) no-repeat;
    margin-right:2px;
}

#nav li a:hover
{
    background:URL(../../images/nav_btn_o.gif) no-repeat;
}

#nav li a.current
{
    background:URL(../../images/nav_btn_s.gif) no-repeat;
	color:#005696;
	font-weight:bold;
}  

#nav li a.current-left
{
    background:URL(../../images/nav_btn_selected.gif) no-repeat;
	color:#005696;
	font-weight:bold;
}  

.nav-home
{
	background:URL(../../images/nav_btn_home.gif) no-repeat !important;
}

.nav-home a:hover
{
	background:URL(../../images/nav_btn_home_o.gif) no-repeat !important;
}

.nav-about
{
	background:URL(../../images/nav_btn_about.gif) no-repeat !important;
}

.nav-about a:hover
{
	background:URL(../../images/nav_btn_about_o.gif) no-repeat !important;
}

.nav-store
{
	background:URL(../../images/nav_btn_store.gif) no-repeat !important;
}

.nav-store a:hover
{
	background:URL(../../images/nav_btn_store_o.gif) no-repeat !important;
}

.nav-jobs
{
	background:URL(../../images/nav_btn_jobs.gif) no-repeat !important;
}

.nav-jobs a:hover
{
	background:URL(../../images/nav_btn_jobs_o.gif) no-repeat !important;
}

.nav-resources
{
    width:89px!important;
}

.nav-gap
{
    width:13px;
    float:left;
}

        /*---------------------content--------------------*/
        
#content-leftcol
{
    float:left;
    width:200px;
}

#leaflet
{
    width:200px;
    height:auto;
    background:#fcebf3;
}

.box-left-pink
{
    float:right;
    width:196px;
    height:auto;
    background: #fcebf3;
    border: 2px solid #e73e97;
    color:#005696;
    margin-bottom:5px;
}

.box-left-pink-top
{
	clear:both;
	float:right;
    width:191px;
	background: #e73e97;
	color:#FFFFFF;
	font-size:10px;
	padding-left:5px;
	height:17px;
	padding-top:3px;
	text-transform:uppercase;
	margin-bottom:3px;
}

.box-left-blue
{
    float:right;
    width:196px;
    height:auto;
    background: #dde4f1;
    border: 2px solid #005696;
    color:#005696;
    margin-bottom:5px;
}

.box-left-blue-top
{
	clear:both;
	float:right;
    width:191px;
	background: #005696;
	color:#FFFFFF;
	font-size:10px;
	padding-left:5px;
	height:17px;
	padding-top:3px;
	text-transform:uppercase;
	margin-bottom:3px;
}

.box-left-blue-bottom
{
    float:right;
    width:196px;
    height:auto;
    background: #dde4f1;
    border: 2px solid #005696;
    color:#005696;
    margin-top:400px;
    margin-bottom:5px;
}

.box-btn
{
    float:right;
    padding:5px 10px 5px 2px;
}

#content-rightcol-offers
{
    float:left;
    width:730px;
    padding:0px 0px 10px 0px;
    color:#005696;
}

#content-rightcol
{
    float:left;
    width:730px;
    padding:0px 0px 10px 10px;
    color:#005696;
}

#top-deals
{
    width:720px;    
	margin-top:20px;
}

#great-bargins
{
    width:730px;
}

/*deals boxes*/
.box-deals-pink
{
    float:left;
    width:230px;
    height:200px;
    background: #f7c3d9;
    border:5px solid #e73e97;
}

.box-deals-green
{
    float:left;
    width:230px;
    height:200px;
    background: #c3dabb;
    border:5px solid #1fb25a;
}

.box-deals-orange
{
    float:left;
    width:230px;
    height:200px;
    background: #fdd3b2;
    border:5px solid #f78f1e;
}

.box-deals-image-vertical
{
    float:left;
    width:160px;
    height:200px;
}

.box-deals-price-vertical
{
    float:right;
    width:70px;
    height:200px;
    text-align:center;
}

.box-deals-image-horizontal
{
    width:230px;
    height:140px;
}

.box-deals-price-horizontal
{
    width:230px;
    height:60px;
}

/*bargins boxes*/
.box-image
{
    width:163px;
    height:205px;
}

.box-image-horizontal
{
    width:163px;
    height:90px;
    text-align:center;
    clear:both;
}

.box-price-horizontal
{
    width:163px;
    height:60px !important;
    #height:54px !important;
    text-align:center;
    font-size:11px !important;
    vertical-align:top;
    line-height:14px;
    margin-top:5px;
    clear:left;
}

.box-image-vertical
{
    float:left;
    width:81px;
    
}

.box-price-vertical
{
    float:right;
    width:82px;
   
    /*text-align:center;
    font-size:12px;
    line-height:11px;*/
}
.box-price-verticalpound
{
   /* float:right;
    width:82px;
   height:30px;
  vertical-align:bottom; line-height:11px;
*/
    text-align:center;
    font-size:12px;

	height:34px !important;
	#height:40px !important;
	margin-top:6px !important;
	#margin-top:0px !important;
	
}

.box-price-verticalpound span
{
   /* float:right;
    width:82px;
   height:30px;
  vertical-align:bottom; line-height:11px;
*/
    text-align:center;
    
}

.box-price-verticallogo
{
   /* float:right;
    width:82px;
   height:60px;
   line-height:11px;*/
    text-align:center;
     height:60px;
   
    
}

.horlogo
{margin: 5px 0px 0px 0px;
	text-align:center;
     height:25px;
}
.box-price-verticaldis
{
    text-align:center;
    height:96px;
    font-size:11px;
    padding-top:3px;
    clear :both ;
}
.box-price-verticalwas
{
    text-align:left;
    padding-right :2px;
    font-size:11px;
    position:relative;
    top:-1px;
    
}

.pound 
{
   font-size:12px;
    line-height:22px;
    position:relative;
  font-family : Verdana, Helvetica, sans-serif;
    vertical-align:top;
    font-weight:bold;
    text-align:right;
   
	}

.price
{
font-size:20px;
line-height:30px;   
vertical-align:bottom;  
font-family:Verdana; 
font-weight: bold; 
}

.box-text
{
    width:163px;
    
}

.box-bargins-orange
{
    float:left;
    width:170px;
    height:230px;
    /* margin-right:9px;*/
    border:5px solid #f78f1e;
	margin-bottom:9px;
}

.box-bargins-pink
{
    float:left;
    width:170px;
    height:230px;
  /*  margin-right:10px;*/
    border:5px solid #e73e97;
	margin-bottom:9px;
}

.box-bargins-blue
{
    float:left;
    width:170px;
    height:230px;
     /*margin-right:9px;*/
    border:5px solid #00aeef;
	margin-bottom:9px;
}


.box-bargins-green
{
    float:left;
    width:170px;
    height:230px;
    border: 5px solid #1fb25a;
	margin-bottom:9px;
}

/* subnav */

#subnav ul
{
   width:740px;
   height:25px;
   margin:2px 10px 0px 10px;
   list-style-type:none; 
}

#subnav li
{
    display:inline;
    font-size:10px;
    line-height:25px;
}

#subnav li a
{
    text-decoration:none;
    width:88px;
    height:25px;
    color: #005696;
    float:left;
    text-align:center;
    background: #dde4f1;
    margin-right:2px;
}

.subnav
{
	clear:both;
	float:left;
}

/* */

#stripe
{
    clear:both;
    width:720px;
    padding-top:10px;
}

#content-rightcol-left
{
    float:left;
    width:475px;
    padding:20px 30px 20px 0px;
}

#content-rightcol-left ul
{
    list-style-type: square;
    padding-left: 20px;
}

#content-rightcol-right
{
    float:right;
    width:215px;
    padding:20px 10px 0px 0px;
}

#five-reasons
{
    width:215px;
    background: #dde4f1;
}

#right-images
{
    width:215px;
    background: #dde4f1;
}

#right-images IMG
{
    margin:5px 0px 5px 10px;
}

#five-reasons ul
{
    list-style-type: square;
    line-height:30px;
    padding:10px 0px 10px 20px;
}

#five-reasons p
{
    padding:5px;
}

.five-reasons-text
{
    text-align:center;
    font-size:16px;
    font-weight:bold;
    padding-bottom:10px;
}

.resources-login
{
    width:200px;
    float:left;
}
.job-application
{
	width:475px;
    float:left;
	}
.vacancy
{
    padding:0px 0px 20px 25px;
    width:190px;
    font-weight:bold;
}

.job-title
{
    color:#e73e97;
    font-weight: bold;
    line-height:20px;
}

.textbox
{
    color:#afc2dc;
    
    border:1px solid #afc2dc;
    width:200px;
   
    
}
.textbox1    /*Created by Anoop*/
{
     color:#005596;
        border:1px solid #afc2dc;
    width:200px;
    
}
.textboxbold
{
    color:Blue;
    
    border:1px solid #afc2dc;
    width:200px;
   
    
}
.drop1    /*Created by Anoop*/
{
      color:Blue;
        border:1px solid #afc2dc;
    width:70px;
    
}
#map-left
{
    float:left;
    width:250px;
}

#map-right
{
	margin-top:20px; 
    float:right;
    width:225px;
}

#locator-left
{
    float:left;
    width:300px;
    padding:20px 0px 0px 0px;
}

#locator-left ul
{
    height:350px;
    padding:10px 0px 0px 50px;
    font-weight:bold;
    font-size:16px;
    list-style-image: URL(../../images/bullet.gif);
    list-style-position:outside;
}

#locator-right
{
    float:right;
    width:430px;
    padding:20px 0px 0px 0px;
}

#locator-right ul
{
    height:350px;
    padding:10px 0px 0px 50px;
    font-weight:bold;
    font-size:16px;
    list-style-image: URL(../../images/bullet.gif);
    list-style-position:outside;
}

#store-address
{
    float:left;
    width:200px;
    padding-left:30px;
}

.opening-times td
{
    width:60px;
}

#locator-left-store
{
    float:left;
    width:230px;
    padding:20px 0px 0px 0px;
}

#locator-right-store
{
    float:right;
    width:500px;
    padding:20px 0px 0px 0px;
}
        /*---------------------footer---------------------*/
        
#footer
{
    clear:both;
    width:930px;
    text-align:center;
}

#footer a
{
    color: #000;
}

#footer-stripe
{
    width:930px;
    height:25px;
    font-size:10px;
    line-height:25px;
    background: #e73e97;
    color: #fff;
}

.dropdown
{
    width: 86px;        
    float: left;
    position: absolute;
    margin-left: 386px;
    top: 70px;
    background: #005696;
    color: #FFF;
    padding: 2px;
    border: 1px white solid;
    display: none;    
    overflow: hidden;
    text-align: center;
    
}

.dropdown a
{
    color: #FFF;
    text-align: center;
    font-size: 12px;
}

/*---------------------new classes for tiles---------------------*/

.horizontal-bottom
{
    clear:both;
    width:163px;
   
}

.horizontal-bottom-left
{
    float:left;
    width:73px;
    text-align:left;
    padding-top:2px;
    
}

.horizontal-bottom-right
{
    float:right;
    width:80px;
    font-size:11px;
    text-align:left;
    margin-top: 0px;
    padding-left:10px;
  
}

.horizontal-bottom-right p
{
    margin-top:0px;
    line-height:16px;
}
.prc
{
	margin-top:2px;
}


.twofour
{
    font-size:16px;
    font-weight:bold; 
    line-height:0px;
    text-align:center;
    margin:0 auto;
}

.box-price-vertical p
{
    margin-top:0px;
    margin-bottom:8px;
}

.pricev
{
	font-size:20px;
	line-height:30px;   
	vertical-align:bottom;  
	font-family:Verdana; 
	font-weight: bold;
	

}
.pricev1
{
	font-size:22px;
	line-height:30px;   
	vertical-align:bottom;  
	font-family:Verdana; 
	font-weight: bold;
	

}


.pricevdot 
{
	font-size:12px;
vertical-align:bottom;
    font-weight: bold;
  font-family:Verdana ; line-height:10px;
  position:relative;
  top:3.5px !important;
  #top:2px !important;
  
  
  
      
}
.rightcon
{
width:294px;
float:right;
text-align:center;
margin-top:48px;
margin-right:1px;
}

.botimg
{
clear:both;
text-align:right;
width:561px;

}



.leftcon
{
width:398px;
float:left;
padding:20px 0px 10px 0px;
}

.textbox2    
{
      color:#005596;
        border:1px solid #afc2dc;
    width:200px;
    
}

.textbox21    
{
      color:#005596;
        border:1px solid #afc2dc;
    width:150px;
    
}

.drop2   
{
      color:#005596;
        border:1px solid #afc2dc;
    width:70px;
    
}





/***************Css  for two row***************/

.tworow-outer
{
  width:720px;
clear:both;
float:left;
 }

.tworow-3
{
  width:345px;
  height:319px;
  float:left;
  border:#00b259 5px solid;
  padding:10px 5px 0px 0px;
}
.tworow-0
{
 width:345px;
  height:319px;
  float:right;
  border:#f78f1e 5px solid;
  padding:10px 5px 0px 0px;	
}
.tworow-1
{
 width:345px;
  height:319px;
  float:right;
  border:#ec008b 5px solid;
  padding:10px 5px 0px 0px;	
}
.tworow-2
{
  width:345px;
  height:319px;
  float:right;
  border:#00aeef 5px solid;
  padding:10px 5px 0px 0px;
}

.now
{
  font-family:Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#ec008c;
  vertical-align:top;
  font-weight:bold;
  text-align:right;
  width:60px;
  padding-right:2px;
line-height:17px;
  text-transform:uppercase;
}



.tworow-txt 
{
font-family: Verdana, Helvetica, sans-serif;
  font-size:9px;
  color:#005596;
  font-weight:normal ;
  text-align:right;
}

.dot
{

font-size:30px;
color:#005596;
padding-bottom:7px;
}



.bld
{
font-weight:bold;

}

.price
{
width:70%;
color:#005294;
}
.post
{
font-size:18px;
color:#005294;
text-align:right;

}
.pound
{
font-size:18px;
width:15px;
text-align:right;
color:#005294;
}

.frst-digit
{
font-family: Verdana, Helvetica, sans-serif;
  font-size:32px;
  color:#005596;
  font-weight:bold;
  text-align:right;


}

.was
{
font-family:Verdana, Helvetica, sans-serif;
  font-size:10px;
  color:#005596;
  font-weight:bold;
  text-align:right;
 height:30px;
vertical-align:top;


}

/****************Four***********************/
.fourrow-outer
{
  width:720px;
clear:both;
float:left; }

.fourrow-3
{
  width:170px;
  height:319px;
  float:left;
  border:#00b259 5px solid;
  padding:10px 0px 0px 0px;
}

.fourrow-1
{
  width:170px;
  height:319px;
  float:left;
  border:#ec008b 5px solid;
  padding:10px 0px 0px 0px;
}


.fourrow-2
{
  width:170px;
  height:319px;
  float:left;
  border:#00aeef 5px solid;
  padding:10px 0px 0px 0px;
}


.fourrow-0
{
  width:170px;
  height:319px;
  float:left;
  border:#f78f1e 5px solid;
  padding:10px 0px 0px 0px;
}

.fourrow-logo 
{
height:48px;
text-align:center;
}

.fourrow-des
{
color:#236ca4;
font-size:11px;
text-align:center;

height:30px;
}

.fourrow-product
{
height:130px;
text-align:center;
margin-bottom:5px;
margin:0 auto;
}

.fourrow-price
{
text-align:right;

width:98%;
margin-right:3px;
}
.price-con
{
display:table;
text-align:right;
clear:both;
float:right;
width:98%;
margin-right:4px;

}

.rrp
{
color:#16649f;
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:right;
clear:both;
padding-right:7px;

}

.only
{
  font-family:Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#ec008c;
  font-weight:bold;
  text-align:right;
  padding-right:5px;
  padding-left:5px;
  text-transform:uppercase;
  vertical-align:top;
 
}

.frst-digit
{
font-family: Verdana, Helvetica, sans-serif;
  font-size:34px;
  color:#005596;
  font-weight:bold;
  text-align:right;
  line-height:35px;
  clear:both;
}

.pound2
{
font-size:18px;
font-family: Verdana, Helvetica, sans-serif;
font-weight:bold;
width:15px;
text-align:right;
color:#005294;
padding-bottom:15px;
padding-left:4px;
vertical-align:top;

}
/***************Css  for Three row***************/

.threerow-outer
{
width:720px;
clear:both;
float:left; 
 }

.threerow-3
{
  width:230px;
  height:319px;
  float:left;
  border:#00b259 5px solid;
  padding:10px 0px 0px 0px;
}

.threerow-0
{
  width:230px;
  height:319px;
  float:left;
  border:#f78f1e 5px solid;
  padding:10px 0px 0px 0px;
}

.threerow-2
{
  width:230px;
  height:319px;
  float:left;
  border:#00aeef 5px solid;
  padding:10px 0px 0px 0px;
}
.threerow-1
{
  width:230px;
  height:319px;
  float:left;
  border:#f78f1e 5px solid;
  padding:10px 0px 0px 0px;
}

.threerow-img
{
width:100px;
float:left;
margin-top:20px;
margin-left:2px;
}

.threerow-text
{
width:122px;
float:right;
margin-right:5px;
}
.threerow-des
{
text-align:center;
color:#413d3e;
font-size:11px;
line-height:12px;

}
.threerow-des span.caps
{
color:#eb0088;
text-transform:uppercase;	
}

.threerow-des span
{
color:#eb0088;
}


.threerow-logo
{
text-align:center;
height:54px;
}

.threerow-price
{

text-align:right;
width:96%;
margin-top:20px;
}
.price-con2
{
display:table;
text-align:right;
clear:both;
float:right;
width:100%;
vertical-align:top;
 height:35px;
}

.rrp2
{
color:#16649f;
font-size:10px;
font-weight:bold;
text-align:right;
clear:both;
height:30px;
font-family:Verdana, Helvetica, sans-serif;
}

.only2
{
  font-family:Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#ec008c;
  font-weight:bold;
  text-align:right;
  padding-right:5px;
    text-transform:uppercase;
    vertical-align:top;
}

.frst-digit2
{
font-family: Verdana, Helvetica, sans-serif;
  font-size:34px;
  color:#005596;
  font-weight:bold;
  text-align:right;
  line-height:30px;
 
}

.twofor

{
color:#eb0088;
font-size:30px;
margin-top:2px;
width:40px;

}
.twofor span

{
color:#eb0088;
font-size:11px;
}



/***************Css  for One row***************/

.onerow-outer
{
width:720px;
clear:both;
background:#000;
 float:left;
}