html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #594F4F;
	z-index: 1;
}


a, a:visited {
	color: #1B59AD;
}

a:hover {
	text-decoration: none;
}

h2 {
	font-size: 160%;
	margin: 0 0 10px 0;
	padding: 0;
	color: #20262b;	
}

small {
	font-size: 80%;
}

#buy, #add, #inBasket, #register, #editClient, #loginbutton {
	height: 40px;
	font-family: tahoma;
	margin: 0 5px;
}

.float-left {
    float: left;
}

.clear {
	clear: both;
}

#header {
  height: 2em;
  width: 100%;
  
}

#wrapper {
	width: 90%;
	min-width: 800px;
	margin: 0 auto 0 auto;
	padding: 0;
	padding-bottom: 365px;
}


#top #logo {
	float: left;
	/*min-width: 302px;*/
	width: 25%;
	overflow: hidden;
}

#menu_header {
	float: left;
	padding: 0;
	width: 74%;
}

#menu_header ul {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 30px;
}

#menu_header li {
	display: block;
	list-style-type: none;
	float: left;
	width: 17%;
	padding-left: 40px;
	margin: 0;
}


#menu_header li a, #menu_header li a:visited {
	text-transform: uppercase;
	font-size: 100%;
	font-family: tahoma;
}

#menu_header li.add {
	background:url(../images/icon_addorder.png) no-repeat center left;
}

#menu_header li.order {
	background:url(../images/icon_orders.png) no-repeat center left;
}

#menu_header li.account {
	background:url(../images/icon_account.png) no-repeat center left;
	padding-left: 30px;
}

#menu_header li.ballance {
	background:url(../images/icon_ballance.png) no-repeat center left;
	padding-left: 45px;
}


#loginbox {
	display: block;
	width: 100%;
	margin-top: 40px;
	padding: 0;
	background: #E5FCC2 url(../images/corner_l.gif) repeat-y left top;
}

#loginbox .top {width: 100%; height: 9px; background: url(../images/corner_tl.gif) no-repeat left top;}
#loginbox .top span {display: block; position: relative; height: 5px; background: url(../images/corner_tr.gif) no-repeat right top;}
#loginbox .content {position: relative;	background: url(../images/corner_r.gif) repeat-y right top; padding: 5px; margin: 0;}
#loginbox .bottom {width: 100%; height: 9px; background: url(../images/corner_bl.gif) no-repeat left bottom} 
#loginbox .bottom span {display: block; position: relative; height: 9px; background: url(../images/corner_br.gif)  no-repeat right top;}
#loginbox .content {padding: 25px; margin: 0; height: 40px; background: url(../images/corner_center.png);}


#loginform #login, #loginform #password {
	margin: 0;
	padding: 0 0 0 30px;
	font-weight: bold;
	width: 135px;
	height: 30px;
	color: #000;
	border: 0;
	
}



#loginform #login {
	background: url(../images/bg_input_login.png) 0 0 no-repeat;
}

#loginform #password {
	background: url(../images/bg_input_password.png) 0 0 no-repeat;
}

#loginbox form {
	float: left;
	
}

#loginbox #options {
	float: left;
	padding: 10px;
}

#loginbox #options a {
	margin-left: 10px;
}


#userbar {



}

#userbar #username {
	background: url(../images/icon_login.png) center left no-repeat;
	padding: 5px 0 5px 20px;
	margin-right: 10px;
	text-decoration: underline;
	float: left;


}

#userbar #edit, #userbar #orders, #userbar #exit, #instruction, #forum, #userbar #change_password {
	float: left;
	padding: 5px 0 5px 20px;
	font-size: 90%;

}

#userbar #edit {
	margin-left: 25px;
	background: url(../images/icon_edit.png) center left no-repeat;
}

#userbar #orders {
	margin-left: 25px;
	background: url(../images/icon_edit.png) center left no-repeat;
}


#userbar #exit {
	margin-left: 25px;
	background: url(../images/icon_exit.png) center left no-repeat;
}

#statusBar {
	border: 1px solid #F8B0B7;
	background: url('../images/icon_attention.png') 3% 50% no-repeat #F8D9E2;
	width: 300px;
	position: relative;
	margin: 15px 0 0 0;
	padding: 10px 30px;
	font-size: 80%;
	font-weight: bold;
	display: none;
}

