/* CSS Document */

h2 {
font-size: 14px;
font-weight: bold;
margin-top: 0;
margin-bottom: 1px;
padding: 0;
}

p {
margin-top: 0;
line-height: 18px;
}

#mainholder {
background-image:url(../images/offers/offers_bg.jpg);
width: 820px;
height: 374px;
border: 1px solid #666666;
repeat: no-repeat;
background-color: #ffffff;
float: right;
margin-top: 5px;
}

#nav, #nav_bottom{
width:100%;
height:50%;
float:left;
margin-top:10px;
position:relative;
}

#nav_bottom {
margin:0;
padding:0;
}

#nav {
margin-top:15px;
padding:0 0 0 8px;
}

.navigation {
width:100%;
margin:50px 0 0 0;
padding:0;
}

#bottom-list {
margin:10px 0 0 8px;
}

.navigation li {
float:left;
width:186px;
height:134px;
display:block;
margin:0 0 0 10px;
}

.navigation li a {
display:block;
width:186px;
height:134px;
}

.navigation li a .hover {
display:block;
opacity:0;
position:relative;
top:0;
left:0;
width:186px;
height:134px;
}

.navigation li a.wolfsub {
background:url(../images/offers/wolfsub_offer.jpg) no-repeat 0 0;
}

.navigation li.highlight a.wolfsub:hover, .navigation li a.wolfsub .hover {
background:url(../images/offers/wolfsub_offer.jpg) no-repeat 0 -134px;
}

.navigation li a.mercury {
background:url(../images/offers/mercury_offer.jpg) no-repeat 0 0;
}

.navigation li.highlight a.mercury:hover, .navigation li a.mercury .hover {
background:url(../images/offers/mercury_offer.jpg) no-repeat 0 -134px;
}

.navigation li a.miele {
background:url(../images/offers/miele-offer.jpg) no-repeat 0 0;
}

.navigation li.highlight a.miele:hover, .navigation li a.miele .hover {
background:url(../images/offers/miele-offer.jpg) no-repeat 0 -134px;
}

.navigation li a.ex-display {
background:url(../images/offers/ex-display-offer.jpg) no-repeat 0 0;
}

.navigation li.highlight a.ex-display:hover, .navigation li a.ex-display .hover {
background:url(../images/offers/ex-display-offer.jpg) no-repeat 0 -134px;
}

.navigation li a.ge {
background:url(../images/offers/ge-offer.jpg) no-repeat 0 0;
}

.navigation li.highlight a.ge:hover, .navigation li a.ge .hover {
background:url(../images/offers/ge-offer.jpg) no-repeat 0 -134px;
}

.navigation li a.atag {
background:url(../images/offers/atag_offer.jpg) no-repeat 0 0;
}

.navigation li.highlight a.atag:hover, .navigation li a.atag .hover {
background:url(../images/offers/atag_offer.jpg) no-repeat 0 -134px;
}

.navigation li a.britannia {
background:url(../images/offers/brittania_offer.jpg) no-repeat 0 0;
}

.navigation li.highlight a.britannia:hover, .navigation li a.britannia .hover {
background:url(../images/offers/brittania_offer.jpg) no-repeat 0 -134px;
}

.navigation li a.aga {
background:url(../images/offers/aga_offer.jpg) no-repeat 0 0px;
}

.navigation li.highlight a.aga:hover, .navigation li a.aga .hover {
background:url(../images/offers/aga_offer.jpg) no-repeat 0 -134px;
}

.navigation li a.aga-six {
background:url(../images/offers/aga_six_offer.jpg) no-repeat 0 0;
}

.navigation li.highlight a.aga-six:hover, .navigation li a.aga-six .hover {
background:url(../images/offers/aga_six_offer.jpg) no-repeat 0 -133px;
}

.navigation li a.emma-offer {
background:url(../images/offers/emma-bridgewater-offer-bg.jpg) no-repeat 0 0;
}

.navigation li.highlight a.emma-offer:hover, .navigation li a.emma-offer .hover {
background:url(../images/offers/emma-bridgewater-offer-bg.jpg) no-repeat 0 -133px;
}

.navigation li a.rangemaster {
background:url(../images/offers/rangemaster_offer.jpg) no-repeat 0 0;
}

.navigation li.highlight a.rangemaster:hover, .navigation li a.rangemaster .hover {
background:url(../images/offers/rangemaster_offer.jpg) no-repeat 0 -134px;
}

.navigation li a.rayburn {
background:url(../images/offers/rayburn_offer.jpg) no-repeat 0 0;
}

.navigation li.highlight a.rayburn:hover, .navigation li a.rayburn .hover{
background:url(../images/offers/rayburn_offer.jpg) no-repeat 0 -134px;
}

