@charset "UTF-8";
/* Thank you for your interest in www.AuburnGenerics.com styles  */

/* begin reset styles */
body,div,dl,dt,dd,ul,
ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,
input,textarea,p,
blockquote,th,td 		{ margin:0; padding:0; }
table 					{ border-collapse:separate; border-spacing: 0; }
fieldset,img 			{ border: 0; }
address,caption,cite,code,dfn,em,strong
th,var 					{ font-style: normal; font-weight: normal; }
ol,ul 					{ list-style: none; }
caption,th 				{ text-align: left; }
h1,h2,h3,h4,h5,h6 		{ font-size: 100%; font-weight: normal; }
q:before,q:after 		{ content: ''; }
abbr,acronym 			{ border: 0; }
img						{ border:none }
h1,h2,h3,h4,h5,h6 		{ font-family: 'MuseoSans700', Arial, Helvetica, sans-serif; color:#003366; }
h1						{ font-size:1.571em; margin:0 0 15px; }
h2						{ font-size:1.286em; letter-spacing:0.03em; margin:20px 0 5px }					
form 					{ margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; }

/* end resert styles 

/* fonts
*************************/
@font-face{
font-family: 'MyriadPro_Regular';
src: url( 'http://fnt.webink.com/wfs/?drawer=3F40077F-4B25-4FB7-98AC-9C35ED21AACC&font=73E6C83D-7F13-A8AE-4770-C315AE5061C3');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'MyriadPro_Bold';
src: url( 'http://fnt.webink.com/wfs/?drawer=3F40077F-4B25-4FB7-98AC-9C35ED21AACC&font=1421BCAA-4D56-EF9D-A008-8F0EFD21830C');
font-weight:normal;font-style:normal;font-variant:normal;
}


@font-face{
font-family: 'MyriadPro_Semibold';
src: url( 'http://fnt.webink.com/wfs/?drawer=3F40077F-4B25-4FB7-98AC-9C35ED21AACC&font=050FBD0F-5D55-410F-DC57-586D49D25BCB');
font-weight:normal;font-style:normal;font-variant:normal;
}


@font-face{
font-family: 'ParisineStdRegular';
src: url( 'http://fnt.webink.com/wfs/?drawer=3F40077F-4B25-4FB7-98AC-9C35ED21AACC&font=F0AD2FF3-967B-6522-4F5E-5DA22C5532DA'), 
font-weight:normal;font-style:normal;font-variant:normal;
}
  
 
@font-face{
font-family: 'MuseoSans700';
src: url( 'http://fnt.webink.com/wfs/?drawer=3F40077F-4B25-4FB7-98AC-9C35ED21AACC&font=21497175-1AFF-277E-8A8C-9ADCC21DB013t'), 
font-weight:normal;font-style:normal;font-variant:normal;
 }  
 


/* container
*************************/
#container				{ width: 1024px; margin:0 auto;  }
#top					{ background: url(../images/blueimg24.jpg) no-repeat center top; }
#header					{ height: 146px; position:relative; top: 0;}
#logo					{ width: 165px; margin-left: 18px; float:left;  display:inline; position:relative; top: 0;}



/* body
*************************/
body { font: 14px/21px 'ParisineStdRegular', Arial, Helvetica, san-serif; letter-spacing: -.25px; background-image:url(../images/bkdgimg.jpg); background-repeat:repeat-x; }

/* links
*************************/
a:link, a:visited, a:hover, a:active { text-decoration: none; }

/* inline elements
*************************/
strong 					{ font-weight: bold; }

/* easy log in
*************************/

#easylogin				{ width: 777px; height: 30px; margin-right:37px; background-color:#051B3A; float:right; display:inline; }
#easycolumns input[type=text], #password input[type=password]		{ background-color:#ccc; color: #000; }
#easylogin a:link 		{ text-decoration: none; }
#easylogin a:hover 		{ color: #6CF; 	text-decoration: underline; }

#easycolumns			{ position: relative; width: 777px; height: 30px; top:3px; float:right; display:inline; }
.easy					{ color: #FFF; font-size: 12px;}
#e						{ position: absolute; width: 100px; left: 10px;  }
#username				{ position: absolute; width: 210px;left: 110px; } 
#password				{ position: absolute; width: 230px;left: 330px; }
#easybtn 				{ position: absolute; width: 76px; height: 25px; top: 2px; left: 565px; }

#easylink				{ position: absolute; width: 40px;height: 26px; left: 662px; top: 4px; }
#easylink2				{ position: absolute; width: 40px;height: 26px; left: 715px; top: 4px; }
.easy a				{ font-size: 9px; line-height: 9px; text-decoration: underline; color:#FFF;}
.easy a:hover		{ color: #6CF; text-decoration: none; }

/* tabs
*************************/
ul.tabs 				{ display: table; margin: 0; padding: 0; list-style: none; position: relative; }
	ul.tabs li 			{ width: 111px; margin: 0; padding: 0; list-style: none; display: table-cell; float: left; position: relative; }
	ul.tabs a 			{ position: relative; display: block; font-family: 'MuseoSans700', Arial, Helvetica, sans-serif;}
	
/* dropdowns
*************************/
ul.dropdown 			{ margin: 0; padding: 0; position: relative; z-index: 999; width: 150px; top: 100%; display: none; left: 0; }
	ul.dropdown ul.dropdown { top: 0; left: 95%; }
	ul.dropdown li 		{ margin: 0; padding: 0; float: none; position: relative; list-style: none; display: block;  }
	ul.dropdown li a 	{ margin: 0; display: block; }
	
/* menu-specifc
*************************/
#menu					{ position: relative; z-index: 12; top: 29px;  width: 777px; height: 40px; line-height: 40px; float:right; background: repeat-x; margin-right:37px; display:block; }
#menu ul 				{ margin: 0 auto; position:relative; }
#menu ul li.hasmore		{ background: url(../images/drophighlight.png) no-repeat center 27px;  }		
#menu ul li h4 			{ margin: 0; }
#menu ul li h4 a 		{ font-weight: bold; padding: 0 15px; }
#menu ul li a 			{ color: #FFF; padding-left: 4px; }
#menu ul li a img 		{ vertical-align: middle; }
#menu ul li a:hover 	{ background: url(../images/hoverrecreate.png) top left repeat; color:#66CCFF; }	
#menu ul li a:hover span{ background: none top right; display:inline; } 	
#menu ul li a span 		{ display: block; padding: 0 15px 0 11px; }
#menu ul.dropdown 		{ padding: 10px; background-image: url(../images/dropdown.png); overflow: hidden; border-bottom: 1px solid #051B3A; width: 150px;   }
#menu ul.dropdown li a 	{ border-bottom: 1px solid #666; line-height: 30px; overflow: hidden; height: 30px; }
#menu ul.dropdown li.last a { border-bottom-width: 0; }
#menu ul.dropdown li a:hover { background: url(../images/arrow1.png) no-repeat left center; }
#menu ul li h4 a:hover 	{ background: none; color:#6CF; }


/* column one / sidebar
*************************/
#columnone				{ width: 316px; float:left; text-align:left; position: relative; top: 0; display:inline; }

#sidebartop				{ height: 390px; padding: 7px 5px 7px 0; }
#sidebartop a			{ text-decoration:underline; color: #333; }
#sidebartop a:hover		{ color: #CCC; }
#sidebartop	h2			{ color: #003366; font-size: 1.8em; line-height: 1em; margin-left:40px; letter-spacing: -.75px; font-family: 'MuseoSans700', Arial, Helvetica, sans-serif;}
#sidebartop	ul			{ font-family: 'ParisineStdRegular', Arial, Helvetica, sans-serif; font-size: 1em; text-align:left; color:#333; margin-top: 15px; margin-left:40px; line-height: 2em; list-style-image: url(../images/checkmark2.png); list-style-position:inside; display:block; }
#sidebartop	.indent		{ margin-left:40px; }
.smallclass1			{ font-size: .8em; color:#666; }

#sidebarmiddle			{ height: 380px; padding: 7px 0 7px 0; display:inline; }
#sidebarmiddle a		{ text-decoration:underline; color: #333; }
#sidebarmiddle a:hover	{ color: #CCC; }
.justleft				{ text-align: left; font-size: 1.1em; line-height: 1.4em; color:#333; letter-spacing: -.25px; padding: 20px 36px 10px 40px;  }

#sidebarbottom			{ height: 540px; padding-top: 25px;}
.badges		 			{ margin: 0px 16px 30px 15px; position: relative; display: block; width: 285px; }
.badgeslast	 			{ margin: 0px 16px 0px 15px; position: relative; display: block; }			

/* column two / content area
*************************/
#columntwotop			{ position: relative; width: 707px; height:402px; top: 0px; float:right; background-image: url(../images/sliderarea.png); background-repeat:no-repeat; display: inline; }
#columntwobottom		{ position: relative; width: 707px; top: 10px; float:right; display: inline; }
#promotionarea			{ position: relative; width: 707px; height: 308px; top: 30px;/* background-image:url(../images/promotionArea/PromotionAreaHolidayDec6.png);*/ background-repeat:no-repeat; float:right;  }
#promostarburst			{ position: relative; width: 180px; height: 125px; top: 190px; left: 505px; }
#bottomcontent			{ position: absolute; width: 695px; height: 620px; top: 378px; margin-left: 10px; float:right; }
#feedback				{ position: absolute; width: 309px; height: 575px; background-image:url(../images/lightblue580.png); background-repeat:repeat-x; margin: 25px 16px 0 16px;  }
#reflectionfeedback		{ background-image:url(../images/reflectionheadingsfeedback.png); background-repeat:no-repeat; width:309px; height: 92px; }
#rss					{ position: absolute; width: 309px; height: 575px; top: 0px; left: 325px;  background-image:url(../images/lightblue580.png); background-repeat:repeat-x; margin: 25px 16px 0 16px;  float:right;}
#reflectionrss			{ background-image:url(../images/reflectionheadingsrss.png); background-repeat:no-repeat; width:309px; height: 92px; }
.comments				{ margin: 0px 16px 20px 16px; font-style:italic; } 

/* footer
*************************/
#footer					{ position: relative; width: 1024px; height: 47px; top: 30px; background-image:url(../images/footer24.jpg); background-repeat:no-repeat; float:left;}

/* RSS
*************************/
#rsscontent				{ height: 466px; overflow:hidden; }
.RSSPumpContent 		{ font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; font-size: 14px; font-style:italic; line-height: 21px; color: #000000; margin: 0px 16px 20px 16px; } 
.RSSPumpArticle 		{ padding-bottom: 10px; }
.RSSPumpArticleHeader 	{ font-family: 'MuseoSans900', Arial, Helvetica, "San Serif"; font-weight: bold; }
.RSSPumpArticleContent 	{ font-style:italic;}
.RSSPumpContent A:hover { text-decoration: underline; }
.RSSPumpContent A 		{ text-decoration: none; color: #000000; }

/* registration 
************************/
#columntwonewcust		{ position: relative; width: 707px; height: 150px; top: 20px; float:right; background: url(../images/reflectionheadingsignup.png) no-repeat; display:inline; }
#columntworeg			{ position: relative; width: 707px; height: 150px; top: 20px; float:right; background:url(../images/reflectionheadingregistration.png) no-repeat; display:inline;}
#columntwoonline		{ position: relative; width: 707px; top: 20px; float:right; background:url(../images/reflectionheadingonlineaccess.png) no-repeat; }
#headingout				{ position: relative; width: 681px; height: 525px; top: 0px; padding: 0 0 0 26px; float:left; display:inline;}
#headingout2			{ position: relative; width: 681px; height: 615px; top: 0px; float:left; margin: 0 0 10px 26px; display:inline;}



#headingout a			{ color: #069; letter-spacing: -.25px; font-weight:100; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; line-height:normal;}
.heading				{ position: relative; top: 85px; margin: 0 0 20px 26px;}
.headingpromo			{ position: relative; top: 125px; margin: 0 0 20px 26px;}
.heading2				{ position: relative; top: 85px; margin: 0 0 0 26px; }
.heading a				{ color: #069; text-decoration:underline; }
.heading a:hover		{ color: #036; text-decoration:none; }

#registrationform		{ position: relative; width: 600px; height: 780px; float:right; top: 100px; margin: 0 54px 0 53px; display:inline;} 

#registrationform a 	{ color:#036; text-decoration:underline; font-weight:bold; }
#registrationform a:hover {color:#6CF; text-decoration:underline; font-weight:bold;}
.bodytext 				{ color: #036; font-size: 14px; line-height: 18px; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; font-weight:100; padding: 8px; margin-right: 200px; }
.bodytext2 				{ color: #666; font-size: 15px; line-height: 19px; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; font-weight:100; padding: 8px; }
.bodysmall 				{ font-size: 10px; font-weight:100; }
.brightblue				{ color: #069; letter-spacing: -.25px; font-weight:100; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; line-height:normal; }
.brightblue2			{ color: #069; letter-spacing: -.25px; font-weight:100; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; line-height:normal; font-size:12px; }
.brightblue14			{ color: #069; letter-spacing: -.25px; font-weight:100; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; font-size: 14px; }
.grey					{ color: #666; letter-spacing: -.25px; font-weight:100; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif";}
.grey a					{ text-decoration:underline; color: #666; }
.grey a:hover			{ color: #333; }
.italic					{ font-style:italic; }
.grey14					{ color: #666; letter-spacing: -.25px; font-weight:100; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; font-size: 14px; }
.grey18					{ color: #666; letter-spacing: -.25px; font-weight:100; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; font-size: 17px; line-height: 20px; }

.grey					{ color: #333; letter-spacing: -.25px; font-weight:100; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif";}
.grey18 a				{ text-decoration:underline; }
.grey18 a:hover			{ text-decoration:underline; color:#036; }
.padding				{ padding: 10px;}
.small2					{ font-size: 10px; font-weight:100; letter-spacing: -.25px;}
#onlineaccessform		{ position: relative; width: 600px; height: 550px; float:right; top: 100px; margin: 0 54px 20px 53px;  display:inline;} 
#columntwoaccess		{ position: relative; width: 707px; height: 150px; top: 20px; float:right; background:url(../images/reflectionheadingonlineaccess.png) no-repeat; display:inline; }
#sidebarcontent			{ height: 480px; width: 250px; margin: 50px 30px 20px 30px; background-color: #CCC; }
#sidebarcontentaccess	{ height: 380px; width: 250px; margin: 50px 30px 20px 30px; background-color: #CCC; }  
.smallest				{ font-size: 11px; font-weight:100; letter-spacing: -.25px; color:#999; margin-left: 20px; }
h2.greycontentbold 		{ padding: 20px 0 0 20px; line-height: 24px; text-align:left; letter-spacing: -.75px; font-size:22px; }
.greycontentbold a		{ color:#006; text-decoration:none; }
.greycontentbold a:hover{ color:#000; text-decoration:none; }
h2.whitecontentbold 	{ color:#FFF; padding: 20px 0 0 20px; line-height: 24px; text-align:left; letter-spacing: -.15px; font-size:22px; }
.whitecontentbold a		{ color:#006; text-decoration:none; }
.whitecontentbold a:hover{ color:#000; text-decoration:none; }
#columnnumbers			{ position: relative; left: 15px; width: 23px; height: 150px; float: left; display:inline;  }
#columnicons			{ position: relative; left: 15px; width: 23px; height: 150px; float: left; background:url(../images/checkmark.png) repeat-y; display:inline; }
#one					{ margin: 0 0 48px 0 ; }
#two					{ margin: 0 0 30px 0 ; }
#three					{ margin: 0 0 50px 0 ; }
#four					{ margin: 0 0  ;  }

#typearea				{ position: relative; float:right; width:200px; height: 150px; line-height: 1.4em; font-size:18px;  padding: 0 10px 0 10px; }
.typeareawhite			{ color: #FFF; position: relative; float:right; width:200px; height: 150px; line-height: 1.4em; font-size:18px;  }
.checkone				{ margin: 0 0 50px 0 ; }
.checktwo				{ margin: 0 0 78px 0 ;  }
.checktwob				{ margin: 0 0 70px 0 ;  }
.checkthree				{ margin:0 }

/* orders 
************************/
#columntwoorder			{ position: relative; width: 707px; height: 150px; top: 20px; float:right; background: url(../images/reflectionheadingorder.png) no-repeat;display:inline;  }

/* links 
************************/
#columntwolinks			{ position: relative; width: 707px; top: 20px; height: 150px; float:left; background:url(../images/reflectionheadinglinks.png) no-repeat; display:inline;  }
#columntwolinksarea		{ position: relative; width: 707px; top: 0; height: 850px; float:left; }
#leftcol				{ position: absolute; width: 350px; top: 0; left: 20px; display:inline; }
#rightcol				{ position: absolute; width: 280px; top: 0; left: 390px; display:inline; }
.heading3				{ position: relative; top: 85px; margin: 0 0 20px 26px; display:inline; }
.heading4				{ position: relative; margin: 0 0 20px 26px; width: 200px; left: 50px; display:inline; }
.resources li 			{ font-size: 17px; line-height: 1.4em; text-decoration:none; color: #069; }
#columntwolinksarea a:link 	{ text-decoration:none; color: #069; }
#columntwolinksarea a:hover { text-decoration:none; color: #CCC; }
#columntwolinksarea a:visited 	{ text-decoration:none; color: #999; }

/* giftbasket
************************/
#columntwogiftbasket	{ position: relative; width: 1024px; top: 20px; height: 600px; float:left; background:url(../images/screenshotgiftbasket1024.jpg) no-repeat; display:inline;  }

/* contact 
************************/
#sidebarcontentcontact	{ height: 670px; width: 250px; margin: 50px 33px 20px 33px; background-color: #CCC; } 
#columntwocontact		{ position: relative; width: 707px; height: 150px; top: 20px; float:right; background: url(../images/reflectionheadingcontact.png) no-repeat; display:inline; }
#contactform			{ position: relative; width: 600px; height: 525px; top: 85px; float:right; margin: 0 54px 20px 54px; display:inline;} 
.style1					{ font-size:16px; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; text-align: left; color:#036; }

#contactform input[type=text], #onlineaccessform input[type=text], #onlineaccessform input[type=password], #registrationform input[type=text], #registrationform input[type=password], #csosform input[type=text] { background-color:#fff; color: #000; height: 30px; font-size: 14px; vertical-align:middle; width: 250px; }

.textarea 				{ font-size: 15px; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; }
.select					{ color: #036; font-size: 16px; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif";}
#onlineaccessform input[type=password]		{ height: 25px; font-size: 14px; vertical-align:middle; }
.greycontact 			{ padding: 20px 0 0 20px; line-height: 22px; text-align:left; font-family: 'MuseoSans700', Arial, Helvetica, "San Serif"; }
.contactstyle			{ margin-left: 30px; font-size:18px; text-align:left; color: #069; }
.contactstyle2			{ font-size:18px; text-align:left; color: #069; }


/* rewards 
************************/
#sidebarcontentrewards	{ height: 700px; width: 250px; margin: 50px 33px 20px 33px; background-image:url(../images/rewardpillimage2.jpg); background-repeat:no-repeat; } 
#columntworewards		{ position: relative; width: 707px; top: 20px; height: 150px; float:right; background: url(../images/reflectionheadingrewards.png) no-repeat; display:inline; }


#rewarddetails			{ position: relative; width: 600px;  float:none; top: 70px; left: 26px; } 
#columntworewards ul	{ margin-left: 30px; font-size: 16px; line-height: 1.6em;}
.bold					{ font-weight:bold; font-size: 20px;  }
h2 a					{ color: #069; text-decoration:underline; }
h2 a:hover				{ color: #036; text-decoration:none; }

/* policies 
************************/
#columntwopolicies		{ position: relative; width: 707px; height: 150px; top: 20px; float:right; background:url(../images/reflectionheadingpolicies.png) no-repeat; display:inline; }
#columntworeturnpolicy	{ position: relative; width: 707px; height: 150px; top: 20px; float:right; background:url(../images/reflectionheadingreturns.png) no-repeat; display:inline;}
#columntwoterms			{ position: relative; width: 707px; height: 150px; top: 20px; float:right; background:url(../images/reflectionheadingterms.png) no-repeat; display:inline; }
#columnoneterms			{ width: 250px; float:left; text-align:left; position: relative; height: 1270px; display:inline;}

/* support 
************************/
#columntwosupport			{ position: relative; width: 707px; height: 150px; top: 20px; float:right; background:url(../images/reflectionheadingsupport.png) no-repeat;display:inline;  }
#sidebarcontentsupport		{ height: 960px; width: 250px; margin: 33px 42px 20px 24px; background-color: #CCC; } 
#vlogo						{ position: relative; top: 10px; left: 15px; width: 225px; height: 135px; margin-bottom: 10px;}
.supportstyle				{ margin: 0 15px 0 20px; font-size:.94em; text-align:left; color: #069; }
.super						{ position: relative; top: -0.5em; font-size: 0.7em;}


/* backside 
************************/
#columnoneb				{ position:relative; float:left; width: 270px; text-align:left; float:left; }
#greybox				{ position: relative; width: 150px; height: 480px; margin:60px 60px 20px 60px; background-color:#666666; float:right; }
.greytype				{ color:#FFF; font-size:10px; margin: 8px; }
		

/* columntwob / content area
*************************/
#columntwob				{ position: absolute; width: 791px; top: 0; left: 270px; float:right; }

/* csos area
*************************/
#columntwocsos			{ position: relative; width: 540px; height: 150px; top: 20px; float:right; background:url(../images/reflectionheadingcsos2.png) no-repeat; display:inline; }
#columntwocsosassistance{ position: relative; width: 707px; height: 150px; top: 20px; float:right; background:url(../images/reflectionheadingcsosassistance.png) no-repeat; display:inline; }
 
#sidebarcontentcsos		{ height: 900px; width: 250px; margin: 50px 33px 20px 33px; background-color: #069; } 
#sidebarcontentcsos2	{ height: 670px; width: 250px; margin: 50px 33px 20px 33px; background-color: #069; } 
.typeareawhite			{ color: #FFF; position: relative; float:right; width:200px; height: 150px; line-height: 1.4em; font-size:18px; margin-right: 8px; }
.indent					{ padding-left: 72px; }
.indentmore				{ padding-left: 20px; }
.indent	a				{ padding-left: 0; text-decoration: underline; }
#headingcsos			{ position: relative; top: 150px; left: 26px; width: 681px; float:none;}
#csosform				{ position: relative; width: 600px; height: 750px; top: 100px; float:right;  margin: 0 54px 20px 54px;  display:inline;} 
#helpbutton		       	{ position: relative; height: 92px; width: 167px; top: 25px; float:right; display:inline; z-index:10; }
.stylecsos1				{ font-size:1.2em; letter-spacing:0.03em; margin:20px 0 5px; font-family: 'MuseoSans700', Arial, Helvetica, "San Serif"; color:#003366;}
.stylecsos2				{ font-size:1.2em; letter-spacing:0.03em; margin:20px 0 5px; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif";}
.stylecsos3				{ font-size:1.2em; letter-spacing:0.03em; margin:20px 0 5px; font-family: 'ParisineStdRegular', Arial, Helvetica, "San Serif"; padding-left: 70px;}
.superlow				{ position: relative; font-size: 0.8em;}


/* error 
************************/
#columntwoerror			{ position: relative; width: 707px; top: 20px; height: 150px; float:left; background:url(../images/reflectionheadingerror.png) no-repeat; display:inline;  }