body
{
    background-color:#F7941E;
    font-family:Arial,Verdana, Helvetica, sans-serif;
    font-size:62.5%;
    color:#FFFFFF;
    line-height:1.5em;
}
a { color:#F7941E; text-decoration:none; }
h1 { font-size:50px;  font-weight:normal;  } /*font-size:3.9em; line-height:1.3em;*/
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:1.0em; }
h6 { font-size:0.9em; }
p  { font-size:1.3em; margin-bottom:15px; }

#pagetitleSWF{ color:#F7941e; }

.clear { clear: both; display: block; height: 1px; line-height: 1px; }

.btn { display:block; float:right; width:280px; background-color:#000000; color:#FFFFFF; margin:5px 10px 5px 0; line-height:28px; height:28px; text-align:center; font-weight:bold; font-size:1.1em; } 
.btn_prev { float:left; width:auto; padding:0 20px; }

/* Kopreplacement ================================== */

/*
h1#algemenevoorwaardentitle {text-indent:-9999px;background: #000000 url('../img/titles/title_algemenevoorwaarden.gif') no-repeat top left; height:122px;}
h1#disclaimertitle {text-indent:-9999px;background: #000000 url('../img/titles/title_disclaimer.gif') no-repeat top left; height:61px;}
h1#contacttitle {text-indent:-9999px;background: #000000 url('../img/titles/title_contact.gif') no-repeat top left; height:61px;}
h1#hometitle {text-indent:-9999px;background: #000000 url('../img/titles/title_wegaanelkaarmatsen.gif') no-repeat top left; height:122px;}
h1#registrerentitle {text-indent:-9999px;background: #000000 url('../img/titles/title_wordlidvanmats.gif') no-repeat top left; height:122px;}
h1#hoewerkthettitle {text-indent:-9999px;background: #000000 url('../img/titles/title_hoewerkthet.gif') no-repeat top left; height:61px;}
h1#partnerstitle {text-indent:-9999px;background: #000000 url('../img/titles/title_nualmatsen.gif') no-repeat top left; height:61px;}
h1#schaatserstitle {text-indent:-9999px;background: #000000 url('../img/titles/title_matsindebocht.gif') no-repeat top left; height:122px;}
*/

/* =================================================================================== */
/* CENTREREN & HOOGTE =================================*/

#container  { margin-left: auto; margin-right:auto; width: 980px; height:100%; }

/* HEADING ================================== */
#header { padding-top:10px; font-size:1.4em; position:relative;}
#header #menu { background: #000000 url('../img/rounded_corner_blk.gif') no-repeat top right;  height:38px; padding-left:7px; }
#header #menu ul { height:38px; /*padding-top:12px; */font-size:1.2em; }
#header #menu ul li { display:block; float:left; }
#header #menu ul li a { color:#FFFFFF; font-weight:bold; line-height:38px; margin-left:13px; margin-right:17px; }
#header #menu ul li a.hover { color:#F7941E; }
#header #menu ul li a.active { color:#F7941E; }

/* Menureplacement ================================== */
/*#header #menu ul li a.home { display:block; color:White;}
#header #menu ul li a.hoewerkthet { display:block; color:White;}
#header #menu ul li a.nualmatsen { display:block; color:White;}
#header #menu ul li a.disclaimer { display:block; color:White;}
#header #menu ul li a.contact { display:block; color:White; }

#header #menu ul li a.home:hover, #header #menu ul li.active a.home { background-position: 0 -43px; }
#header #menu ul li a.hoewerkthet:hover, #header #menu ul li.active a.hoewerkthet { background-position: -125px -43px; }
#header #menu ul li a.nualmatsen:hover, #header #menu ul li.active a.nualmatsen { background-position: -310px -43px; }
#header #menu ul li a.disclaimer:hover, #header #menu ul li.active a.disclaimer { background-position: -475px -43px; }
#header #menu ul li a.contact:hover, #header #menu ul li.active a.contact { background-position: -640px -43px; }
#header #menu ul li.active a.active {color:#F7941e;}
*/
/* CONTENT ================================== */
#content { display:block; background: #000000 url('../img/rounded_corner_blk.gif') no-repeat top right; height:100%; margin-top:5px; padding:20px; }
#content #textColumn { display:block; float:right; width:440px; }
/* #content #textColumn h1 {margin-bottom:20px; line-height:1.4em; } */
#content #textColumn p.intro { font-weight:bold; color:#F7941E; } 
#content #textColumn ol { list-style-type:decimal; list-style-position:outside; font-size:1.3em; }
#content #textColumn ol li { margin-bottom:7px; }
#content #imageColumn { display:block; float:left; width:480px; }
#content #imageColumn img { margin-bottom:13px; }

#content #imageColumn ul#partnerList img { margin-bottom:0; }
#content #imageColumn ul#partnerList li { display:block; float:left;   }
#content #imageColumn ul#partnerList li a { display:block; height:120px; width:150px; margin:0 7px 7px 0; line-height:120px; vertical-align:middle; text-align:center; background: #ffffff url('../img/rounded_corner_wht.gif') no-repeat top right; }
/*#content #imageColumn ul#partnerList li a:hover { background-color:#F7941E; background-image:url('../img/rounded_corner_orng.gif'); }*/
#content #imageColumn ul#partnerList li a img { margin-top:35px; }

#content #sportsClubLeftColumn {width:440px; float:left;}
#content #sportsClubRightColumn {width:480px; float:right;}

.contentLeft { width:705px; float:left; padding-left:15px;}
.contentRight { width:255px; float:right;}

/* CONTENT ================================== */
#footer { display:block; position:relative; width:980px; height: 70px; background: #000000; }
#footer #shadow { position:absolute; z-index:999; display:block; width:980px; height:46px; top:10px; left:0;}

/* liScroll style declarations */
/* =========================== */
 
.tickercontainer { /* the outer div */

width: 980px; 
height: 60px; 
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top:5px;
width: 960px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
height:50px;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
line-height:46px;
padding:5px 0px;

}
ul.newsticker img {
	padding:0px 20px;
}


/* FORM STYLES ==========================*/
.pnlSearch, .pnlContact, #pnlRegister, .pnlConfirm { display:block; width:460px; padding:13px; color:#000000; font-size:1.2em; background: #F7941E url('../img/rounded_corner_orng.gif') no-repeat top right;}
.pnlSearch h1, .pnlContact h1, #pnlRegister h1, .pnlConfirm h1 {font-size:2.0em;margin-bottom:10px; color:#FFFFFF !important;}
.formStyle label { display:block; float:left;  width:160px; }

.formStyle input, .formStyle textarea, .formStyle select {width:255px; margin-bottom:3px; border:small black;}
.formStyle .mandatory, .formStyle .dfMandatory { display:block; float:left; width:10px;  }
.formStyle .inlineFormElement { display:block; clear:right; height:18px;  } /* line-height:12px; */
.formStyle .inlineFormElement input, .formStyle .dfRadiobuttonList input, .formStyle .dfCheckboxList input { display:block; float:left; width:auto; clear:none; margin:0; }
.formStyle .inlineFormElement label, .formStyle .dfRadiobuttonList label, .formStyle .dfCheckboxList label { clear:none; width:auto; padding:2px 7px 3px 3px; }
.formStyle .mandatoryText, .mandatoryText { font-size:0.9em; margin-top:5px; }
.formStyle .error { clear:both; margin-left:180px; height:20px; }
.dfControl .error { margin-left:0;}
.formStyle .dfControl {display:block; float:left;}
.formStyle a {color:#000000;text-decoration:underline;}
.errortext {display:block;color:Red;margin-bottom:5px;}
#pnlRegister .RegisterSteps {font-weight:bold; font-size:1.1em; border-bottom: solid 1px #000000; padding-bottom:3px; margin-bottom: 5px;}
.interessecat { display:block; margin: 5px 0; font-weight:bold;}

/* autofill */
.autocomplete_completionListElement 
{  
	z-index:999;
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow: auto;
	max-height:150px; 
	height:auto !important; 
	text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}



/* OVERLAY ================================*/
#overlay { float:left;position: absolute;display:none;height:0px;width: 100%; z-index: 999;  left:0px;top:0px; background-color:#000; opacity: .6;filter: alpha(opacity=60); }
/* see pnl-styles for pnlOverlay-style!*/
.overlayClose { float:right;}
.overlayCloseLink {  color:#f18e00; text-align:center;}
.closeLinkOverlayPricepool { color: #000000; font-size:10px; text-decoration:none;}
.closeLinkOverlayPricepool:hover { text-decoration:underline;}
#overlayHeaderSWF { color:#f18e00; margin-bottom:10px; font-size:2.2em;}
#overlayText { margin-right:5px; font-size:1.0em;}
#overlayText p {clear:left;}
.overlayImage { float:right;}
#overlayMore { display:block; margin-top:10px;}
#overlayMore a	{ color:#f18e00;font-size:1.1em; font-weight:bold;height:20px;line-height:20px;}
#overlayMore a:hover {text-decoration:none;}
#overlayMore a.outlink { float:right; padding-right:30px; background: transparent url('../img/btn_arrow_right.gif') no-repeat right top;}
#overlayMore a.partner { float:left;}

/* Boxes ==================================*/

#offerColumnLeft {display:block; margin-right: 10px; float:left; }
#offerColumnRight {display:block; float:right;  }

/* PANEL STYLES ==========================*/
/* pnl-wrapper*/
.pnl { width: 690px; margin:10px 0px; float:left;}
.pnlTransactions { width: 690px; margin:10px 0px; }
.pnlRect { width: 342px; margin:10px 0px;   }
.pnlSmall { width: 346px; margin:10px 0px;}
.pnlSportsClub { background:#FFFFFF url(../img/rounded_corner_white.gif) no-repeat scroll right top; width: 430px; margin: 10px 0px;}
.innerPnlSportsClub { margin:10px 10px 0px 10px;}
.pnlGrad { width: 352px; margin:10px 0px; }
.pnlRight { float:left;width: 200px; margin-left: 20px; margin-top: 60px;}
.pnlOverlay { margin-left: -250px;left: 50%;position:absolute;z-index: 9999;top:250px;width: 501px; margin-top:0px !important;}
.pnlFAQ { width: 425px; margin:0px; }

.pnlTransactions .transactionsTable { margin-top: 20px; }
.pnlTransactions .selectHeader .select .pnlDateFromLeft { width:35px; }
.pnlTransactions .selectHeader .select .pnlDateFromRight {  }
.pnlTransactions .selectHeader .select .pnlDateFromLeft, .pnlTransactions .selectHeader .select .pnlDateFromRight { float:left; }

.profilebutton{ height:30px; width:200px; display:block; background: #F7941E url('../img/mats_smallarrow.gif') no-repeat top right; color: White; padding: 12px 0px  0px 10px;font-size: 16px;font-weight: bold;}

	/* pnl-top */
.pnlTop { background:#FFFFFF url(../img/rounded_corner_white.gif) no-repeat scroll right top; padding: 12px 20px 0px 15px; font-size:1.2em;line-height:14px;min-height: 5px;height:auto !important;height:5px;}
.pnlSmall .pnlTop { background-color: #ffffff; padding-left:10px !important;}
.pnl .pnlSmall .pnlTop { background-image: url('../img/bg_pnlSmall_top.gif') !important; padding-left:0px !important;}

.pnlGrad .pnlTop { background-image: url('../img/bg_pnlGrad_top.gif') !important;}
.pnlRight .pnlTop { background-image: url('../img/bg_pnlRight_top.gif') !important;  padding: 15px 0px 0px 9px; min-height: 44px;height:auto !important;height:44px;}
.pnlRight .pnlTop .ad { display:block; margin: 6px 0px;}
				  .pnlRightCnt { margin-top:10px; }
				  .pnlRightCnt 	.btnPanel{ padding-left:15px; width:210px; }
				  .pnlRightCnt 	h3 { margin-bottom:5px;}
.pnlRight .pnlTop .logo {  display:block;text-align:center; }		
.pnlTop .btn { padding: 3px 20px 3px 10px;}
.pnlTop hr 		  {  height:1px; border-color:#afafaf; border-style:solid; border-width:1px 0px 0px 0px; }
.pnlRight .pnlTop hr {  height:1px; border-color:#afafaf; border-style:solid; border-width:1px 0px 0px 0px; }
.pnlRight .pnlTop a { color:#f18e00;}
.pnlRight .pnlTop a:hover { text-decoration:none;}
.pnlRight .pnlTop .readmore { color:#f18e00;clear:both;text-decoration:none; float:left;font-weight:bold;padding-left:30px;margin-bottom:5px;line-height:20px;background: url('../img/btn_arrow_right.gif') no-repeat left top;}
.pnlRight .pnlTop .readmore:hover { text-decoration:underline;}
.pnlOverlay .pnlTop { background-color:#FFFFFF; height:14px !important; padding:0px !important; min-height:14px !important;}
.pnlTransactions .pnlTop { padding: 0px !important; line-height:15px !important;}

/* merchandise-styles*/
.pnlTop .headerPanelMerchandise {width:301px;color:#7f7f7f;font-size:1.5em;line-height:26px;margin-bottom:5px;}
.pnlTop .headerPanelMerchandise span {color:#f18e00;float:right;}
.pnlTop .merchImg {text-align:center;}

.faqCategory {margin-top: 20px;}
.faqCategory {padding-bottom: 20px;}
.faqCategory h4 {float: left; margin-right: 25px;}
.faqCategory input {float: left;}
.pnlFAQ {margin-bottom: 2px;}
.pnlFAQ .accordion_headings { color:black; font-weight:bold;padding: 5px 20px 5px 20px;background-color: white; font-size:1.2em;line-height:1.5em;min-height: 5px;height:auto !important;height:5px; cursor:pointer;}
.pnlFAQ .header_highlight,.pnlFAQ .accordion_headings:hover { background-color:#f18e00 !important; color:White; }
.pnlFirst .accordion_headings  { padding: 5px 20px 5px 20px;font-size:1.2em;line-height:1.5em;min-height: 5px;height:auto !important;height:5px;}

.pnlGradBody {   min-height:100px;  height:auto !important;  height:100px;}

/* pnl-body */
.pnlCenter { background-color:#FFFFFF; padding: 0 20px 0 15px; font-size:1.2em;line-height:1.5em;min-height:5px; color:#000000;}
.pnlCenter h3 {float:left;}
.pnlCenter img { margin-left:10px;}
img.imgLeft { float:left;margin-right:10px;}
.pnlCenter p {margin:0 0 10px 3px;}

.ordersleeve {padding-left: 175px; margin-bottom: 20px;}
.pnlCenter .offeredit_image {margin-top:15px;margin-left:50px; float:left !important;}

.linkRight { color:#cac9ca; font-size:11px; float:right; margin:15px 10px;}
.linkRight a { color:#f18e00; font-weight:bold; text-decoration:none;}
.linkRight a:hover { text-decoration:underline;}
.pnlCenter .points { display:block;margin-top:10px; margin-left:130px;}
.pnlCenter .points h2 { float:left;}

.pnlCenter .sportsclubLeftCol { width:170px; float:left; }
.pnlCenter .sportsclubLeftCol .sportclubDiscountSWF { margin-left:20px;}
.pnlCenter .topsavers { float:left; width:400px; }
.pnlCenter .topsavers ul {margin-left: 5px; float:left; width:190px; list-style-position:inside; }
	
.pnlTransactions .pnlCenter { padding-left:15px !important; }
.pnlRect .pnlCenter{ background: #fff url('../img/bg_grad_pnlRect.gif') repeat-x bottom center; border-top:2px solid #f18e00;border-bottom:1px solid #f18e00; padding-top:10px;padding-bottom:10px;max-height:140px;  height:140px; overflow:hidden;}
.pnlRect .pnlCenter .pnlRectContent { max-height: 120px;height: 120px; } 

.pnlCenter .pnlRect .pnlCenter { font-size:1.0em; }
.pnlCenter center .pnlRect .pnlCenter  { text-align:left;}

.merchantOfWeekImage { float:right; padding:0px 0px 3px 3px; }

.pnlRect .btnEdit { 	margin-top:0px !important; background: url('../img/bg_grad_allpartners.gif') repeat-x top center;}

/* pnl-bottom */
.pnlBottom,.pnlBottomOpen { background-color: #ffffff; padding: 2px 20px 15px 15px;font-size:1.2em;line-height:14px;min-height: 21px;height:auto !important;height:21px;}

.pnlSmall .pnlBottom { background-color: #ffffff;}
.pnlGrad .pnlBottom { background-image: url('../img/bg_pnlGrad_bottom.gif') !important;min-height: 140px;height:auto !important;height:140px;}
.pnlRight .pnlBottom { background-image: url('../img/bg_pnlRight_bottom.gif') !important;min-height: 10px;height:auto !important;height:10px; }
.pnlOverlay .pnlBottom { background-color:#FFFFFF; height:14px !important;min-height:14px !important; padding:0px !important;}

.pnlFAQ .pnlBottom { background-image: none;}
.pnlLast .pnlBottom { background-image: url('../img/bg_pnlFAQ_bottom2.gif') !important;padding:0px !important; }
#pnlBottomLast { height: 20px !important;}
.pnlBottomOpen { background-image: url('../img/bg_pnlFAQ_bottom.gif') !important;margin-top:-5px !important; }

/* pnl-styles custom */
.pnlBottom .readmore,.pnlRect .readmore  { color:#f18e00;text-decoration:none; font-weight:bold;float:right; padding-right:30px;line-height:20px;background: url('../img/btn_arrow_right.gif') no-repeat right top;}

/* LOGIN ==================================*/ 
/* pre login*/

#prelogin 
{	margin-left:350px;
	margin-top:220px;
	width: 312px;
	height: 157px;
	background:url('../img/bg_prelogin.gif') no-repeat center center;
}

#prelogin .login { background:none !important; position:relative;left:auto;padding-left:15px; padding-top:10px;}

/*.login {position:absolute;left:669px;top:10px;height: 160px; width: 277px;padding-left:5px; }
.login {background: url('../img/bg_login.jpg') no-repeat left 10px; position:absolute;top:0px;left:830px;height: 192px; width: 280px; padding:0px 20px 0px 10px;}
*/
.login { position:absolute; width:250px; overflow:hidden; top:0px; right:0px;}
.loggedin { background-image: url('../img/bg_loggedin.jpg') !important; }
/*.loginForget { background-image: url('../img/bg_loginForget.jpg') !important; }*/

#loginTop { margin-top:13px;height:47px; padding-top:10px; background-color:#000; background:#000000 url(../img/rounded_corner_blk.gif) no-repeat scroll right top; }
#loginTop p { margin: 0 0 0 10px;}
#loginTop p.loginTopSubHeader { color:#F7941e; margin-top:3px; }
#loginMiddle { height:85px; padding: 6px 10px 0 5px; background-color:#FFF; }
#loginMiddle label{ font-size:11px;}
#loginMiddle h4 {color: #F7941E; margin-left: 5px; font-size: 11px;}
#loginMiddle h2 {color: black; margin: 2px 0px 2px 5px;}
#loginBottom { background-color:#FFF; margin-top:5px; padding:2px 0 2px 0;  }
#loginBottom  a { color:#F7941E; font-size:11px; }


.labelLoginPanel { font-size:1.1em; padding-left:3px; margin-bottom:5px; }
.login h1 { padding-top:10px; }
.login label { float:left; width:100px; padding-left:1px;margin-left:3px; font-size:1.1em; padding-top:3px;margin-bottom:4px; color:#F7941E; font-weight:bold;}
.login input { float:left; width:98px; margin-left:2px; border: 1px solid #f18e00; color:#333; background-color:#F7941E; }
.login input.inputLoginWide { width:120px;}
.login input:focus { background-color:#F7941E; }
.loginForget input { width:98px; }
.login .inputButton { position:relative;width:auto !important;  margin-left:3px !important; float:left; border: none !important; } 
.login .inputButton { position:relative !important; top:auto !important; margin-left:3px !important; float:left; border: none !important;}
.login .inputButtonSubmit { float:right;width:auto !important;margin-right:3px !important;}
#loginBottom .inputButton { display:block;background: url('../img/btn_logout.gif') no-repeat left top; width:85px !important;margin-left:193px !important; height:22px; }

.login .introtext {  font-size:10px; color: #000000;margin-bottom:5px;padding-left:5px; padding-top:2px; width:230px;}
.login .errortext { display:block;color:Red; font-weight:bold; margin-left: 110px; margin-top:2px;}
.loginForget .errortext { color: #f18e00 !important; }

.login .loginRecoverPass { color: #FFFFFF; text-decoration:none; font-size:1.1em;padding-left:5px;  }
.loginForget .loginRecoverPass { color: #f18e00 !important; }

.login .loginRecoverPass:hover { text-decoration:underline;}

.login .activatecardLoginSWF { display:block;margin-left:15px;color:#ffffff; font-size:1.1em; font-weight:bold; text-decoration:none;}

.login .loginLinks { float:right; text-align:right; padding-right:10px; margin-top: 5px; }
.login .loginLinks a { font-size:11px; line-height:1.2em; font-weight:bold; }
.login .loginLinks a:hover { text-decoration:none;}


#loginName { padding: 0px 5px; }
#loginName h4 { font-weight:normal; color:#000; padding-bottom:0px;}
#loginName h4.loginName{ font-weight:bold;}	

.loginLogo {padding: 5px; }
 
#loginRemainder {margin-right:2px;float:right;background: url('../img/bg_grad_login_remainder.gif') no-repeat right top; width:200px;  min-height:50px; height:auto !important; height:50px; padding-right:15px; padding-top:7px; text-align:right;}
#loginRemainder h4 { font-weight:normal; color:#000; padding-bottom:0px;}
#loginRemainder h1,#loginRemainder h3 { display:inline; padding-left:3px;}

a.btnFooter, a.btnFooterLarge {background:#F7941E url(../img/mats_smallarrow.gif) no-repeat scroll right top; color:White; display:block; float:left; font-size:16px; font-weight:bold; height:30px; margin-bottom:8px; margin-left:20px; padding:12px 0 0 10px; width:430px;} 
a.btnFooterLarge {width: 430px; margin-right:0px; color: White;}
#textColumn a.btnFooter{margin-left: 0px;}
/* RODO:replace background image with image in control */
a.videobutton {cursor:pointer; height:78px; width:430px; color: White; background: #F7941E url(../img/mats_bigarrow.gif) no-repeat scroll right top; margin-bottom: 10px; display: block; padding: 12px 0px  0px 10px;}

div.ActualOffers {background:#FFFFFF url(../img/rounded_corner_white.gif) no-repeat scroll right top;  width:460px; height:206px; margin-top:5px; padding: 20px 10px 20px 10px; color:#F7941E;}
div.ActualOffers h2 {font-size:16px; margin-bottom:10px;}
div.ActualOffers a img {width:460px; height:160px; display:block;}
div.ActualOffers a.offerlink {padding: 0px 10px; font-size: 14px; font-weight:bold;}

.pnlSportsClub p {color: #000000; padding: 10px 0px;}
.pnlSportsClub img { margin-top:15px; margin-left:5px;  }

.cityList {text-align:center;}
.cityList ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin-top:15px;}
.cityList ul li {display:inline;line-height:22px;margin-right:7px;}
.cityList ul li a {color:#F18E00;font-weight:bold;margin-right:7px;text-decoration:underline;}

.allpartnersList {margin:0px; clear: both;}
.allpartnersList li.partnerLink {cursor:pointer;}
.allpartnersList li {background-color:#FFFFFF;border:1px solid #DFDFDF;display:block;float:left;height:auto !important;list-style-type:none;margin:5px 10px;min-height:125px;position:relative;width:140px;}
.allpartnersList li .partnerlogo {display:block;margin-top:-42px;position:absolute;top:50%;}
.allpartnersList li .partnerlogo span {display:block;position:absolute;text-align:center;width:140px;}
.allpartnersList li .partnername {background:transparent url(../img/bg_grad_allpartners.gif) repeat-x scroll center bottom;border-top:1px solid #E7E7E7;display:block;height:auto !important;margin-top:85px;min-height:28px;padding-bottom:3px;padding-top:8px;position:absolute;text-align:center;width:140px;z-index:1;}


#map {width: 465px; height: 336px; margin-top:10px;}
#mapOverlay {visibility:hidden; color: #000000;	background-color:#ffffff; border:1px solid #f18e00; font-size:11px; padding:5px;  display:inline; position:absolute; z-index:998;}
.mapOverlayMessage { display:none;position:absolute; margin-top:-250px;margin-left:150px;z-index:999;background-color:#ffffff; width:420px; padding:5px 5px 20px 5px; border:1px solid #ccc;}
.mapOverlayMessage .errorText {color: #000000; margin: 20px 10px; }
#mapLoadingOverlay { visibility:hidden;padding-top:106px;background-color:#fff; opacity: .8;filter: alpha(opacity=80); text-align:center;margin-top:10px;position:absolute; z-index:999; width: 476px; height: 230px;}

/* shoplist titles */
#shoplist {  width:425px;}
div.shoplistItem {font-size:1.2em;line-height:1.5em; padding:2px;cursor:pointer;display: block;width:425px;min-height:20px;height:auto !important;  height:20px;color: #000000; cursor:pointer;}
div.shoplistItem .shopName	  { display:block;float:left;padding-left: 5px;font-weight: bold;}
div.shoplistItem .shopAddress { display:block;float:left;padding-left:5px; }
div.shoplistItem .shopCity { display:block;float:left;padding-left:5px; }
div.shoplistItem .shopOffers { display:block;float:left; width: 130px; text-align:center; border-left: 2px solid #dfdfe0; font-weight:bold;}
div.hightlightMouseOver span {color:#f18e00;}

div.shoplistItemhighlight { background:none; }
div.shoplistItemhighlight .shopName {display: block; padding-left: 25px; background: transparent url(../img/arrowBig_down.gif) top left no-repeat !important; color:#f18e00;}
div.hightlightMouseOver .shopName { background-image: url(../img/arrowBig_rightHover.gif);}

.shopnamePopup { font-weight: bold;color:#f18e00; font-size:1.1em;}

div.innerShopListItem { background-color: #ffffff; color: #000000; height: 20px; width:425px}
div.innerShopListItemhighlight { background-color:#f7941e; color: #000000; height: 20px; width:425px}

.quicklink {color: #000000;}

.shopnamePopup { font-weight: bold;color:#f18e00; font-size:1.1em;}

.arrowUp { display:block; background: url('../img/arrowUp.gif') no-repeat left 2px ; padding-left:15px;color: #f18e00;font-weight:bold;font-size:0.9em;}
.arrowUp:hover { text-decoration:none;}
.shopLogo {float:right; margin-right:15px; margin-bottom:5px; border:1px solid #f18e00;}

.discount { display:block; margin-left:15px; margin-top:5px;}
.discountText {font-size:16px;font-weight: bold; margin-right:5px; color: #7f7f7f;line-height:22px; }
.discountPerc { font-size:22px;padding:2px 5px;font-weight: bold; color:#fff; background-color:#f18e00;}

.discountPercPopup { padding:1px 5px;font-weight: bold; color:#fff; background-color:#f18e00;}
/* shoplist content */
div.shoplistItemContent {display: none; margin-left: -250px;left: 50%; position:absolute; z-index: 9999; top:250px; width: 501px; }
div.shoplistItemContent .offerList {	width: 425px;}
div.shoplistItemContent .offerList li {	width: 425px; margin:0px 0px 10px 0px;}
div.shoplistItemContent h6 { color:#7f7f7f;}
.offerList .imgLeft { border:1px solid #f18e00;}

.shoplistItemContent .pnlTop { background-image: url('../img/bg_pnlOverlay_top.gif') !important; height:14px !important; padding:0px !important; min-height:14px !important;}
.shopListItemContent .pnlCenter { font-size:1.2em;line-height:1.5em;background: #ffe3cd url('../img/bg_grad_offerlist.gif') repeat-x left top; }
.shopListItemContent .pnlBottom { background-image: url('../img/bg_pnlOverlay_bottom.gif') !important; height:14px !important;min-height:14px !important; padding:0px !important;}

#givecardnumber {display:block; width:400px; height:350px;margin:auto; background: transparent url('../img/bg_card.jpg') no-repeat left top; position:relative;}
#givecardnumber label {margin:0;width:auto;position:absolute; top:150px; left:50px; font-weight:bold;color:#676564;font-size:0.9em;}
#givecardnumber input {margin:0;position:absolute; top:170px; left:50px; font-weight: bold; width:180px;}
#givecardnumber .btn {position:absolute; top:170px; left:284px;}
#givecardnumber .error {position:absolute; top:195px; left:50px;}

#givecardnumber_small {display:block; width:250px; height:180px;margin:auto; background: transparent url('../img/bg_card_small.jpg') no-repeat left top; position:relative;}
#givecardnumber_small label {margin:0;width:auto;position:absolute; top:75px; left:40px; font-weight:bold;color:#676564;font-size:0.9em;}
#givecardnumber_small input {margin:0;position:absolute; top:90px; left:40px; font-weight: bold;}
#givecardnumber_small .btn {position:absolute; top:290px; left:270px;}
#givecardnumber_small .error {position:absolute; top:165px; left:50px;}
#givecardnumber_small .number {position:absolute; top:95px; left:40px; font-size: larger; font-weight: bold;}

#footerBtn {margin-top:15px;}
#pnl_extra { font-size:22px;}
#pnl_extra .videobuttonLabelBlack { color:#000000; margin-bottom:0px; margin-top:6px; }
#pnl_extra .videobuttonLabelWhite { color:#FFFFFF; margin-bottom:0px;  }


#footerBtn .pnlSearch {float:left; min-height: 60px; padding:10px;}
.pnlSearch .formStyle label { width:90px; font-weight:bold; }
.pnlSearch .formStyle input { width: 275px; }
.pnlSearch .formStyle a { margin-right: 10px; text-decoration:none; font-weight:bold; font-size: 16px; }
.pnlSearch .formStyle a:hover { text-decoration:underline;  }

.registerbtn { float:right; margin-right:10px; }


h2.points {color: #F7941E;}

#newsletter {width: 425px;}
#newsletter div.item{ background-color:White; color:#000000; cursor:pointer;  display:block; font-size:1.2em;  height:auto !important;  line-height:1.5em; min-height:20px; font-weight:bold; padding:2px; width:425px; margin-bottom: 2px;}
#newsletter div.item:hover{ background-color:#F7941E; color:#FFFFFF; cursor:pointer;  display:block; font-size:1.2em;  height:auto !important;  line-height:1.5em; min-height:20px; font-weight:bold; padding:2px; width:425px; margin-bottom: 2px;}

#newsletter div.item a{color: Black; width:100%;}
#newsletter div.item:hover a {color: White; width:100%;}

div.newsitem {background:#FFFFFF url(../img/rounded_corner_white.gif) no-repeat scroll right top;  width:460px; margin-top:5px; padding: 20px 10px 20px 10px; color:black;}

/* changes 100203 */
label.ReadonlyItem { width:400px; }
#interests { margin: 10px 0 0 0; }

.formStyle fieldset input { width:250px; float:left; }
.formStyle fieldset label { clear:both; width:180px; } /**/

/*
#givepoints .formStyle fieldset input { float:left; }
#givepoints .formStyle fieldset label { clear:both;  }
*/

.formStyle fieldset span.mandatoryEmpty { height:1px; padding-bottom:5px;}
.formStyle fieldset .error {clear:both; float:left; width:200px;  } /* margin-left:190px; */

/*.formStyle .personalList fieldset label { clear:none; }*/
.formStyle .personalList .ReadonlyItem { clear:none; }

.formStyle .subset label.inlineFormElement { clear:both;  }
.formStyle .subset label.ReadonlyItem {  width:350px; float:left;   }

/* contact page */
.formStyle textarea { width:250px; float:left; }

/* smashpoint page */
.formStyle #SmashpointsId label { width:0px;}
.formStyle #SmashpointsId .error { margin-left:0px;}

.transactionsTable tbody th { text-align:left; }
.transactionsTable tbody .transactionsTableDate { width:150px; }

.transactionsTable tbody .transactionsTableSellpoint { width:250px;}
.transactionsTable tbody .transactionsTableType { width:100px; }

/* registration page */
#pnlRegister .formStyle input, #pnlRegister .formStyle fieldset input { width:256px; }
#pnlRegister .formStyle textarea, #pnlRegister .formStyle select { width:260px; }
#pnlRegister .formStyle .inlineFormElement input, #pnlRegister .formStyle .dfRadiobuttonList input, #pnlRegister .formStyle .dfCheckboxList input { width:auto;}