/* written by Voov (www.voov.hu) & The Shadowhand Company (www.shadowhand.hu), copyright 2008 */
@import url("menu.css");
@import url("buttons.css");
/***********************************************/
/* COLORS                                      */
/***********************************************/
/*





*/
/***********************************************/
/* RESET                                       */
/***********************************************/
p {
	padding: 0;
	margin: 10px 0 10px 0;
}
br {
	margin: 0;
	padding: 0;
}
a:focus {
	outline:none;
}
.clearfix {
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
	height: 0;
}
img a {
	border: 0;
	padding: 0;
	margin: 0;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
/***********************************************/
/* BASIC                                       */
/***********************************************/ 

body {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #aac5cc;
	background-image: url(../images/bg_gradient.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0;
	padding: 0;
	text-align: center;
}
/*********  HEADLINES  ************************/

h1 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #17477f;
}
h2 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #17477f;
	margin: 0 0 10px 0;
	padding: 0;
}
h3 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #17477f;
	margin: 10px 0 3px 0;
	padding: 0;
}
/*********  LISTS  *****************************/

.list_no {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}
.list {
	color: #666666;
	list-style-type: square;
	margin: 10px 0;
	padding: 0 20px;
}
.list li {
	padding: 3px 0;
}
.list_rules {
	color: #666666;
	list-style-type: square;
	margin: 10px 0;
	padding: 0 20px;
}
.list_rules li {
	padding: 3px 0;
}
/*********  LINES  *****************************/

.line {
	clear: both;
	margin: 10px 0;
	border-top: #c2c2c2 solid 1px;
	background: #FFFFFF;
}
.line_dotted {
	clear: both;
	margin: 10px 0;
	border-top: #c2c2c2 dotted 1px;
	background: #FFFFFF;
}
.line_title {
	margin: 10px 0 0 0;
	border-top: #c2c2c2 solid 1px;
}
.line_dark {
	clear: both;
	margin: 10px 0 0 0;
	border-top: #c2c2c2 double 3px;
	background: #FFFFFF;
}
/************** #status styles ***************/

.status {
	text-align: center;
	line-height: 16px;
	padding: 8px;
	margin: 8px;
	background: #fffcef;
	border: #dfdfdf 4px solid;
}
.status_upload {
	text-align: center;
	padding: 10px;
	margin: 5px;
	background: #ece9d9;
	border: #d0cdbf 4px solid;
}
.status_text {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #cb0000;
	font-size: 10px;
}
.error a {
	color: #cb0000;
}
.error a:hover {
	color: #cb0000;
	text-decoration: none;
}
.warning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #9e0b0f;
	font-size: 10px;
}
.warning a {
	color: #9e0b0f;
}
.warning a:hover {
	color: #9e0b0f;
	text-decoration: none;
}
/***********************************************/
/* LAYOUT                                      */
/***********************************************/

#position {
	margin: 30px auto;
	padding: 0;
	text-align: left;
	width: 960px;
	background-color: #FFFFFF;
}
#header {
	position: relative;
	margin: 0;
	padding: 0;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 155px;
}
#logo {
	position: absolute;
	left: 30px;
	top: 22px;
	margin: 0;
	padding: 0;
}
#menu_holder {
	position: relative;
	margin: 0;
	padding: 0;
	height: 45px;
	background: url(../images/menu_bg_gradient.jpg) repeat-y left top;
}
#content {
	margin: 0;
	padding: 0 20px;
	background-color: #FFFFFF;
}
#breadcrumb_holder {
	margin: 0;
	padding: 10px 0;
	font-size: 10px;
	text-transform: uppercase;
}
#breadcrumb_holder a, #breadcrumb_holder a:active, #breadcrumb_holder a:visited {
	color: #666666;
	text-decoration: underline;
}
#breadcrumb_holder a:hover {
	color: #000000;
	text-decoration: none;
}
#sidebar_left {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}
#wrapper {
	float: right;
	width: 710px;
	margin: 0;
	padding: 0;
}
#main {
	float: left;
	margin: 0;
	padding: 0;
	width: 500px;
}
#wide {
	float: left;
	margin: 0;
	padding: 0;
	width: 710px;
}
#sidebar_right {
	float: right;
	margin: 0;
	padding: 0;
	width: 200px;
}
#footer {
	position: relative;
	margin: 20px 0 0 0;
	padding: 0;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 84px;
}
/***********************************************/
/* FOOTER                                      */
/***********************************************/

