body {
  font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;  
}

body{
    background: -webkit-linear-gradient(#fff, #fff)!important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #fff)!important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #fff)!important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #fff)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#FFFFFF');/*For IE7-8-9*/ 
}



/* Define the style and color of the asterisk next to required fields on forms. 
   This also define the color of error messages on the New Account page */
.red { color:#FF0000; font-weight:bold}

/* Define the color of the instruction next to required fields */
.gray1{	color:#666666;}

.textalign {text-align:justify}

.textlink {color: #A50000}

/* Define the style and color of the text on the Tell A Friend page */
.formbox {border: 1px solid #A50000; color: #A50000;}
/* Define the color of the vertical bar between menu item on the footer of all pages on end user site */
.naviwhite{ color:#FFFFFF}

/* Define the color of the visited menu item on the footer on all pages on end user site */
.naviwhite a:visited { color:#FFFFFF;} 
/* Define the color of the unvisited menu item on the footer on all pages on end user site */
.naviwhite a:link { color:#FFFFFF;}
/* Define the color of the menu item being focused on the footer on all pages on end user site */
.naviwhite a:hover { color:#E6E6E6;}

/* Define the back ground color of popup page (for example Product Warranty Info or Tell A Friend Page)
   This class also defined the background for the description of Prize on the PrizeList page */
.headerbk{background-color:#E6E6E6; }

/* Define the style and color of text on input fields and bombo box on all pages on end user site */
select,input { color:#A50000; font-size:13px; font-family:Calibri, Arial, Helvetica, sans-serif; height:22px}

/* Define the style and color of text on the page header on all pages on end user site */
.title {background-color:#6c6f70; height:35px;  color:#FFFFFF; font-family:Calibri,Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; }

/* Define the style and color of text on the page header on the home page of end user site */
.homeTitle {background-color:#6c6f70; height:35px;color: #FFFFFF}

/* Define the style and color of the link to privacy policy and terms and conditions page */
.sublink{color: #A50000; text-decoration:underline}

/* Define the style and color of the visited link to privacy policy and terms and conditions page */
a.sublink:visited {color: #A50000; text-decoration:underline}

/* Define the style and color of the un-visited link to privacy policy and terms and conditions page */
a.sublink:link {color: #A50000; text-decoration:underline}

/* Define the style and color of the link being focused (privacy policy or terms and conditions page) */
a.sublink:hover {color: #6c6f70; text-decoration: none; }


/* Define the style and color of the link to privacy policy and terms and conditions page */
.sublink_homeTitle{color: #FFFFFF; text-decoration:underline}
/* Define the style and color of the visited link to privacy policy and terms and conditions page */
a.sublink_homeTitle:visited {color: #FFFFFF; text-decoration:underline}

/* Define the style and color of the un-visited link to privacy policy and terms and conditions page */
a.sublink_homeTitle:link {color: #FFFFFF; text-decoration:underline}

/* Define the style and color of the link being focused (privacy policy or terms and conditions page) */
a.sublink_homeTitle:hover {color: #E6E6E6; text-decoration: none; }

/* Define the border color of the table that contains list of item such as the table 
   on the Wishlist page, View balance page and Order tracking page */
   
.datagrid {
	border-color: #A50000;
}

/* Define the background color of the header of table that contains list of item such as the table 
   on the Wishlist page, View balance page and Order tracking page */

.datagrid-header {
background-color: #E6E6E6;
border-color: #A50000;
}

/* Define the background color of the even rows of table that contains list of item such as the table 
   on the Wishlist page, View balance page and Order tracking page */

.datagrid-even {
	background-color: #FFFFFF;
}

/* Define the background color of the odd rows of table that contains list of item such as the table 
   on the Wishlist page, View balance page and Order tracking page */

.datagrid-odd {
	background-color: #FFFFFF;
}

/* Define the style of the user error messages */
.label {text-align:right; vertical-align:middle; font-weight:bold; height:22px}


.form-textbox {text-align:left; vertical-align:middle; height:22px}

/* Define the color of border of the product warranty info page */
.warrantyTableBorder{ background-color:#A50000;}
/* Define the header background color of the product warranty info page */
.warrantyTableHeaderBK{ background-color:#A50000;}
/* Define the background color of the content of product warranty info page */
.tableContentBK{ background-color:#FFFFFF;}

/* Define the style and color the content of the main part of the Tell A Friend page */
.cellStyle{
	background-color:#FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #A50000;
}

/* Define the color of border of the prizelevel info page */
.prizelevelTableBorder{ background-color:#A50000;}
.prizelevelFooter{border: 1px solid #A50000; background-color:#E6E6E6;}

/* Define the color of border of the viewbalance info page */
.viewbalanceTableBorder{ background-color:#A50000;}

/* Define the color of list with different color*/
.gridEven{
	background-color:#A50000;
	color:#FFFFFF;
}
.gridOdd{
	background-color:#6C6F70;
	color:#FFFFFF;
}

/* Define the background color of the footer*/
.footerBK{ background-color:#A50000;}
/* Define the background color color of the shadow of the footer*/
.footerShadow{ background-color:#6C6F70;}

/* Define the color of the horizontal bar inside the content of a table */
.cellSplitterColor{ color: #A50000;}

.source-image {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
}


.header-image-background {
		background: url(/myrewards/themes/newRed/images/bgr_top.gif);
		-moz-background-size: 100%;
		-webkit-background-size: 100%;
		-o-background-size:  100%;		

		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myrewards/themes/newRed/images/bgr_top.gif', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myrewards/themes/newRed/images/bgr_top.gif', sizingMethod='scale')"; 
		background-size:100% 100%;
		background-repeat: no-repeat;
		
		
}


/* Top header background color */
.headerLogo { background: -webkit-linear-gradient(#FFF, #FFF)!important; /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#FFF, #FFF)!important; /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#FFF, #FFF)!important; /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#FFF, #FFF)!important; 
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#FFFFFF');/*For IE7-8-9*/ 
}

/* Header background color */
.headerInfo { background: -webkit-linear-gradient(#707271, #707271)!important; /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#707271, #707271)!important; /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#707271, #707271)!important; /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#707271, #707271)!important; 
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#707271', endColorstr='#707271');/*For IE7-8-9*/ 
}


/* Header text color */
.headerInfo { color: #C6C6C6; }

/* Header link text color */
.headerInfo a{ color: #000; }
.headerInfo a.username{ color: #C6C6C6; }

/* Header link text color */
.headerInfo a:hover{ color: #000; }
.headerInfo a.username:hover{ color: #C6C6C6;text-decoration:underline; }

/* Sign In button text color */
.headerInfo .dropdown-button a{ color: #000; }

/* Sub-form login text color*/
.form-dropdown { color: #000!important; }

/* Sub-form login link color*/
.form-dropdown a { color: #fff!important; }

/* Sub-form login background color*/
.dropdown-menu.form { background: -webkit-linear-gradient(#707271, #707271)!important; /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#707271, #707271)!important; /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#707271, #707271)!important; /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#707271, #707271)!important; 
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#707271', endColorstr='#707271');/*For IE7-8-9*/ 
                  border: #FFF solid 1px;
}

/* Menu bar background color */
.main-menu .navbar-inverse { background: -webkit-linear-gradient(#711314, #a41d21)!important; /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#711314, #a41d21)!important; /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#711314, #a41d21)!important; /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#711314, #a41d21)!important;
				  border-color: #a21d22!important}
.navbar-inverse { background: -webkit-linear-gradient(#a41d21, #a41d21)!important; /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#a41d21, #a41d21)!important; /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#a41d21, #a41d21)!important; /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#a41d21, #a41d21)!important;
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a41d21', endColorstr='#a41d21');/*For IE7-8-9*/ 
				  border-color: #a21d22!important}

/* Menu bar active background color */
.main-menu .navbar-inverse .navbar-nav>.active>a:hover,.main-menu .navbar-inverse .navbar-nav>li>a:hover, .main-menu .navbar-inverse .navbar-nav>li>a:focus { 
					background: -webkit-linear-gradient(#711314, #a41d21)!important; /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#711314, #a41d21)!important; /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#711314, #a41d21)!important; /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#711314, #a41d21)!important;
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#711314', endColorstr='#a41d21');/*For IE7-8-9*/ 
}

.main-menu .navbar-inverse .navbar-nav>.active>a,.main-menu .navbar-inverse .navbar-nav>.open>a,.main-menu .navbar-inverse .navbar-nav>.open>a, .main-menu .navbar-inverse .navbar-nav>.open>a:hover,.main-menu .navbar-inverse .navbar-nav>.open>a,.main-menu .navbar-inverse .navbar-nav>.open>a:hover,.main-menu .navbar-inverse .navbar-nav>.open>a:focus { 
				background: -webkit-linear-gradient(#711314, #a41d21)!important; /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#711314, #a41d21)!important; /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#711314, #a41d21)!important; /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#711314, #a41d21)!important;
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#711314', endColorstr='#a41d21');/*For IE7-8-9*/ 
}

.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { 
					background: -webkit-linear-gradient(#a41d21, #a41d21)!important; /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#a41d21, #a41d21)!important; /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#a41d21, #a41d21)!important; /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#a41d21, #a41d21)!important;
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a41d21', endColorstr='#a41d21');/*For IE7-8-9*/ 
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { 
				background: -webkit-linear-gradient(#a41d21, #a41d21)!important; /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#a41d21, #a41d21)!important; /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#a41d21, #a41d21)!important; /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#a41d21, #a41d21)!important;
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a41d21', endColorstr='#a41d21');/*For IE7-8-9*/ 
}

/* Menu bar text color */
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}

/* Menu bar hover text color */
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #000000}

/* Menu bar active text color */
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #000000}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #000000}

/* Dropdown menu background color */
.dropdown-menu { background: -webkit-linear-gradient(#000000, #000000)!important; /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#000000, #000000)!important; /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#000000, #000000)!important; /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#000000, #000000)!important;
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#000000');/*For IE7-8-9*/ 
}

/* Dropdown menu hover background color */
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background: -webkit-linear-gradient(#000000, #000000); /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#000000, #000000)!important; /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#000000, #000000)!important; /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#000000, #000000)!important;
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#000000');/*For IE7-8-9*/ 
}

/* Dropdown menu text color */
.dropdown-menu>li>a { color: #FFFFFF;}

/* Dropdown menu hover text color */
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #a41d21}

/* Menu caret color */
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}

/* Menu caret hover color */
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

/* Menu arrow active color*/
.active-arrow { border-color: #a41d21 transparent transparent; }

/* Submenu link color */
.submenu .nav > li > a { color: #a41d21 }

/* Submenu line break */
.seperate-bottom { border-bottom: solid #d1d1d1 3px; }

/* Submenu active background color */

/* Submenu hover background color */
.submenu .nav > li a:hover {background: -webkit-linear-gradient(#d1d1d1, #d1d1d1); /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#d1d1d1, #d1d1d1); /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#d1d1d1, #d1d1d1); /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#d1d1d1, #d1d1d1);}

/* Table Header */
.table-header{ background: -webkit-linear-gradient(#a41d21, #a41d21); /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#a41d21, #a41d21); /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#a41d21, #a41d21); /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#a41d21, #a41d21); 
				  background-color: #a41d21;
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a41d21', endColorstr='#a41d21');/*For IE7-8-9*/ 
}

/* Table Header text */
.table-header{ color: #fff}

/* Footer background color */
.footerRow{ background: -webkit-linear-gradient(#707271, #707271); /* For Safari 5.1 to 6.0 */
                  background: -o-linear-gradient(#707271, #707271); /* For Opera 11.1 to 12.0 */
                  background: -moz-linear-gradient(#707271, #707271); /* For Firefox 3.6 to 15 */
                  background: linear-gradient(#707271, #707271); 
                  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#707271', endColorstr='#707271');/*For IE7-8-9*/ 
}


/* Footer link */
.footerRow a, .footerRow .menu { color: #c6c6c6; }

/* Footer link hover */
.footerRow a:hover { color: #c6c6c6; }

/* Footer text */
.footerRow { color: #000; }

/*Benefit*/
.benefit{color:#494949;}
.benefit{color:#626262;}
.benefit .item a:link,.benefit .item a:visited{color:#4B4B4B}


/*Popup*/
.popup{color:#FFF;background-color:#929292; border:solid 10px #929292;}
.popup .popup-frame{background-color:#929292; border:solid 2px #FFF}
.popup .popup-title{background-color:#929292}

.modal-content{background-color:#a41d21; color:#FFF}

/* Button */
.dropdown-button {
    background-color: #d1d1d1;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.enduser-button {
    background-color: #d1d1d1;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.button-style {
    background-color: #d1d1d1;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
    color: #000;
}
.button-special{
    background-color: #A41D21;
    color:#fff;
}