#language {
	float: right;
	margin-top: 10px;
}

#language ul {
	padding: 0;
	margin: 0;
}

#language ul li {
	padding: 0;
	margin-top: 2px;
	list-style-type: none;
}

#language ul li a, #language ul li a:visited  {
	font-size: 90%;
	color: #fff;
} 

#language ul li a.active {
	background: url(../images/bg_lang_active.png) 3% 50% no-repeat;
	padding: 7px 35px 7px 35px;
	text-decoration: none;
	
}

div#selLang {
	background: #4c5155;
	padding: 7px 35px 7px 35px;
}

.info {
	margin: 20px 0;
	font-weight: bold;
}

#cardNumber, .cardNumber {
	width: 200px;
}

#container {
	width: 100%;
	padding: 0;
	margin: 0;
}

#content {
	width: 80%;
	padding: 0;
	margin: 20px 0;
	float: left;
	overflow: visible;
	z-index: 10;
	
	
}

#choose_option {
	width: 100%;
	padding: 0;
	margin: 0;
}

#choose_option li {
	list-style-type: none;
	cursor: hand;
	float: left;
	margin: 0 15px 15px 0;
	padding: 10px;
	border: 1px solid #80a894;
	width: 200px;
	height: 50px;
	
}


#choose_option li:hover {
	display: block;
	background: #ccc;
}


/*icons_cat_index */

#content li {
	
}

#content li#part_1 {
	background: url(../images/icon_cats_club.png) 3% 50% no-repeat;
	padding-left: 100px;
}

#content li#part_2 {
	background: url(../images/icon_cats_club.png) 3% 50% no-repeat;
	padding-left: 100px;
}

#content li#part_3 {
	background: url(../images/icon_cats_club.png) 3% 50% no-repeat;
	padding-left: 100px;
}

#content li#part_4 {
	background: url(../images/icon_cats_club.png) 3% 50% no-repeat;
	padding-left: 100px;
}

#content li#part_5 {
	background: url(../images/icon_cats_club.png) 3% 50% no-repeat;
	padding-left: 100px;
}

#content li#part_6 {
	background: url(../images/icon_cats_club.png) 3% 50% no-repeat;
	padding-left: 100px;
}

#content li#part_8 {
	background: url(../images/icon_vip2club.png) 3% 50% no-repeat;
	padding-left: 100px;
}





#change_password {
	background:url(../images/icon_password.png) 0 50% no-repeat;
	padding-left: 25px;
}


#cart_mini {
	width: 19%;
	padding: 0;
	margin: 20px 0 0 0;
	float: right;
	background: #fff2c1 url(../images/corner_l.gif) repeat-y left top;
}

#cart_mini .top {width: 100%; height: 9px; background: url(../images/corner_tl.gif) no-repeat left top;}
#cart_mini .top span {display: block; position: relative; height: 9px; background: url(../images/corner_tr.gif) no-repeat right top;}
#cart_mini .content {position: relative;	background: url(../images/corner_r.gif) repeat-y right top; padding: 10px; margin: 0;}
#cart_mini .bottom {width: 100%; height: 9px; background: url(../images/corner_bl.gif) no-repeat left bottom} 
#cart_mini .bottom span {display: block; position: relative; height: 9px; background: url(../images/corner_br.gif)  no-repeat right top;}

#cart_mini {
	text-align: left;
}

#cart_mini #header_card {
	background:url(../images/icon_cart_big.png) no-repeat center left;
	height: 30px;
	font-size: 160%;
	color: #20262b;	
	text-align: left;
	padding: 10px 0 5px 50px;
	margin: 3px;
	border-bottom: 1px solid #80a894;
}

#cart_mini ul {
	margin: 20px 5px;
	padding-left: 20px;
	display: block;
}

#cart_mini ul li {
	list-style-type: decimal;
	text-align: left;
	font-size: 90%;
	border-bottom: 1px dashed #C2D6A5;
	padding: 3px 0;
}

#cart_mini ul li .delete {
	margin: 0;
	float: right;
}




#content #orders {
	width: 100%;
	text-align: left;
}

