/* new subsinfo styles */

body {
	margin: 0;
	background-color: gray;
	font-family: Arial, Helvetica, sans-serif;
}

form {
  display:inline;
}

#page {
	width:720px;
	margin-left: auto;
	margin-right: auto;
  background-color: white;
  margin-top:0;
}

#header {
	clear: both;
	margin-bottom:0;
}

#header #left {
	float:left;
	width:21px;
	height:120px;
	background-image: url(../../images/default/header_left.gif);
	background-repeat: repeat-y;
}

#header #right {
	display:inline;
	float:left;
	width:699px;
	height:120px;
	background-image: url(../../images/default/page_header_no_white.gif);
	background-repeat: no-repeat;
}



#header #logout {
	position: relative;
	top: 90px;
	left: 19px;
}


#header #banner {
	position: relative;
	top: -14px;
	left: 269px;
}

#content {
	background-color: #FFFFFF;
	clear:both;
	margin:0;
}


#fixed_content {
  margin:0;
	background-color: #FFFFFF;
	clear:both;

/*	min-height: 630px;*/
  
/* IE 6 HACK */  
  min-height:630px;
  height:auto !important;
  height:630px;  
  
    	
}

#footer {
	clear:both;
}

#footer #left {
	float:left;
	width:21px;
	height:50px;	
	background-image: url(../../images/default/header_left.gif);
	background-repeat: repeat-y;
}

#footer #right {
	display:inline;
	float:left;
	width:699px;
	height:50px;
	background-image: url(../../images/default/footer_right.gif);
	background-repeat: repeat-x;
}

#footer #right img {
	padding-left: 20px;
}

#breaker {
	height: 21px;
	clear: both;
}

#breaker_small {
	height:10px;
}

#error{
	font-size: 17px;
	font-weight: bold;
	color: #EC0204;
	margin-left: 41px;	
	padding-bottom: 5px;
}


#error_small {
	font-size: 11px;
	color: #EC0204;
	margin-left: 41px;
}

/* login pages */

#fixed_content #loginBox {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	width: 678px;
	margin-left: 21px;
/*	height: 100px;	*/
}

#fixed_content #loginBox #content {
	margin:21px;
	background-color: #F3F3F3;	
}

#fixed_content #loginBox #content #headline {
	font-size: 26px;
	/*font-weight: bold;*/
	border-bottom: 1px dotted red;
}

/*
#image {
	float:right;
	left: 40px; 
	top: -70px; 
	position: relative;
	height:70px;
}
*/

#image {
	float:right;
	left: 10px; 
	top: -45px; 
	position: relative;
	height:70px;
}



#fixed_content #loginBox #content #infotext {
	padding-top: 4px;
	font-size: 12px;
	width:320px;
	line-height: 18px;
}

#fixed_content #loginBox #content #passwordText {
	font-size: 13px;
	font-weight: bold;
}

#fixed_content #loginBox #content #password {
	border: 1px solid #CCCCCC;
	width: 130px;
	height: 16px;
}

#fixed_content #loginBox #content #passwordText #button {
	position:relative;
	top: 4px; 
}

#fixed_content #additional {
	font-size: 12px;
	margin-left: 42px;
	line-height: 18px;	
}

#additional a {
	font-weight: bold;
	color: Black;
	text-decoration: none;
}

#additional a:hover {
	color: Red;
}

#additional p {
  margin-right: 42px;
}

#userinfoContainer {
	width: 100%;
}

#userinfo {
	margin-left: 21px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding-top:10px;
	padding-bottom:10px;
	width: 83%;
}

#logoutButton {
	float: follow;
	margin: 0px;
	padding-top: 5px;
}

/* customer details pages */ 

#customer_details_table {
	margin-left:21px;
	width: 678px;
}

#customer_details_table #headline {
	background-color: #EEEEEE;
/*	width:660px;*/
	height:23px;
}

#customer_details_table #headline_text {
	font-size: 14px;
	font-weight: bold;
	position: relative;
	left: 4px;
	top: 2px;
	float: left;
}

#customer_details_table #headline #button{
	float:right;
	display: inline;
	position: relative;
	padding:1px;
}

#customer_details_table #heading {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;	
	padding:4px;
}

#customer_details_table #data {
	font-size:11px;	
	padding:2px;
	line-height: 16px;	
}

#customer_details_table #details_block {
	height: 150px;
}

#data_caption {
	width: 150px;
	float: left;
}

#data_value {
/*	font-weight: bold;	*/
	float:left;	
	display: inline;
}

/* help page */

#help_table {
	margin-left:21px;
	width: 678px;
}

#help_table #headline {
	background-color: #EEEEEE;
	width:404px;
	height:23px;
}

