@charset "utf-8";
* { margin: 0 auto; padding: 0; }
/* elements */
body 							{ font: 0.8em Arial, Helvetica, sans-serif; color: #000066; background: url(../images/bg_tile.gif) 0 0 repeat-x #ffffff;}
h1 							{ font: 1.9em Arial, Helvetica, sans-serif; font-weight: normal; color: #000066; }
#landing h2 						{ font: 1.3em Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; padding: 8px 0 0 40px;}
h2 							{ font: 1.3em Arial, Helvetica, sans-serif; font-weight: bold; color: #3366FF; line-height:40px; }
p 							{ margin: 0.5em 0; line-height: 1.5em;}
p.intro 						{ font-size: 1.5em; font-weight: normal;}
a:active, a:link, a:visited 				{ text-decoration: none; font-weight: bold; color: #000066; }
a:hover 						{ text-decoration: underline; color: #000066; }
.yellow 						{ color: yellow;}
img							{ border: 0px none; }

/* structure */
.wrapper { width: 770px;}

.wrapper .header 					{ width: 770px; height: 90px;}
.wrapper .header .client_logo 				{ float: left; padding: 0 0 0 40px;}
.wrapper .header ul 					{ float: right; padding: 56px 0 0 0;}
.wrapper .header ul li 					{ display: inline; list-style: none; text-transform: uppercase; font-size: 0.85em;}
.wrapper .header ul li a 				{ background: url(../images/navsplit.gif) no-repeat 0 0; float: left; text-decoration: none; color: #ffffff; height: 34px; line-height: 34px; padding: 0 8px 0 12px; font-weight: normal;}
.wrapper .header ul li a:hover 				{ text-decoration: none; color: lightblue;}
.wrapper .header ul li:first-child a 			{ background: transparent; float: left; text-decoration: none; color: #ffffff; height: 34px; line-height: 34px; padding: 0 8px 0 12px; font-weight: normal;}

.wrapper .topPanel 					{ width: 770px; height: 95px; margin: 0; }
.wrapper .topPanel h1                                   { float: left; font: 1.8em Arial, Helvetica, sans-serif; font-weight: normal; color: #000066; margin: 40px 0px 0px 40px; }
.wrapper .topPanel .globalname 				{ float: left; padding: 60px 0 0 22px; color: #e63f90; font-size: 1.5em; font-weight: normal;}
.wrapper .topPanel .globalname span 			{ color: #3366ff;}
.wrapper .topPanel .globalpoints span 			{ color: #3366ff;}
.wrapper .topPanel .globalpoints 			{ float: right; padding: 60px 20px 0 0; color: #e63f90; font-size: 1.5em; font-weight: normal;}
.wrapper .topPanel .globalbasket span 			{ color: #3366ff;}
.wrapper .topPanel .globalbasket 			{ float: right; padding: 60px 20px 0 0; color: #e63f90; font-size: 1.5em; font-weight: normal;}

.wrapper .content 					{ float: left; width: 770px; margin: 0; background: url(../images/content-frame-middle.gif) 0 0 repeat-y;}
.wrapper .content .title 				{ float: left; background: url(../images/content-frame-top.gif) 0 0 no-repeat; width: 770px; height: 33px;}

.wrapper .content .title ul 				{ float: left; margin: 8px 0 0 20px; _margin-left: 10px; font-size: 0.85em; font-weight: bold; width: 750px;}
.wrapper .content .title ul li 				{  display: inline; list-style: none; float: left; color:#FFFFFF;}
.wrapper .content .title ul li a 			{ text-decoration: none; color: #3366ff;}
.wrapper .content .title ul li span 			{ padding: 0 5px;}
.wrapper .content .title ul li.logout 			{ float: right; padding: 0 20px 0 0;}
.wrapper .content .title ul li.logout a 		{ text-decoration: none; color: #ffffff;}

#flashObject 						{ float: left; margin: 0 0 0 22px; _margin-left: 11px; width: 565px; height: 165px; background: #ccc;}

.wrapper .content .copy 				{ float: left; width: 520px; margin: 20px 0 0 40px; padding: 0px 0px 20px 0px; display: inline;}
.wrapper .content .terms 				{ float: left; width: 520px; margin: 0px 0 0 40px; _margin-left: 20px; padding-bottom: 20px; display: inline;}
.wrapper .content .terms ol				{ margin-left: 30px; }
.wrapper .content .reward-image 			{ float: left; width: 540px; margin: 0px 0 0 40px; display: inline;}
.wrapper .content .buttons	 			{ float: left; width: 520px; margin: 0px 0 20px 40px; display: inline;}


.wrapper .content .copy ol				{ margin: 0 0 2.0em 2.5em; }
.wrapper .content .copy ol li				{ margin-bottom: 1.0em; }
.wrapper .content .copy ul				{ margin: 0 0 2.0em 2.5em; }
.wrapper .content .copy ul li				{ margin-bottom: 1.0em; }

.wrapper .content .copy form				{ float: left; width: 530px; margin: 10px 0px; }
.wrapper .content .copy form .formText			{ float: left; width: 230px; text-align: right; padding: 5px 10px; font-weight: bold;}
.wrapper .content .copy form .formInput			{ float: left; width: 280px; border: 0px solid #000; padding: 2px 0px; }
.wrapper .content .copy form .formInput input[type='text'] { border: 1px solid #006; padding: 2px; width: 200px; }
.wrapper .content .copy form .formInput input[type='password'] { border: 1px solid #006; padding: 2px; width: 200px; }
.wrapper .content .copy form .formInput textarea	{ border: 1px solid #006; padding: 2px; width: 200px; height: 80px; }

.wrapper .content .adPanelsRight 			{ float: right; width: 120px; margin: 40px 35px 0 0; display: inline;}
.wrapper .content .adPanelsRight .adPanel 		{ float: left; width: 120px; height: 120px; background: #999999; margin-bottom: 20px; text-align: center; line-height: 120px; text-transform: uppercase; font-size: 0.8em;}

.wrapper .content .category				{ float: left; width: 540px; margin: 10px 0 0 40px; padding-bottom: 20px; display: inline;}
.wrapper .content .category p.title			{ float: left; background: #fff none; margin: 10px 0px 0px 30px; display: inline; width: 350px; font-size: 1.5em;}
.wrapper .content .category p.subtitle			{ float: left; background: #fff none; width: 350px; margin: 0px 0px 0px 30px; display: inline; font-size: 1.2em; font-weight:bold; color:#3366ff; }
.wrapper .content .category p.link			{ float: left; background: #fff none; width: 350px; margin: 0px 0px 0px 30px; display: inline; }
.wrapper .content .category a				{ float: left; }
.wrapper .content .category a img 			{ float: left; margin: 10px 0px; }

.wrapper .content .reward				{ float: left; width: 540px; margin: 8px 0 0 40px; padding-bottom: 20px; display: inline;}
.wrapper .content .reward p.title			{ float: left; background: #fff none; margin: 10px 0px 0px 20px; display: inline; width: 280px; font-size: 1.4em;}
.wrapper .content .reward p.points			{ float: left; background: #fff none; margin: 12px 0px 0px 0px; display: inline; width: 70px; font-size: 1.2em; font-weight:bold; color:#3366ff; text-align: right;}
.wrapper .content .reward p.subtitle			{ float: left; background: #fff none; width: 350px; margin: 0px 0px 0px 20px; display: inline; font-size: 1em; }
.wrapper .content .reward p.link			{ float: left; background: #fff none; width: 350px; margin: 0px 0px 0px 30px; display: inline; }
.wrapper .content .reward a				{ float: left; }
.wrapper .content .reward a img 			{ float: left; margin: 10px 0px; }
.wrapper .content .reward .buttons			{ float: left; width: 350px; margin: 0px 0px 0px 20px; display: inline;}
.wrapper .content .reward .buttons a img 		{ float: left; margin: 10px 5px 0px 0px; }

.wrapper .content .reward-header			{ float: left; width: 540px; margin: 10px 0 10px 42px; _margin-left: 22px;}
.wrapper .content .reward-header p			{ float: left; background: #fff none; font-size: 1.5em; width: 500px;}
.wrapper .content .reward-header p span			{ background: #fff none; font-size: 0.9em; font-weight:bold; color:#3366ff;}

.wrapper .footer 					{ float: left; width: 770px; font-size: 0.85em; color: #999999; padding: 0 0 20px 0; text-align: center;}
.wrapper .footer span 					{ padding: 0 5px; }
.wrapper .footer a 					{ color: #999999; text-decoration: none; font-weight: normal;}
.wrapper .footer a:hover 				{ color: #3366ff; text-decoration: none;}

.wrapper .basePanel 					{ float: left; width: 777px; padding: 0 0 20px 0; text-align: center;}
.wrapper .basePanel span 				{ padding: 0 20px;}
.wrapper .basePanel span img				{ vertical-align: middle; }


.input_error						{ background-color: #fee;}
.error							{ padding: 10px; background: #fee; color: #f00; font-weight: bold; float: left; width: 500px; display: none; }
#account 						{ border: 0px solid #000; padding: 0px; margin: 10px 0px;}
#account .points					{ display: none; }	
#account .points table					{ width: 520px; }
#account .points table tr.header			{ background-color: #fff; height: 40px; }
#account .points table tr.header td			{ background-color: #006; color: #fff; padding: 2px; text-align: center; height: 40px; }
#account .points table tr td				{ padding: 5px 2px; text-align: left; font-size: 11px; }
#account .points table tr td.number			{ text-align: right; }
#account .points table tr td.plus			{ color: green; }
#account .points table tr td.minus			{ color: red; }
#account .points table tr.odd				{ background-color: #ddd; }



#account .customer					{ margin: 20px 0px; float: left;}
#account .customer .element				{ width: 520px; float: left; }
#account .customer .element .text			{ width: 200px; float: left; text-align: right; padding: 2px 10px; }
#account .customer .element .value			{ width: 280px; float: left; padding: 2px 10px; font-weight: bold;}

#basket table						{ width: 520px; }
#basket table tr.header					{ background-color: #fff; height: 30px; }
#basket table tr.header td				{ background-color: #006; color: #fff; padding: 2px; text-align: center; height: 30px; }
#basket table tr td					{ padding: 5px; text-align: left; font-size: 11px; }
#basket table tr td a img				{ border: 0px none; }
#basket table tr td.number				{ text-align: right; }
#basket table tr td.plus				{ color: green; }
#basket table tr td.minus				{ color: red; }
#basket table tr.odd					{ background-color: #ddd; }
#basket table tr td.total				{ background-color: #fff; border-top: 1px solid #006; font-weight: bold; }
#basket .continue					{ margin: 10px 0px; }
#basket .continue a img					{ border: 0 none; margin: 0px 100px 0px 0px; }

#checkout table						{ width: 520px; }
#checkout table tr.header				{ background-color: #fff; height: 30px; }
#checkout table tr.header td				{ background-color: #006; color: #fff; padding: 2px; text-align: center; height: 30px; }
#checkout table tr td					{ padding: 5px; text-align: left; font-size: 11px; }
#checkout table tr td a img				{ border: 0px none; }
#checkout table tr td.number				{ text-align: right; }
#checkout table tr td.plus				{ color: green; }
#checkout table tr td.minus				{ color: red; }
#checkout table tr.odd					{ background-color: #ddd; }
#checkout table tr td.total				{ background-color: #fff; border-top: 1px solid #006; font-weight: bold; }
#checkout .continue					{ margin: 10px 0px; }
#checkout .continue a img				{ border: 0 none; margin: 0px 100px 0px 0px; }

#checkout form						{ float: left; width: 530px; margin: 10px 0px; }
#checkout form .formText				{ float: left; width: 230px; text-align: right; padding: 5px 10px; font-weight: bold;}
#checkout form .formInput				{ float: left; width: 280px; border: 0px solid #000; padding: 2px 0px; }
#checkout form .formInput input[type='text'] 		{ border: 1px solid #006; padding: 2px; width: 200px; }
#checkout form .formInput input[type='password'] 	{ border: 1px solid #006; padding: 2px; width: 200px; }
#checkout form .formInput textarea			{ border: 1px solid #006; padding: 2px; width: 200px; height: 80px; }