/* $Id: main.css,v 1.1.4.4 2008/11/22 00:53:22 stevek Exp $
*/

/* GENERAL Styles 
----------------------------*/
@import "http://www.rush.co.uk/sites/all/themes/basic/css/editor.css";
@import "http://www.rush.co.uk/sites/all/themes/basic/css/blocks.css";
@import "http://www.rush.co.uk/sites/all/themes/basic/css/forms.css";
@import "http://www.rush.co.uk/sites/all/themes/basic/css/views.css";

html {
	/*background:#D8DCDF;*/
	
	/*background-image:url('../images/bg-photoshoot1.jpg');*/
	background-repeat:no-repeat;
	/*background-position:top left;*/
	background-attachment:fixed;
	background-position: 0% 0%;
	

/*	background:transparent;*/ /* for the new bg method */
}
body {
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */

}

body, caption, th, td, input, textarea, select, option, legend, fieldset {
	font-family: Arial, Helvetica, sans-serif;

}

html,body{
	margin:0;
	padding:0;
	/*height:100%;*/
}

#admin-menu{
	z-index:9999;
}
#admin-menu ul{
	/*background:#000 !important;*/
}
#admin-menu li li{
	opacity:1.0;
}

/* header, top of pages 
(see styles.css, layout.css etc as well)
----------------------------*/
#thebg{
	background-image:url('../images/bg-halve.jpg');
	/*background-attachment:fixed;*/ /* fixed position causes bg image to float out of its element */ 
	background-repeat:no-repeat;
	background-position:top right; /* right */
	
	padding-bottom: 1050px;
	margin-bottom: -1050px;
	
	width:70% !important;
	width:860px;
	max-width:860px !important; /* not supported by IE6 */

	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	
}


#page {
	/* Use a 12px base font size with a 18px line height */
	font-size: 0.75em;
	line-height: 1.4em;
	/*letter-spacing: 0.05em;*/ /* IE6 & IE7 handle this badly - text looks ugly */
}

#header{
}

#header-region{
}


#logo{
	background:none;
	width:265px;
	float: right;
	margin-right:60px;
	display:inline; /* IE6 float margin exaggeration fix */
	/*z-index:500;*/
}
#header-wrapper{
}

#shoptab {
	position:fixed;
	width:31px;
	/*left:100%;*/
	left:100%;
	top:60px;
	margin-left:-31px; 
	display:inline; /* for IE6 margin exaggeration issue with floats */
}
/* IE6 hack because it doesn't support position:fixed and will use position:static instead */
* html #shoptab {
	position:absolute;
	left:100%;
	top:60px;
	margin-left:-31px;
}

/* site menus 
----------------------------*/
.menutab {
	position:fixed;
	left:0px;
	top:0px;
	padding-top:80px;
	margin-left:-30px; /* declared here in CSS for JavaScript degradeability */
	width:30px; 
	overflow:hidden;
	height:75px;
	height:100% !important;
}
#menuholder, #homemenuholder {
	float:left;
	/*margin-top:80px;*/
}
#menuholder *, #homemenuholder * {
	z-index:1000 !important;
}
#mainmenu{
	width:340px;
	position:fixed;
	left:0px;
	top:80px;
	padding:0;
	margin:0;
	/*width:0px;*/
	 /* removed width declaration for JavaScript degradeability - jQuery now hides this on page load instead */
	overflow:hidden;
}
/* IE6 hack because it doesn't support position:fixed and will use position:static instead */
* html #mainmenu{
	position:absolute !important;
}
.block ul {
	padding:0px !important;
}
#mainmenu ul {
	padding:0px !important;
}
#mainmenu li {
	list-style-image:none !important;
	list-style:none;
	margin:0;
	padding:0;
}
#mainmenu li a{
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	/*width:338px;
	height:40px;*/
	width:280px;
	height:33px;
	text-decoration:none;
	cursor:pointer;
}
#mainmenu li a:hover, #mainmenu li a.active{
	/*background-position:-338px 0;*/
	background-position:-280px 0;
}
#mainmenu li a span.hide,
#mainmenu li a span {
	visibility:hidden;
}
#mainmenu li a.home{background-image:url('../images/rushmenu-home.png');}
#mainmenu li a.about{background-image:url('../images/rushmenu-about.png');}
#mainmenu li a.collections{background-image:url('../images/rushmenu-collections.png');}
#mainmenu li a.salons{background-image:url('../images/rushmenu-salons.png');}
#mainmenu li a.franchising{background-image:url('../images/rushmenu-franchising.png');}
#mainmenu li a.vacancies{background-image:url('../images/rushmenu-vacancies.png');}
#mainmenu li a.academy{background-image:url('../images/rushmenu-academy.png');}
#mainmenu li a.media{background-image:url('../images/rushmenu-media.png');}
#mainmenu li a.contactpage{background-image:url('../images/rushmenu-contact.png');padding-bottom:30px;}
#mainmenu li a.shop{background-image:url('../images/rushmenu-shop.png');}

