body {
	background-image:url("/assets/member/global/siteBgGradient.jpg"); 
	background-repeat: repeat-x; 
	background-color: #de2c49; color:#999999; 
	font-size: 13px; 
	font-family: Arial, Helvetica, "sans-serif";
	line-height: 17px
	}

#content {
	width:900px;
	margin:10px auto; 
	background-color: #ffffff;
	text-align: left; 
	}

h1 {color:#f04e23; font-size:24px; font-weight:bold; line-height:0px; padding-bottom:15px; padding-top:0px; margin-top:0px;}
h1.hphead {color:#f04e23; font-size:24px; font-weight:bold; line-height:0px; padding-bottom:15px; padding-top:10px; margin-top:0px;}
h2 {color: #666666; font-size: 20px; font-weight: bold; line-height: 24px}
h2.leftflush {position: relative; color: #666666; font-size: 20px; font-weight: bold; line-height: 24px; margin-left:-25px;}
h2.largeTerms {color: #666666; font-size: 20px; font-weight: bold; line-height: 24px; margin-left:-25px;}
h2.largeTerms {_margin-left:12px;}

h3 {color: #999999; font-size: 20px; font-weight: normal; line-height: 24px}
h4 {color: #f04e23; font-size: 16px; font-weight: bold; line-height: 20px}
h5 {color: #999999; font-size: 16px; font-weight: normal; line-height: 20px; margin-top: 10px; margin-bottom: 10px;}
p {color: #999999; font-size: 13px;  line-height: 17px}
hr { height: 0px; border: 0px; border-top: 1px solid #eeeeee; padding-top: 10px; padding-bottom: 10px}

.storeLocator {background-color: #f6f6f6); padding: 10px; text-align: left}

.userName {color: #f04e23; font-size: 11px; font-weight: normal; line-height: 14px}
.signIn {color: #999999; font-size: 11px; font-weight: normal; line-height: 14px}

.body {color: #999999; font-size: 13px; font-weight: normal; line-height: 17px}
.body11 {color: #999999; font-size: 11px; font-weight: normal; line-height: 14px}
.title {color: #666666; font-size: 13px; font-weight: bold; line-height: 17px}
.title11 {color: #666666; font-size: 11px; font-weight: bold; line-height: 14px}
.bodyLarge {color: #999999; font-size: 16px; font-weight: normal; line-height: 20px}
.headerRed {color: #f04e23; font-size: 30px; font-weight: bold; line-height: 36px}
.headerOrange {color: #f68b1f; font-size: 30px; font-weight: bold; line-height: 36px}
.headerYellow {color: #ffc20e; font-size: 30px; font-weight: bold; line-height: 36px}
.descriptiveRed {color: #f04e23; font-size: 20px; font-weight: bold; line-height: 24px}
.descriptiveOrange {color: #f68b1f; font-size: 20px; font-weight: bold; line-height: 24px}
.descriptiveYellow {color: #ffc20e; font-size: 20px; font-weight: bold; line-height: 24px}
.descriptivePink {color: #ff69b4; font-size: 20px; font-weight: bold; line-height: 24px}
.leftNav {color: #999999; font-size: 13px; font-weight: bold; line-height: 26px}
.footerTitle {color: #f6b435; font-size: 12px; font-weight: bold; line-height: 16px}
.legal {color: #999999; font-size: 10px; font-weight: normal; line-height: 12px}

a:link {text-decoration: none; color: #ff6600; font-size: 11px; font-weight: normal; line-height: 17px}
a:active {text-decoration: none; color: #ff6600; font-size: 11px; font-weight: normal; line-height: 17px}
a:visited {text-decoration: none; color:#ff6600; font-size: 11px; font-weight: normal; line-height: 17px}
a:hover {text-decoration: none; color: #f6b435; font-size: 11px; font-weight: normal; line-height: 17px}

a.bold:link {text-decoration: none; color: #ff6600; font-size: 13px; font-weight: bold; line-height: 17px}
a.bold:active {text-decoration: none; color: #ff6600; font-size: 13px; font-weight: bold; line-height: 17px}
a.bold:visited {text-decoration: none; color:#ff6600; font-size: 13px; font-weight: bold; line-height: 17px}
a.bold:hover {text-decoration: none; color: #f6b435; font-size: 13px; font-weight: bold; line-height: 17px}

a.leftNav:link {text-decoration: none; color: #ff6600; font-size: 13px; font-weight: bold; line-height: 26px}
a.leftNav:active {text-decoration: none; color: #ff6600; font-size: 13px; font-weight: bold; line-height: 26px}
a.leftNav:visited {text-decoration: none; color:#ff6600; font-size: 13px; font-weight: bold; line-height: 26px}
a.leftNav:hover {text-decoration: none; color: #f6b435; font-size: 13px; font-weight: bold; line-height: 26px}

a.leftNavSelected:link {text-decoration: none; color: #999999; font-size: 13px; font-weight: bold; line-height: 26px}
a.leftNavSelected:active {text-decoration: none; color: #999999; font-size: 13px; font-weight: bold; line-height: 26px}
a.leftNavSelected:visited {text-decoration: none; color:#999999; font-size: 13px; font-weight: bold; line-height: 26px}
a.leftNavSelected:hover {text-decoration: none; color: #999999; font-size: 13px; font-weight: bold; line-height: 26px}

a.signIn:link {text-decoration: none; color: #999999; font-size: 11px; font-weight: normal; line-height: 14px}
a.signIn:active {text-decoration: none; color: #999999; font-size: 11px; font-weight: normal; line-height: 14px}
a.signIn:visited {text-decoration: none; color:#999999; font-size: 11px; font-weight: normal; line-height: 14px}
a.signIn:hover {text-decoration: none; color: #ff6600; font-size: 11px; font-weight: normal; line-height: 14px}

a.footer:link {text-decoration: none; color: #999999; font-size: 11px; line-height: 16px}
a.footer:active {text-decoration: none; color: #999999; font-size: 11px; line-height: 16px}
a.footer:visited {text-decoration: none; color:#999999; font-size: 11px; line-height: 16px}
a.footer:hover {text-decoration: none; color: #ff6600; font-size: 11px; line-height: 16px}

a.forgotPassword:link {font-size: 11px;}
a:active {font-size: 11px;}
a:visited {font-size: 11px;}
a:hover {font-size: 11px;}

#btnLearnMore {
	height:30px;
	width:127px;
}

#homePageRightDiv {
	float: right;
	text-align: center;
}

.thirdPartyLogoDiv {
	margin-right: 4px;
	margin-top: 6px;
}

.thirdPartyLogo {
	vertical-align: top;
}

.thirdPartyLogoLink:link  {font-weight: bold;}
.thirdPartyLogoLink:active  {font-weight: bold;}
.thirdPartyLogoLink:hover {font-weight: bold;}
.thirdPartyLogoLink:visited {font-weight: bold;}

#twitterLogo {
	width: 66px;
	height: 13px;
	margin-top: 3px;
}

#facebookLogo {
	width: 54px;
	height: 21px;
}

#hpFindAStore {
	height:173px;
	width:260px;	
	margin-left:30px;
	display: block;
	clear: right;
	}

#hpSignIn {
	width: 260px;
	height: 133px;
	margin-left:30px;
	display: block;
	clear: right;
}

#hpJoinToday {
	width: 260px;
	height: 166px;
	margin-left:30px;
	display: block;
	clear: right;
}

#heroContainer {
	height:280px;
	}

#howItWorksMain {
	height:500px;
	}

#howItWorksFlash {
	width:900px;
	height:280px;	
	}

#howItWorksStatic{
	width:900px;
	height:280px;
	}
	
#wrapper {
	width: 900px;
	margin: 50px auto 0px auto ;
	border: 1px solid orange;
	font-family: Arial, Sans-serif;
	}

#header {
	width: 860px;
	height: 100px;
	background: #ffffff;
	padding: 10px 10px 10px 30px;
	margin: 0px;
	}

#header {
	_width: 900px;
}

#logo {
	width: 190px;
	height: 100px;
	float:left;
	margin:0px 30px 0px 0px;
	padding-bottom: 0px 0px 12px 0px;
	}
	
#topright {
	float: left;
	width: 635px;
	height: 100px;
}

#toprighttop {
	width: 635px; 
	height: 80px;
}
#logoImage {
	border:none;
	width:190px; 
	height:100px;
	}
		
#gaplogoContainer {
	width: 235px;
	height: 59px;
	float: left;
	}

#gapLogo {
	width: 200px; 
	height: 40px; 
	float: right;
	}	

#signInContainer {
	float: left;
	width: 400px;
	padding-top: 52px;	
}

#signin {
	width: 400px;
	height: 21px;
	}
	
#topNavContainer {
	height: 50px
	float:left;
	}
	
#footer {
	clear: both;
	background: #ffffff;
	margin: 40px 30px 10px 30px;
	width:840px;
	}	

#footerLogo {
	width:180px;
	padding-left:10px;
	float: left;
	}	

#footerLogoImage {
	width:100px;
	height:70px;
	padding: 0px 0px 0px 0px;
	}
	
#copyright {
	height: 17px;
	clear:both;
	padding: 4px;
	text-align: center;
	}
	
#copyrighttext{
	font-size: 10px;
	color:#999999;
	}	

font {
	font-size:13px;
	}

li {
	font-size:13px;
	font-weight:normal;
	line-height:17px;
	}

li.left {
	font-size:13px;
	font-weight:normal;
	line-height:17px;
	margin-left: 30px;
	padding: 5px;
	color:#999999;
	}

lh.large {
	color: #666666;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	}

ol.largeHeader {
	color: #666666;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	}
	
img {
	border:none;
	}
		
img.Logo {
	width:190px; 
	height:100px;
	padding:5px 30px 10px 30px;
	}

.topNavButtonContainer{
	height:20px;
	display: inline;
	}

img.topNavButtonImage {
	height:20px;
	}	

ul.greyDot {
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
	}

li.greyDotList {
	background-image:url("/assets/member/global/greyH3LI.gif");
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding-left:14px; 
}

ul.orangeDot {
	list-style-type:none;
	}

li.orangeDotlist {
	background-image:url("/assets/member/global/orangeBodyLI.gif");
	background-repeat:no-repeat;
	background-position:4px 7px;
	padding-left:14px; 
}


	
.col2a {
	width:405px; 
	float:left;
	padding:0px 0px 30px 0px;
	}
	
.col2b {
	width:405px; 
	float:left;
	padding:0px 0px 30px 30px;
	}

.col3Wrapper {
	width:800px;
	padding-top:20px;
	margin: 0px 0px 0px 40px;
	}
	
.col3Note {
	width: 760px; 
	margin-left: 20px; 
	padding-top:20px; 
	clear:both;
	}
		
.col3 {
	width:235px; 
	float:left;
	padding-left:25px;
	}

.col3a {
	width:265px;
	height:410px;
	float:left;
	padding:0px 10px 5px 0px;
	}
	
.col3b {
	width:265px; 
	height:410px; 
	float:left;
	padding:0px 10px 5px 10px;
	}
	
.col3c {
	width:265px; 
	height:410px; 
	float:left;
	padding:0px 0px 10px 10px;
	}

.textFooter {
	width:150px;
	height: 85px;
	padding: 10px 0px 0px 10px;
	float:left;
	}

.signInLink {
	color:#333
	}

font.textFooterBold {
	font-size:14px;
	line-height: 19px;
	color:#333;
	font-weight: semi-bold;
	}

p.legalText {
	color:#333;
	font-size:10px;
	}



a.textFooterLinksTop:link {
	font-size:12px;
	line-height: 19px;
	color:#333;
	font-weight: bold;
	}

a.textFooterLinksTop:visited {
	color:#333;
	}

a.textFooterLinksTop:hover {
	color:red;
	}

a.textFooterLinks {
	font-size:12px;
	line-height: 19px;
	color:#999;
	}
			
a.textFooterLinks:hover {
	color:red;
	}

.main {
	background-image: url("/assets/member/global/bodyBgGradient.gif"); 
	background-color: #ffffff;
	background-repeat:repeat-x;
	padding: 30px 30px 10px 30px;
	width: 840px;
	min-height:200px;
	}

.main { 
	_width: 900px; 
	}

.h3bullet {
	color: #999999; 
	font-size: 20px; 
	font-weight: normal; 
	line-height: 24px;	
	}

#tabs {
	width:190px; 
	height:300px; 
	float:left;
	}

#tabcontent {
	width: 600px; 
	padding: 10px 0px 30px 0px;  
	float:left;
	}
	
.tabContentBox {
		width: 600px; 
	padding: 10px 0px 30px 0px;  
	float:left; 
	display:none;
	}
	
/* start: store locator styles*/


#locations { 
	width: 285px; 
	height: 400px; 
	overflow: auto; 
	}

#mapcontainer {
	height: 500px;
	}
	
.mapleft {
	float: left;
	width:290px;
	}

.mapright {
	float: left;
	width:550px;
	height:510px;
	background-image:url("/assets/member/storeLocator/storeLocatorMapBg.gif"); 
	background-repeat: repeat-x; 
	}
	
#map {
	width: 520px; 
	height: 480px;
	margin: 15px 0 0 15px;
	}

.content_locator .left { 
	width: 320px; 
	margin-right: 10px; 
	float: left; 
	}

.content_locator .right { 
	float: left; 
	width: 645px; 
	}

.content_locator h1 { 
	font-size: 18px; 
	margin:0px 0 25px 0; 
	padding: 0px; 
	}

.content_locator #provincelist { 
	padding: 18px 0px 18px 0px; 
	margin-bottom: 10px;  
	width: 320px; 
	background: url(bg/dotted_line.gif); 
	background-position: center left; 
	background-repeat:no-repeat;
	}


.addrTitle { 
	font-weight: bold;  
	}

#addr { 
	color: #666; 
	display: none; 
	background-color:#ebebeb; 
	border: solid 1px #e2e2e2; 
	line-height: 15px; 
	padding: 10px 5px 10px 10px; 
	margin-bottom: 5px; 
	margin-top: 5px; 
	font-size:13px;
	}

#closeaddr { 
	margin: -3px 0px 0px 0px; 
	float: right;  
	z-index: 100; 
	}

.storelisttitle { 
	font-size: 16px; 
	font-weight: bold; 
	}

.productlist { 
	font-size: 11px; 
	}

.productlisttitle { 
	font-weight: bold; 
	}
/* end: store locator styles */	

.contact-label {
	float: left;
	clear: left;
	width: 130px;
	margin-right: 10px;
	text-align: right;	
}	

.contact-value {
	float: left;
	clear: right;
	width: 260px;
}	

.input-text {
	width: 200px;	
}

.input-select {
	width: 205px;	
}

.medit-inputLine {
	float: left;
	clear: both;	
}

.medit-contact-label {
	text-align: right;		
	float: left;
	clear: left;
	width: 130px;
	margin-right: 10px;
	margin-top: 4px;
}

.medit-contact-value {
	float: left;
	clear: right;
	width: 240px;	
	margin-top: 4px;
}

.medit-inlineError{
	float:left;
	clear: both;
	width:260px;
	margin-top: 8px;
	margin-left: 140px;
	text-align:left;
}

#command-button {
	margin-top: 10px;
}

.memberEditButtons {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.inline-error{
	width:400px;
	clear: both;
	text-align:left;
	margin-left: 0px;
}

.error {
	color: red;
}


.replaceCardButton{
	float:left;
	clear:both;
}

.resetPasswordButton {
	float:left;
	clear:both;
	margin-top: 10px;
	margin-bottom: 20px;
}

.memberDetailsSection {
	float: left;
	clear: left;
	width: 400px;
	margin-bottom: 10px;
}

#profileDiv {
	float: left;
	width: 420px;
	padding-top: 10px;
}

#profileRightDiv {
	float: left;
	width: 380px;
	padding: 20px;
	margin-top: -9px;
	background: #eeeeee;
}

.minHeightRightDiv {
	height: 250px;	
}

.centerRightDiv {
	width: 380px;
	margin-left: 210px;	
}

.enrollDiv {
	width: 540px;
	float: left;
	padding: 20px;
	margin-top: -9px;
	background: #eeeeee;
	
}

#registerInStore {
	float: left;
	width: 240px;
	margin: 10px;
	text-align: center;	
}

.inStoreHeader {
	font-size: 22px;
	font-weight: bold;
	color: #F04E23;
	line-height: 22px;
}

.subheader {
	margin-bottom: 10px;
}

#registerInStore a {
	font-size: 13px;
}

.splashMessage {
	text-align: center;
	margin-top: 100px;
	color: #f04e23; 
	font-size: 16px; 
	font-weight: bold; 
	line-height: 20px;
}

.label-text {
	font-size: 13px;
	text-align: right;
}

.loginTD {
	margin-bottom: 4px;
	padding-left: 6px;
}

a.logout:link {font-size: 13px;}
a.logout:active {font-size: 13px;}
a.logout:visited {font-size: 13px;}
a.logout:hover {font-size: 13px;}

.cancelButton {
	margin-left: 10px;
}

.loginPageHeader {
	padding: 0pt; 
	margin-bottom: 0px; 
}

a.loginPageLink {
	font-size: 13px;
}

.enroll-contact-value {
	float: left;
	clear: right;
	width: 380px;	
	margin-top: 4px;
}

body.enrollConfirm {
	width: 600px;
	background-image:none;
	background-color:#ffffff;
	margin: 30px; 	
}

.enrollConfirm a {
	font-size: 13px;	
}

.enrollConfirm .headerOrange {
	margin: 10px 0px;
}

h3.enrollConfirmHeader {
	width: 600px;	
	text-align: center;
}

img#enrollConfirmHeader {
	width:600px;
	height: 150px;
}

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

.barcode {
	height: 50px;
	margin: 20px 0px 0px 0px;
}

#barCodeLabel {
	width: 600px;
	margin-bottom: 20px;
	text-align: center;	
	color: #000;
}

#btnFindAStore {
	margin-left: 10px;	
}

.emphasis {
	font-weight: bold;
}