*
{
    padding: 0;
    margin: 0;
}

body
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 100%;
}

img
{
    display: block;
    border: 0;
}
ul
{
    padding: 0;
    margin: 0;
}
ul li
{
    padding: 0;
    margin: 0;
    list-style: none;
}
input, textarea
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
}
p
{
    color: #231f20;
}

span.question
{
    font-family: Trebuchet MS, Helvetica, sans-serif !important;
}

a.lnkReturnHome:link, a.lnkReturnHome:visited
{
    color: #313F6B;
    font-size: .8em;
    position: relative;
    left: 40px;
    text-decoration: none;
}

a.lnkReturnHome:hover
{
    text-decoration: underline;
}


.hidden
{
    display: none !important;
}

.end-right
{
    margin-right: 0 !important;
}

a.top
{
    clear: both;
    display: block;
    width: 1px;
}

.ddl
{
    border: solid 0px White;
    display: block;
    clear: both;
    width: 160px;
    margin: 4px auto;
    padding: 2px;
    font-size: .7em;
}
.purpleddl
{
    background-image: url(../images/screen/ddl-bgs.png);
    _background-image: url(../images/screen/ddl-bgs.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.blueddl
{
    background-color: Transparent;
    background-image: url(../images/screen/ddl-bgs.png);
    _background-image: url(../images/screen/ddl-bgs.gif);
    background-repeat: no-repeat;
    background-position: left -20px;
}
.blueborderddl
{
    border: none;
    display: block;
    clear: both;
    width: 160px;
    padding: 2px;
    background-color: Transparent;
    background-image: url(../images/screen/ddl-bgs.png);
    _background-image: url(../images/screen/ddl-bgs.gif);
    background-repeat: no-repeat;
    background-position: left -40px;
}

.btnFind
{
    /* position: absolute;*/
    float: right;
    position: relative;
    right: 10px;
    color: #F2F3F8;
    display: block;
    font-size: .75em;
    z-index: 200;
    text-decoration: none;
    border: 0;
    min-height: 20px;
    width: 55px;
    background-image: url(../images/screen/elements.png);
    _background-image: url(../images/screen/elements.gif);
    background-position: left -70px;
    background-repeat: no-repeat;
    background-color: Transparent;
}

.btnFind:hover
{
    cursor: pointer;
}

h3
{
    font-size: 1em;
    font-weight: normal;
    color: #F2F3F8;
    padding: 5px 0 0;
    text-align: center;
}

:focus
{
    outline: none;
}

.clear
{
    clear: both;
    display: block;
    font-size: 1px;
    height: 1px;
}
.left
{
    float: left;
}
.right
{
    float: right;
}

/* boxes */
.box
{
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    margin: 5px 0 0;
    z-index: 1;
}

.boxInner
{
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    z-index: 10;
}

/* box sizes*/
.boxsize
{
    height: 50px;
}
.boxsizex
{
    height: 110px;
}
.boxsizexx
{
    height: 150px;
}
.boxsizexxx
{
    height: 180px;
}
.boxsizexxxx
{
    height: 225px;
}
.boxsizexxxxx
{
    height: 335px;
}
.boxsizexxxxxx
{
    height: 570px;
}

/* box colours */
.purpleMain
{
    background-color: #9e1e60;
}

.blueMain
{
    background-color: #313f6b;
}

/* box top & bottom */
.purpleTop
{
    background-position: 0 0;
    background-image: url(../images/screen/box-imgs.gif);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    z-index: 1;
}

* html .purpleTop
{
    position: absolute;
    z-index: 40;
}
.purpleBottom
{
    background-position: 0 -20px;
    background-image: url(../images/screen/box-imgs.gif);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 20px;
}
.blueTop
{
    background-position: 0 -40px;
    background-image: url(../images/screen/box-imgs.gif);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
}
.blueBottom
{
    background-position: 0 -60px;
    background-image: url(../images/screen/box-imgs.gif);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 20px;
}
* html .purpleBottom
{
    background-position: 0 -19px;
}
* html .blueTop
{
    background-position: 0 -39px;
}
* html .blueBottom
{
    background-position: 0 -59px;
}

.smallMap .mapbox
{
    position: absolute;
    top: 38px;
    left: 10px;
}

.maincontainer
{
    width: 940px;
    display: block;
    margin: auto;
}

.header
{
    width: 940px;
    height: 178px;
    position: relative;
    clear: both;
    float: left;
    margin: 10px 0 0;
    background-image: url(../images/screen/header-bg-main.gif);
    background-repeat: repeat-x;
}

.header .bow
{
    width: 940px;
    height: 178px;
    background-image: url(../images/extras/header-bow.png);
    _background-image: url(../images/extras/header-bow.gif);
    background-position: 400px 0;
    background-repeat: no-repeat;
}

.header img.logo
{
    width: 282px;
    height: 73px;
    margin: 30px 0 0 30px;
}

.header h1 a
{
    text-decoration: none;
}

.header h1 span.logo
{
    width: 282px;
    height: 73px;
    display: block;
    background-image: url(../images/screen/freshweekends.gif);
    text-indent: -9999px;
    margin: 30px 0 0 30px;
}

.header h1 span.strapline
{
    width: 282px;
    height: 50px;
    display: block;
    padding: 0;
    font-weight: normal;
    font-size: .5em;
    margin: 0 0 0 30px;
    white-space: nowrap;
    color: #f2f3f8;
}

.header span.strapline
{
    width: 282px;
    height: 73px;
    font-weight: normal;
    font-size: 16px;
    margin: 0 0 0 30px;
    white-space: nowrap;
    color: #f2f3f8;
}

.header .innerLeft
{
    width: 940px;
    height: 178px;
    position: absolute;
    background-image: url(../images/screen/header-bg-left.gif);
    background-repeat: no-repeat;
    background-position: left;
	z-index: 1;
}

.header .innerRight
{
    width: 940px;
    height: 178px;
    position: absolute;
    background-image: url(../images/screen/header-bg-right.gif);
    background-repeat: no-repeat;
    background-position: right;
    z-index: 2;
}

.header .rightHeaderContents
{
    width: 400px;
    height: 138px;
    position: absolute;
    right: 30px;
    top: 1px;
}

.header .rightHeaderContents .tab
{
    background-image: url(../images/screen/tab-imgs.png);
    _background-image: url(../images/screen/tab-imgs.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin: 0 0 0 19px;
    padding: 4px 0 6px 13px;
    position: relative;
    right: 15px;
}

* html .header .rightHeaderContents .tab
{
    right: 15px;
}

.header .rightHeaderContents .tab span
{
    background-image: url(../images/screen/tab-imgs.png);
    _background-image: url(../images/screen/tab-imgs.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 5;
    top: 0;
    right: -15px;
    height: 28px;
    width: 20px;
}

.header .rightHeaderContents .tab a:link, .header .rightHeaderContents .tab a:visited
{
    color: #005395;
    font-size: 14px;
    position: relative;
    z-index: 10;
    padding: 0;
    margin: 0;
    display: block;
    text-decoration: none;
}

.header .rightHeaderContents .tab a:hover
{
    text-decoration: underline;
}

.header .rightHeaderContents .callInfo
{
    position: absolute;
    top: 32%;
    right: 0;
}

.header .rightHeaderContents .callInfo.redemption
{
    position: absolute;
    top: 32%;
    right: 0;
    width: 250px;
}

span.phone
{
    width: 30px;
    height: 37px;
    display: block;
    float: left;
    margin: 8px 3px 0 0;
    background-image: url(../images/screen/elements.png);
    _background-image: url(../images/screen/elements.gif);
    background-position: -195px 0;
    background-repeat: no-repeat;
}

.header .rightHeaderContents .callInfo h2
{
    font-size: 1.2em;
    text-align: center;
    color: #005395;
    float: left;
}

.header .rightHeaderContents .callInfo h2 span
{
    display: block;
    font-size: 1.27em;
    clear: both;
    color: White;
}

.header .rightHeaderContents .searchBox
{
    position: absolute;
    right: 0;
    bottom: 0;
}

.header .rightHeaderContents .searchBox .tbSearch
{
    background-image: url(../images/screen/elements.png);
    _background-image: url(../images/screen/elements.gif);
    background-position: left 0;
    background-repeat: no-repeat;
    background-color: Transparent;
    padding: 4px 10px 3px;
    width: 175px;
    position: relative;
    right: 5px;
    text-align: center !important;
    font-size: .8em;
    float: left;
    color: #f2f3f8;
    border: 0;
    float: left;
}

input:focus, textarea:focus
{
    text-align: left !important;
}

.header .rightHeaderContents .searchBox .lbSearch
{
    background-image: url(../images/screen/elements.png);
    _background-image: url(../images/screen/elements.gif);
    background-position: left -25px;
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 35px;
    height: 25px;
    text-align: center;
    text-decoration: none;
    font-size: .8em;
    color: #f2f3f8;
    border: 0;
    float: left;
}

.menu
{
    width: 100%;
    height: 39px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
}

* html .menu
{
    position: relative;
    bottom: 0;
    z-index: 50;
}

.menu ul
{
    width: 783px;
    margin: 5px auto 0;
}

* html .menu ul
{
    width: auto;
    left: 30px;
    top: 15px;
    position: relative;
    margin: 5px auto 0;
}

.menu ul li
{
    display: block;
    float: left;
    position: relative;
    z-index: 200;
}


.menu ul li a.title:link, .menu ul li a.title:visited
{
    display: block;
    float: left;
    color: White;
    font-size: .9em;
    text-decoration: none;
    height: 24px;
    padding-top: 4px;
    padding-left: 18px;
    padding-right: 14px;
    margin: 0 10px 0 0;
    background-image: url(../images/screen/box-imgs.gif);
    background-position: left -115px;
    background-repeat: no-repeat;
    position: relative;
}

.menu ul li a.title:link span, .menu ul li a.title:visited span
{
    position: absolute;
    right: -5px;
    top: 0;
    z-index: 10;
    display: block;
    width: 5px;
    height: 27px;
    background-image: url(../images/screen/box-imgs.gif);
    background-position: -495px -115px;
    background-repeat: no-repeat;
}

ul.topnav li a
{
    padding: 10px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
}
ul.topnav li a:hover
{
    background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span
{
    /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover
{
    background-position: center bottom;
    cursor: pointer;
}
/*--Hover effect for trigger--*/
ul.topnav li ul.subnav
{
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0;
    top: 35px;
    background: #333;
    margin: 0;
    padding: 0;
    display: none;
    float: left;
    width: 170px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: 1px solid #111;
}

ul.topnav li ul.subnav li
{
    margin: 0;
    padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    clear: both;
    width: 170px;
}
html ul.topnav li ul.subnav li a
{
    float: left;
    width: 145px;
    background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
    padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover
{
    /*--Hover effect for subnav links--*/
    background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}

.content
{
    clear: both;
    float: left;
    width: 100%;
}

.content.search
{
    margin: 5px 0 0 0;
}

.content h1
{
    padding: 5px 0 0 45px;
    font-size: 1.2em;
}

.content p
{
    padding: 5px 0 5px 45px;
    font-size: 1em;
}

.content.checkout p
{
}

.leftcol
{
    width: 180px;
    float: left;
    margin: 0 5px 0 0;
}

.redemption .leftcol
{
    width: 230px;
    float: left;
    margin: 0 5px 0 0;
}

.footer
{
    width: 940px;
    height: 147px;
    position: relative;
    clear: both;
    float: left;
    margin: 5px 0 0;
    padding-bottom: 5px;
    font-family: Arial, Arial, Helvetica, sans-serif;
}

.footer p
{
    padding: 0;
}

.footer .innerLeft
{
    width: 940px;
    height: 147px;
    top: -1px;
    position: absolute;
	_position: relative; /* IE */
    background-image: url(../images/screen/footer-bg-left.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.footer .innerRight
{
    width: 940px;
    height: 147px;
    position: absolute;
	_position: relative; /* IE */
    background-image: url(../images/screen/footer-bg-right.gif);
    background-repeat: no-repeat;
    background-position: right;
}

.footer .innerMain
{
    width: 940px;
    height: 145px;
    position: absolute;
	_position: relative; /* IE */
    border-top: solid 1px #9e1e60;
    border-bottom: solid 1px #9e1e60;
}

.footer .footerLinks
{
    width: 895px;
    position: absolute;
    right: 0;
}

.footer .footerLinks .top
{
    width: 895px;
    height: 35px;
    position: absolute;
    right: 0;
    background-position: 0 -80px;
    background-image: url(../images/screen/box-imgs.gif);
    background-repeat: no-repeat;
}

* html .footer .footerLinks .top
{
    background-position: 1px -80px;
}

.footer .footerLinks dl
{
    position: relative;
    width: 135px;
    padding: 0 10px;
}

.footer .footerLinks dl dt
{
    display: block;
    font-size: .8em;
    color: White;
    padding: 12px 0 15px 0;
}

.footer .footerLinks dl dd
{
    display: block;
    height: 14px;
}

* html .footer .footerLinks dl dd
{
    margin: 0;
    padding: 0;
}

* html .footer .footerLinks dl dd a
{
    display: block;
    width: 1px;
    white-space: nowrap;
    height: 10px;
}

.footer .footerLinks dl dd a:link, .footer .footerLinks dl dd a:visited, .footer .footerLinks dl dd p
{
    font-size: .7em;
    text-decoration: none;
    color: #5c5d5f;
}

.footer .footerLinks dl dd a:hover
{
    text-decoration: underline;
}

/* Breadcrumb */
.breadcrumb
{
    width: 100%;
    height: 34px;
    clear: both;
    float: left;
    display: block;
    margin-top: 5px;
    position: relative;
    background-color: #bdc3df;
}

.breadcrumb span.arrow
{
    float: left;
    position: relative;
    left: 11px;
    top: 6px;
    padding-right: 5px;
}

.breadcrumb a:link, .breadcrumb a:visited
{
    float: left;
    position: relative;
    left: 11px;
    top: 6px;
    padding-right: 5px;
    text-decoration: none;
    color: #313f6b;
}

.breadcrumb a:hover
{
    text-decoration: underline;
}

.breadcrumb li
{
    float: left;
}

.breadcrumb .left
{
    width: 11px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/screen/breadcrumb-bg.gif);
    background-position: left;
}

.breadcrumb .right
{
    width: 11px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../images/screen/breadcrumb-bg.gif);
    background-position: right;
}

/* UserControls */
.GiftBreakFinder
{
    position: relative;
    z-index: 60;
}

.FeaturedBestsellers ol
{
    display: block;
    list-style-position: inside;
    font-size: .7em;
    width: 160px;
    margin: auto;
}

.FeaturedBestsellers ol li
{
    color: #F2F3F8;
    background-color: #bec7e0;
    margin: 5px !important;
    padding: 3px !important;
    background-image: url(../images/screen/ol-bg.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-indent: 3px;
}

.FeaturedBestsellers ol li a:link, .FeaturedBestsellers ol li a:visited
{
    float: right;
    width: 115px;
    text-decoration: none;
    color: #313f6b;
    text-indent: 0px;
}

.FeaturedBestsellers ol li a:hover
{
    text-decoration: underline;
}

.newsletter p
{
    color: White;
    padding: 0 10px;
    font-size: .75em;
    clear: both;
}

.newsletter .tbSignUp
{
    display: block;
    float: left;
    width: 105px;
    padding: 0 2px;
    position: relative;
    left: 5px;
    font-size: .75em;
    margin: 10px 8px 8px 0;
}

.newsletter .btnSignUp
{
    float: left;
    position: relative;
    color: #F2F3F8;
    display: block;
    font-size: .75em;
    z-index: 200;
    text-decoration: none;
    border: 0;
    margin: 10px 0 8px 0;
    min-height: 20px;
    text-align: center;
    width: 55px;
    background-image: url(../images/screen/elements.png);
    _background-image: url(../images/screen/elements.gif);
    background-position: left -50px;
    background-repeat: no-repeat;
    background-color: Transparent;
}

.secureshopping
{
    position: relative;
    height: 145px;
}

.secureshopping img.cards
{
    position: absolute;
    bottom: 0;
    left: 5px;
}

/**/
.CategoryDetails .noidea
{
    display: block;
    width: 295px;
    height: 85px;
    float: left;
    position: relative;
    left: 45px;
    margin-right: 5px;
    background-image: url(../images/screen/categoryDetails-noidea-bg.gif);
}
.CategoryDetails .roughidea
{
    display: block;
    width: 295px;
    height: 85px;
    float: left;
    position: relative;
    left: 45px;
    margin-right: 5px;
    background-image: url(../images/screen/categoryDetails-roughidea-bg.gif);
}
.CategoryDetails .youridea
{
    display: block;
    width: 295px;
    height: 85px;
    float: left;
    position: relative;
    left: 45px;
    background-image: url(../images/screen/categoryDetails-youridea-bg.gif);
}

.CategoryDetails span
{
    font-weight: bold;
    font-size: 1.2em;
    color: White;
    display: block;
    padding: 8px 10px;
}

.CategoryDetails .noidea p, .CategoryDetails .roughidea p, .CategoryDetails .youridea p
{
    padding: 5px 10px 0;
    font-size: .75em;
}
/**/
.CategoryChoices .noidea
{
    display: block;
    width: 100%;
    clear: both;
    margin-top: 10px;
}
.CategoryChoices .roughidea
{
    display: block;
    width: 100%;
    clear: both;
    margin-top: 10px;
}
.CategoryChoices .youridea
{
    display: block;
    width: 100%;
    clear: both;
    margin-top: 10px;
}

/**/
#products
{
    float: left;
}

.CategoryChoices .noidea .product, .SubCategoryChoices .noidea .product
{
    display: block;
    clear: both;
    width: 895px;
    height: 170px;
    margin-top: 5px;
    position: relative;
    left: 45px;
    background-color: #006ca2; /* font-family: Arial, Arial, Helvetica, sans-serif; */
}


.SearchChoices .product.noidea
{
    float: left;
    width: 295px;
    height: 190px;
    margin-top: 5px;
    margin-right: 5px;
    position: relative;
    left: 45px;
    background-color: #006ca2; /* font-family: Arial, Arial, Helvetica, sans-serif;   } .roughidea .product, .youridea .product, .SearchChoices .product.roughidea, .SearchChoices .product.youridea  { 	float: left; 	width: 295px; 	height: 190px; 	margin-top: 5px; 	margin-right: 5px; 	position: relative; 	left: 45px; 	/* font-family: Arial, Arial, Helvetica, sans-serif; */
}

/* Featured on hompepage */
.product.hp
{
    float: left;
    width: 375px;
    height: 225px;
    margin-top: 5px;
    margin-right: 5px;
    position: relative; /* font-family: Arial, Arial, Helvetica, sans-serif; */
}
.product.noidea
{
    background-color: #006ca2;
}

.roughidea .product, .product.roughidea
{
    background-color: #9f1e60;
}

.youridea .product, .product.youridea
{
    background-color: #313f6b;
}

.product .productTop, .product.hp .productTop
{
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.product .productMiddle, .product.hp .productMiddle
{
    position: relative;
    z-index: 10;
}

.product .productBottom, .product.hp .productBottom
{
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
}

.CategoryChoices .noidea .product .productTop, .SubCategoryChoices .noidea .product .productTop
{
    background-image: url(../images/screen/categoryChoices-noidea-bg.gif);
    background-position: left top;
}
.CategoryChoices .noidea .product .productBottom, .SubCategoryChoices .noidea .product .productBottom
{
    background-image: url(../images/screen/categoryChoices-noidea-bg.gif);
    background-position: left bottom;
}

.SearchChoices .product.noidea .productTop
{
    background-image: url(../images/screen/subcategoryChoices-noidea-bg.gif);
    background-position: left top;
}
.SearchChoices .product.noidea .productBottom
{
    background-image: url(../images/screen/subcategoryChoices-noidea-bg.gif);
    background-position: left bottom;
}

.product.noidea .productTop
{
    background-image: url(../images/screen/hp-productTop-noidea-bg.gif);
    background-position: left top;
}
.product.noidea .productBottom
{
    background-image: url(../images/screen/hp-productTop-noidea-bg.gif);
    background-position: left bottom;
}

.roughidea .product .productTop, .SearchChoices .product.roughidea .productTop
{
    background-image: url(../images/screen/categoryChoices-roughidea-bg.gif);
    background-position: left top;
}
.roughidea .product .productBottom, .SearchChoices .product.roughidea .productBottom
{
    background-image: url(../images/screen/categoryChoices-roughidea-bg.gif);
    background-position: left bottom;
}
.product.roughidea.hp .productTop
{
    background-image: url(../images/screen/hp-productTop-roughidea-bg.gif);
    background-position: left top;
}
.product.roughidea.hp .productBottom
{
    background-image: url(../images/screen/hp-productTop-roughidea-bg.gif);
    background-position: left bottom;
}

.youridea .product .productTop, .SearchChoices .product.youridea .productTop
{
    background-image: url(../images/screen/categoryChoices-youridea-bg.gif);
    background-position: left top;
}
.youridea .product .productBottom, .SearchChoices .product.youridea .productBottom
{
    background-image: url(../images/screen/categoryChoices-youridea-bg.gif);
    background-position: left bottom;
}
.product.youridea.hp .productTop
{
    background-image: url(../images/screen/hp-productTop-youridea-bg.gif);
    background-position: left top;
}
.product.youridea.hp .productBottom
{
    background-image: url(../images/screen/hp-productTop-youridea-bg.gif);
    background-position: left bottom;
}

.CategoryChoices .noidea .product img, .SubCategoryChoices .noidea .product img
{
    width: 895px;
    height: 115px;
    position: relative;
    top: 15px;
    margin-bottom: 25px;
}

.SearchChoices .product.noidea img
{
    width: 280px;
    height: 115px;
    position: relative;
    top: 8px;
    margin: 0 auto 12px 8px;
}

.roughidea .product img, .youridea .product img, .product.hp img, .SearchChoices .product.youridea img, .SearchChoices .product.roughidea img
{
    width: 280px;
    height: 115px;
    position: relative;
    top: 8px;
    margin: 0 auto 12px 8px;
}

.hp-feature.featured img
{
    width: 358px;
    height: 160px;
}

.CategoryChoices .noidea .product .price, .SubCategoryChoices .noidea .product .price
{
    top: 15px;
    left: 10px;
}

.roughidea .product .price, .youridea .product .price, .product.noidea .price, .product.roughidea .price, .product.youridea .price, .SearchChoices .product.noidea .price
{
    top: 8px;
    left: 18px;
}

.product .price
{
    position: absolute;
    display: block;
    z-index: 10;
    font-weight: bold;
    background-color: #d61920;
}

.product .price .left
{
    width: 15px;
    height: 32px;
    position: absolute;
    left: -10px;
    z-index: 5;
}

.CategoryChoices .noidea .product .price .left, .SubCategoryChoices .noidea .product .price .left
{
    background-color: #d61920;
}

.roughidea .product .price .left, .youridea .product .price .left, .product.noidea .price .left, .product.roughidea .price .left, .product.youridea .price .left, .SearchChoices .product.noidea .price .left
{
    background-image: url(../images/screen/price.png);
    _background-image: url(../images/screen/price.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.product .price .right
{
    width: 15px;
    height: 32px;
    background-image: url(../images/screen/price.png);
    _background-image: url(../images/screen/price.gif);
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 5;
}

.product .price a:link, .product .price a:visited
{
    color: White;
    display: block;
    text-decoration: none;
    position: relative;
    z-index: 10;
    padding: 5px 0;
}

.product h3.title a:link, .product h3.title a:visited
{
    color: #F2F3F8;
    font-size: 1em; /*padding: 8px;*/
    text-decoration: none;
    font-weight: bold;
}

.product h3.title a:hover
{
    text-decoration: underline;
}

.product p.strap
{
    color: #e6e6e6;
    font-size: .8em;
    padding: 8px;
}

.featured .product p.strap
{
    font-size: .75em !important;
    line-height: 12px;
}

.CategoryChoices .noidea .product p.strap, .SubCategoryChoices .noidea .product p.strap
{
    position: absolute;
    right: 10px;
    padding: 0;
}

.CategoryChoices .noidea .product h3.title, .SubCategoryChoices .noidea .product h3.title
{
    position: absolute;
    left: 10px;
    padding: 0;
}

.roughidea .product h3.title, .youridea .product h3.title, .product.noidea h3.title, .product.roughidea h3.title, .product.youridea h3.title, .SearchChoices .product.noidea h3.title
{
    float: left;
    clear: both;
    padding: 0 8px !important;
    text-align: left;
}

.roughidea .product p.strap, .youridea .product p.strap, .product.noidea p.strap, .product.roughidea p.strap, .product.youridea p.strap, .SearchChoices .product.noidea p.strap
{
    float: left;
    clear: both;
    padding: 0 8px;
}
.product.noidea p.strap, .product.roughidea p.strap, .product.youridea p.strap
{
    width: 100%;
}
/**/
.titleTop
{
    width: 100%;
    height: 42px;
    position: relative;
}
.noidea .titleTop
{
    background-color: #006ca2;
}
.roughidea .titleTop
{
    background-color: #9f1e60;
}
.youridea .titleTop
{
    background-color: #313f6b;
}

.ProductChoice .titleTop
{
    margin-top: 5px;
}

.noidea .titleTop .left
{
    width: 45px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/screen/titleTop-bg.gif);
    background-position: 0 0;
}
.noidea .titleTop .right
{
    width: 11px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../images/screen/titleTop-bg.gif);
    background-position: right 0;
}

.roughidea .titleTop .left
{
    width: 45px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/screen/titleTop-bg.gif);
    background-position: 0 -43px;
}
.roughidea .titleTop .right
{
    width: 11px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../images/screen/titleTop-bg.gif);
    background-position: right -43px;
}

.youridea .titleTop .left
{
    width: 45px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/screen/titleTop-bg.gif);
    background-position: 0 -86px;
}
.youridea .titleTop .right
{
    width: 11px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../images/screen/titleTop-bg.gif);
    background-position: right -86px;
}

.CategoryChoices .titleTop h2
{
    float: left; /*font-family: Arial, Arial, Helvetica, sans-serif;*/
    font-weight: normal;
    color: White;
    position: relative;
    top: 12px;
    left: 45px;
    font-size: 1em;
}
.SubCategoryChoices .titleTop h1, .SubCategoryChoices .titleTop h2, .SearchChoices .titleTop h2
{
    display: block;
    border-top: solid 4px White; /*font-family: Arial, Arial, Helvetica, sans-serif;*/
    font-weight: normal;
    color: White;
    position: absolute;
    bottom: 0px;
    height: 26px;
    padding: 4px 20px 0 5px;
    left: 58px;
    z-index: 10;
    font-size: 1em;
}
.ProductChoice .titleTop h2
{
    display: block;
    border-top: solid 4px White; /*font-family: Arial, Arial, Helvetica, sans-serif;*/
    font-weight: normal;
    color: White;
    position: absolute;
    bottom: 0px;
    height: 26px;
    width: 838px;
    padding: 4px 20px 0 5px;
    left: 58px;
    z-index: 10;
    font-size: 1em;
}
.SubCategoryChoices .noidea .titleTop h1, .SubCategoryChoices .noidea .titleTop h2, .ProductChoice .noidea .titleTop h2, .SearchChoices .noidea .titleTop h2
{
    background-color: #006ca2;
}
.SubCategoryChoices .roughidea .titleTop h2, .ProductChoice .roughidea .titleTop h2, .SearchChoices .roughidea .titleTop h2
{
    background-color: #9f1e60;
}
.SubCategoryChoices .youridea .titleTop h2, .ProductChoice .youridea .titleTop h2, .SearchChoices .youridea .titleTop h2
{
    background-color: #313F6B;
}
.SubCategoryChoices .titleTop h1 .left, .SubCategoryChoices .titleTop h2 .left, .ProductChoice .titleTop h2 .left, .SearchChoices .titleTop h2 .left
{
    width: 20px;
    height: 34px;
    position: absolute;
    top: -4px;
    left: -20px;
    background-image: url(../images/screen/rightpanel-h2-left-right.png) !important;
    _background-image: url(../images/screen/rightpanel-h2-left-right.gif);
    background-position: left top;
}
.SubCategoryChoices .titleTop h1 .right, .SubCategoryChoices .titleTop h2 .right, .SearchChoices .titleTop h2 .right
{
    width: 10px;
    height: 34px;
    position: absolute;
    top: -4px;
    right: 0px;
    z-index: 15;
    background-image: url(../images/screen/rightpanel-h2-left-right.png) !important;
    _background-image: url(../images/screen/rightpanel-h2-left-right.gif);
    background-position: right top;
}
.ProductChoice .titleTop h2 .right
{
    width: 10px;
    height: 34px;
    position: absolute;
    top: -4px;
    right: 0px;
    z-index: 25;
    background-image: url(../images/screen/rightpanel-h2-left-right.png) !important;
    _background-image: url(../images/screen/rightpanel-h2-left-right.gif);
    background-position: right top;
}

.SubCategoryChoices .titleTop .rightpanel, .SearchChoices .titleTop .rightpanel
{
    width: 90%;
    height: 42px;
    position: absolute;
    bottom: 0;
    right: 3px;
    z-index: 5;
}
.ProductChoice .titleTop .rightpanel
{
    width: 80%;
    height: 42px;
    position: absolute;
    bottom: 0;
    right: 3px;
    z-index: 5;
}

.SubCategoryChoices .noidea .titleTop .rightpanel, .ProductChoice .noidea .titleTop .rightpanel, .SearchChoices .noidea .titleTop .rightpanel
{
    background-image: url(../images/screen/rightpanel-noidea-bg.png) !important;
    _background-image: url(../images/screen/rightpanel-noidea-bg.gif);
    background-position: right top;
}
.SubCategoryChoices .roughidea .titleTop .rightpanel, .ProductChoice .roughidea .titleTop .rightpanel, .SearchChoices .roughidea .titleTop .rightpanel
{
    background-image: url(../images/screen/rightpanel-roughidea-bg.png) !important;
    _background-image: url(../images/screen/rightpanel-roughidea-bg.gif);
    background-position: right top;
}
.SubCategoryChoices .youridea .titleTop .rightpanel, .ProductChoice .youridea .titleTop .rightpanel, .SearchChoices .youridea .titleTop .rightpanel
{
    background-image: url(../images/screen/rightpanel-youridea-bg.png) !important;
    _background-image: url(../images/screen/rightpanel-youridea-bg.gif);
    background-position: right top;
}

.titleTop span.results
{
    width: 230px;
    height: 30px;
    top: 6px;
    right: 7px;
    position: absolute;
    z-index: 10;
    text-align: right;
    background-image: url(../images/screen/results-bg.png);
    _background-image: url(../images/screen/results-bg-ie.gif);
}

.titleTop span.results a:link, .titleTop span.results a:visited
{
    position: relative;
    font-family: Arial, Arial, Helvetica, sans-serif;
    top: 5px;
    right: 10px;
    text-decoration: none;
}

.titleTop span.results a:hover
{
    text-decoration: underline;
}

.noidea .titleTop span.results a
{
    color: #006ca2;
}
.roughidea .titleTop span.results a
{
    color: #9f1e60;
}
.youridea .titleTop span.results a
{
    color: #313f6b;
}

.titleTop .paging
{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding-bottom: 9px;
    padding-right: 20px;
    font-size: .9em;
    color: #313f6b;
}
.titleTop .paging .selected
{
    color: White !important;
}

.titleTop .price
{
    bottom: 0px;
    color: white;
    font-size: 1em;
    font-weight: bold;
    height: 26px;
    right: 0;
    position: absolute;
    padding: 4px 30px 0px 5px;
    z-index: 10;
}

.titleTop .price span
{
    color: White;
    font-size: 1.1em;
}

.titleTop .price span.currency
{
    color: White;
    font-weight: normal !important;
    font-size: .8em;
}

.titleTop .paging .next a:link, .titleTop .paging .next a:visited, .titleTop .paging .previous a:link, .titleTop .paging .previous a:visited
{
    text-decoration: none;
    padding: 0 2px;
    font-size: 1.1em;
}

.titleTop .paging .selected a:link, .titleTop .paging .selected a:visited
{
    color: White !important;
}

.titleTop .paging .next a:hover, .titleTop .paging .previous a:hover
{
    text-decoration: underline;
}

.titleTop .paging .pages a:link, .titleTop .paging .pages a:visited
{
    border: solid 1px #313f6b;
    text-decoration: none;
    padding: 0 2px;
}

.titleTop .paging .pages a:hover, .titleTop .paging .selected
{
    background-color: #313f6b;
    color: White;
}


/* Refine Search */
.refineSearch div
{
    overflow: hidden !important;
    padding: 5px 0 0;
}

.refineSearch
{
    display: block;
    margin-left: 45px;
    margin-bottom: 5px;
    top: 5px;
    background-image: url(../images/screen/refineSearch-bg.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
}

.refineSearch #ucRepater_ucFilter_panHeader
{
    padding: 0;
}

.SubCategoryChoices .refineSearch
{
    padding-top: 36px;
}

.SearchChoices .refineSearch
{
    padding-top: 46px;
    padding-bottom: 10px;
}

.refineSearch .title
{
    width: 100%;
    height: 38px;
    left: 0;
    top: 0;
    padding: 0;
    position: absolute;
    background-image: url(../images/screen/refineSearch-title-bg.png);
    background-repeat: no-repeat;
    background-position: top;
}

.refineSearch .title .img.img
{
    float: left;
    position: relative;
    left: 8px;
    top: 8px;
    margin-right: 0px;
}

.SubCategoryChoices .refineSearch .title:hover
{
    cursor: pointer;
}

.refineSearch .title span
{
    position: relative;
    font-size: 1em;
    color: White;
    top: 8px;
    left: 14px;
}

.refineSearch .title a:link, .refineSearch .title a:visited
{
    position: relative;
    font-size: .8em;
    color: White;
    top: 8px;
    left: 14px;
    text-decoration: underline;
}

.refineSearch .title a:hover
{
    text-decoration: none;
}

.refineSearch .ContentExpand .ContentExpand
{
    overflow: hidden;
    margin: 10px 0 0;
    padding-bottom: 10px;
    width: 100%;
    float: left;
    display: block;
}

.refineSearch ul
{
    clear: both;
    margin: auto;
    width: 810px;
}

.refineSearch ul li
{
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    width: 150px;
    padding-right: 10px;
}

.refineSearch ul li a:link, .refineSearch ul li a:visited
{
    font-size: .8em;
    color: #006ba2;
    text-decoration: none;
}

.refineSearch ul li a:hover
{
    text-decoration: underline;
}

.refineSearch ul li a span
{
    color: #9e1e60;
}

.refineSearch .ddl
{
    width: 145px !important;
}

.refineSearch .btnUpdate
{
    float: right;
    clear: both;
    position: relative;
    right: 10px;
    padding: 2px;
}

.keyFilter
{
    display: block;
    clear: both;
    position: relative;
    left: 14px;
    color: #515151;
    font-size: .85em;
}

span.region
{
    color: #006BA2 !important;
}

span.breaks
{
    color: #313f6b !important;
}

span.location
{
    color: #9E1E60;
}

/* Product Page
*/
.ProductChoice
{
    position: relative;
}

.redemption .ProductChoice .top
{
    display: block;
    position: relative;
    margin: 15px 0 0 0;
    float: right;
    width: 705px;
    height: 100%;
}

.ProductChoice .top
{
    display: block;
    position: relative;
    margin: 15px 0 0 0;
    float: left;
    width: 100%;
    height: 100%;
}

.basePanel
{
    display: block;
    width: 100%;
    position: relative;
    height: 100%;
}

.basePanel .rightPanel
{
    display: block;
    float: right;
    width: 230px;
    position: relative;
    padding-bottom: 15px;
}

.top .rightPanel
{
    min-height: 310px;
}
.bottom .rightPanel
{
    min-height: 240px;
}

.basePanel .rightPanel a.addtobasket:link, .basePanel .rightPanel a.addtobasket:visited
{
    width: 230px;
    height: 30px;
    display: block;
    clear: both;
    color: White;
    font-size: .85em;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 0;
}

.basePanel .rightPanel a.tellafriend:link, .basePanel .rightPanel a.tellafriend:visited
{
    width: 230px;
    height: 30px;
    display: block;
    clear: both;
    text-align: center;
    color: White;
    font-size: .85em;
    line-height: 30px;
    margin-top: 5px;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 -30px;
}

.basePanel .rightPanel a.addtobasket:hover
{
    background-position: -230px 0;
}
.basePanel .rightPanel a.tellafriend:hover
{
    background-position: -230px -30px;
}

.basePanel .rightPanel .whatsincluded
{
    display: block;
    width: 220px;
    min-height: 240px;
    clear: both;
    margin-top: 25px;
    position: relative;
    z-index: 5;
    border-left: solid 5px #9f1e60;
    border-right: solid 5px #9f1e60;
    background-color: White;
}
/*
.noidea .basePanel .rightPanel .whatsincluded
{
	background-color: #006ca2;
}
.roughidea .basePanel .rightPanel .whatsincluded
{
	background-color: #9f1e60;
}
.youridea .basePanel .rightPanel .whatsincluded
{
	background-color: #313f6b;
}*/

.media
{
    display: block;
    width: 695px;
    height: 100%;
    min-height: 310px;
    top: 0;
    position: absolute;
}

.redemption .media
{
    display: block;
    width: 470px;
    height: 100%;
    min-height: 310px;
    top: 0;
    position: absolute;
}

.media .maindisplay
{
    display: block;
    overflow: hidden;
    height: 190px;
    position: relative;
    border-top: solid 4px white;
    border-bottom: solid 4px white; /*background-color: #0086ca;*/
}

.media .maindisplay table
{
    height: 100%;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    background-color: #006ca2;
}

.media .media-top
{
    display: block;
    height: 15px;
    background-color: White;
    margin: 0; /* Used elsewhere */
    background-image: url(../images/screen/breakinformation-title-bg.png);
    _background-image: url(../images/screen/breakinformation-title-bg.gif);
    background-repeat: no-repeat;
}

.noidea .media .media-top
{
    background-position: 0px 0px;
}
.roughidea .media .media-top
{
    background-position: 0px -45px;
}
.youridea .media .media-top
{
    background-position: 0px -90px;
}

.media .media-bottom
{
    display: block;
    height: 15px;
    background-color: White;
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: url(../images/screen/media-bottom-bg.png);
    _background-image: url(../images/screen/media-bottom-bg.gif);
    background-repeat: no-repeat;
}

.noidea .media .media-bottom
{
    background-position: 0px -30px;
}
.roughidea .media .media-bottom
{
    background-position: 0px -75px;
}
.youridea .media .media-bottom
{
    background-position: 0px -125px;
}

.noidea .media
{
    background-color: #006ca2;
}
.roughidea .media
{
    background-color: #9f1e60;
}
.youridea .media
{
    background-color: #313f6b;
}

.media img.mainImage
{
    width: 695px;
    height: 195px;
    margin: 5px 0 0 0;
    border-top: solid 4px White;
    border-bottom: solid 4px White;
}

.media .thumbs
{
    display: block;
    width: 695px;
    height: 85px;
    margin: 20px 0 0 0;
    position: absolute;
    background-color: #bfd4e8;
}

.redemption .media .thumbs
{
    display: block;
    width: 100%;
    height: 75px;
    margin: 10px 0 0 0;
    position: absolute;
    background-color: #bfd4e8;
}

.ProductChoice .bottom
{
    display: block;
    position: relative;
    margin: 15px 0 0 0;
    float: left;
    width: 100%;
    min-height: 250px;
    height: 100%;
}

.redemption .ProductChoice .bottom
{
    display: block;
    position: relative;
    margin: 15px 0 0 0;
    float: left; /* width: 705px; */
    min-height: 250px;
    height: 100%;
}

.redemption .specRegion-behind
{
    display: block;
    width: 220px;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 5;
}

.breakinformation-behind
{
    display: block;
    width: 685px;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 5;
}

.redemption .breakinformation-behind
{
    display: block;
    width: 460px;
    height: 100%;
    position: absolute;
    right: 235px;
    left: auto !important;
    z-index: 5;
}

.noidea .breakinformation-behind
{
    border-left: solid 5px #006CA2;
    border-right: solid 5px #006CA2;
}
.roughidea .breakinformation-behind
{
    border-left: solid 5px #313f6b;
    border-right: solid 5px #313f6b;
}
.youridea .breakinformation-behind
{
    border-left: solid 5px #313f6b;
    border-right: solid 5px #313f6b;
}

.redemption .specRegion-behind .bottom
{
    width: 230px;
    height: 15px;
    min-height: 0;
    position: absolute;
    bottom: -10px;
    left: -5px;
    background-image: url(../images/screen/locations-behind-bottom-bg.png);
    _background-image: url(../images/screen/locations-behind-bottom-bg.gif);
    background-repeat: no-repeat;
}

.noidea .specRegion-behind
{
    border-left: solid 5px #006CA2;
    border-right: solid 5px #006CA2;
}
.roughidea .specRegion-behind
{
    border-left: solid 5px #9f1e60;
    border-right: solid 5px #9f1e60;
}
.youridea .specRegion-behind
{
    border-left: solid 5px #313f6b;
    border-right: solid 5px #313f6b;
}

.breakinformation-behind .bottom
{
    width: 695px;
    height: 15px;
    min-height: 0;
    position: absolute;
    bottom: -10px;
    left: -5px;
    background-image: url(../images/screen/breakinformation-behind-bottom-bg.png);
    _background-image: url(../images/screen/breakinformation-behind-bottom-bg.gif);
    background-repeat: no-repeat;
}

.redemption .breakinformation-behind .bottom
{
    width: 470px;
    height: 15px;
    min-height: 0;
    position: absolute;
    bottom: -10px;
    left: -5px;
    background-image: url(../images/screen/breakinformation-redemption-behind-bottom-bg.png);
    _background-image: url(../images/screen/breakinformation-redemption-behind-bottom-bg.gif);
    background-repeat: no-repeat;
}

.noidea .breakinformation-behind .bottom
{
    background-position: 0 0;
}
.roughidea .breakinformation-behind .bottom
{
    background-position: 0 -15px;
}
.youridea .breakinformation-behind .bottom
{
    background-position: 0 -30px;
}

.locations-behind .bottom
{
    width: 230px;
    height: 15px;
    min-height: 0;
    position: absolute;
    bottom: -10px;
    left: -5px;
    background-image: url(../images/screen/locations-behind-bottom-bg.png);
    _background-image: url(../images/screen/locations-behind-bottom-bg.gif);
    background-repeat: no-repeat;
}

.redemption .locations-behind .bottom
{
    width: 230px;
    height: 15px;
    min-height: 0;
    position: absolute;
    bottom: -10px;
    left: -5px;
    background-image: url(../images/screen/locations-behind-bottom-bg.png);
    _background-image: url(../images/screen/locations-behind-bottom-bg.gif);
    background-repeat: no-repeat;
}

.noidea .locations-behind .bottom
{
    background-position: 0 0;
}
.roughidea .locations-behind .bottom
{
    background-position: 0 -15px;
}
.youridea .locations-behind .bottom
{
    background-position: 0 -30px;
}

.noidea .breakinformation-behind
{
    background-color: White;
}
.roughidea .breakinformation-behind
{
    background-color: White;
}
.youridea .breakinformation-behind
{
    background-color: White;
}

.locations-behind
{
    display: block;
    width: 220px;
    position: absolute;
    height: 100%;
    right: 0;
    z-index: 5;
}

.noidea .locations-behind
{
    border-left: solid 5px #006CA2;
    border-right: solid 5px #006CA2;
}
.roughidea .locations-behind
{
    border-left: solid 5px #9f1e60;
    border-right: solid 5px #9f1e60;
}
.youridea .locations-behind
{
    border-left: solid 5px #313f6b;
    border-right: solid 5px #313f6b;
}

.breakinformation
{
    display: block;
    width: 695px;
    height: 100%;
    float: left;
    min-height: 260px;
    position: relative;
    z-index: 10;
    margin-top: 10px;
}

.redemption .breakinformation
{
    display: block;
    width: 470px;
    height: 100%;
    float: left;
    min-height: 260px;
    position: relative;
    z-index: 10;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 235px;
}

.breakinformation .breakinformationText
{
    padding: 32px 10px 0;
    font-size: 0.8em;
    position: relative;
    z-index: 100;
}

.breakinformation .breakinformationText p
{
    padding: 0;
}

.locations
{
    display: block;
    width: 230px;
    float: right;
    height: 100%;
    min-height: 260px;
    position: relative;
    z-index: 10;
    margin-top: 10px;
}

.redemption .locations
{
    display: block;
    width: 230px;
    float: left;
    height: 100%;
    min-height: 260px;
    position: relative;
    z-index: 10;
    margin-top: 10px;
}

.specRegion
{
    display: block;
    width: 230px;
    float: left;
    min-height: 260px;
    position: absolute;
    z-index: 10;
    margin-top: 20px;
}

.inner
{
    display: block;
    float: left;
    min-height: 260px;
    background-color: White;
}

.breakinformation .inner
{
    width: 685px;
}
.redemption .breakinformation .inner
{
    width: 460px;
}
.locations .inner
{
    width: 220px;
}

.specRegion-bottom
{
    width: 230px;
    height: 15px;
    position: absolute;
    bottom: 0;
    left: -5px;
    z-index: 50;
    background-color: White;
    background-image: url(../images/screen/locations-behind-bottom-bg.png);
    background-repeat: no-repeat;
    background-position: left 0px;
}

.specRegion .inner
{
    width: 220px;
    height: 400px;
}

.locations .locationList
{
    position: relative;
    z-index: 100;
}

.specRegion .specRegionList
{
    position: relative;
    z-index: 100; /* height: 748px; */
}

.specRegion .specRegionList ul
{
    padding: 30px 10px;
}

.specRegion .specRegionList ul a:link, .specRegion .specRegionList ul a:visited
{
    font-size: 80%;
    text-decoration: none;
    color: #006ca2;
}

.specRegion .specRegionList ul a:hover
{
    text-decoration: underline;
}


.noidea .inner
{
    border-left: solid 5px #006ca2;
    border-right: solid 5px #006ca2;
}
.roughidea .inner
{
    border-left: solid 5px #9f1e60;
    border-right: solid 5px #9f1e60;
}
.youridea .inner
{
    border-left: solid 5px #313f6b;
    border-right: solid 5px #313f6b;
}

.inner .title
{
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    height: 45px;
    top: -10px;
    z-index: 10;
    background-color: White;
}

.breakinformation .inner .title
{
    /* Used elsewhere */
    background-image: url(../images/screen/breakinformation-title-bg.png);
    _background-image: url(../images/screen/breakinformation-title-bg.gif);
    background-repeat: no-repeat;
}
.redemption .breakinformation .inner .title
{
    /* Used elsewhere */
    background-image: url(../images/screen/breakinformation-redemption-title-bg.png);
    _background-image: url(../images/screen/breakinformation-redemption-title-bg.gif);
    background-repeat: no-repeat;
}
.locations .inner .title, .specRegion .inner .title
{
    background-image: url(../images/screen/locations-title-bg.png);
    _background-image: url(../images/screen/locations-title-bg.gif);
    background-repeat: no-repeat;
}

.noidea .inner .title
{
    background-position: 0 0;
}
.roughidea .inner .title
{
    background-position: 0 -45px;
}
.youridea .inner .title
{
    background-position: 0 -90px;
}

.whatsincluded .title
{
    width: 230px;
    display: block;
    position: absolute;
    left: -5px;
    height: 45px;
    top: -20px;
    z-index: 10;
    background-image: url(../images/screen/locations-title-bg.png);
    _background-image: url(../images/screen/locations-title-bg.gif);
    background-repeat: no-repeat;
    background-position: 0 -45px;
}

.inner .title span, .whatsincluded .title span
{
    color: white;
    font-size: 1em;
    left: 14px;
    position: relative;
    top: 7px;
}

.whatsincluded ul, .locations .locationList ul
{
    padding: 30px 10px 0 35px;
}

/*.locations ul
{
	padding: 30px 0px 10px 20px;
}

.locations li
{
	display: block;
}*/

.whatsincluded ul li, .locations .locationList ul li
{
    display: list-item;
    list-style-type: disc;
}

.whatsincluded ul p, .locations ul p
{
    padding: 0 !important;
}

.locations ul p
{
    display: block;
    height: 10px;
}

.whatsincluded p
{
    padding: 20px 10px 0;
    font-size: .8em;
}

.locations ul span
{
    padding: 0 10px 0;
    font-size: .8em;
}

.locations ul a:link, .locations ul a:visited
{
    padding: 0 10px 0;
    font-size: .8em;
    color: #231F20;
    text-decoration: underline;
}

.locations ul a:hover
{
    text-decoration: none;
}

.whatsincluded-bottom
{
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 230px;
    left: 0;
    height: 15px;
    background-image: url(../images/screen/locations-behind-bottom-bg.png);
    background-repeat: no-repeat;
    background-position: 0 -15px;
}

/* Locations popup box */
.popup-bg
{
    background-color: Black;
    filter: alpha(opacity=50);
    opacity: 0.5;
	position: absolute;
	z-index: 199 !important;
}

.popup-box
{
    width: 700px;
    margin-top: 5px;
    margin-right: 5px;
    position: absolute;
    background: none;
	z-index: 200 !important;
}

.popup-box .popup-box-middle
{
    position: absolute;
    background-color: #006CA2;
    z-index: 300 !important;
    padding: 0 15px;
	top: -200px;
    display: block;
}

.popup-box .popup-box-top
{
    background-image: url(../images/screen/hp-popup-box-bg.png);
    background-position: left top;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 20px;
    top: 0px;
    left: 0px;
}

.popup-box .popup-box-bottom
{
    background-image: url(../images/screen/hp-popup-box-bg.png);
    background-position: left bottom;
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 20px;
    top: 0px;
    left: 0px;
}

.popup-box .btnPopup-close
{
    padding: 2px 3px;
    float: right;
    margin: 0;
}

.popup-innerText
{
    font-size: .8em;
    color: White;
    margin: 0 !important;
    padding: 4px 0 !important;
    float: left;
}

/* Staic Pages
 
TermsAndConditions.aspx
AboutFreshWeekends.aspx
AffiliatePartners.aspx
ContactUs.aspx
DeliveryInformation.aspx
FAQ.aspx
PrivacyPolicy.aspx
RetailPartners.aspx
SignUpForNewsletters.aspx
SiteMap.aspx
TermsAndConditions.aspx
Testimonials.aspx

*/

.titleTop.static
{
    width: 755px !important;
    margin: 5px 0 0 185px;
}

.contentInner
{
    float: left;
    width: 755px; /* adding-left: 5px; */
}

.redemption .contentInner
{
    float: left; /* adding-left: 5px; */
}

/*.contentInner h1
{
	color: #313F6B;
	padding: 0;
	font-size: 1.3em;
}*/

.contentInner p
{
    padding: 0;
    font-size: .8em;
    padding-top: 10px;
}

.contentInner h2
{
    color: #313F6B;
    padding-top: 15px;
    font-size: 1em;
}

.contentInner a.top:link, .contentInner a.top:visited
{
    color: #313F6B;
    padding-top: 15px;
    font-size: 1em;
    text-decoration: underline;
}

.contentInner a.top:hover
{
    text-decoration: none;
}

.contentInner img
{
    display: block;
    margin: 10px auto 0 auto;
}

.contentInner .leftCol
{
    width: 100px;
    text-align: right;
    vertical-align: top;
    padding-right: 5px;
}

.contentInner ul
{
    margin: 10px 35px 0;
}

.redemption .partners ul
{
    margin: 10px 35px;
    display: block;
}

.redemption .partners ul li
{
    margin: 20px 35px;
    color: Black;
    display: block;
    list-style: disc !important;
}

.redemption .partners ul li p
{
    display: list-item;
    list-style: disc !important;
}

.contentInner table p, .redemption .partners table p
{
    font-size: .9em;
}

.contentInner ul li a
{
    font-size: .9em;
}

.contentInner a
{
    color: #313F6B;
    text-decoration: underline;
}

.contentInner span
{
    padding: 0 2px;
}

.contentInner a:hover
{
    text-decoration: none;
}

.contentInner.sitemap p
{
    float: left;
    padding-right: 10px;
}

.contentInner.partners p, .redemption .partners p
{
    padding: 0 10px;
}

.contentInner .partnersBox
{
    background: #E4ECF6;
    border: 1px solid #CDDFEF;
    color: #411485;
    width: 90%;
    margin: 10px auto;
}

.redemption .partnersBox
{
    background: #E4ECF6;
    border: 1px solid #CDDFEF;
    color: #411485;
    width: 90%;
    margin: 10px auto;
}

.contentInner .otherLogos
{
    width: 100%;
    text-align: center;
}

.contentInner.partners table, .redemption table
{
    margin: 10px;
    background-color: White;
}

.contentInner.partners img
{
    padding: 10px;
}

.otherLogos img
{
    display: inline;
}

.contentInner.affiliat ol
{
    list-style-type: lower-alpha;
    display: list-item;
    padding: 10px 40px;
    font-size: .9em;
}

.contentInner.affiliat ul
{
    list-style-type: none;
    display: list-item;
    padding: 10px;
    font-size: .9em;
}

.contentInner.affiliat ul li
{
    list-style-type: disc !important;
}

/* Image Gallery */

.gallery .thumbs img
{
    float: left;
    padding: 7px 1px;
}

.redemption .gallery .thumbs img
{
    float: left;
    padding: 10px 2px;
}

.gallery .thumbs .thumbimages
{
    display: block;
    float: left;
    position: relative;
    left: 5px;
    width: 582px;
}

.redemption .gallery .thumbs .thumbimages
{
    display: block;
    float: left;
    position: relative;
    left: 8px;
    padding-left: 6px;
    width: 380px;
}

.gallery .thumbs img:hover
{
    cursor: pointer;
}

.gallery p.link
{
    position: absolute;
    text-align: center;
    margin: 110px auto 0;
    color: White;
    display: block;
    font-size: .8em;
    width: 100%;
    padding: 0;
    z-index: 10;
}

.redemption .gallery p.link
{
    position: absolute;
    text-align: center;
    margin: 87px auto 0;
    color: White;
    display: block;
    font-size: .8em;
    width: 100%;
    padding: 0;
    z-index: 100;
}

/* Homepage elements */
.hp-feature
{
    display: block;
    float: left;
    margin-top: 5px;
    position: relative;
}

.hp-feature.topleft
{
    width: 450px;
    height: 335px;
    margin-right: 5px;
    background-image: url(../images/extras/hp-feature-topleft.png);
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.hp-feature.topleft h2
{
    position: absolute;
    top: 22px;
    left: 18px;
    z-index: 10;
    font-size: 1.6em;
}

.hp-feature.topleft img.image
{
    position: absolute;
    display: none;
    top: 0;
    z-index: 1;
}

.hp-feature.topleft img.thumb1
{
    position: absolute;
    bottom: 7px;
    left: 8px;
    z-index: 5;
}

.hp-feature.topleft img.thumb2
{
    position: absolute;
    bottom: 7px;
    left: 116px;
    z-index: 5;
}

.hp-feature.topleft img:hover
{
    cursor: pointer;
}

.hp-feature.topright
{
    width: 300px;
    height: 335px;
    background-image: url(../images/extras/hp-feature-topright.png);
    background-repeat: no-repeat;
}

.hp-feature.topright span.title
{
    display: inline;
    color: White;
    padding: 5px 15px 5px 20px;
    margin: 15px 0 5px;
    float: left;
    clear: both;
    background-color: #892b63;
    background-image: url(../images/screen/topright-title.gif);
    background-repeat: no-repeat;
    background-position: left;
    font-size: 1em;
    position: relative;
}

.hp-feature.topright span.title span.right
{
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 15px;
    height: 32px;
    background-image: url(../images/screen/topright-title-right.gif);
    background-repeat: no-repeat;
}

.hp-feature.topright ul
{
    margin: 0 20px;
    display: block;
    clear: both;
}

.hp-feature.topright ul li p
{
    display: block;
    color: White;
    width: 190px;
    margin: 0;
    padding: 8px 0;
    font-size: .8em;
    border-right: solid 1px #8486a4;
    position: relative;
}

.hp-feature.topright ul li p span
{
    position: absolute;
    right: -65px;
    top: 5px;
    display: block;
    width: 60px;
    height: 45px;
    background-image: url(../images/extras/topright-icons.gif);
    background-repeat: no-repeat;
}

.hp-feature.topright ul li p.a span
{
    background-position: 0 0;
}
.hp-feature.topright ul li p.b span
{
    background-position: 0 -45px;
}
.hp-feature.topright ul li p.c span
{
    background-position: 0 -90px;
}
.hp-feature.topright ul li p.d span
{
    background-position: 0 -135px;
}
.hp-feature.topright ul li p.e span
{
    background-position: 0 -180px;
}

.hp-feature.topright ul li
{
    border-bottom: solid 1px #8486a4;
}

.hp-feature.topright ul li.end
{
    border-bottom: none !important;
}

.hp-feature.bottom
{
    width: 755px;
    height: 225px;
}

.hp-feature.bottom img
{
    width: 755px;
    height: 225px;
    position: absolute;
    z-index: 1;
}

.hp-feature h2
{
    color: White;
    font-weight: normal;
}

h2.topText
{
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    font-size: 1.4em;
}

h2.bottomText
{
    position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 2;
    font-size: 1.2em;
}

.hp-feature.featured
{
    width: 755px;
    margin-top: 0 !important;
}

.hp-feature.featured .titleStrapline
{
    display: block;
    width: 920px;
    margin: 5px 0 0 0;
    padding: 0 10px;
    font-size: 1.4em;
    background-image: url(../images/screen/hp-feature-titleStrapline.gif);
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
}

.imageleft
{
    display: block;
    margin: 13px 0 0 0;
    width: 50px;
    height: 60px;
    float: left;
    background-image: url(../images/screen/galleryBtns.gif);
    background-position: 0 0;
    cursor: pointer;
    left: 0;
}

.imageleftDisabled
{
    display: block;
    margin: 13px 0 0 0;
    width: 50px;
    height: 60px;
    float: left;
    background-image: url(../images/screen/galleryBtns.gif);
    background-position: -100px 0;
    left: 0;
}

.imageright
{
    display: block;
    margin: 13px 0 0 0;
    width: 50px;
    height: 60px;
    float: left;
    background-image: url(../images/screen/galleryBtns.gif);
    background-position: 0 -60px;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.imageleft:hover
{
    background-position: -50px 0;
}

.imageright:hover
{
    background-position: -50px -60px;
}

.imagerightDisabled
{
    display: block;
    margin: 13px 0 0 0;
    width: 50px;
    height: 60px;
    float: left;
    background-image: url(../images/screen/galleryBtns.gif);
    background-position: -100px -60px;
    position: absolute;
    right: 0;
}

/* redemption gallery buttons */

.redemption .imageleft
{
    display: block;
    margin: 17px 0 0 0;
    width: 35px;
    height: 42px;
    float: left;
    background-image: url(../images/screen/galleryBtns-redemption.gif);
    background-position: 0 0;
    cursor: pointer;
    left: 5px;
    position: relative;
}

.redemption .imageleftDisabled
{
    display: block;
    margin: 17px 0 0 0;
    width: 35px;
    height: 42px;
    float: left;
    background-image: url(../images/screen/galleryBtns-redemption.gif);
    background-position: -70px 0;
    left: 5px;
    position: relative;
}

.redemption .imageright
{
    display: block;
    margin: 17px 0 0 0;
    width: 35px;
    height: 42px;
    float: left;
    background-image: url(../images/screen/galleryBtns-redemption.gif);
    background-position: 0 -42px;
    cursor: pointer;
    position: absolute;
    right: 5px;
}

.redemption .imageleft:hover
{
    background-position: -35px 0;
}

.redemption .imageright:hover
{
    background-position: -35px -42px;
}

.redemption .imagerightDisabled
{
    display: block;
    margin: 17px 0 0 0;
    width: 35px;
    height: 42px;
    float: left;
    background-image: url(../images/screen/galleryBtns-redemption.gif);
    background-position: -70px -42px;
    position: absolute;
    right: 5px;
}

/* Hotel chains page */
.hotelchain
{
    height: 200px;
}

/* Basket and Checkout */

.topBtns
{
    display: block;
    clear: both;
    margin: 10px 0;
}

.btnsTop
{
    display: block;
    clear: both;
    margin: 10px 0;
    width: 100%;
    height: 30px;
}

.topBasketBtns
{
    display: block;
    clear: both;
    margin: 10px 0;
    width: 100%;
}

.btnContinueShopping
{
    float: left;
    position: relative;
    left: 44px;
    width: 230px;
    height: 30px;
    display: block;
    border: 0;
    color: White;
    font-size: 0px;
    line-height: -12px;
    color: #29285b;
    text-indent: 10px;
    text-align: left;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 -120px;
}

.btnPrevStep
{
    float: left;
    position: relative;
    left: 44px;
    width: 230px;
    height: 30px;
    display: block;
    border: 0;
    color: White;
    font-size: 0px;
    line-height: -12px;
    color: #29285b;
    text-indent: 10px;
    text-align: left;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 -180px;
}

.btnAmendCardDetails
{
    float: left;
    position: relative;
    width: 230px;
    height: 30px;
    display: block;
    border: 0;
    color: White;
    font-size: .85em;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 -30px;
}

.btnPlaceOrder
{
    float: right;
    position: relative;
    right: 44px;
    width: 230px;
    height: 30px;
    display: block;
    border: 0;
    color: White;
    font-size: 0px;
    line-height: -12px;
    color: #008546;
    text-indent: 10px;
    text-align: left;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 -90px;
}

.btnNextStep
{
    float: right;
    position: relative;
    right: 44px;
    width: 230px;
    height: 30px;
    display: block;
    border: 0;
    color: White;
    font-size: .85em;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 -150px;
}

.btnConfirmOrder
{
    float: right;
    position: relative;
    right: 44px;
    width: 230px;
    height: 30px;
    display: block;
    border: 0;
    color: White;
    font-size: 0px;
    line-height: -12px;
    color: #008546;
    text-indent: 10px;
    text-align: left;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 -210px;
}

.btnNextStep[disabled]
{
    background-position: -460px -150px;
}
.btnNextStep[disabled]:hover
{
    cursor: text;
}

.btnNextStep:hover
{
    background-position: -230px -150px;
}
.btnPlaceOrder:hover
{
    background-position: -230px -90px;
    color: #269662;
}
.btnConfirmOrder:hover
{
    background-position: -230px -210px;
    color: #269662;
}
.btnContinueShopping:hover
{
    background-position: -230px -120px;
    color: #5f5e84;
}
.btnPrevStep:hover
{
    background-position: -230px -180px;
    color: #5f5e84;
}

.btnNextStep[disabled]:hover
{
    background-position: -460px 0;
}


.btnPlaceOrder:hover, .btnContinueShopping:hover, .btnRemove:hover, .btnAddAnother:hover, .btnNextStep:hover, .btnPrevStep:hover, .btnAmendCardDetails, .btnConfirmOrder
{
    cursor: pointer;
}

.basketContents
{
    display: block;
    clear: none;
    border: solid 2px #006ca2;
    margin: 20px 40px;
}

.promotionBox
{
    float: right;
    clear: both;
    position: relative;
    right: 40px;
    width: 300px;
    margin-bottom: 10px;
    font-family: Arial, Arial, Helvetica, sans-serif;
}

.promotionBox .title h2
{
    background: #E4ECF6;
    border: 1px solid #CDDFEF;
    color: #411485;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 38px;
    padding: 0px 20px;
    text-align: left;
}

.promotionBox .top
{
    background-image: url(../images/screen/checkout-small-top.gif);
    height: 19px;
}

.promotionBox .middle
{
    background-image: url(../images/screen/checkout-small-middle.gif);
}

.promotionBox .middle .promoinner
{
    margin: 0 20px;
}

.promotionBox .bottom
{
    background-image: url(../images/screen/checkout-small-bottom.gif);
    height: 19px;
}

.promotionBox .middle .promoinner span
{
    color: Red;
    font-weight: bold;
    font-size: .8em;
    float: none;
    margin: 0;
    padding: 0;
    clear: both;
}

.promotionBox .middle .promoinner .btnApply
{
    margin: 0 10px;
    padding: 2px 8px;
    font-size: .8em;
}

.basketContents span
{
    font-size: 1em;
    padding: 5px;
}

.basketContents table
{
    width: 100%;
    clear: both;
}

.basketContents table tbody, .basketContents table tr
{
    display: block;
    width: 100%;
}

.basketContents tr.top td
{
    border-bottom: solid 1px #006ca2;
    font-weight: normal !important;
    font-size: 1em !important;
}

.basketContents tr.basketItem td
{
    border-top: solid 1px #006ca2;
    font-size: .85em;
}

.basketContents tr td
{
    font-weight: bold;
}

.basketContents tr.top td span
{
    font-size: .9em;
    padding: 5px;
}

.basketContents td.items
{
    width: 250px;
    border-right: solid 1px #006ca2;
}
.basketContents td.items img
{
    float: left;
    position: relative;
    left: 5px;
    margin: 5px 5px 5px 0;
}
.basketContents td.description
{
    width: 300px;
    border-right: solid 1px #006ca2;
}
.basketContents td.options
{
    width: 200px;
    border-right: solid 1px #006ca2;
}

.btnRemove
{
    margin: 5px 0 0 5px;
    padding: 1px 2px;
    clear: both;
    display: block;
    font-size: .8em;
    width: 100px;
    height: 30px;
    border: 0;
    color: White;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 -60px;
}
.btnAddAnother
{
    margin: 5px 0 5px 5px;
    padding: 1px 2px;
    clear: both;
    display: block;
    font-size: .8em;
    width: 100px;
    height: 30px;
    border: 0;
    color: White;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 -60px;
}

.btnRemove:hover, .btnAddAnother:hover
{
    background-position: -100px -60px;
}

.basketContents td.price
{
    width: 104px;
}

.basketContents tr.empty td
{
    display: block;
    text-align: center;
}

.basketContents tr.empty .btnContinueShopping
{
    margin: 5px auto;
    float: none;
    left: 0;
}

.basketContents tr.basketItem
{
    vertical-align: top;
}

.basketContents tr.basketItem td
{
}

.subTotal
{
    width: 180px !important;
    float: right;
    clear: both;
    position: relative;
    right: 40px;
}

.subTotal span
{
    color: White;
    display: block;
    margin: auto;
    padding: 15px 0;
    text-align: center;
}

.subTotal .btnPlaceOrder
{
    clear: both;
    right: auto;
    margin: 10px 0 0 0;
}

img.loadingImage
{
    display: block;
    left: 45%;
    position: fixed;
}

img.thumbsLoading
{
    display: block;
    margin: 30px auto 0;
}

.steps
{
    display: block;
    height: 40px;
    margin: 10px 0 0;
}

.steps span.next
{
    font-size: 25px;
    color: #dfdfdf;
    padding-top: 5px;
}

.steps ul
{
    margin: auto;
    width: 555px;
    display: block;
}

.steps ul li
{
    float: left;
    padding: 0 5px;
    font-size: 13px;
    height: 40px;
    color: #dfdfdf;
}

.steps ul li.stage.current
{
    float: left;
    padding: 0 5px;
    font-size: 13px;
    height: 40px;
    color: #dfdfdf;
}

.steps ul li.stage
{
    border-bottom: solid 2px #dfdfdf;
}

.steps ul li.stage.current
{
    border-bottom: solid 3px #411485;
    color: #411485;
}


.steps ul li span
{
    display: block;
    clear: both;
    font-size: 17px;
    font-weight: bold;
    color: #dfdfdf;
}

.steps ul li.stage.current span
{
    color: #411485;
}

.deliverydetails, .TandCs, .summary.one, .summary.four, .confirmation
{
    margin: 20px 40px;
    display: block;
    font-family: Arial, Arial, Helvetica, sans-serif;
    clear: both;
}

.billingaddress, .carddetails, .summary.two, .summary.three
{
    width: 45%;
    display: inline-block;
    float: left;
    clear: none !important;
}

.login
{
    width: 45%;
    display: block;
    clear: none !important;
    margin: 20px auto;
}

.billingaddress, .summary.two
{
    margin: 20px 0 0px 40px;
}

.carddetails, .summary.three
{
    margin: 20px 0 0px 14px;
}

.deliverydetails .title, .billingaddress .title, .carddetails .title, .TandCs .title, .summary .title
{
    background: white;
    height: 38px;
    width: 360px;
}

.confirmation .title
{
    background: white;
    height: 38px;
    width: auto;
}

.deliverydetails .title h2, .billingaddress .title h2, .carddetails .title h2, .TandCs .title h2, .summary .title h2, .confirmation .title h2
{
    background: #E4ECF6;
    border-bottom: 0px;
    border: solid 1px #CDDFEF;
    font-size: 1.1em;
    line-height: 38px;
    padding: 0px 20px;
    font-weight: normal;
    text-align: left;
    color: #411485;
}

.deliverydetails .top, .billingaddress .top, .carddetails .top, .TandCs .top, .summary .top, .confirmation .top
{
    height: 19px;
    background-image: url(../images/screen/checkout-top.gif);
}

.deliverydetails .bottom, .billingaddress .bottom, .carddetails .bottom, .TandCs .bottom, .summary .bottom, .confirmation .bottom
{
    height: 19px;
    background-image: url(../images/screen/checkout-bottom.gif);
}

.deliverydetails .middle, .billingaddress .middle, .carddetails .middle, .TandCs, .summary .middle, .confirmation .middle
{
    background-image: url(../images/screen/checkout-middle.gif);
}

.billingaddress .top, .carddetails .top, .summary.two .top, .summary.three .top, .login .top
{
    height: 19px;
    background-image: url(../images/screen/checkout-top-50.gif);
}

.billingaddress .bottom, .carddetails .bottom, .summary.two .bottom, .summary.three .bottom, .login .bottom
{
    height: 19px;
    background-image: url(../images/screen/checkout-bottom-50.gif);
}

.billingaddress .middle, .carddetails .middle, .summary.two .middle, .summary.three .middle, .login .middle
{
    background-image: url(../images/screen/checkout-middle-50.gif);
}

.confirmation p
{
    padding: 0 !important;
}

.middle table
{
    margin: 0 20px;
    font-size: .8em;
}

.middle .TandCsPanel
{
    margin: 0 20px;
}

.middle .TandCsPanel .top
{
    background: none;
}

.middle table td, .middle table td
{
    padding: 5px 10px 5px 0px;
}

.middle table td.coltxt
{
    width: 160px;
}

.middle .txt
{
    padding: 3px;
    font-family: Arial, Arial, Helvetica, sans-serif;
    float: left;
}

.middle .ddlCheckout
{
    padding: 3px;
    font-family: Arial, Arial, Helvetica, sans-serif;
    float: left;
}

.middle .tbPostCode
{
    width: 60px;
}

.middle .btnAddressSearch
{
    padding: 2px 3px;
    margin: 0 2px;
}

.middle .tbmAddressSearch
{
    width: 250px;
    height: 100px;
}

.middle .tbmAddressSearchPur
{
    height: 100px;
    width: 200px;
}

.middle .checkoutddl
{
    float: left;
}

.middle span
{
    margin: 3px;
    float: left;
}

.middle p span
{
    margin: 0;
    float: none;
}

.summary .middle p
{
    padding: 0;
}

.checkoutContents
{
    display: block;
    clear: none;
    border: solid 2px #006ca2;
    margin: 0 20px;
    padding: 20px 0;
}

.checkoutContents span
{
    font-size: 1em;
    padding: 5px;
}

.checkoutContents table
{
    display: block;
    clear: both;
}

.checkoutContents table tr.top
{
    height: auto;
    background: none;
}

.checkoutContents table tbody, .checkoutContents table tr
{
    display: block;
}

.checkoutContents tr.top td
{
    border-bottom: solid 1px #006ca2;
    font-weight: normal !important;
    font-size: 1em !important;
}

.checkoutContents tr.basketItem td
{
    border-top: solid 1px #006ca2;
    font-size: .85em;
    padding: 5px;
}

.checkoutContents tr td
{
    font-weight: bold;
    padding: 0 !important;
    vertical-align: top;
}

.checkoutContents tr.top td span
{
    font-size: .9em;
    padding: 5px;
}

.checkoutContents td.items
{
    width: 250px;
    border-right: solid 1px #006ca2;
}
.checkoutContents td.items img
{
    float: left;
    position: relative;
    left: 5px;
    margin: 5px 5px 5px 0;
}
.checkoutContents td.description
{
    width: 418px;
    border-right: solid 1px #006ca2;
}
.checkoutContents td.options
{
    width: 200px;
    border-right: solid 1px #006ca2;
}

.btnRemove
{
    margin: 5px 0 0 5px;
    padding: 1px 2px;
    clear: both;
    display: block;
    font-size: .8em;
    width: 100px;
    height: 30px;
    border: 0;
    color: White;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 -60px;
}
.btnAddAnother
{
    margin: 5px 0 5px 5px;
    padding: 1px 2px;
    clear: both;
    display: block;
    font-size: .8em;
    width: 100px;
    height: 30px;
    border: 0;
    color: White;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background-image: url(../images/screen/btns.gif);
    background-position: 0 -60px;
}

.btnRemove:hover, .btnAddAnother:hover
{
    background-position: -100px -60px;
}

.checkoutContents td.price
{
    width: 104px;
}

/* 404 500 error pages */
.error
{
    display: block;
    background: #E4ECF6;
    border: 1px solid #CDDFEF;
    color: #411485;
    width: 90%;
    margin: 10px auto;
}

.error .errorinner
{
    margin: 10px;
    padding: 20px;
    background-color: White;
}

/* Redemption/Fulfilment */
.product.region .overlay
{
    display: block;
    width: 280px;
    height: 115px;
    background-image: url(../images/screen/region-overlay.png);
    _background-image: url(../images/screen/region-overlay.gif);
    top: 8px;
    left: 8px;
    position: absolute;
    z-index: 100;
}

.mediaHotel
{
    display: block;
    width: 695px;
    top: 0;
    position: absolute;
}

.mediaHotel .maindisplay
{
    display: block;
    overflow: hidden;
    height: 192px;
    position: relative;
    border-top: solid 4px white;
    border-bottom: solid 4px white;
    background-color: #bfd4e8;
}

.redemption .maindisplay
{
    display: block;
    overflow: hidden;
    height: 215px;
    max-height: 215px !important;
    position: relative;
    border-top: solid 4px white;
    border-bottom: solid 4px white;
}

.mediaHotel .maindisplay table
{
    height: 100%;
    margin: auto;
    text-align: center;
    vertical-align: middle;
}

.mediaHotel .media-top
{
    display: block;
    height: 15px;
    background-color: White;
    margin: 0; /* Used elsewhere */
    background-image: url(../images/screen/breakinformation-title-bg.png);
    _background-image: url(../images/screen/breakinformation-title-bg.gif);
    background-repeat: no-repeat;
}

.redemption .media-top
{
    display: block;
    height: 15px;
    background-color: White;
    margin: 0; /* Used elsewhere */
    background-image: url(../images/screen/breakinformation-redemption-title-bg.png);
    _background-image: url(../images/screen/breakinformation-redemption-title-bg.gif);
    background-repeat: no-repeat;
}

.noidea .mediaHotel .media-top
{
    background-position: 0px 0px;
}
.roughidea .mediaHotel .media-top
{
    background-position: 0px -45px;
}
.youridea .mediaHotel .media-top
{
    background-position: 0px -90px;
}

.mediaHotel .media-bottom
{
    display: block;
    height: 15px;
    background-color: White;
    margin: 0;
    width: 100%;
    background-image: url(../images/screen/media-bottom-bg.png);
    _background-image: url(../images/screen/media-bottom-bg.gif);
    background-repeat: no-repeat;
}

.redemption .media-bottom
{
    display: block;
    height: 15px;
    background-color: White;
    margin: 0;
    width: 100%;
    background-image: url(../images/screen/media-redemption-bottom-bg.png);
    _background-image: url(../images/screen/media-redemption-bottom-bg.gif);
    background-repeat: no-repeat;
}

.noidea .mediaHotel .media-bottom
{
    background-position: 0px -30px;
}
.roughidea .mediaHotel .media-bottom
{
    background-position: 0px -75px;
}
.youridea .mediaHotel .media-bottom
{
    background-position: 0px -125px;
}

.noidea .mediaHotel
{
    background-color: #006ca2;
}
.roughidea .mediaHotel
{
    background-color: #9f1e60;
}
.youridea .mediaHotel
{
    background-color: #313f6b;
}

.mediaHotel img.mainImage
{
    width: 695px;
    height: 195px;
    margin: 5px 0 0 0;
    border-top: solid 4px White;
    border-bottom: solid 4px White;
}

.mediaHotel .thumbs
{
    display: block;
    width: 695px;
    height: 85px;
    margin: 20px 0 0 0;
    position: absolute;
    background-color: #bfd4e8;
}

.mediaHotel .imageright
{
    position: relative;
}

.mediaHotel table, .mediaHotel table td.tdMiddle
{
    width: 100%;
}

.mediaHotel td.tdLeft, .mediaHotel td.tdRight
{
    width: 50px;
}

.mediaHotel table td.tdMiddle span
{
    display: block;
    padding: 0 5px;
    float: left;
}

.mediaHotel table td.tdMiddle img
{
    width: 185px;
    height: 180px;
    border: 0;
}

.redemption .rightPanel
{
    height: auto;
}

.redemption .top .rightPanel
{
    min-height: 0;
}

.redemption .basePanel .rightPanel .whatsincluded
{
    min-height: 310px;
    margin-top: 20px;
}

.redemption .basePanel .rightPanel .whatsincluded ul
{
    padding: 30px 10px 0px;
}

.redemption .basePanel .rightPanel .whatsincluded ul li
{
    list-style: none;
    text-align: center;
    padding-bottom: 10px;
}

.redemption .basePanel .rightPanel .whatsincluded ul li p
{
    font-size: 75%;
}

.redemption .basePanel .rightPanel .whatsincluded .hotel
{
    clear: both;
    display: block;
}

.redemption .basePanel .rightPanel .whatsincluded .call_now
{
    font-size: 110%;
    font-weight: bold;
}

.redemption .basePanel .rightPanel .whatsincluded .large_phonenumber
{
    clear: both;
    display: block;
    font-size: 135%;
    color: #9F1E60;
}

.redemption .basePanel .rightPanel .whatsincluded .small_phonenumber
{
    color: #9F1E60;
}

.redemption .locations .locationList ul
{
    padding: 40px 20px 0px 35px;
}

.redemption .locations .locationList li
{
    padding-bottom: 10px;
    list-style-image: url(../images/extras/blue_tick.png);
}

.redemption .locations ul p
{
    height: auto;
    font-size: 75%;
}

.redemption .product h3.title
{
    padding: 0 8px !important;
    font-weight: bold;
}