@charset "UTF-8";
/* CSS Document */


/* RESETS */


/*
colours

dark gold 			999966
taupe grey			A6AB94
med taupe grey		B3BB9E
light taupe grey	F5F3F3

*/


/* Resets & Universals. */

@import "BM-styles-additional-classes.css";
@import "BM-styles-additional-graphics.css";
@import "BM-styles-additional-buttons.css";

html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, h7, table,
form, fieldset, a, img { margin: 0; padding: 0; border: 0; }

.a-left {text-align: left !important;}
.a-right {text-align: right; margin-right:12px;}
.a-center {text-align: center;}

ul {list-style:none;}
ol {padding-left:20px;}

html, body {height: 100%}
html>body #page {height: auto;	}

ul.disc {list-style:disc; padding-left:20px;}

.clear {clear:both;}

a, a:link, a:visited  {text-decoration: none; color:#990000; font-weight:bold;  }
a:hover {text-decoration: underline;}



hr {border:0; width: 100%; color:#000; background-color:#000; height:1px; margin:0; padding:0;}
hr.line {border-top:1px solid #A6AB94; margin-bottom: 20px;}









/*======== STRUCTURE ========*/	
/*/// separate structure from styling ///*/
		
body {}
/*different background headers per user type */
body.admin {background:url(../images/bg-header-admin.jpg) repeat-x 0 0}
body.retailer {background:url(../images/bg-header-retailer.jpg) repeat-x 0 0}
body.storeprof {background:url(../images/bg-header-storeprof.jpg) repeat-x 0 0}
body.login {background:url(../images/bg-header-login.jpg) repeat-x 0 0  #7a0e0e }

#page {position:relative;  width: 95%; min-width:800px; margin: 0 auto; min-height:100%; height:100%; height:auto; clear:right;} /* wraps the whole page */
	
#header {float:left; position:relative; width:100%; height:250px; margin-bottom:40px; z-index: 1000;} /* container for header divs */
#logo {position:relative; width:300px; height:50px; top:25px;} /* logo container */
#welcome {position:relative; width:100%; text-align:center; height:50px; top:35px;} /* welcome message conainter */
#utilities {width:100%; position:absolute; top:15px; text-align:right;}   /*position:absolute; top:15px; right:10px;} /* utility links container */
	#utilities li {display:inline; color:#969696;}
	#utilities a {font-weight:normal; color:#FFFFFF; }

	#utilities .access {display:inline; color:#e98832;}
	#utilities .liLogin {display:inline;  color:#e86060; }
	#utilities .liStoreProf {display:inline; color:#606de8;}
	#utilities .liAdmin {display:inline;color:#1eff00; }


/* current points container in header */
#current-points {position:absolute; top:180px; right:10px; width:230px; line-height:20px; height:20px; border:1px solid #fff; padding:3px; background-color:#690606; color:#fff;} 
	#current-points ul {margin:0 !important;}
	#current-points li {display:inline; margin-left:10px;}
	#current-points ul li.pointsBalanceLabel {color: #FF6633;}
	#current-points ul li.pointsBalanceAmt {color:#fff; font-weight:bold;}
	

	body.admin #current-points {background-color: #0a5602; }	
	body.admin #current-points .pointsBalanceLabel { color: #26bf6a;}
	
	body.storeprof #current-points { background-color:#040f6f;}	
	body.storeprof #current-points .pointsBalanceLabel {color: #0eacd3;}
	
	
	a:hover.btn, a:hover.btnR, a:hover.btnC{}
	
	
#profile,  #profileRetailer, #profileStoreProf, #profileAdmin {position:absolute; left:0; top:170px; } /* edit profile container */


#navigation-container {position: absolute; top: 252px; width:100%; left:0; z-index: 1000;} /*navigation container */

#content {min-height: 580px;
height: auto !important;
height: 580px;} /* content DIV containers */
#fullcolumn {position:relative; width:100%; padding:20px 10px;} /* 100% width */
#widecolumn {/*position: relative;*/ padding:20px 10px; margin-right:230px; z-index:-20;} /* paired with narrowcolumn */
	#fullcolumn #widecolumn { padding:0; background:none !important;} 
#narrowcolumn {position: relative;  float:right;  width:210px;  display:inline; padding:20px 10px 0 10px;} /* paired with widecolumn */

#pagetitle {margin-bottom:10px;} /* container for pagetitles. spans 100% across -- uses H2 */
#tools {position:relative; float:right; width:220px; /*top:12px;*/ /*border:1px solid #ccc;*/ text-align:right;} /* container for tools: i.e. export csv, print, PDF, etc. */
	#tools ul {position:relative; margin:-20px 0 0 0; padding:5px; border:1px solid #ebebeb;  } /* downloads toolbox on summary page */
	#tools ul li {text-align:left;}

#footer { position:relative;  width:100%; min-width:800px; height:18px; margin: 0 auto; background: url(../images/footerBack.gif);} /* footer container */
	body.admin #footer { background: url(../images/footerAdmin.gif) !important;}
	body.storeprof #footer { background: url(../images/footerStorProf.gif) !important;}

#legal {margin:0 auto; width: 940px; padding:10px 40px; } /* legal information container */

/* login page */
#loginContent {/*position:relative; top:-10px; width:926px; margin:0 auto; padding:0;*/ } 
#loginContent {position:relative; top:-70px !important; width:926px; margin:0 auto; padding:0; background-color:#fff;
min-height: 320px;
height: auto !important;
height: 320px;
border:10px solid #eaeaea;} /* contains login page content */

#homeMessage {float:left;width:230px !important; padding:20px !important;  margin-left:10px; }
#welcomeContainer {position:relative; float:left; width:260px; margin-right:10px; padding:20px 20px;  background: url(../images/logBack1.gif) no-repeat; display:inline;}
#loginContainer {position:relative; float:left; width:290px;  padding:20px 0px 20px 20px !important;  background:none !important; display:inline;}


/* login menu */
ul#loginMenu {margin:0; padding:0; border-top:4px solid #ebebeb; border-bottom:4px solid #ebebeb;}
	ul#loginMenu li {height:32px; line-height:32px; vertical-align:middle; border-bottom:1px dashed #ccc; background: url(../images/liMenuArrow.gif) top right no-repeat;}
	ul#loginMenu li:hover {background-color:#f2f2f2;}
	ul#loginMenu li.last {border:none !important;}
#login-image {float:left; width:260px; padding:0px; margin-right:10px; }
/*#login-image {margin:20px 0; padding:20px 0; border-top:1px solid #ccc; text-align:center;} /* user-specific image on login page */


/* redemptions */
#current-redemptions {position:relative; top:100px; margin:0 auto; text-align:center; }
	#current-redemptions li {display:inline;}
.redemptionsBalanceLabel {}
.redemptionsBalanceAmt {}


/* home page */
.news-item {border-bottom:1px solid #ccc; padding:10px 0;}
.news-item1 {border-bottom:1px solid #ccc; padding:10px 0; border-top:4px solid #ccc;}
/* pagination */
#paginate {padding: 5px; /*width:50%;*/ float:left; display:inline;}
#paginate .arrow {margin:0 3px; vertical-align: middle;}





/*======== REPORTs STRUCTURE ========*/
#report-detailInfo {position:relative; width:99%; background-color:#ececec;}	
#report-breadcrumbs {float:left; margin:0; padding:5px; width:60%;} /* where the user is in the report hierarchy. e.g. top > territory > market */
	#report-breadcrumbs li {margin-left: 0;	padding-left: 2px; list-style: none; display: inline;}
	#report-breadcrumbs li:before {content: "\0020 \0020 \0020 \00BB \0020";color: #999;}
	#report-breadcrumbs li.first:before {content: " ";}
	
#report-detail {float:right; margin:0; padding:5px; width:30%; text-align:right;}/* reportpage details container. e.g. manager > jon smith */
	#report-detail li {display:inline; list-style-position:outside; padding:5px; margin:5px;}



/*======== MENU PAGES STRUCTURE ========*/	
/*/// menu formatting on subhomepages ///*/

ul.menuContainer {position:relative; float:left; width:620px; margin-bottom:10px; clear:both; border-top: 4px solid #ececec;}

li.menubtn {display:block; float:left; width:200px; margin-right:10px; text-align:left; clear:both;  padding:0px;}
li.menubtn1 {display:block; float:left; width:200px; margin-right:10px; margin-top:2px; text-align:left; clear:both;  padding:0px;}

.menuStyle {/*font-family:Georgia, "Times New Roman", Times, serif !important; */color:#464646 !important; font-weight:normal !important; }

li.menudesc {display:block; float:left; width:390px; height: 38px; text-align:left; background-color:#f2f2f2; border-bottom: 1px solid #dddddd; margin:0px; padding:5px 10px; }

li.menudesc1 {display:block; float:left; width:390px; height: 38px; text-align:left; background-color:#f2f2f2; border-top: 2px solid #fff; border-bottom: 1px solid #dddddd; margin:0px; padding:5px 10px;}

/*======== MENU PAGES STRUCTURE (horizontal oritentation)
ul.menuContainer {position:relative; width:650px; margin-bottom:40px;}
li.menubtn {float:left; width:210px; height:auto; text-align:left; }
li.menudesc {float:left; width:430px; height:40px; clear:right;text-align:left; }
 ========*/	



/*======== CATALOGUE STRUCTURE ========*/		
#catalogWide {position:relative; margin-left:200px; padding:20px 10px; } /* replaces "Widecolumn */
#catalogNarrow {position:relative; float:left; width:180px; display:inline; padding:20px 10px;} /* replaces "narrowcolumn" */

#searchbox {position:relative; float:right; /*width:180px;*/ width:180px; padding: 5px; text-align:right;display:inline; }

#productsList {position:relative; float:left; width:100%;margin:10px 0; /*border-top:1px solid #ccc;*/}
	.productEntry {float:left; width:148px; height:250px; border:none; border-bottom: 4px solid #ececec; margin:3px;}
#productItem {position:relative; float:left; width:100%;}
	.productBigImage {position:relative; float:left; width:300px; display:inline;}
	.productDescription {position:relative; /*float:left; width:200px;/* */margin-left:330px; }
	
#catalogNavCategories {display:block;   }
	#catalogNavCategories li {display:block;  padding:5px; font-size:13px; font-weight:normal; }
	#catalogNavCategories li.current {/*background-color: #cacaca !important; */ background: url(../images/backFilter.gif) top left repeat-x; }
	#catalogNavCategories li.current a {border-bottom:1px solid #666; border-top:1px solid #666; font-weight:bold; }

#catalogNavCategories a {color:#000; font-weight:normal;}



#catalogUtilities {position:relative; float:left; width:100%; padding:5px; margin: 0 0 10px 0; border:1px solid #ccc; } /* container for shopping cart and points balance */
#shoppingCart {position:relative; float:left; width:50%;  padding:0; margin:0;}
	#shoppingCart li { float:left; width:50%;}
#catalogPointsBalance {position:relative; float:left; width:50%; padding:0; margin:0;} /* points balance container on retailer catalogue page */
	#catalogPointsBalance li {float:left; width:45%; margin-right:5px;}
#checkoutButtons {float:left; width:45%; margin-right:5px;} /* view cart/checkout button container */
	#checkoutButtons li {float:left; width:20%;}




/* NEW Catalog menu. Puts the style on the <a href> tag */
ul#catMenu {margin:0; padding:0; border-top:4px solid #ebebeb; border-bottom:4px solid #ebebeb;}
	ul#catMenu li {padding:0 !important; margin:0 !important;}
	ul#catMenu li a {padding:5px 0 5px 5px; vertical-align:middle; border-bottom:1px dashed #ccc; background: url(../images/liMenuArrow.gif) top right no-repeat; display:block; width:100%; text-transform:uppercase;}
	ul#catMenu li a {display:inline-block; } /* correction for IE6 to prevent vertical space on lists */
	ul#catMenu li.last {border:none !important;}
	
	ul#catMenu.menu li a.current, ul#catMenu.menu li a:hover  {background-color:#e3e3e3 !important; font-weight:bold !important;  text-decoration:none;}
	ul#catMenu.menu li.current a {font-weight:bold !important; border-bottom:1px solid #000 !important;}

/* Catalogue Submenu */	
ul#catMenu #submenu {}
	ul#catMenu #submenu li a {font-weight:normal !important;  border-bottom:1px solid #ccc; border-top: none !important; padding-left:10px;  background-color:#ECECEC !important; width:98% !important; text-transform:capitalize;}
	ul#catMenu #submenu li a.current {padding-left:10px !important; font-weight:bold !important;background-color:#A5DD9A !important; border-bottom:1px dotted #fff;}
		ul#catMenu #submenu li a.active {background-color:#32E414 !important;}
		ul#catMenu.menu #submenu li a:hover {background-color:#f2f2f2;}  

/* Catalogue Tertiary Menu */	
ul#catMenu #submenu .submenu2 {}
	ul#catMenu #submenu .submenu2 li a { background-color:#D1D1D1 !important;}
	ul#catMenu #submenu .submenu2 li a.current {background-color:/*#8BCC84 dark green*/ #B6B6B6 !important; color:#fff !important;}
		ul#catMenu.menu #submenu .submenu2 li a:hover {background-color:#f2f2f2;}  		

	
	
	
.marginTop {margin: 10px 0px 0px 0px;}


/*======== Retailer Points Balance ========*/
/*/// "you have X points, X points can be redeemed" container ///*/	
#pointsBalance {width:200px; line-height:20px; height:20px; border:1px solid  #ccc; padding:3px; background-color:#EBEBE3; color:#fff;}
	#pointsBalance li {display:inline;}
	.pointsBalanceLabel {color:#666;/*color: #FF6633;*/}
	.pointsBalanceAmt {margin-left:10px; color: #000; font-weight:bold;}
	#pointsBalance ul {margin-left:10px;}
/*======== Retailer Home Page ========*/
#points-summary {position:relative; width:96%;/*width:700px;*/ /*background-color:#EBEBE3; */ background:url(../images/backFilter.gif) repeat-x #ECECEC; border:1px solid #ebebe3; padding:10px; }
#pointsTable { width:300px;}
#pointsNotice {position:absolute; left:320px; top:15px; padding:10px; margin:0 auto; /*width:100%/*width:300px;*/   }	
#promoOptIn-container {}
#purchasePoints-container {}


/*======== STYLE ========*/	
body { font-family:Arial, "Trebuchet MS", "Lucida Grande", Sans-Serif; font-size: 12px; }

h2, h3, h4, h5, h6 {font-weight: normal; color:#333333;}
h2 {font-size: 22px;  line-height:1.4em; padding-bottom:10px 0;}
h3 {font-size: 18px; line-height:1.4em;   }
h4 {font-size: 16px; /*padding-bottom:1em;*/ }
h5 {font-size:14px; padding:0em 0 1em 0; }
h6 {font-size:12px; font-weight:bold;}
h1 {font-size: 18px; line-height:1.4em; color:#dbd9d7; display:block;}
.h8 {font-size: 18px; line-height:1.4em; color:#333333;  display:block; border:1px solid #e2e2e2; background: url(../images/backFilter.gif); padding: 2px 0px 2px 7px; margin-bottom:10px;}
	
	 
p, ul, ol, dt, table { line-height: 18px; padding-bottom: 10px; color:#333333;}
strong {}

#breadcrumbs {font-size:12px; }

/* header */
	#profileRetailer p {display:inline; color:#ccc; /*color:#9d3132;*/}
	#profileAdmin p {display:inline; color:#ccc;/*color:#1eff00;*/}
	#profile p {display:inline; color:#ccc;/*color:#9d3132;*/}
	#profileStoreProf p {display:inline; color:#ccc;/*color:#606de8;*/}

	/* links */
	#profile a {font-weight:normal; color:#FFFFFF; }
	#profileStoreProf a {font-weight:normal; color:#FFFFFF; }
	#profileAdmin a {font-weight:normal; color:#FFFFFF; }
	#profileRetailer a {font-weight:normal; color:#FFFFFF; }


/* warning messages */
.info, .success, .warning, .error, .validation {border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; font-size:0.9em;}
.info {color: #00529B;background-color: #BDE5F8;background-image: url('../images/icons/info-32x32.png');}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('../images/icons/accept-32x32.png');}
.warning {color: #9F6000;background-color: #FEEFB3;background-image: url('../images/icons/warning-32x32.png');}
.error {color: #D8000C;background-color: #FFBABA;background-image: url('../images/icons/remove-32x32.png');}

/* login page */


.textpos {position:relative; /*top:-0.75em;*/ height:32px;  line-height:32px;  top: -10px; } /* realigns text to be centered vertically next to images */
.ie .textpos {position:relative; /*top:-0.75em;*/ height:32px;  line-height:32px;}
.flagpos {position:absolute;  left:180px; display:inline; height:32px; line-height:32px; vertical-align:middle;}
.ie .flagpos {position:absolute;  left:180px; display:inline; margin-top:-5px;} 
#loginContent h4 {margin-bottom:15px;} /* changes margins of H4 for this page only */
ul#loginMenu {/*font-family:Georgia, "Times New Roman", Times, serif; */font-size:12px;}


/* redemptions */
.redemptionsBalanceLabel {padding:3px;  line-height:14px; color:#ececec !important;  font-style:oblique; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.redemptionsBalanceAmt {padding:3px 8px; line-height:14px; border:1px solid #ececec; font-size: 14px; color:#fff !important;font-weight:bold; }

/* reporting */
.manager {text-transform:lowercase;}
.managerName {font-weight:bold;}

/* news */
.newstitleSmall {font-weight:bold; font-size:14px;}
.newsauthorSmall {font-weight:bold;}
.newsdateSmall {}
 
/* misc styles */
.top {float:right; margin-top:10px;}
.discard {color:#FF0000;}


/*======== RETAILER STYLES ========*/	
#pointsNotice {font-size:1.2em; line-height:1.2em;}
#pointsTable .a-right {font-size:1.2em;}

/*======== CATALOGUE STYLES ========*/	
/*/// text formatting on catalogue list page ///*/
#productsList .prodSku {font-weight:bold; padding:0 5px;}
#productsList .prodThumb {	border:1px solid #ccc; width:146px;}
#productsList .prodName {font-weight:bold; padding:0 5px; /*font-family:Georgia, "Times New Roman", Times, serif;*/ font-size:12px; line-height:16px; margin-top:5px; }
#productsList .prodBrand {margin-top:5px; padding:0 5px;}
#productsList .prodPoints {font-weight:bold; color:#996600; padding:0 5px;}
#productsList .prodDesc {}
#productsList .prodAddtoCart {margin-top:10px;}
/*/// text formatting on catalogue item page ///*/
#productItem .prodSku {font-weight:bold; margin-top:30px;}
#productItem .prodThumb {}
#productItem .prodName {font-weight:bold;}
#productItem .prodBrand {margin-top:5px;}
#productItem .prodPoints {font-weight:bold; color:#996600;}
#productItem .prodDesc {margin-top:30px;}
#productItem .prodAddtoCart {margin-top:30px;}


/*======== HELP STYLES ========*/
.helpimage {margin:10px 0; padding:5px; border:1px solid #eaeaea;}


/*======== TABLE STYLES ========*/	
table { width:99%;border-top:1px solid #ccc; border-right:1px solid #ededed; border-collapse:collapse; text-align:left; }
table td, table th {border-bottom:1px dashed #b5b5b5; border-left:1px solid #ededed;}
table td {padding:2px 5px; }
table th {padding:5px 5px; background-color:#ececec; /*border-color:#fff !important; */border-bottom:1px solid #ccc !Important;}


.border-bottom {border-bottom:2px solid #999 !important;}
.th-column {background-color:#F5F5F5;}

table tbody tr:hover {background-color:#e2e2e2;}

/*login page table */
.table-loginFields {border:none!important;}
	.table-loginFields tr {border:none!important;}
	.table-loginFields td {border:none!important;}
	.table-loginFields tr:hover {background-color:transparent !important;}



.table-report {}
	.table-report tbody  td {text-align:right;}
		tr.viewall {padding:0 !important; text-align:left !important;}
	.table-report tr:hover {background-color: #e0e0e0;}

.table-filter { font-size:11px; border-collapse:separate; padding:5px 0; border:1px solid #e2e2e2; background: url(../images/backFilter.gif); }
	.table-filter td {border-bottom: none !important; border-left: none !important;}
	.table-filter tr:hover {background-color:transparent !important;}


/*details for promos*/
.table-promo-details {}
	.table-promo-details th {height:3em;  font-size:11px; border-collapse:separate; padding:5px 5px; border:1px solid #e2e2e2; background: url(../images/backFilter.gif) !important;}
	.table-promo-details td {}
	.table-promo-details tr:hover {background-color:transparent !important;}

.table-edit-details {}
	.table-edit-details th {height:3em; font-size:11px; border-collapse:separate; padding:5px 7px; border:1px solid #e2e2e2; background: url(../images/backFilter.gif) !important;}
	.table-edit-details td {}
	.table-edit-details tr:hover {background-color:transparent !important;}

.table-subhead  {border-bottom:none !important;}
	.table-subhead th{ height:3em; font-size:11px; border-collapse:separate; padding:5px 5px; border:1px solid #e2e2e2; background: url(../images/backFilter.gif) !important; }
.table-total, .table-total:hover {background-color: #666666; border-top:1px solid #000 !important; border-collapse:separate; text-align:right; color:#fff;}
	.total {text-align:right; padding-right:20px !important;}

.table-promo-noformat {border:none !important;}
	.table-promo-noformat td {border:none !important;}
	.table-promo-noformat tr:hover {background-color:transparent !important;}


/*summary for quizzes/survey */
.summary-question {}
.summary-answer {}

/*retailer homepage */
.table-pointsSummary {width:100% !important;}
	.table-pointsSummary-Earned, .table-pointsSummary-Earned:hover {background-color:#eaeaea;}
	.table-pointsSummary-Returned, .table-pointsSummary-Returned:hover {background-color:#f5f5f5;}
	.table-pointsSummary td {border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
	

.table-promoOptIn {border-top:none !important; border-right:none !important; border-collapse:separate;}
	.table-promoOptIn tr {border-bottom:1px solid #000 !important;}
	.table-promoOptIn td {border-left:none !important; }
	.table-promoOptIn tr:hover{background-color:transparent !important;}

.table-purchasePoints {}


/* summary for shopping cart */
.table-shoppingCartSummary {width:200px; margin:0 0 10px 0;}


/*rows*/
.even {background-color:#E7F4B1}
.odd {background-color:#FFFFFF}

.column1 {border-right:1px solid #000;}
.column2 {}
.column3 {}







/*======== FORM STYLES ========*/	
/* generic form input */
.textfield {width:45%;}
.textfieldLong {width:90%;}
.textfieldLogIn {width:100px;}
.textfieldShort {width:20%;}
.textfieldShortFixed {width:60px;}
.date-pick {width:20%;}
.textareaSmall {width:45%; height:4em;}
.textarea {width:100%; height:8em;}

/* filter form fields */
.textfield-filter {width:20%;}
.textfieldshort-filter {width:10%;}



/* Add/remove container */
 .container {float: left; padding: 3px;}
 .container select {width: 20em;}
input[type="button"]{width: 8em;}
.low{position: relative; top: 35px;}


/* notes */
.note {font-size:12px; margin:10px 0; border-bottom:1px solid #ccc;}
.note-textarea {width:100%;}
.note-date {font-weight:bold;}
.note-author {font-weight:bold;}
.note-delete {padding-left:20px; background: url(../images/icons/action_stop.gif) no-repeat 0 0; }

/* pagination */
.pageNumb {width:20px;}

/*search*/
.searchField {width:100px;}