#frontpagenews{
	width:545px;
	margin-top:460px;
	font-size:0.8em;
	padding:17px 17px 17px 32px;
	background-image:url('../images/bg-homenews.png');
	background-repeat:no-repeat;
	background-position:top right;
}
#frontpagenews .view-content{
	margin-top:0px;
	width:395px;
}
#frontpagenews h2 {
	padding:0px;
	margin:0px;
}
#frontpagenews a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#frontpagenews a:hover {
	color:#777;
}

/* sub nav 
----------------------------*/
#content-top ul.menu {
	background-image:url('../images/bg-transparentdeepgrey.png');
	color:#FFF;
	min-height:51px;
	height:auto !important;
	height:51px;
	margin-top:0px;
	/*margin-bottom:14px;*/
} 
#content-top {
	margin:0px;
}
#content-top ul.menu li {
	float:left;
	list-style:none;
	/*margin-left:10px;*/
	margin-right:15px;
	padding:0;
	/*line-height: 2.5em;*/
	line-height:55px;
	font-size:1.25em;
	font-family:helvetica, arial, 'sans serif';
	font-weight:normal;	
}

#content-top ul.menu li a {
	text-transform: uppercase;
	color:#FFF;
	text-decoration:none;
}
#content-top ul.menu li a:hover {
	color:#000;
}
#content-top ul.menu li .active{
	color:#A8A8A8 !important;
	text-decoration:underline !important;
}

/* main content area
----------------------------*/

.field-field-pageheaderimage img, .field-field-salonheaderimage img {
	margin-top:-55px !important;
}


#content-inner{
	/*text-align:justify;*/
}
#content-inner p, 
#content-inner h2, 
#content-inner h3, 
#content-inner ul, 
#content-inner dl, 
#collectionviewholder, 
#content-inner table,
.view-salonmap {
	background-image:url('../images/bg-transparentwhite.png');
	/*height:auto !important;
	height:50px;*/ /* for IE6 PNG fix filter to work*/
}
#content-inner table{
	width:100%!important;
}
#content-inner td{
	padding:0 0 0 14px;	
}
#content-inner table tbody{
	border-width:0px;
}
.view-content{
	margin-top:28px;
}


/*
  fix IE6 PNG Fix problem with disabling links and forms
  .content, #content-area, #webformpanel, #content-inner p, #content-inner h2, #content-inner h3, #content-inner ul 
  .nodeinner > .content > p
*/
p{
	/*position: relative !important; */ /* for IE6 with PNG Fix */
	z-index: 10 !important;
}

.blockquote img {
	margin-right:5px;
}
.panel-separator{
	display:none;
}