#content #orders_table {
	width: 100%;
	border-top: 1px solid #C2D6A5;
	border-right: 1px solid #C2D6A5;
	padding: 0;	 
	margin: 10px 0;
}

#content #orders_table th {
	background: #E5FCC2;
	padding: 10px;
	border-left: 1px solid #C2D6A5;
	border-bottom: 1px solid #C2D6A5;
}

#content #orders_table th#number {
	width: 40px;	
}

#content #orders_table th#date {
	width: 70px;	
}

#content #orders_table td {
	padding: 5px 10px;
	border-bottom: 1px solid #C2D6A5;
	border-left: 1px solid #C2D6A5;
}


#content #cart_table {
	width: 100%;
	border-top: 1px solid #C2D6A5;
	border-right: 1px solid #C2D6A5;
	padding: 0;	 
	margin: 10px 0;
}

#content #cart_table th {
	background: #E5FCC2;
	padding: 10px;
	border-left: 1px solid #C2D6A5;
	border-bottom: 1px solid #C2D6A5;
}

#content #cart_table th#number {
	width: 40px;	
}

#content #cart_table th#date {
	width: 70px;	
}

#content #cart_table td {
	padding: 5px 10px;
	border-bottom: 1px solid #C2D6A5;
	border-left: 1px solid #C2D6A5;
}

#content #invClientCard {
	width: 100%;
	border-top: 1px solid #C2D6A5;
	border-right: 1px solid #C2D6A5;
	padding: 0;	 
	margin: 10px 0;
}

#content #invClientCard th {
	background: #E5FCC2;
	padding: 10px;
	border-left: 1px solid #C2D6A5;
	border-bottom: 1px solid #C2D6A5;
}

#content #invClientCard th#cardNumber {
	width: 210px;	
}


#content #invClientCard td {
	padding: 5px 10px;
	border-bottom: 1px solid #C2D6A5;
	border-left: 1px solid #C2D6A5;
}

#content #invPayment {
	width: 100%;
	border-top: 1px solid #C2D6A5;
	border-right: 1px solid #C2D6A5;
	padding: 0;	 
	margin: 10px 0;
}

#content #invPayment th {
	background: #E5FCC2;
	padding: 10px;
	border-left: 1px solid #C2D6A5;
	border-bottom: 1px solid #C2D6A5;
}

#content #invPayment td {
	padding: 5px 10px;
	border-bottom: 1px solid #C2D6A5;
	border-left: 1px solid #C2D6A5;
}

#content #options_list p {
	float: left;
	margin: 10px;
}

#content #card_rec {
	padding: 5px;
	margin-top: 20px;
}

#content .ex_card {
	padding: 15px 0;
}

#content #card_new {
	padding: 5px;
}

#content .new_card {
	padding: 15px 0;
}


#content #card_rec input {
	width: 50px;
}

#content #card_new {
	margin-top: 20px;
}

#go_checkout {
	margin: 40px 0;
	width: 200px;
	height: 50px;
}

a#showForm {
	background: url(../images/icon_edit_expand.png) center left no-repeat;
	padding-left: 20px;
}


#block_card_left {
	float: left;
	display: block;
	width: 55%;
	display: inline;
}

#block_card_right {
	width: 35%;
	min-height: 50px;
	float: left;
	padding: 10px 10px 10px 40px;
	background: url(../images/icon_info.png) 1% 50% no-repeat #80a894;
	font-size: 90%;
	color: #fff;
}

#footer_image {
	bottom: 165px;
	width: 100%;
	height: 200px;
	background: url(../images/bg_content.jpg) bottom left no-repeat;
	position: absolute;
	z-index: 0;
}

#footer {
	background: url(../images/bg_footer.png) top left repeat-x;
	height: 200px;
	width: 100%;
	position: absolute;
	bottom: 0;
	margin:0;
	z-index: 11;	
}




#footer #links {
	display:block;
	margin-top: 50px;
	padding: 20px 0 0 50px;
	float: left;
}

#footer #links ul li {
	list-style-type: none;
	margin: 5px 0;
}

#footer #links ul li a, #footer #links ul li a:visited {
	color: #fff2c1;
	font-size: 90%;
}



.allCardNumber{
	position: absolute;	
	background: #D7EAF5; 
	padding: 10px; 
	margin: 0;
	z-index: 10;
}