﻿/* 
-------------------------------------------------------------------------------
Title: Changes to the default i-GRasp stylesheet (igBase.css)
Default filename: igChanges.css

Description:

This file contains all changes to the target HTML template styles and to the
i-GRasp front end styles so that they match up better.

Do *NOT* modify igBase.css as it is a reference point for all other front ends
that use it!

If browser-specific changes are required, place them into a seperate file
and call the file, for example, igChanges_IE.css. Then use a conditional
comment (for IE) or an ASP ServerVariable request (for other browsers, such
as Safari) to pull the changes through to the front end.
-------------------------------------------------------------------------------
*/

/* Place any styles specific to the front end template below here */


/* Place any styles specific to i-GRasp front end sections below here */


/* Generic / optional styling for all text and dropdown fields (only enable
if client settings are adversely affecting the appearance of them) */

/*
div#igContainer .emailinputobjects,
#igContainer .inputfield
#igContainer .inputobjects,
#igContainer .logininput,
#igContainer .reginput,
#igContainer select,
#igContainer textarea
{
	background-color: #fff;
	border: 1px solid #000;
	margin: 3px 3px 3px 0
	padding: 1px
}

*/

/* Modification to the Previous Page and Next Page links in the Search Results
page, to stop the bullet images being underlined in Firefox and Safari. */

a.prevlink img,
a.nextbullet img
{
	display: none
}

a.prevlink
{
	background: url(images/back.gif) no-repeat left center;
	padding: 0 0 0 20px
}

a.nextbullet /* As above, but this moves the image to the right of the link. */
{
	background: url(images/bullet.gif) no-repeat right center;
	padding: 0 20px 0 0
}

/* Modification to the New Search and Refine Search links at the bottom of the
Search Results page, for the same reason as the Previous and Next Page
links. */

div#igsearchresultsnewsearch img,
div#igsearchresultsrefinesearch img
{
	display: none
}

#igsearchresultsnewsearch a,
#igsearchresultsrefinesearch a
{
	background: url(images/bullet.gif) no-repeat left center;
	padding: 0 0 0 20px
}

/* Offers section - this style sets all the grey description boxes to have
italic text. This used to be the default, but has now been disabled - however,
if a client requests that they want it switched back on, please remove the
comment tags from around the style below. */

/*
div#offertypeinfosectiondesc
{
	font-style: italic
}

*/

/* Correct overriding font colour */
div#igraspcontainer {
	color:#000000;
}

/* Maintain body font colour */
div#footer {
	color:#ffffff;
}

/*Correct input box width */
#searchcriteria_container .searchpair input {
	width:320px;
}

#searchcriteria_container .searchpair {
	margin:0 0 6px;
}

div#igraspcontainer a img {
	display:none;
}

span.ResultsItemsPerPage span {
	color: #ffffff;
}

input.submitbutton {
	float:right;
}

/*
td#newappbar span.general_bold {
	color:#000000;
}

td#existingappbar span.general_bold {
	color:#000000;
}
*/

td#igSortBar font{
	color: #ffffff !important;
}

span#volumemaindetails input.reginput {
	margin:3px 5px 3px 0;
	width:205px;
}

table.greytable {
	background-color:#f3efe7;
}

table.list th {
	background-color:#f3efe7;
	color:#000000;
	font-weight:normal;
}


/* Changes to Harrods stylesheets */

ul#topNav{
	height:34px;
}

#banner{
	height: 180px;
}

div#footer{
	clear:both;
}

body{
	color:#000000;
}

#equaloppstable input.inputobjects {
	width:335px;
}

#equaloppstable select.inputobjects {
	width:335px;
}

#equaloppstable textarea {
	height:150px;
	width:335px;
}

table#equaloppstable td{
	vertical-align: middle;
}	

div.defaultbqchoice  {
	/*float:left;*/
	margin:2px 0;
	padding-right:23px;
	clear:both;
}

div.defaultbqchoices {
	position:relative;
}

div#igraspcontainer  table{
position:relative;
margin-top:5px;
}
div.defaultbqchoice label{
	display:inline;
}
