/* ****************************************************************** */
/*
One4all Site Template
CSS Base: Styling
Layout Definition & Site Styles
*/
/* ****************************************************************** */

/* *************************************************************************************************************** */
/* CONTENTS */
/* *************************************************************************************************************** */

/* 1 CORE SITE LAYOUT */

/* SECTION : 1.1 : HEADER */
/* SECTION : 1.2 : SIDEBAR */
/* SECTION : 1.3 : FEATURED REGION */
/* SECTION : 1.4 : FOOTER */


/* 2 SITE-WIDE GENERAL STYLES */

/* SECTION : 2.1 : TITLES / HEADERS */
/* SECTION : 2.2 : BUTTONS */
/* SECTION : 2.3 : TEXT ADJUSTMENTS */
/* SECTION : 2.4 : ADJUST COLOURS OF TITLES & TEXT */
/* SECTION : 2.5 : TABS */
/* SECTION : 2.6 : PROMO BOXES */


/* 3 PAGE SPECIFIC STYLES */

/* SECTION : 3.1 : HOMEPAGE */
/* SECTION : 3.2 : RETAILER RESULTS PAGE : BROWSE A-Z */
/* SECTION : 3.3 : RETAILER RESULTS PAGE : PAGING */
/* SECTION : 3.4 : FAQs : ACCORDION */


/* 4 MISC STYLES */

/* SECTION : 4.1 : MISC */
/* SECTION : 4.2 : NEW STYLES (Place any new unproven styles here) */