.navigation li a.everhot {
background:url(../images/offers/everhot_offer.jpg) no-repeat 0 -134px;
}

.navigation li.highlight a.everhot:hover, .navigation li a.everhot .hover{
background:url(../images/offers/everhot_offer.jpg) no-repeat 0 0;
}

#more_offers_link, #back_offers {
width:380px;
height:132px;
margin:15px 11px 0 0px;
float:left;
}


#more_offers_link a {
width:100%;
height:100%;
display:block;
background:url(../images/offers/more_offers.jpg) no-repeat 0 0;
}

#back_offers a {
width:100%;
height:100%;
display:block;
background:url(../images/offers/offers_back.jpg) no-repeat 0 0;
}

#back_offers a:hover {
background:url(../images/offers/offers_back.jpg) no-repeat 0 -135px;
}

#more_offers_link a:hover {
background:url(../images/offers/more_offers.jpg) no-repeat 0 -135px;
}

#falcon_offer_holder, #rangemaster_offer_holder, #mercury_offer_holder, #wolfsub_offer_holder, #atag_offer_holder, #siemens_offer_holder, #britannia_offer_holder, #everhot_offer_holder, #steel_cuisine_holder, #liebherr_offer_holder, #pc42nzmholder, #ex_display_holder, #miele_holder {
width: 820px;
height: 374px;
border: 1px solid #666666;
repeat: no-repeat;
background-color: #ffffff;
float: right;
margin-top: 5px;
}


#falcon_offer_holder {
background:url(../images/offers/falcon_offer_bg.jpg) no-repeat 0 0;
}

#pc42nzmholder {
background-image: url(../images/ge/ge_pc43nzm_offer_bg.jpg);
}

#everhot_offer_holder {
background:url(../images/everhot_150_offer_bg.jpg) no-repeat 0 0;
}

#rangemaster_offer_holder {
background:url(../images/rangemaster/rangemaster_offer_bg.jpg) no-repeat 0 0;
}

#mercury_offer_holder {
background:url(../images/offers/mercury_offer_bg.jpg) no-repeat 0 0;
}

#wolfsub_offer_holder {
background:url(../images/offers/wolfsub_offer_bg.jpg) no-repeat 0 0;
}

#atag_offer_holder {
background:url(../images/offers/atag_offer_bg.jpg) no-repeat 0 0;
}

#siemens_offer_holder {
background:url(../images/offers/siemens_offer_bg.jpg) no-repeat 0 0;
}

#britannia_offer_holder {
background:url(../images/offers/brittania_offer_bg2.jpg) no-repeat 0 0;
}

#steel_cuisine_offer_holder {
background:url(../images/steel_cuisine/steel_cuisine_bg.jpg) no-repeat 0 0;
}

#liebherr_offer_holder {
background:url(../images/offers/liebherr-offer.jpg) no-repeat 0 0;
}

#miele_holder {
background:url(../images/offers/miele-offer-bg.jpg) no-repeat 0 0;
}


/* --- EX DISPLAY OFFERS --- */

#ex_display_holder {
background:url(../images/offers/ex-display-bg.jpg) repeat-x 0 0;
position:relative;
}

#ex_display_holder div#top-banner {
background-color:#000000;
border:2px solid #fff200;
height:44px;
width:100%;
position:absolute;
top:0;
left:0;
}

#top-banner h1 {
font-size:30px;
font-family:Arial Black, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#fff200;
display:block;
margin:0 0 0 10px;
padding:0;
}

#top-banner p{
font-family:Arial Black, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:normal;
font-size:17px;
position:absolute;
top:12px;
right:10px;
}

#ex_display_holder ul {
float:left;
margin:49px 0 0 0;
height:325px;
width:100%;
padding:0;
}

#ex_display_holder ul li {
display:inline;
height:324px;
width:33%;
float:left;
margin:0 0px 0 0;
padding:0;
list-style:none;
border-left:1px solid #383838;
border-right:1px solid #000000;
background:url(../images/offers/ex-display-radial.jpg) no-repeat 0 0;
}

#ex_display_holder ul li.left {
border-left:none;
}

#ex_display_holder ul li.right {
border-right:none;
}

#rangemaster-pro a, #rangemaster-class a, #falcon-1092 a {
height:61px;
width:162px;
display:block;
text-indent:-9999px;
margin:10px 0 0 60px;
background:url(../images/offers/rangemaster-logo.png) no-repeat 0 0;
}

#falcon-1092 a {
background:url(../images/offers/falcon-logo.png) no-repeat 0 0;
width:146px;
height:61px;
margin:10px 0 0 80px;
} 

