*{
  margin: 0; padding: 0;
}
html, input, textarea, select{
  font-family: Trebuchet MS, Tahoma, Arial; font-size: 13px; color: #414141; /* color: #630f1a; red */
}
h1,h2,h3{
  margin: 1.5em 0 0.5em 0; font-size: 1.5em; font-weight: normal;
  color: #970b25; /* rot */
}
h1, h2{
	margin-top: 0; height: 24px; line-height: 24px;
	font-size: 18px; background: #fff9f3; border: 1px solid #fdcbb2;
	padding: 0 10px;
}
h2{
	border: none; height: 24px; overflow: hidden;
}
h3{
  margin: 0; font-size: 1.1em;
}
h4{
  color: #4e4e4e; font-weight: normal;
}
a{
  text-decoration: underline; color: #B62A2D; /* rot */
}
a:hover{
  text-decoration: none;
}
p,ul,address{
  margin: 0.5em 0; line-height: 1.5em;
}
ul{
  padding-left: 1.5em;
}
li{
  list-style: square; margin: 0.3em 0;
}
big{
  font-size: 1.2em;
}
small{
  font-size: 0.8em;
}
strong{
  font-weight: bold;
}
em{
  font-style: italic;
}


/* imgs */
img{
  border: none;
}

/* tables */
table{
  border-collapse: collapse; border-spacing: 0; border: none;
  font-size: 1em; margin: 0.5em 0;
}
tr{
  background: #F7F0F0;
}
th, td{
   padding: 0 0.3em;
   text-align: left;
 }
#content th, #content td{ 
 border-bottom: 1px solid #FFF;
}


 /* other */
 .dummy{
    clear: both;
}

p.message, p.successful, p.error, p.info{
	padding: 1em 1em 1em 50px; margin: 1em 0;
	background: url("../images/p_info.gif") 10px 7px no-repeat #FFF;
	border: 2px solid #fced00; -moz-border-radius: 2em;
	color: #000;
}
p.successful{
	background-image: url("../images/p_successful.gif");
	border-color: #3b861d; 
}
p.error{
	background-image: url("../images/p_error.gif");
	border-color: #b10e1b;
}

form input.text, form select{
  line-height: 20px; padding: 2px 10px 2px 10px;
  background: url("../images/input_text_bg.gif") top left;
  border: 1px solid #ffcba9;
}
form input.text{
	height: 20px;
}

input.button{
	background: url("../images/input_text_bg.gif") top left;
  border: 1px solid #ffcba9; padding: 2px;
  font-size: 1.2em; font-weight: bold; color: #B62A2D; /* rot */
}
.product div.info{
  width: 482px; height: 50px; padding: 0 10px; overflow: hidden;
  background: url("../images/product_info_bg.gif") top left no-repeat;
  color: #790000;
 }
div.product .price, div.product .economy, div.product .link{
	 float: left; width: 100px; 
}
div.product .price{
	width: 200px;
}
div.product .economy{
	width: 150px;
	}
div.product .info {
	height: 80px;
	}
div.product .info a{
  text-decoration: none;
}
div.product .info a:hover{
  text-decoration: underline;
}
div.product .logo{
	float: right;
}
div.product .content{
	width: 502px; float: right; 
}
table.transactions{ /* table */
	 margin: 1em 0; width: 100%;
	}
table.transactions tr{
	border-bottom: 1px solid #FFF;
	background: rgb(247,240,240); /* light red */
}
table.transactions th, table.transactions td{
	padding: 0.2em 1em;
}
table.transactions .date{
  width: 5em;
}
table.transactions .price, table.transactions .commission{
  text-align: right; width: 6em;
}
table.transactions .refund{
	width: 5em; text-align: right;
}
table.transactions .status{
  text-align: center; width: 3em;
}
table.transactions tr.status0 td.status{
}
table.transactions tr.status1 td.status{
  color: rgb(0,150,0); /* green */
}
table.transactions tr.status2 td.status{
  color: rgb(150,0,0); /* tred */
}
table.transactions tr.amount{
	
}