#help_table #headline_text {
	font-size: 14px;
	font-weight: bold;
	position: relative;
	left: 4px;
	top: 2px;
}

#help_table #text {
	font-size: 11px;
	font-weight: normal;
	padding: 7px;
	line-height: 18px;
}

#help_table #question_group {
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	line-height: 18px;	
}

#help_table #question {
	font-size: 11px;
	padding: 4px;
	border-top: 1px dotted #CCCCCC;
	line-height: 18px;
	font-weight: bold;
}

#help_table a {
	font-weight: bold;
	text-decoration: none;
	color: Black;
}

#help_table #s_question_group {
	font-weight: bold;
	font-size: 11px;	
	padding-left: 4px;	
	margin-left:0;
	line-height: 18px;	
	padding-top:6px;
}

#help_table #s_question {
/*	margin-left: 10px;*/
}

#help_table #s_question 	li {
	font-size: 11px;	
	list-style-type: disc; 
	padding-left: 2px;		
	margin-left: 10px;	
	line-height: 18px;	
}

#help_table #s_question a {
	font-weight: normal;
	text-decoration: none;
	color: Black;
}

/* table styles for magazine page */

#magazine_table {
	border: 1px solid #CCCCCC;
	margin-left:21px;
	width: 678px;
}

#image_cell {
	border-right: 1px dotted #CCCCCC;
	padding-right:10px;
}

#image_cell img {
	height: 128px;
	width: 90px;
	border: 1px solid #CCCCCC;
}

#sub_status {
	background-color: #EEEEEE;
	width:404px;
	height:23px;
}

#sub_status #status_text {
	font-size: 14px;
	font-weight: bold;
	position: relative;
	left: 4px;
	top: 2px;
}

#buttons {
	clear:both;
}

#magazine_details {
	font-size: 11px;
	font-weight: normal;
	width:100%;
/*	height: 105px;*/
}

#magazine_details #details {
	border-bottom: 1px dotted #CCCCCC;
	height:21px;
}

#magazine_details #details_top {
	border-bottom: 1px dotted #CCCCCC;
	height:18px;
}

#magazine_details #details_bottom {
	height:18px;
}

#magazine_details #center_line {
	border-left: 1px dotted #CCCCCC;
}

#caption {
	width: 116px;
	float: left;
	padding-left: 5px;
}

#value {
	font-weight: bold;	
	float:left;	
	display: inline;
}

#gift_from {
	background-color: #EE0000;
	color: White;
	font-size: 12px;
	font-weight: bold;
	height: 16px;	
	width: 92px;
	text-align: center;
	padding-top: 3px;
	float: left;	
}

#gift_for {
	background-color: #0066CB;
	color: White;
	font-size: 12px;
	font-weight: bold;
	height: 16px;	
	width: 92px;
	text-align: center;
	padding-top: 3px;
	float: left;
}

#gift_address {
	font-size:11px;
	background-color: #EEEEEE;
	display: inline;
	float: left;
	width: 555px;
	height: 16px;
	margin-left: 5px;
	padding-left:5px;
	padding-top:4px;
	font-weight: bold;
}


#fixed_content #option {
	border: 1px solid #CDCDCD;
	margin-left: 21px;
	width: 663px;
	background-color: #f3f3f3;
	margin-bottom: 1px;
	height: 50px;	
}

#fixed_content #option_number {
	height: 20px;
	width: 20px;
	border: 1px solid #bfbfbf;
	background-color: #222222;
	color: white;
	text-align: center;
	font-weight: bold;
	float: left;
	margin:15px;
}

#fixed_content #option_text {
	float: left;
	display: inline;
	margin-top:15px;
}

#option_text a {
  text-decoration: none;
  color: black;
}

#option_text a:hover {
  color: red;
}

#right_form {
	float: right;
	display: inline;
	margin-top: 15px;
	margin-right:15px;
	margin-bottom:15px;
}

#right_form #i_offercode{
	width: 230px;
	height:15px;
	top:-3px;
	position: relative;
}

#right_form #b_offercode{
}

#row {
	font-size: 11px;
	clear: both;
	padding-top: 1px;
}

#row #caption{
	display:inline;	
	float: left;
	padding-left: 4px;
	padding-top: 4px;
}

#row #captionLong{
	padding-left: 4px;
	width: 300px; 
}


#row #i_value{
	display:inline;	
	float: right;
}

#row #i_value #i_value_box {
	width:190px;
	background-color: White;
  border:1px solid #A5ACB2;	
}

#table_title {
	font-size: 14px;
	font-weight: bold;
	padding-left: 4px;
}

#bottom_buttons{
	float:right;
}

.blackonwhite{
  
}

.redonwhite{
  color: red;
}

#paymentInfo {
  line-height: 15px;
  padding-bottom:6px;	
}


