/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

body, td, p, textarea {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: medium;
}

p {
	margin-bottom: 0.9em;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td {
	vertical-align: top;
	text-align: left;
}

img { 
	border:0;
}
em {
	font-style: italic;
}
caption,strong,th {
	font-weight: bold;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	margin-bottom: 1.1em;	
}

/* base styles */

body {
	background-color: #cacaca;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}

.block {
	padding-bottom: 20px;
}

.clear {
	clear: both;
}

.row td {
	padding-bottom: 20px;
}

.row:last-child td {
	padding-bottom: 0px;
}


.thumb {
	width: 150px;
}

.photo {
	width: 200px;
	margin-right: 20px;
}

.bottom {
	font-size: 0.8em;
}

.home_page_text {
	font-size: 1.1em;
}

/* content part */

.content h1, .content h2, .content h3, .content h4,
.app h1, .app h2, .app h3, .app h4
{		
	/*margin-top: 0.1em;*/
	margin-bottom: .60em;
}

.content p, .content ul,
.app p, .app ul
{
	margin-bottom: .80em;	
}

.content ol,
.app ol
{
	list-style:  decimal;
}

.content ul,
.app ul
{
	list-style: square;	
}

.content ul, .content ol,
.app ul, .app ol
{
	list-style-position:outside;
	padding-left: 1.2em;
}

.content li {
	padding: .12em 0;
	margin-left: .1em;
	margin-bottom: 0.4em;
}

/* forms (and webstudio forms) */

.group_title {
	/*same has h3*/
	font-size: 1.2em;
	margin: .40em 0;
}

label {
	margin-right: 0.6em;
}

input {
	font-size: 1.1em;
	padding: 0.1em;
}

.input_datetime, .input_date {
	/*width: 5.5em;*/
}

td.data {
	padding: 2px 0;
}

.submit_btn {
	margin: .60em 0;	
}

/* item menu */

.item_menu .link {
	font-size: 1.1em;
}

.item_menu .categ {
	/*padding-top: 3px;*/
	margin-bottom: 6px;
}

.item_menu .categ:last-child {
	margin-bottom: 0px;
}

.item_menu .categ:last-child {
	border-bottom: 0px;
}

.item_menu .selected {
	font-weight: bolder;
}

.item_menu .sub_group {
	margin-top: 5px;
	margin-left: 7px;
	margin-bottom: 7px;
	padding-left: 7px;
}

/* inline item menu */

.layout_inline .item_menu .categ_level_0 {
	display: inline-block;
	margin: 0px;
	margin-right: 20px;
}

.layout_inline .item_menu .group_level_1 {
	display: none;
	margin: 0px;
	/*display: inline-block;*/
	position: absolute;
	background: #ffffff;
	padding: 20px;
	border: 1px solid #e4e4e4;
	text-align: left;
}

.bottom .pos_item {
	display: inline-block;
	width: 150px;
	margin-right: 20px;
}

/* general item styles */

.item_price {
	margin-bottom: 10px;
	font-size: 1.1em;
	font-weight: bold;
}

.item_price_base {
	text-decoration: line-through;
}

/* categs list styles */

.categ_list {
	margin-bottom: 20px;
}

.categ_list .categ_image {
	width: 100px;
}

.categ_list .thumb {
	width: 100px;
}

/* pagings */

.paging > * {
	display: inline-block;
	padding: 5px;
	margin: 0 2px;
	font-size: 1.1em;
}

/* items displays */

.item_display .item_medias {
	margin-right: 4%;
	width: 35%;
	float: left;
}

.item_display .item_contents {
	width: 60%;
	float: left;
}

.item_display .item_photo {
	margin-bottom: 20px;
}

.item_display .item_photo .photo {
	width: 100%;
}

.item_display .item_photos {}

.item_display .item_photos img {
	width: 46%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 2% 2% 0;
}

.item_display .item_price {
	margin-bottom: 10px;
	font-size: 1.8em;
	font-weight: bold;
}


.item_display .item_txt {
	margin-top: 10px;
}

.item_display .item_code {
	margin-top: 15px;
}

.item_display .item_details {
	margin-top: 15px;
}

.item_display .item_pos_title {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #cacaca;
	clear: both;
}

.item_pos_details .pos_details{
	display: none;
	margin-top: 10px;
}

.item_pos_details .pos_title {
	font-weight: bold;
}

/* page menu */

.page_menu_item {
	display: inline-block;
	margin-right: 20px;
}

.page_menu_drop {
	position: absolute;
	background: #ffffff;
	border: 1px solid #e4e4e4;
	/*margin-left: -3px;*/
	z-index: 9999;
}

.page_menu_drop_item {
	padding: 5px 15px;
}

.page_menu_drop_item:hover {
	background: #eaeaea;
}


/*
? dont remember why...
.page_menu_drop_level0 {
	margin-top: 4px;
	margin-left: 10px;
}
*/