table.agreement{
	}
table.agreement tr{
  background: transparent;
}
table.agreement th, table.agreement td{
    padding: 0;
}
table. agreement thead th.col{
	width: 171px;
}
table.agreement tbody tr{
  height: 89px;
}
table.agreement tbody .left{
	background: url("../images/agreement_td_left_bg.gif") 0 25px no-repeat transparent;
}
table.agreement tbody td.right{
  background: url("../images/agreement_td_right_bg.gif") right 25px no-repeat transparent;
}
table.agreement tbody td{
	color: #B62A2D;
	width: 161px; height: 59px;	padding: 30px 10px 0 0;
	vertical-align: top;
	background: url("../images/agreement_td_center_bg.gif") 0 25px repeat-x transparent;
}
table.agreement tbody th{
	padding: 30px 10px 0 10px;
	color: #666666;
	vertical-align: top;
	}
table.agreement tr.price td{
	font-weight: bold; font-size: 1.2em;
}
table.agreement tr.no_bg td, table.agreement tr.no_bg th{
	background: transparent;
}
#content a.btn{
	display: block; width: 195px; height: 36px; line-height: 36px; padding: 0 45px 0 0;
	background: url("../images/content_btn_bg.gif") top left no-repeat;
	text-decoration: none;
	text-align: right;
	}
#content a.btn:hover{
	text-decoration: underline;
}

table.userdata tr{
	background: transparent;
}
table.userdata th{
  color: #666666; width: 150px; font-weight: normal;
  }
table.userdata td{
  color: #9F091F;
  }
.invisible{
  display: none;
 }
 .tooltip{
   max-width: 300px;
 }
 .tooltip h2{
   margin-top: 0;
 }
 
div.shop{
  width: 306px; float: left;
}
div.shop.odd{
  clear: both;
}
div.shop.even{
  float: right;
}
div.shop a.img{
	float:left; padding: 10px;
}

.box{
  padding: 1px; margin-top: 30px;
  border: 1px solid #ffcba9;
}


div.special{
  float: left; margin: 0 16px 20px 0;
  overflow: hidden;
}
div.special.large{
  width: 638px; height: 155px;
}
div.special.middle, div.special.middle2{
  width: 306px; height: 186px;
}
div.special.middle2{
  height: 131px;
}
div.special.small, div.special.small2{
  width: 198px; height: 167px;
}
div.special.small2{
  height: 150px;
}
div.special.large, div.special.center, div.special.right{
	margin-right: 0;
}
div.special.right{
	float: right;
}
div.special img{
  float: left; padding-top: 1px solid #FFF;
}
div.special.large div.content{
	width: 328px; height: 130px; float: right; margin: 0;
}
div.special p{
	color: #757575; font-size: 12px;
}
div.special.large p.description{
  width: 300px; height: 85px; padding: 15px 13px 0 15px; margin: 0; overflow: hidden;
}
div.special.middle p.description{
  clear: both;
  width: 278px; height: 56px; padding: 10px 13px 0 15px; margin: 0; overflow: hidden;
}
div.special.small p.description{
  clear: both;
  width: 179px; height: 55px; padding: 5px 7px 0 10px; margin: 0; overflow: hidden;
}
div.special p.info1{
	background: #fff9f3; height: 30px; line-height: 30px; width: 313px; margin: 0; padding: 0 0 0 15px;
	color: #970c21; font-size: 16px; font-weight: bold;
}
div.special p.info1 span{
	color: #78716b; font-size: 12px; font-weight: normal;
}
div.special .description a, a.arrow{
	padding-left: 17px; background: url("../images/arrow.gif") top left no-repeat;
}

div.coupon p.description{
  color: #757575; font-size: 12px;
}
div.shop p.description{
  color: #757575; font-size: 12px;
}