/*  news, vacancies, media views
-------------------------------------------
*/
.specialoffer a{
	color:#AEFF00 !important;
	background:#000;
	padding:5px 8px 5px 20px;
	background-image:url('../images/bullet-special.gif');
	background-repeat:no-repeat;
	background-position:4px 10px;
	border-top:2px solid #FFF;
}
.specialoffer a:hover{
	color:#FFF !important;
}
.view-news .views-row-odd,
.view-news .views-row-even,
.view-vacancies .views-row-odd,
.view-vacancies .views-row-even,
.view-media .views-row-odd,
.view-media .views-row-even
 {
	margin-bottom: 28px;
	padding:14px;
	background-image:url('../images/bg-transparentwhite.png');
	height:auto !important;
	height:50px; /* for IE6 PNG fix filter to work*/	
}
.view-news p, 
.view-vacancies p, 
.view-media p {
	background:transparent !important;
}
/*.view-news a {
	margin-top:7px;
}*/
.view-news .views-field-title a,
.view-vacancies .views-field-title a,
.view-media .views-field-title a,
.view-collectiondescriptions .views-field-title {
	background:transparent !important;
	font-size:1.25em;
	font-family:arial black, arial, helvetica;
	color:#000 !important;
}
.views-field-title {
	padding:0;
}

.newsbreadcrumb p{
	padding:5px;
	text-align:left;
	background:transparent !important;
}

/*  salons view
-------------------------------------------
*/
.salon-view-content {
	width:655px; /* to create space for .salonbox right margin */
	/*border:1px solid red;*/
	margin-top:0px !important; /* overrides the .view-content */
}
.salonbox{
	float:left;
	/*width:30%;*/
	width:198px;
	height:234px;
	/*margin-right:1.5%;*/
	margin:14px 19px 0px 0px;
	/*padding:14px;*/
	background-image:url('../images/bg-transparentdeepgrey.png'); /* !important */
	/*height:auto !important;
	height:50px;*/ /* for IE6 PNG fix filter to work*/
}
.salonboxover{
	background-image:url('../images/bg-salon-over.png') !important;
}
.salonbox p{
	background-image:none !important;
	/*height:auto !important;
	height:50px;*/ /* for IE6 PNG fix filter to work*/
	color:#FFF;
}
.salonbox .views-field-title{
	color:#FFF;
	font-size:1.4em;
	/*margin-bottom:10px;*/
	margin:0px;
	text-transform:uppercase;
	/*min-height:25px;
	height:25px;*/
	padding-bottom:4px !important;
	padding-top:8px !important;
}
.salonbox .views-field-title a {
	text-decoration:none;
	color:#FFF;
	background:transparent !important;
	padding:0px !important;
}
.salonbox .views-field-title a:hover {
	color:#FFF !important;
}
.salonbox .views-field-field-salonimage-fid{
	position:relative;
	top:0;
	left:0;
	/*z-index:-50;*/
}
.salonbox .views-field-title, .salonbox .views-field-field-address-value {
	/*background:#4c4c4c !important;*/
	background-image:url('../images/bg-transparentdeepgrey.png') !important;
	margin:0px;
	padding:0px 14px;
}
.salonbox .views-field-field-address-value {
	min-height:58px;
	height:auto !important;
	height:58px;
}

.salonbox .views-field-field-recruiting-value {
	margin:0;
	padding:0 0 2px 0;
	background-image:url('../images/bg-transparentdeepgrey.png') !important;
}
.salonbox .views-field-field-recruiting-value a {
	background:#000 !important;
	padding:3px;
	font-size:0.9em;
	color:#FFF;
	margin-left:14px;
	text-transform:uppercase;
}
.salonbox .views-field-field-recruiting-value a:hover{
	color:#000 !important;
	background:#FFF !important;
}