#rangemaster-pro a, #rangemaster-class a {
background:url(../images/offers/lacanche-logo.png) no-repeat 0 0;
}

#ex_display_holder ul li h2, #ex_display_holder ul li h3 {
text-align:center;
} 

#ex_display_holder ul li h2 {
font-family: Impact, Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
font-weight:normal;
font-size:21px;
margin:10px 0 0 0;
}

#ex_display_holder ul li h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
margin:10px 0 15px 0;
}

#ex_display_holder ul li p {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:40px;
color:#fff200;
font-weight:bold;
margin:0;
}

#ex_display_holder ul li img {
margin:13px 0 0 0;
}

#bottom-banner {
height:32px;
background-color:#fff200;
width:100%;
position:absolute;
bottom:0;
left:0;
}

#bottom-banner p {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
color:#000000;
font-weight:bold;
margin:7px 0 0 0;
}

#modeltext {
margin-left: 255px;
margin-top: 112px;
width: 320px;
}

#modeltext p {
line-height: 18px;
}

#displaytext {
width: 311px;
height: 200px;
margin-left: 226px;
margin-top: 154px;
color:#333333;
}



/*----- Functional tabs offer selectors ------*/

/* root element for tabs  */
#full_width_nav_bar {
border-left:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;
height:380px;
float:left;
width:820px;
margin:0;
padding:0;
}

#full_width_nav_bar div.manufacturer_panes{
margin:0;
padding:0;
width:820px;
height:345px;
position:relative;
overflow:hidden;
background:#ffffff;
}


ul.tabs {
	background:url(../images/offers_sprite_bg.jpg) repeat-x 0 0;
	list-style-type: none;
	margin:0 !important; 
	padding:0;
	height: 35px;
	list-style: none;
}

/* single tab */
ul.tabs li {
    float: left;
	padding: 0px;
	text-indent: 0px;
	margin:0 !important;
	list-style-image: none !important;
	border-right:1px solid #9b9a9a;
}


/* link inside the tab. uses a background image */
ul.tabs a {
	position: relative;
	text-align: center;
	padding: 0px;
	line-height: 35px;
	height: 35px;
	margin: 0px;
	width: 163px;
	display: block;
	background:url(../images/offers_sprite_bg.jpg) no-repeat 0px 0px;
	color: #fff;
	font-size: 13px;
	letter-spacing:0.2px;
	top: 1px;
	text-decoration: none;
	font-weight:bold;
	outline:none;
}

ul.tabs a:active {
	outline-style: none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: 0px -37px;
	color: #fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current {
	background:#FFFFFF;
	color: #000 !important;
	cursor: default !important;
}

ul.tabs a.current:hover {
	background-position: -420px -70px;
	color: #000 !important;
	cursor: default !important;
}

ul.tabs li.current a {
	background-position: -420px -62px;
	color: #000 !important;
	cursor: default !important;
}

ul.tabs a.s {
	width: 81px;
	background-position: -553px 0px;
}

ul.tabs a.s:hover {
	background-position: -553px -31px;
}

ul.tabs a.current.s {
	background-position: -553px -62px;
}

ul.tabs a.l {
	width: 174px;
	background-position: -248px 0px;
}

ul.tabs a.l:hover {
	background-position: -248px -31px
}

ul.tabs a.current.l {
	background-position: -248px -62px;
}

ul.tabs a.xl {
	width: 248px;
	background-position: 0px 0px;
}

ul.tabs a.xl:hover {
	background-position: 0px -31px;
}

ul.tabs a.current.xl {
	background-position: 0px -62px;
}

div.manufacturer_panes div {
	display: none;
	padding:0;
	border-top:0;
	position:absolute;
	top:0px;
	left:0;
	background:#FFFFFF;
	height:100%;
	width:100%;
}

div.manufacturer_panes div img.badge {
margin:0;
padding:0;
outline:none;
}

div.manufacturer_panes div img.prod_image_manu {
position:absolute;
top:10px;
left:700px;

}

div.manufacturer_panes div p {
float:left;
margin:30px 0 0 60px;
padding:0;
font-weight:bold;
font-size:25px;
color:#868585;
background:#ffffff;
text-align:right;
line-height:normal;
clear:both;
}

div.manufacturer_panes div a {
float:left;
margin:110px 0 0 -250px;
font-size:15px;
color:#ff9900;
font-weight:bold;
text-decoration:underline;
}

/*---- Britannia Offer text ----*/

#sigmatext p {
margin-top: 0;
font-size: 12px;
line-height: 18px;
margin-bottom: 8px;
}

#sigmatext {
margin-top: 90px;
margin-left: 258px;
height: 215px;
width: 214px;
}