#footer_text {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 4px 20px;
	font-size: 10px;
	color: #e0e0e0;
}
#footer_text a, #footer_text a:visited, #footer_text a:active {
	padding: 2px 3px;
	color: #e0e0e0;
	text-decoration: none;
}
#footer_text a:hover {
	color: #FFFFFF;
	background-color: #999999;
	text-decoration: none;
}
/***********************************************/
/* MAIN                                        */
/***********************************************/

.main_box_holder {
	margin: 0;
	padding: 0;
	width: 500px;
}
.main_box_top, .main_box_bottom {
	clear: both;
	margin: 0;
	padding: 0;
	height: 20px;
}
.main_box_content {
	clear: both;
	margin: 0;
	padding: 0 10px;
	background-color: #FFFFFF;
}
/***********************************************/
/* WIDE                                        */
/***********************************************/

.wide_box_holder {
	margin: 0;
	padding: 0;
	width: 710px;
}
.wide_box_top, .wide_box_bottom {
	clear: both;
	margin: 0;
	padding: 0;
	height: 20px;
}
.wide_box_content {
	clear: both;
	margin: 0;
	padding: 0 10px;
	background-color: #FFFFFF;
}
/***********************************************/
/* SIDEBAR                                     */
/***********************************************/

.sidebar_box_holder {
	margin: 0 0 20px 0;
	padding: 0;
	width: 200px;
	background: #FFFFFF;
}
.sidebar_box_top, .sidebar_box_bottom {
	clear: both;
	margin: 0;
	padding: 0;
	height: 20px;
}
.sidebar_box_top_title {
	clear: both;
	margin: 0;
	padding: 0;
	height: 25px;
}
.sidebar_box_content {
	clear: both;
	margin: 0;
	padding: 0 10px;
	background-color: #FFFFFF;
}
/* written by Voov (www.voov.hu) & The Shadowhand Company (www.shadowhand.hu), copyright 2008 */


/***********************************************/
/* COLORS                                      */
/***********************************************/
/*





*/

/***********************************************/
/* SHOP content                                */
/***********************************************/


#menu_sidebar a {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	text-transform: uppercase;
	font-weight: bold;
	color: #17477f;
	text-decoration: none;
	padding: 4px 10px;
	border: none;
}
#menu_sidebar a:hover, #menu_sidebar a:active {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	background-color: #17477f;
	text-decoration: none;
	padding: 4px 10px;
}
#menu_sidebar a.pagemenu_on {
	background-color: #17477f;
	color: #fff;
}
/*******************/