/* Collections view
----------------------------*/
#collectionviewholder{
	padding:14px;
	margin-top:14px;
}
#collectionviewthumbs {
	width:250px;
	float:left !important;
	clear:left;
}
#collectiondescription{
	width:240px;
	min-height:150px;
	height:auto !important;
	height:150px;
}
#collectionthumbwrapper {
	clear:left;
	width:250px;
}
#collectionlarge{
	float:right !important;
	width:355px;
}

.collectionthumb{
	float:left;
	width:45px;
	margin:0px 5px 5px 0px;
}
.collectionthumb a{
	background:transparent !important;
}
a.imagecache-Collection:hover, a.imagecache-Collection {
	background:transparent !important;
}
.collectionthumb img {
}
.view-collectiondescriptions p{
	background:transparent !important;
}


/* footer
----------------------------*/

/*
#footer-wrapper{
		height:32px;
		clear:both;
		width:100%;
		position:relative;
		font-size:0.562em;
		z-index:10;
}

#footer{
	padding:0 0 0 20px;
	line-height:32px;
	text-transform:uppercase;	
	letter-spacing:0.1em;
}
.push{
	height:32px;
}
*/


/* 
------------------------------------------------------------------------------------*/

/* Table Styles  */

table {
	width: 99%;
}
tr.even td, tr.odd td {
	padding: 10px 5px;
}
tr.even {
	background-color: #F9F9F9;
}
tr.odd {
	background-color: #fff;
}

/* Code */

pre, code {
	background-color:#efefef;
	display:block;
	padding:5px;
	margin:5px 0;
	border:1px solid #aaa;
  font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}

/* List Styles */

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

/* Abbreviation */

abbr {
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}

/* Date-based "abbreviations" show computer-friendly timestamps which are not
   human-friendly. */

abbr.created {
  border: none;
  cursor: auto;
  white-space: normal;
}

/* User Interface Styles 
---------------------------- */

.resizable-textarea textarea {
	font-size:14px!important;
}
.messages {
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #04a107;
	color: #04a107;
	background-color: #edffed;
}
form{
	margin:10px 0;
}


/* Rollover edit links for blocks
----------------------------*/

div.block {
  position: relative;
}
div.block div.edit {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  /*z-index: 40;*/
  border: 1px solid #eee;
  padding: 0 2px;
  font-size: 11px;
  background-color: #fff;
}
div.block:hover div.edit {
  display: block;
}

.node-unpublished{
	background:none;
}


#main ul.pager{
	padding:12px 0 0 0;
	font-weight:bold;
	margin:10px 0 0 0;
	line-height:1em;
	width:100%;
	clear:both;
	/*border-top:1px solid #ececec;*/
	text-align:right;
	background:transparent !important;
}

#main ul.pager li{
	background:none;
	padding:0;
	margin:0 5px;

}
/*
#main ul.pager li.last{
	margin:0 5px 0 50px;
}

#main ul.pager li.first{
	margin:0 50px 0 5px;
}
*/

.downloads{
	border-top:1px solid black;
	margin:50px 0 0 0;
}

.download_title{
	background:black;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.846em;
	line-height:2em;
	padding:0 5px;
	width:85px;
	text-align:center;
	float:left;
}

.download_links{
	padding:0 0px 0 5px;
	width:318px;
	float:left;
}

.downloads a{
	float:left;
	display:inline;
	margin:3px 0 0 18px;
	padding:0 0 0 17px;
	font-size:0.923em;
	font-weight:bold;
	background:url('../images/bullet.gif') 0px 3px no-repeat;
}

div.service-links {
	padding:14px;
	margin-top:14px;
	background-image:url('../images/bg-transparentwhite.png');
	border-top:1px solid #CCC;
}
div.service-label {
	/*font-size:1.3em;
	font-weight:bold;*/
	padding-bottom:10px;
	display:none;
}
div.service-links ul {
	background:none !important;	
}
div.service-links li {
	margin:0 !important;
}
.service-links a {
	background:none !important;
	padding-bottom:10px;
	color:#000 !important;
	text-transform:capitalize !important;
}