.tabbed_content {	background-color: #eaeaea;	width: 640px; border:1px solid #CCC;}
.tabs {	height: 42px;	position: relative;}
.tabs .moving_bg {	padding: 15px;	background-color:#CCC;	background-image:url(/images/img-template/arrow_down_green.gif);
	position: absolute;	width: 130px;	z-index: 190;	left: 0;	padding-bottom: 11px;	background-position: bottom left;
	background-repeat: no-repeat;}
.tabs .tab_item {	display: block;	float: left;	padding: 15px;	width: 130px;	color: #666;
	text-align: center;	z-index: 200;	position: relative;	cursor: pointer;}
.tabbed_content .slide_content {	overflow: hidden;	background-color: #eaeaea;	padding: 10px 0 20px 20px;
	position: relative;	width: 600px; height:85px;}
.tabslider {	width: 5000px;}
.tabslider ul {	float: left;	width: 560px;	margin: 0px;	padding: 0px;	margin-right: 40px;}
.tabslider ul a {	color: #999 ;	text-decoration: none;}
.tabslider ul a:hover {	color: #aaaaaa;}
.tabslider ul li {	padding-bottom: 7px; font-size:14px;}



.tabbed {	background-color: #eaeaea;	width: 620px; border:1px solid #CCC; font-size:15px; text-align:left; padding:14px; margin:14px 0 0 0;}
.tabbed b {color:#900; font-size:18px; }

.christmas-card {width:168px; height:143px; display:block; float:left;}
.cred {background:url(/images/img-cards/card-home-grand2-on.jpg) no-repeat;}
.cblue {background:url(/images/img-cards/card-home-congrat-on.jpg) no-repeat;}
.cred:hover{background:url(/images/img-cards/card-home-grand2-over.jpg) no-repeat;}
.cblue:hover {background:url(/images/img-cards/card-home-congrat-over.jpg) no-repeat;}

.c3 {background:url(/images/img-cards/card-home-baby-on.jpg) no-repeat;}
.c4 {background:url(/images/img-cards/card-home-grand1-on.jpg) no-repeat;}
.c3:hover{background:url(/images/img-cards/card-home-baby-over.jpg) no-repeat;}
.c4:hover {background:url(/images/img-cards/card-home-grand1-over.jpg) no-repeat;}

.col-left {width:310px; float:left; padding:0 10px 0 0; margin:0 10px 0 0; border-right:1px solid #CCC;}
.col-right {width:340px; float:left;}
/* *************************************************************************************************************** */
/* SECTION 1 CORE SITE LAYOUT */
/* *************************************************************************************************************** */
.centerT {text-align:center;}
.leftT {text-align:left;}
.rightT {text-align:right;}

img.center {margin:0 auto;}

.leftF {float:left;}
.rightF {float:right;}
/* ****************************************************************** */
/* 1.1 : HEADER */
/* ****************************************************************** */
#social {    position: absolute;    right: 23px;    top: 28px;    z-index: 20;}
body {position:relative; }
	#social a {display:block; float:left; margin:0 0 0 0}
	#social .app {height:32px; width:32px; background:url(../images/img-social/app.png);  margin:0 7px 0 0;}
	#social .twitter {height:26px; width:32px; background:url(../images/img-social/twitter.png);  margin:0 0 0 0;}
	#social .facebook {height:26px; width:32px; background:url(../images/img-social/facebook.png); margin:0 7px 0 0;}
	#social .pixie {height:32px; width:32px; background:url(../images/img-social/pix.ie.png);}
	#holder {position:relative;}
	
/*body { background:#0096DB  url(/images/img-xmas/xmas-repeater.jpg) repeat-x 0 -30px !important; }*/
body { background:#0096DB ; }

/*table.header ul.main-nav {background:url(/images/img-xmas/xmas-nav-bg.gif) no-repeat; height:30px; width:697px; margin:3px 0 0 10px; padding:24px 0 0 10px;}*/

table.header ul.main-nav {background:none; height:30px; width:697px; margin:3px 0 0 10px; padding:24px 0 0 10px;}

/*table.header ul.main-nav li a.home {background:none;}*/

/* Login / Status */

p.login {
	text-align : right;
	margin : 10px 0 0 0;
}

/* -- Main Navigation -- */

ul.main-nav {
	padding : 0 0 0 0;
	margin : 25px 0 0 10px;
	position : relative;
	float : left;
	display : inline;
	z-index :4;
	color:#ffffff
}

ul.main-nav li {
	float : left;
	padding : 0px 0px 0px 0px;
	font-size : 95%;
	margin : 0;
	position : relative;
	color:#ffffff
}

ul.main-nav li a:link,
ul.main-nav li a:visited {
	color:#ffffff;
	padding : 0px 10px 0px 21px;
	height : 30px;
	line-height : 30px;
	background : url(../images/interface/main-nav-arrow.gif) no-repeat 10px -14px;
}
ul.main-nav li a.none {
	color:#ffffff;
	padding : 0px 10px 0px 11px;
	height : 30px;
	line-height : 30px;
	background : none;
}

ul.main-nav li a:hover,
ul.main-nav li a:active {
	text-decoration : none;
	color : #c7eafb;
}

ul.main-nav li:hover,
ul.main-nav li:hover>a,
ul.main-nav li.sfHover,
ul.main-nav li.sfHover>a {
	text-decoration : none;
	color : #c7eafb;
}


/* Suckerfish / Superfish Drop downs */

ul.main-nav li ul {
	position: absolute;
	width : 170px;
	display : block;
	clear : left;
	background : White;
	top : -999em;
	left : auto;
	border : 1px solid #E1E1E1;
	border-bottom : 0px;
	z-index:9999999999999999999999;
}

ul.main-nav li:hover ul {
	left: auto;
}

ul.main-nav li ul li {
	float : none;
	margin : 0;
	padding : 0;
	line-height : 100%;
	display : inline;
	text-align : left;
	font-size : 90%;
	height : auto;
	float : left;
	position : relative;
	z-index : 99;
}

ul.main-nav li ul li a:link,
ul.main-nav li ul li a:visited {
	padding : 6px 0 6px 10px;
	border-left : 0;
	border-right : 0;
	border-bottom : 1px solid #E1E1E1;
	text-align : left;
	width : 160px;
	color : #5F5F5F;
	font-size : 80%;
	font-weight : bold;
	height : auto;
	line-height : 150%;
	/* IE6 haslayout fix */
	display : block;
	float : left;
	clear : left;
	/* End: IE6 haslayout fix */
	background : none;
}

ul.main-nav li ul li a:hover,
ul.main-nav li ul li a:active {
	color : #EE2A32;
}

/* Suckerfish Dropdown Fix for IE: */
ul.main-nav li:hover ul,
ul.main-nav li.sfHover ul {
	left : 0;
	top : 30px;
}
ul.main-nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

h3.main {
	margin : 5px 0 10px 0;
	font-family:Cooper Black;
	color:#C00;
	font-size:21px;
}
h3.main a{
	color:#C00;
	text-decoration:underline;
}
/* ****************************************************************** */
/* 1.2 : SIDEBAR */
/* ****************************************************************** */

table.sidebar h3 {
	margin : 5px 0 10px 0;
	/*font-weight : bold;*/
	font-family:Cooper Black;
}

table.sidebar p.basket-item {
	clear : both;
	border-top : 1px solid #D5D5D5;
	border-bottom : 1px solid White;
	padding : 3px 0;
	margin : 0 0 0px 0;
	float : left;
	width : 207px;
}
table.sidebar span.basket-desc {
	float : left;
}
table.sidebar span.basket-value {
	float : right;
}

table.sidebar input.btn {
	float : right;
	margin : 5px 0 0 0;
}

a.all-stores:link,
a.all-stores:visited {
	float : left;
	text-decoration : underline;
	width : 100px;
}
a.all-stores:hover,
a.all-stores:active {
	color : #BB0900;
	text-decoration : underline;
}

img.sb-question-mark {
	display : inline;
	vertical-align : middle;
	margin : 0 0 0 5px;
}

.tooltip-content {
    display: none;
    position: absolute;
    padding: 10px;
    border: 1px solid #A0A0A0;
    background-color: white;
	width : 350px;
	z-index : 10000;
}
.basket-item
{
	font-family:Arial;
	font-size:12px
	}

/* ****************************************************************** */
/* 1.3 : FEATURED REGION */
/* ****************************************************************** */

table.main {
	border-bottom : 6px solid #e7e7e7;
}

table.featured-panel {
	margin : 0 0 0 11px;
	float : left;
	display : inline;
	width : 226px;
}

table.featured-panel h3 {
	margin : 20px 0 5px 0;
	font-weight : bold;
}
table.featured-panel td.panel-content p {
	margin : 0 10px 10px 10px;	
}

table.featured-panel ul {
	margin : 0;
	width : 226px;
}
table.featured-panel ul li {
	border-top : 1px solid #97CBE2;
	padding : 0px;
	margin : 0;
}

table.featured-panel ul li a:link,
table.featured-panel ul li a:visited {
	color : #4A4A4A;
	display : block;
	padding : 3px;
}
table.featured-panel ul li a:hover,
table.featured-panel ul li a:active {
	background : #97CBE2;
	text-decoration : none;
}

a.feat-link:link,
a.feat-link:visited,
input.feat-btn {
	display : block;
	float : right;
	margin : 10px 0 0 0;
}


/* ****************************************************************** */
/* 1.4 : FOOTER */
/* ****************************************************************** */

table.footer p {
	margin : 0 0 0 25px;
}
td.footer-top {
	background : url(../images/interface/footer-bg-top.gif) repeat-x;
}
td.footer-bottom {
	background : url(../images/interface/footer-bg-bottom.gif) repeat-x;
}




/* *************************************************************************************************************** */
/* SECTION 2 SITE-WIDE GENERAL STYLES */
/* *************************************************************************************************************** */


/* ****************************************************************** */
/* 2.1 : TITLES / HEADERS */
/* ****************************************************************** */

/* Custom Header Values */

h1 {
	font-family : "Cooper Black", Arial, Helvetica, sans-serif;
	font-size : 135%;
	padding : 15px 0 15px 10px;
	color : #EE2A32;
}
h2 {
	font-family : "Cooper Black", Arial, Helvetica, sans-serif;
	font-size : 135%;
	padding : 10px 0 10px 10px;
	color : #EE2A32;
}
h3 {
	font-family : "Cooper Black", Arial, Helvetica, sans-serif;
	font-size : 110%;
	padding : 0 0 5px 0;
}
h4 {
	font-family : "Gill Sans", Arial, Helvetica, sans-serif;
	font-size : 100%;
	line-height : 150%;
	padding : 0 0 5px 0;
	font-weight : bold;
}

/* Page Title Adjustments */


table.page-title h1 {
	margin-left : 0px;
	font-family : "Cooper Black", Arial, Helvetica, sans-serif;
	font-size : 45px;
	padding : 0px 0 20px 0px;
	color : #EE2A32;
}
table.page-title h3 {
	font-family : "Cooper Black", Arial, Helvetica, sans-serif;
	font-size : 110%;
	padding : 0 0 5px 0;
}
img.inline-logo {
	display : inline;
	vertical-align : text-bottom;
	margin : 0 10px 0 0;
}


/* ****************************************************************** */
/* 2.2 : BUTTONS */
/* ****************************************************************** */

/* Coloured Background Button and Anchor Links */
/********* Transparent Button Classes**************/
#view-all {color:#EE2A32; font-family:Arial,Helvetica,sans-serif; font-size:12px; margin:0 24px; text-align:center; float:left;}
#spend-online {padding:0; float:left;}

.REDAddItemButtont
{
	font-size: 10pt;
	font-family: Arial,Verdana;
    font-size : 100%;
    font-weight : bold;
    color : #ffffff;
    text-decoration : none;
    display : block;
    margin : 3px 0 0 0;
	padding : 0;
	background-position :0 0;
    border : 0;
	background : url(../images/Red_MED_WHT_OFF.jpg) no-repeat;
    cursor : pointer;
	height : 25px;
	line-height : 20px;
	text-align : center;
	width : 100px;
	vertical-align:middle;
}

button.REDAddItemButtont:hover,
a.REDAddItemButtont:hover,
a.REDAddItemButtont:active
 {
	background : url(../images/Red_MED_WHT_ON.jpg) no-repeat;
    color : #ffffff;
    text-decoration : none;
}


.REDAddItemButtontlrg
{
	font-size: 10pt;
	font-family: Arial,Verdana;
    font-size : 100%;
    font-weight : bold;
    color : #ffffff;
    text-decoration : none;
    display : block;
    margin : 10px 0 0 0;
	padding : 0;
	background-position :0 0;
    border : 0;
	background : url(../images/Red_LRG_WHT_OFF.jpg) no-repeat;
    cursor : pointer;
	height : 25px;
	line-height : 20px;
	text-align : center;
	width : 150px;
	vertical-align:middle;
}

button.REDAddItemButtontlrg:hover,
a.REDAddItemButtontlrg:hover,
a.REDAddItemButtontlrg:active
 {
	background : url(../images/Red_LRG_WHT_ON.jpg) no-repeat;
    color : #ffffff;
    text-decoration : none;
}


.blueAddItemButtont
{
	font-size: 10pt;
	font-family: Arial,Verdana;
    font-size : 100%;
    font-weight : bold;
    color : #ffffff;
    text-decoration : none;
    display : block;
    margin : 10px 0 0 0;
	padding : 0;
	background-position :0 0;
    border : 0;
	background : url(../images/Blue_MED_WHT_OFF.jpg) no-repeat;
    cursor : pointer;
	height : 25px;
	line-height : 20px;
	text-align : center;
	width : 100px;
	vertical-align:middle;
}

button.blueAddItemButtont:hover,
a.blueAddItemButtont:hover,
a.blueAddItemButtont:active
 {
	background : url(../images/Blue_MED_WHT_ON.jpg) no-repeat;
    color : #ffffff;
    text-decoration : none;
}

.blueAddItemButtontsml
{
	line-height : 150%;
	font-style : normal;	
	font-size: 70%;
	font-family: Arial,Verdana, Helvetica, sans-serif;
    font-weight : bolder;
    color : #ffffff;
    text-decoration : none;
    display : block;
    margin : 0px 0 0 0;
	padding : 0;
	background-position :0 0;
    border : 0;
	background : url(../images/Blue_SML_LGB_OFF.jpg) no-repeat;
    cursor : pointer;
	height : 25px;
	line-height : 20px;
	text-align : center;
	width : 50px;
	vertical-align:middle;
}

button.blueAddItemButtontsml:hover,
a.blueAddItemButtontsml:hover,
a.blueAddItemButtontsml:active
 {
	background : url(../images/Blue_SML_LGB_ON.jpg) no-repeat;
    color : #ffffff;
    text-decoration : none;
}



.blueAddItemButtontlrg
{
	font-size: 10pt;
	font-family: Arial,Verdana;
    font-size : 100%;
    font-weight : bold;
    color : #ffffff;
    text-decoration : none;
    display : block;
    margin : 10px 0 0 0;
	padding : 0;
	background-position :0 0;
    border : 0;
	background : url(../images/Blue_LRG_WHT_OFF.jpg) no-repeat;
    cursor : pointer;
	height : 25px;
	line-height : 20px;
	text-align : center;
	width : 100px;
	vertical-align:middle;
}

button.blueAddItemButtontlrg:hover,
a.blueAddItemButtontlrg:hover,
a.blueAddItemButtontlrg:active
 {
	background : url(../images/Blue_LRG_WHT_ON.jpg) no-repeat;
    color : #ffffff;
    text-decoration : none;
}



/************New button classes*************/
.REDAddItemButton
{
	font-size: 10pt;
	font-family: Arial,Verdana;
    font-size : 100%;
    font-weight : bold;
    color : #ffffff;
    text-decoration : none;
    display : block;
    margin : 10px 0 0 0;
	padding : 0;
	background-position :0 0;
    border : 0;
	background : url(../images/btn_red_bluebk_off.jpg) no-repeat;
    cursor : pointer;
	height : 25px;
	line-height : 20px;
	text-align : center;
	width : 100px;
	vertical-align:middle;
}

button.REDAddItemButton:hover,
a.REDAddItemButton:hover,
a.REDAddItemButton:active
 {
	background : url(../images/btn_red_bluebk_on.jpg) no-repeat;
    color : #ffffff;
    text-decoration : none;
}


.REDAddItemButtonredbk
{
	font-size: 10pt;
	font-family: Arial,Verdana;
    font-size : 100%;
    font-weight : bold;
    color : #ffffff;
    text-decoration : none;
    display : block;
    margin : 10px 0 0 0;
	padding : 0;
	background-position :0 0;
    border : 0;
	background : url(../images/btn_red_redbk_off.jpg) no-repeat;
    cursor : pointer;
	height : 25px;
	line-height : 20px;
	text-align : center;
	width : 100px;
	vertical-align:middle;
}

button.REDAddItemButtonredbk:hover,
a.REDAddItemButtonredbk:hover,
a.REDAddItemButtonredbk:active
 {
	background : url(../images/btn_red_redbk_on.jpg) no-repeat;
    color : #ffffff;
    text-decoration : none;
}



.REDAddItemButtonlrg
{
	font-size: 10pt;
	font-family: Arial,Verdana;
    font-size : 100%;
    font-weight : bold;
    color : #ffffff;
    text-decoration : none;
    display : block;
    margin : 10px 0 0 0;
	padding : 0;
	background-position :0 0;
    border : 0;
	background : url(../images/btn_red_bluebklrg2_off.jpg) no-repeat;
    cursor : pointer;
	height : 25px;
	line-height : 20px;
	text-align : center;
	width : 150px;
	vertical-align:middle;
}

button.REDAddItemButtonlrg:hover,
a.REDAddItemButtonlrg:hover,
a.REDAddItemButtonlrg:active
 {
	background : url(../images/btn_red_bluebklrg2_on.jpg) no-repeat;
    color : #ffffff;
    text-decoration : none;
}


.blueAddItemButton
{
	font-size: 10pt;
	font-family: Arial,Verdana;
    font-size : 100%;
    font-weight : bold;
    color : #ffffff;
    text-decoration : none;
    display : block;
    margin : 10px 0 0 0;
	padding : 0;
	background-position :0 0;
    border : 0;
	background : url(../images/Blue_MED_DKB_OFF.jpg) no-repeat;
    cursor : pointer;
	height : 25px;
	line-height : 20px;
	text-align : center;
	width : 100px;
	vertical-align:middle;
}

button.blueAddItemButton:hover,
a.blueAddItemButton:hover,
a.blueAddItemButton:active
 {
	background : url(../images/Blue_MED_DKB_ON.jpg) no-repeat;
    color : #ffffff;
    text-decoration : none;
}


.sp_question-mark
 {
    text-decoration : none;
	src : '../images/interface/sb-question-mark.gif';
}
.sp_question-mark:hover
 {
	src : '../images/interface/sb-question-mark-over.gif';
}

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


button.btn50,
a.btn50:link,
a.btn50:visited {
    display : block;
    margin : 10px 0 0 0;
	padding : 0;
	background-position : 0 0;
    border : 0;
	font-family : Arial, Helvetica, sans-serif;
    font-size : 100%;
    text-decoration : none;
    font-weight : bold;
    color : White;
    cursor : pointer;
	height : 21px;
	line-height : 20px;
	text-align : center;
	width : 50px;
	background : url(../images/interface/btn-50.gif) no-repeat;
}
button.btn100,
a.btn100,
a.btn100:link,
a.btn100:visited {
    display : block;
    margin : 10px 0 0 0;
	padding : 0;
	background-position : 0 0;
    border : 0;
	font-family : Arial, Helvetica, sans-serif;
    font-size : 100%;
    text-decoration : none;
    font-weight : bold;
    color : White;
    cursor : pointer;
	height : 21px;
	line-height : 20px;
	text-align : center;
	width : 100px;
	background : url(../images/interface/btn-100.gif) no-repeat;
}
button.btn150,
a.btn150:link,
a.btn150:visited {
    display : block;
    margin : 10px 0 0 0;
	padding : 0;
	background-position : 0 0;
    border : 0;
	font-family : Arial, Helvetica, sans-serif;
    font-size : 100%;
    text-decoration : none;
    font-weight : bold;
    color : White;
    cursor : pointer;
	height : 21px;
	line-height : 20px;
	text-align : center;
	width : 150px;
	background : url(../images/interface/btn-150.gif) no-repeat;
}
button.btn200,
a.btn200:link,
a.btn200:visited {
    display : block;
    margin : 10px 0 0 0;
	padding : 0;
	background-position : 0 0;
    border : 0;
	font-family : Arial, Helvetica, sans-serif;
    font-size : 100%;
    text-decoration : none;
    font-weight : bold;
    color : White;
    cursor : pointer;
	height : 21px;
	line-height : 20px;
	text-align : center;
	width : 200px;
	background : url(../images/interface/btn-200.gif) no-repeat;
}
button.btn50-blue,
a.btn50-blue:link,
a.btn50-blue:visited {
	background : url(../images/interface/btn-50-blue.gif) no-repeat;
	color : White;
}
button.btn100-blue,
a.btn100-blue:link,
a.btn100-blue:visited {
	background : url(../images/interface/btn-100-blue.gif) no-repeat;
	color : White;
}
button.btn150-blue,
a.btn150-blue:link,
a.btn150-blue:visited {
	background : url(../images/interface/btn-150-blue.gif) no-repeat;
	color : White;
}
button.btn200-blue,
a.btn200-blue:link,
a.btn200-blue:visited {
	background : url(../images/interface/btn-200-blue.gif) no-repeat;
	color : White;
}
button.btn50[type],
button.btn100[type],
button.btn150[type],
button.btn200[type] {
    padding : 0 0 3px 0; /* Firefox */
}
button.btn50:hover,
button.btn100:hover,
button.btn150:hover,
button.btn200:hover,
a.btn50:hover,
a.btn50:active,
a.btn100:hover,
a.btn100:active,
a.btn150:hover,
a.btn150:active,
a.btn200:hover,
a.btn200:active {
	background-position : 0 -21px;
}

/* Standard Link (ie those which have a red arrow at the end) */

a.standard-link:link,
a.standard-link:visited {
	color : #4A4A4A;
	text-decoration : none;
}
a.standard-link:link span,
a.standard-link:visited span {
	color : #EE2A32;
}
a.standard-link:hover,
a.standard-link:active {
	color : #EE2A32;
	text-decoration : underline;
}


/* ****************************************************************** */
/* 2.3 : TEXT ADJUSTMENTS */
/* ****************************************************************** */

/* Ensure sup tag for (r) symbols does does break paragraph line-height */
sup {
	vertical-align : top;
	line-height : 100%;
}

/* Marginally reduce size of text */
.smalltext {
	font-size : 90%;
}

/* Larger, bolder text using Gill Sans */
.largetext {
	font-family : "Gill Sans", Arial, Helvetica, sans-serif;
	font-size : 100%;
	padding : 0 0 5px 0;
	line-height : 120%;
	margin : 0;
	font-weight : bold;
}

/* Very large text, eg 'Thank You' on Thank You page */
.hugetext {
	font-family : "Gill Sans", Arial, Helvetica, sans-serif;
	font-size : 200%;
	padding : 0 0 10px 0;
	color : #557a8a;
	line-height : 100%;
	margin : 0;
}

/* List using larger text, eg as on Text-based template page */
ul.large-list {
	margin : 10px 0 0 0;
}
ul.large-list li {
	padding : 0;
	font-family : "Gill Sans", Arial, Helvetica, sans-serif;
	font-size : 90%;
}

/* Standard list with a red dot for a bullet */
ul.small-dot li {
	background : url(../images/interface/bullet-red-dot.gif) no-repeat 5px 6px;
}

/* Standard list with a red dot for a bullet */
table.text-table p {
	margin : 0 0 3px 0;
}


/* ****************************************************************** */
/* 2.4 : ADJUST COLOURS OF TITLES & TEXT */
/* ****************************************************************** */

.red {
	color : #ee2a32;
}
.black {
	color : #000;
}
.white {
	color : #fff;
}
.blue {
	color : #0288c1; /*#34b0e9;*/
}
.dark-blue {
	color : #557a8a;
}


/* ****************************************************************** */
/* 2.5 : TABS */
/* ****************************************************************** */

ul.tabs {
	float : left;
	margin : 10px 0 0 0;;
	width : 674px;
	height : 40px;
	background : url(../images/interface/tab-blue-bg.gif) repeat-x 0 0;
}
ul.tabs li {
	float : left;
	padding : 0;
	margin : 0 5px 0 0;
	text-align : center;
}
ul.tabs li a:link,
ul.tabs li a:visited {
	background-color : #CEECF8;
	display : block;
	color : #557a8a;
	padding : 0px 15px;
	line-height : 38px;
	font-weight : bold;
	outline : 0;
	border : 1px solid #A2DAF4;
	font-family : "Gill Sans", Arial, Helvetica, sans-serif;
	font-size : 150%;
	font-weight : bold;
}
ul.tabs li a:hover,
ul.tabs li a:active {
	background-color : #A2DAF4;
	text-decoration : none;
	border : 1px solid #A2DAF4;
}
ul.tabs li a:link.active,
ul.tabs li a:visited.active {
	background : #EDF8FD;
	border : 1px solid #A2DAF4;
	border-bottom : 0;
	border-bottom : 1px solid #EDF8FD;
}


/* ****************************************************************** */
/* 2.6 : PROMO BOXES */
/* ****************************************************************** */

table.promo-box {
	margin : 0 0 0px 0;
}
table.promo-box p {
	margin : 0;
	font-size : 70%;
}




/* *************************************************************************************************************** */
/* SECTION 3 PAGE SPECIFIC STYLES */
/* *************************************************************************************************************** */


/* ****************************************************************** */
/* 3.1 : HOMEPAGE */
/* ****************************************************************** */

/* Step number circles on homepage */
img.steps {
	float : left;
	margin : 0 10px 40px 0px;
}


/* ****************************************************************** */
/* 3.2 : RETAILER RESULTS PAGE : BROWSE A-Z */
/* ****************************************************************** */

div.browse-box {
	border : 1px solid #A2DAF4;
	padding : 10px;
	width : 162px;
	float : left;
}
div.browse-box ul {
	float : left;
	margin : 0 0 5px 0;
}
div.browse-box li {
	float : left;
	background : #0097F2;
	width : 17px;
	padding : 0;
	text-align : center;
	margin : 0 1px 1px 0;
}
div.browse-box li a:link,
div.browse-box li a:visited {
	display : block;
	color : White;
}
div.browse-box li a:hover,
div.browse-box li a:active {
	background : #EE2A32;
}


/* ****************************************************************** */
/* 3.3 : RETAILER RESULTS PAGE : PAGING */
/* ****************************************************************** */

p.paging {
	margin : 1px 0 0 0;
}
p.paging a:link,
p.paging a:visited {
	color : #4A4A4A;
}
p.paging a:hover,
p.paging a:active,
p.paging a.paging-selected:link,
p.paging a.paging-selected:visited {
	color : #EE2A32;
	text-decoration : underline;
}


/* ****************************************************************** */
/* 3.4 : FAQs : ACCORDION */
/* ****************************************************************** */

ul.faq-accordion {
	margin : 10px 0 20px 0;
}
ul.faq-accordion li {
	border-bottom : 1px solid #D3EEFB;
	padding : 0 0 0 0;
	margin : 0 20px;
	background : none;
}

ul.faq-accordion li a:link,
ul.faq-accordion li a:visited {
	font-family : "Gill Sans", Arial, Helvetica, sans-serif;
	font-size : 140%;
	background : transparent url(../images/interface/bullet-plus-minus.gif) no-repeat 9px 10px;
	color : #4D4D48;
	display : block;
	padding : 7px 5px 5px 40px;
}
ul.faq-accordion li a:hover,
ul.faq-accordion li a:active {
	background : #F9FDFE url(../images/interface/bullet-plus-minus.gif) no-repeat 9px 10px;
	text-decoration : none;
	color : #EE2A32;
}
ul.faq-accordion li.active a.question{
	background : #F9FDFE url(../images/interface/bullet-plus-minus.gif) no-repeat 9px -40px !important;
		text-decoration : none;
	color : #EE2A32;
}
ul.faq-accordion li.active a{
		text-decoration : none;
	color : #EE2A32;
}
ul.faq-accordion li.active div.answer{
	display:block !important;
}


ul.faq-accordion li a.selected:link,
ul.faq-accordion li a.selected:visited {
	background : #F9FDFE url(../images/interface/bullet-plus-minus.gif) no-repeat 9px -40px;
}
ul.faq-accordion li a.selected:hover,
ul.faq-accordion li a.selected:active {
	background : #F9FDFE url(../images/interface/bullet-plus-minus.gif) no-repeat 9px -40px;
}

ul.faq-accordion div.answer {
	padding : 0 20px 10px 40px;
	background : #F9FDFE;
	width : 577px;
}

/* Reset internal list-item formatting */
div.answer ul {
	margin : 0;
	padding : 0 0 10px 0;
}
div.answer p {
	font-size : 95%;
}
ul.faq-accordion div.answer li {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	line-height : 150%;
	font-style : normal;
	color : #5F5F5F;
	padding : 0 0 0 18px;
	margin : 0 0 5px 0;
	background : transparent url(../../images/utility/bullets/bullet-disc.gif) no-repeat scroll 0 7px;
	border : 0;
}
ul.faq-accordion div.answer ul.small-dot li {
	background : url(../images/interface/bullet-red-dot.gif) no-repeat 5px 6px;
}

ul.faq-accordion li div.answer a:link,
ul.faq-accordion li div.answer a:visited {
	display : inline;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	color : #EE2A32;
	text-decoration : none;
	background : none;
	padding : 0;
}
ul.faq-accordion li div.answer a:hover,
ul.faq-accordion li div.answer a:active {
	color : #BB0900;
	text-decoration : underline;
}

ul.faq-accordion li div.answer a.standard-link:link,
ul.faq-accordion li div.answer a.standard-link:visited {
	color : #4A4A4A;
	text-decoration : none;
}
ul.faq-accordion li div.answer a.standard-link:link span,
ul.faq-accordion li div.answer a.standard-link:visited span {
	color : #EE2A32;
}
ul.faq-accordion li div.answer a.standard-link:hover,
ul.faq-accordion li div.answer a.standard-link:active {
	color : #EE2A32;
	text-decoration : underline;
}




/* *************************************************************************************************************** */
/* SECTION 4 MISC STYLES */
/* *************************************************************************************************************** */

/* ****************************************************************** */
/* SECTION : 4.1 : MISC */
/* ****************************************************************** */

/* -- Force succeeding non-floated elements onto next line -- */
.clear {
	clear : both;
	/* :IE6 HACK: Ensure empty DIV has no height */
	font-size: 0;
	height : 0;
	/* :End HACK: */
}


/* ****************************************************************** */
/* SECTION : 4.2 : NEW STYLES (Place any new unproven styles here) */
/* ****************************************************************** */
.h3test {
	font-family : "Cooper Black", Arial, Helvetica, sans-serif;
	font-size : 110%;
	padding : 0 0 5px 0;
}


img.sb-question-mark {
	display : inline;
	vertical-align : middle;
	margin : 0 0 0 5px;
}
.thumbnail{
position: relative;
z-index: 3;
}

.thumbnail:hover{
background-color: transparent;
z-index: 999;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
    padding: 10px;
    border: 1px solid #A0A0A0;
	background-color:#fff;
    filter:Alpha(Opacity=95);
    -moz-opacity:0.95;
    opacity:0.95;	
    width : 208px;
    /*height: 140px;*/
	visibility: hidden;
	text-decoration: none;
	font-size: 10pt;	
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 3;
	left: 0px; /*position where enlarged image should offset horizontally (WAS -217px;)*/
}