.article {
	margin: 0;
	padding: 0;
}
.article a, .article a:active, .article a:visited {
	color: #666666;
}
.article a:hover {
	color: #333333;
	text-decoration: none;
}
.article_holder_left {
	float: left;
	width: 335px;
	margin: 0 0 10px 0;
	padding: 0;
}
.article_holder_right {
	float: right;
	width: 335px;
	margin: 0 0 10px 0;
	padding: 0;
}
.article_pic_holder {
	float: left;
	text-align: center;
	width: 255px;
	margin-right: 15px;
	overflow: hidden;
	padding: 9px;
	background-color: #FFF;
	border: 1px #c2c2c2 solid;
}
.article_pic_holder img {
	border: 0;
}
.product_line {
	clear: both;
	height: 10px;
	margin-bottom: 10px;
	border-bottom: #c2c2c2 solid 1px;
}
.product_holder {
	position: relative;
	text-align: center;
	padding: 5px 0 10px 0;
	margin: 0;
	width: 159px;
	float: left;
	border-right: #c2c2c2 solid 1px;
	height: 250px;
	border-bottom: #c2c2c2 solid 1px;
}
.product_holder_right {
	position: relative;
	text-align: center;
	padding: 5px 0 10px 0;
	margin: 0;
	width: 159px;
	float: left;
	height: 250px;
	border-bottom: #c2c2c2 solid 1px;
}
.product_buy {
	position: absolute;
	left: 0px;
	bottom: 5px;
	width: 159px;
	height: 29px;
}
.prop_back {
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
	width: 124px;
	height: 20px;
	display: block;
	background: url(../images/btn_vissza.gif) 0 0 no-repeat;
}
.prop_back a {
	display: block;
	width: 124px;
	height: 20px;
	text-indent: -999px;
	background: url(../images/btn_vissza.gif) 0 0 no-repeat;
}
.prop_back a:hover {
	display: block;
	width: 124px;
	height: 20px;
	background: url(../images/btn_vissza.gif) 0 -20px no-repeat;
}
.prop_more_shop {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	width: 124px;
	height: 20px;
	display: block;
	background: url(../images/btn_reszletek.gif) 0 0 no-repeat;
}
.prop_more_shop a {
	display: block;
	width: 124px;
	height: 20px;
	text-indent: -999px;
	background: url(../images/btn_reszletek.gif) 0 0 no-repeat;
}
.prop_more_shop a:hover {
	display: block;
	width: 124px;
	height: 20px;
	background: url(../images/btn_reszletek.gif) 0 -20px no-repeat;
}
.prop_box {
	margin: 0 0 5px 0;
	padding: 0;
}
.prop_title {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #17477f;
	text-transform: uppercase;
}
.product_list_detail {
	margin: 0;
	padding: 3px 5px;
}
.product_title {
	margin: 3px 0;
	font-weight: bold;
}
.product_title a {
	text-decoration: none;
}
.product_code {
	margin: 0 0 0 0;
	font-weight: bold;
}
.product_list_price {
	font-weight: normal;
}
.product_code_list {
	font-weight: normal;
}
.product_list_price_old {
	font-weight: bold;
	text-decoration: line-through;
	color: #999;
}
.product_pic_holder {
	text-align: center;
	width: 120px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #c2c2c2;
}
.product_shadow {
	clear: both;
	height: 10px;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	background: url(../images/pic_shadow.gif) top center no-repeat;
}
.product_pic_holder img {
	border: 0;
}
.product_pic {
	border: 0;
}
.product_detail {
	float: right;
	width: 185px;
	margin: 0;
}
.product_prop_title {
	color: #959595;
}
.product_description {
	padding: 0 0 15px 0;
	margin: 0;
}
.product_description p {
	padding: 0;
	margin: 0 0 3px 0;
}
.product_description br {
	padding: 0;
	margin: 0 0 3px 0;
}
.product_price {
	padding: 0 0 15px 0;
	margin: 0;
	font-weight: bold;
	font-size: 14px;
	color: #0d793d;
}
.product_pictures_holder {
	width: 273px;
	float: left;
	margin: 0;
	padding: 0;
}
.product_pictures_holder ul a {
	text-decoration: none;
}
.product_pictures_holder_small {
	clear: both;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	/*border-top: #c2c2c2 solid 1px;*/
	border-bottom: #c2c2c2 solid 1px;
}
.product_pic_small {
	width: 50px;
	padding: 2px;
	border: 1px #c2c2c2 solid;
	background-color: #FFF;
	margin-right: 3px;
}
.product_pic_small_on {
	width: 50px;
	padding: 0;
	border: 3px #c2c2c2 solid;
	background-color: #FFF;
	margin-right: 3px;
}
/*  regisztráció ********************************************************************/ 

#regisztracio_box {
	position: relative;
	padding: 0;
	margin: 0;
	height: 85px;
	background: url(../images/box_bg_regisztracio.gif) 0 0 no-repeat;
}
/*  akciós ********************************************************************/ 

#akcios_box {
	position: relative;
	padding: 0;
	margin: 0;
	height: 94px;
	background: url(../images/box_bg_akcios.gif) 0 0 no-repeat;
}
/*  posta ********************************************************************/ 

#posta_box {
	position: relative;
	padding: 0;
	margin: 0;
	height: 94px;
	background: url(../images/box_bg_posta.gif) 0 0 no-repeat;
}
/*  viszonteladoknak ********************************************************************/ 

#viszont_box {
	position: relative;
	padding: 0;
	margin: 0;
	height: 94px;
	background: url(../images/box_bg_viszont.gif) 0 0 no-repeat;
}
/*  bejelentkezes ********************************************************************/ 

#bejelentkezes_box {
	position: relative;
	padding: 0;
	margin: 0;
}
#bejelentkezes_on_box {
	position: relative;
	padding: 0;
	margin: 0;
	height: 111px;
}
/****/
#register_link {
	float: left;
	width: 50%;
	text-align: right;
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #959595;
}
#register_link a, #register_link a:visited, #register_link a:active {
	color: #333;
	padding: 0 16px 0 0;
	text-decoration: none;
	background: url(../images/arrow_grey.gif) no-repeat right center;
}
#register_link a:hover {
	color: #000000;
	text-decoration: none;
	background: url(../images/arrow_blue.gif) no-repeat right center;
}
/***/
#lostpass {
	float: left;
	width: 50%;
	text-align: right;
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #959595;
}
#lostpass a, #lostpass a:visited, #lostpass a:active {
	color: #333;
	padding: 0 16px 0 0;
	text-decoration: none;
	background: url(../images/arrow_grey.gif) no-repeat right center;
}
#lostpass a:hover {
	color: #000000;
	text-decoration: none;
	background: url(../images/arrow_blue.gif) no-repeat right center;
}
/***/

.profil_link {
	color: #333;
	font-size: 10px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}
.profil_link a, .profil_link a:visited, .profil_link a:active {
	color: #333;
	padding: 0 0 0 14px;
	text-decoration: none;
	background: url(../images/arrow_grey.gif) no-repeat 0 0;
}
.profil_link a:hover {
	color: #000000;
	text-decoration: none;
	background: url(../images/arrow_blue.gif) no-repeat 0 0;
}
/*  kosár ********************************************************************/ 

.product_price_kosar {
	padding: 0;
	margin: 0;
}
.product_final_price_kosar {
	text-align: right;
	margin: 0;
	padding: 5px 0 10px 0;
	font-weight: bold;
	font-size: 14px;
	color: #0d793d;
}
.product_allprice_kosar {
	padding: 0;
	margin: 0;
	color: #0d793d;
}
.product_title_kosar {
	margin: 0;
	padding: 0;
	width: 310px;
	font-size: 14px;
	font-weight: bold;
	color: #17477f;
	text-transform: uppercase;
}
.kosar_item_holder {
	margin: 0;
	padding: 0;
	border-top: #c2c2c2 solid 1px;
}
.final_price_holder {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
	border-top: #c2c2c2 double 3px;
	border-bottom: #c2c2c2 solid 1px;
	background: #FFFFFF;
}
.kosar_item_holder table {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
.delete {
	overflow: hidden;
	width: 16px;
	height: 16px;
	display: block;
	background: url(../images/btn_delete.gif) 0 0 no-repeat;
}
.delete a {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -999px;
	background: url(../images/btn_delete.gif) 0 0 no-repeat;
}
.delete a:hover {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/btn_delete.gif) 0 -16px no-repeat;
}
.kosar_table_delete {
	width: 55px;
	height: 55px;
	border-right: #c2c2c2 solid 1px;
}
.kosar_table_price {
	width: 120px;
	border-left: #c2c2c2 solid 1px;
}
.kosar_table_text {
	margin: 0;
	padding: 0 5px;
}
#kosar_empty_box {
	position: relative;
	height: 111px;
	background: url(../images/box_bg_kosar.gif) 0 0 no-repeat;
}
#kosar_full_box {
	position: relative;
	height: 111px;
	background: url(../images/box_bg_kosar_full.gif) 0 0 no-repeat;
}
#kosar_count_text {
	position: absolute;
	left: 102px;
	top: 25px;
	width: 90px;
	height: 83px;
}
.list_products {
	list-style-type: square;
	margin: 0px 0 10px 16px;
	padding: 0;
}
.list_products li {
	margin: 0 0 5px 0;
	padding: 0;
}
.number_field {
	margin: 5px 0 0 2px;
	border: 1px solid #17477f;
	background-color: #FFFFFF;
	padding: 2px 3px 2px 3px;
	width: 50px;
	font-weight: bold;
	text-align:left;
	font-size: 10px;
	color: #17477f;
	background: url(../images/field_bg_grad.gif) left top repeat-x;
}
/***********************************************/
/* FORMS                                       */
/***********************************************/


.field_sidebar {
	margin: 5px 0 0 2px;
	border: 1px solid #17477f;
	background-color: #FFFFFF;
	padding: 2px 3px 2px 3px;
	width: 170px;
	font-weight: bold;
	text-align:left;
	font-size: 10px;
	color: #17477f;
	background: url(../images/field_bg_grad.gif) left top repeat-x;
}
.field_sidebar:hover {
	border: 1px solid #000000;
}
.field_sidebar:focus {
	border: 1px solid #000000;
	background: #e8f3ff;
	color: #000000;
	background: url(../images/field_bg_grad_on.gif) left top repeat-x;
}
.field {
	margin: 5px 0;
	padding: 3px 4px;
	border: 1px solid #17477f;
	background-color: #FFFFFF;
	font-weight: bold;
	width: 345px;
	font-size: 12px;
	color: #17477f;
	background: url(../images/field_bg_grad.gif) left top repeat-x;
}
.field:hover {
	border: 1px solid #000000;
}
.field:focus {
	border: 1px solid #000000;
	background: #e8f3ff;
	color: #000000;
	background: url(../images/field_bg_grad_on.gif) left top repeat-x;
}
.fieldtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0 15px 0;
	padding: 3px 4px;
	border: 1px solid #17477f;
	background-color: #FFFFFF;
	width: 98%;
	text-align: left;
	font-size: 12px;
	line-height: 1.4em;
	color: #17477f;
	font-weight: bold;
	background: url(../images/field_bg_grad.gif) left top repeat-x;
}
.fieldtext:hover {
	border: 1px solid #000000;
}
.fieldtext:focus {
	border: 1px solid #000000;
	background: #e8f3ff;
	color: #000000;
	background: url(../images/field_bg_grad_on.gif) left top repeat-x;
}
/* regisztráció ******************************************/

.field_drop_frame option {
	margin-bottom: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 12px;
	color: #17477f;
}
.field_drop_frame {
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #17477f;
	padding: 2px 3px 2px 3px;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:left;
	font-size: 12px;
	color: #17477f;
	background-color: #FFFFFF;
}
.field_drop_frame:hover {
	border: 1px solid #000000;
}
form.css_form label {
	display: block;
	float: left;
	width: 150px;
	padding: 7px 5px;
	margin: 0 0 5px 0;
	text-align: right;
}
form.css_form div {
	clear: left;
	display: block;
	/*width: 500px;*/
  	margin: 5px 0 0 0;
	padding: 1px 3px;
}
form.css_form fieldset {
	clear: both;
	border: none;
	border-top: 1px solid #c2c2c2;
	margin: 5px;
	padding: 0;
}
form.css_form legend {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #959595;
	margin: 10px 0;
	padding: 0 15px 0 0;
}
form.css_form div.required {
	font-weight: bold;
}
form.css_form div.optional {
	font-weight: normal;
}
form.css_form input.inputText {
	width: 200px;
	height: 20px;
	border: 1px solid #c2c2c2;
	font-size: 16px;
}
form.css_form textarea {
}
form div small {
	font-weight: normal;
	color: #666666;
	clear: both;
	display: block;
	margin: 0 0 10px 158px;
	padding: 0;
	font-size: 10px;
	width: 300px;
}
.list_table {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	border-collapse: collapse;
	border-bottom: 2px solid #17477f;
}
.list_table td, .list_table tr {
	padding: 4px;
	margin: 0;
	border: 1px solid #CCC;
}