/*

File: master style style sheet for wwww.rcmodel.sk

Created by: Peter Melaga | http://www.webygroup.sk/

Date: 15. Jula 2008

*/

body{
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:150%;
	text-align:center;
	color:#898989;
	background:#849294 url(images/bg_body.jpg) repeat-x 0 0;
	margin:0;
	padding:0;
	}

h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 10px 0; padding:5px 10px; line-height:normal; color:#829092;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:12px; padding:5px 0 10px 0;}
h4{font-size:11px; padding:5px 0 5px 0;}
h5{font-size:11px;}


ul, ol{margin:0 0 0 20px; padding:0;}
p{padding:0 0 20px 0; margin:0;}
address{font-style:normal; margin:0; margin-bottom:15px; font-size:12px;}
table{font-family:Arial, Helvetica, sans-serif;}

a img{border:none;}
a{color:#fd8c47; text-decoration:underline; outline:none;}
a:hover{color:#fd8c47; text-decoration:none;}

option{padding-right:15px;}

.cleaner{clear:both;}
form{margin:0; padding:0;}

#container{
	width:990px;
	margin:0 auto;
	text-align:left;
	background:url(images/bg_container.jpg) repeat-y 0 0;
	}

#head{
	width:990px;
	height:180px;
	position:relative;
	background:url(images/bg_head.jpg) no-repeat 0 0;
	}

#head h1{
	margin:0;
	padding:0;
	position:absolute;
	top:35px;
	left:40px;
	width:210px;
	height:90px;
	}

#head h1 a{
	display:block;
	width:210px;
	height:90px;
	text-indent:-9999px;
	overflow:hidden;
	}
	
#left{
	float:left;
	width:180px;
	padding:5px 8px  10px 20px;
	background:url(images/bg_left.jpg) no-repeat 0 0;
	}

#content{
	float:left;
	width:574px;
	padding:5px 0;
	position:relative;
	}

.skin1 #content{
	width:752px;
	padding:5px 30px  10px 0;
	background:url(images/bg_right.jpg) no-repeat right top;
	}

#right{
	float:right;
	width:180px;
	padding:5px 20px  10px 8px;
	min-height:250px;
	_height:250px;
	background:url(images/bg_right.jpg) no-repeat right top;
	}

#footer{
	clear:both;
	width:990px;
	height:30px;
	background:url(images/bg_footer.jpg) no-repeat 0 0;
	}

#footer p{
	clear:both;
	width:990px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:11px;
	color:#9fa7a8;
	}
	
#footer p a{color:#9fa7a8; text-decoration:none;}
#footer p a:hover{color:#9fa7a8; text-decoration:underline;}

#vyhladavanie{position:absolute; bottom:16px; right:40px;}
#main-menu{position:absolute; bottom:13px; left:17px; height:27px;}
#main-kosik{position:absolute; top:2px; right:10px;}
#topbar{width:574px; height:20px; background:url(images/bg_top.jpg) no-repeat 0 0; padding-bottom:10px; position:relative;}


/***************** TOPMENU **************************************/
#main-menu ul{
	margin:0;
	padding:0;
	height:27px;
	}
	
#main-menu ul li{
	color:#FFFFFF;
	float:left;
	list-style:none;
	}

#main-menu ul li a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	height:22px;
	padding:5px 15px 0 15px;
	float:left;
	text-transform:uppercase;
	font-size:11px;
	background:url(images/separator.jpg) no-repeat right 8px;
	}

#main-menu ul li a:hover{
	color:#fff;
	background:url(images/hover.jpg) repeat-x 0 0;
	text-decoration:none;
	}

#main-menu ul li.selected a{background:url(images/hover.jpg) repeat-x 0 0;}

#main-menu ul li#mi-smainmenu-9133 a{width:183px; padding:5px 0 0 0; text-align:center; background:none;}
#main-menu ul li#mi-smainmenu-9133.selected a, #main-menu ul li#mi-smainmenu-9133.selected a:hover, #main-menu ul li#mi-smainmenu-9133 a:hover{background:url(images/eshop.jpg) no-repeat 0 0;}

/******************** KONIEC TOPMENU ******************************/

/***************** sjm-s-kategorie **************************************/
#kategorie{background:#73b1be url(images/bg_kategorie.jpg) repeat-x 0 0; margin-bottom:5px;}
#sjm-s-kategorie{background:url(images/bg_kat_roh.jpg) no-repeat 0 0; padding:15px 0 10px 0;}

#kategorie ul{
	margin:0;
	padding:0;
	}
	
#kategorie ul li{
	color:#FFFFFF;
	list-style:none;
	padding:0 0 2px 12px;
	background:url(images/li-1.gif) no-repeat 0 7px;
	}

#kategorie ul li a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}

#kategorie ul li a:hover{
	color:#ffb384;
	text-decoration:underline;
	}




/************* druhy level ************************/

#kategorie ul li ul{
	margin:0;
	padding:5px 0;
	}

#kategorie ul li ul li{	
	list-style:none;
	padding:0 0 0 10px;
	background:url(images/li-2.gif) no-repeat 0 8px;
	}

#kategorie ul li ul li a{	
	color:#ffe4d3;
	font-weight:normal;
	text-decoration:none
	}

#kategorie ul li ul li a:hover{
	color:#ffe4d3;
	}

	
/******************** koniec sjm-s-kategorie ******************************/

/**** basix 0002 ****/
.basic002{position:static; width:auto;}
.basic002 .title h2{color:#829092; font:normal 14px Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:5px 0; border-bottom:1px solid #fd8c47;}
.basic002 .content{background-color:#eef1f1; padding:10px; color:#849294;}

#content .basic002 .title h2{font-weight:bold; text-align:left; font-size:16px; margin:0; padding:5px 0; text-indent:10px;}
#content .basic002 .content{background-color:#FFFFFF;}

.skin1 #content .basic002 .title h2{width:752px;}

.T1Box002 h3{background-color:transparent;}

/**** koniec basic 002 *****/



.search{margin:0; padding:0;}
.search input{font-size:11px;}
.search .submit input {margin:0; font-size:11px; }
.search .advance{ font-weight: bold; }
.search select {font-size:11px; width:155px;}
.search p{margin:5px 0; padding:0;}

	
/* Vyhladavanie vysldky

---------------------------------------------------------- */
.UniSearch .Pages{ padding: 4px 0; text-align: left; width: 100%; color: #333; font-size: .9em;  }
.UniSearch .Pages span{ font-weight: bold; float: left; display: block; }
.UniSearch .Pages ul{ padding: 0 3px; margin: 0; }
.UniSearch .Pages ul li{ display: inline; margin: 0 3px; }
.UniSearch .Pages ul li b,
.UniSearch .Pages ul li a{border: 1px solid #DE3024; padding: 0 3px;}
.UniSearch .Pages ul li a:visited{border: 1px solid #DE3024; padding: 0 3px;}
.UniSearch .Pages ul li a:hover{border: 1px solid #feed20; background: #ffff00; color: #DE3024;}

.ResultsCount{font-weight: bold; margin: 1em 0;}

.UniSearch ul h3{margin: 1em 0 0 0; padding: 0;}
.UniSearch ul p{margin: 0; padding: 0;}



/* Nadradene sjm-s-kategorie - cesta

---------------------------------------------------------- */

.ShopProductParentCategories {text-align:left; clear:both; padding:5px 10px; margin-bottom:2px;  overflow:hidden; color:#829092;}
.ShopProductParentCategories ul{margin:0; padding: 0;}
.ShopProductParentCategories ul li{ display: inline; padding-right:5px; padding-bottom:4px; margin: 0; font-size:14px; font-weight:bold; }
.ShopProductParentCategories ul li a{}
.ShopProductParentCategories ul li a:hover{}
.ShopCategoryPages{ padding: 8px 0; }

/* Dalsie strany

---------------------------------------------------------- */
.ShopCategoryPages{padding: 1px 1px; text-align: left; font-size: 11px; float:left;}
.ShopCategoryPages span{font-weight: bold; float: left; display: block;}
.ShopCategoryPages ul{padding: 0 3px; margin: 0; float:left;}
.ShopCategoryPages ul li{display: inline; margin: 0 3px;}
.ShopCategoryPages ul li b,
.ShopCategoryPages ul li a{text-decoration:none; border:1px solid #EEF1F1; padding:2px 4px;}
.ShopCategoryPages ul li a:hover{ background:#f8f9f9; text-decoration:none; border:1px solid #EEF1F1;}

.ShopCategoryPages ul li b{background:#EEF1F1; font-weight:normal;}

/* Sposob zobrazenia

---------------------------------------------------------- */
.ViewType{padding:0px; font-size:11px; float:right; overflow:hidden; width:250px; text-align:right;}
.ViewType p, .ViewType form{ display: inline; padding:2px 0; }
.ViewType label{ padding-right: 5px; }
.TypeTitle{padding-right: 4px; }
.ViewType select{font-size:11px;}


/* Mena

---------------------------------------------------------- */
.ChangeCurrency{padding: 5px 0; text-align: right; font-size:11px; float:right; overflow:hidden; width:250px; display:none;}
.ChangeCurrency p, .ChangeCurrency form{ display: inline; padding:2px 0; }
.ChangeCurrency label{ padding-right:5px; }
.ChangeCurrency select{ font-size:11px;}


/* ShopIntro - uvod

---------------------------------------------------------- */

.ShopIntro{ margin: 0; clear: both; }
.ShopIntro h2{margin:0 0 0 0; padding:5px 10px; background-color:#f8f9f9; color:#829092; font-size:14px;}
.ShopIntro h3{padding:5px 0 0 0; margin:2px 0 0 0; text-align:center; background:none;}
.ShopIntro h3 a{font-size:12px;}
.ShopIntro h3 a:hover{}


.SellOuts, .Actions, .News, .MostSaleable
{
text-align: center;
margin-bottom:1em;
overflow: auto;
width:572px;
border:1px solid #eef1f1;
clear:both;
}

.SellOuts .Row, .Actions .Row, .News .Row, .MostSaleable .Row
{
text-align: center;
clear: both;
padding: 0 0 4px 0;
width: 100%;
background: transparent;
}

.SellOuts .RowContent, .Actions .RowContent, .News .RowContent, .MostSaleable .RowContent
{
background: transparent;
width: 100%;
text-align: center;
}

.SellOuts .Product, .Actions .Product, .News .Product, .MostSaleable .Product
{
margin: 3px;
padding: 5px;
float: left;
display: inline;
width:170px;
text-align: center;
}

.ShopIntro dl, .ShopIntro dt, .ShopIntro dd{margin:0; padding:0;}
.ShopIntro .Product img{ margin: 0 auto; border:3px solid #EEF1F1;}
.ShopIntro .Product .ProductPrice{
	margin:0;
	padding:2px 0;
	}

.ShopIntro .Product .ProductPrice dt{font-weight:bold; font-size:11px;}

.Product strike{ }


.akcia .SellOuts, .akcia .Actions, .akcia .News{ }

.akcia .SellOuts .Product, .akcia .Actions .Product, .akcia .News .Product{margin: 2px;}
.akcia p{padding:0 0 5px 0;}


/* ShopProductViewProduct - detail produktu

---------------------------------------------------------- */
.ShopProductView {font-size: 11px; text-align: center; clear: both; border:1px solid #eef1f1; width:572px;}
.ShopProductView  h2{margin:0; padding:4px 0; font-weight:normal; text-align:center; background:#f8f9f9 none; font-size:18px;}

.ShopProductView .Product{ padding: 10px; text-align:center; margin: 6px auto; position: relative;}

.ShopProductView .ProductDescription{margin: 5px auto; overflow:hidden;}
.ShopProductView .Product dl{font-weight: normal; width: 490px; padding: 0; margin: 0 auto; overflow:hidden; border:1px solid #f8f9f9; background-color:#f8f9f9;}
.ShopProductView .Product dt{float:left; width: 90px; padding: 3px 0; margin: 1px 0 0 0; font-weight:bold; clear: both; text-align: left; text-indent:5px; border-top:1px solid #f8f9f9;}
.ShopProductView .Product dd{float:left; width: 400px; padding: 3px 0; margin: 1px 0 0 0; text-align: left;  text-indent:0;  border-top:1px solid #f8f9f9;}
.ShopProductView h3{clear: both; font-weight: bold;}
.ShopProductView .DetailDescription{text-align: left;}

.ShopProductView .ProductImage{ padding: 6px 0; overflow: hidden;  text-align: center; margin:0 auto; width:550px;}
.ShopProductView .ProductImage img{margin: 0 auto; border:3px solid #EEF1F1;}

.ShopProductView strike{ display: inline;}

.ShopProductView h3{ clear: both; background:none; }


.ShopProductView .ProductButtons{ display: block; margin: 0 auto; clear: both; padding: 5px 0; width:490px; overflow:hidden;}
.ShopProductView .ProductButtons img{ float: right; margin: 0 0 0 4px; }
.ShopProductView .ProductButtons p{ margin: 0; float:right; }


.BackLink{ margin: 0 0 12px 0; font-weight: bold; }


/* Sposob zobrazenia - ikony

---------------------------------------------------------- */

.Obchod_Produkt_Ikony {clear: both;}
table.Obchod_Produkt_Ikony{ border-collapse: collapse; width: 100%; margin: 1em 0; text-align: center; clear: both; border:1px solid #f8f9f9; }
table.Obchod_Produkt_Ikony td{ padding: 8px 0; font-size: 11px; text-align: center; border:1px solid #f8f9f9; border-bottom:none;}
table td.Obchod_Product_Name{ width: 33%; padding: 2px 5px; border-top:none;}
table .Obchod_Product_Name a{ }
table.Obchod_Produkt_Ikony img{ margin: 0 auto; border:3px solid #EEF1F1;}



/* Sposob zobrazenia - zoznam

---------------------------------------------------------- */
.ShopDivViewList{ clear: both; }
.ShopDivViewList table{ width: 100%; clear: both; margin: 1em 0; font-size: 11px; border-collapse: collapse;}
.ShopDivViewList table thead{}
.ShopDivViewList table th{ padding: 4px; border-bottom:1px solid #f8f9f9; color:#829092; font-size:11px; background:#f8f9f9; }
.ShopDivViewList table td{ padding: 1px 4px; border-bottom:1px solid #f8f9f9; vertical-align:middle; }
.ShopDivViewList table tr.even td{background:#fafafa;}

.ShopDivViewList table td a{}

/* Sposob zobrazenia - podrobny pohlad

---------------------------------------------------------- */

.ShopDetailView {padding: 3px 0 12px 0; clear: both;}
.ShopDetailView .Product{margin: 6px 0 10px 0; text-align: left; clear: both; padding-bottom:10px; overflow: hidden; border:1px solid #eef1f1; width:572px;}
.ShopDetailView .Product h3{margin:0 0 5px 0; padding:2px 5px; position:relative;  font-weight:bold; background:#f8f9f9;}
.ShopDetailView .Product h3 a{font-size:14px; text-decoration:none;}
.ShopDetailView .Product h3 a:hover{ text-decoration:underline;}

.ShopDetailView .ProductDescription{ float: right; width: 410px; margin: 6px 0; display: inline; font-size: .9em; border-bottom:1px solid #f8f9f9; overflow:hidden;}
.ShopDetailView dl{font-weight: normal; width: 410px; padding: 0; margin:0; text-indent:3px;}
.ShopDetailView dt{float: left; width: 100px; padding: 3px 0; margin: 0; clear: both; font-weight: bold; border-top:1px solid #f8f9f9;}
.ShopDetailView dd{float: left; width: 310px; padding: 3px 0; margin: 0; border-top:1px solid #f8f9f9;}

.ShopDetailView dd div{ float: left; margin-right: 5px; padding: 0 4px; }
.ShopDetailView dd strike{ display: inline; }

.ShopDetailView .ProductImage { width: 126px; height: 126px; float: left; text-align: center;  margin: 6px;  display: inline; overflow: hidden; }
.ShopDetailView .ProductImage img{ margin: 0 auto; width: auto; border:3px solid #EEF1F1;}

.ShopDetailView .ShopIcons{ display: block; margin: 0 auto; padding: 0 5px 0 0; clear:both;}
.ShopDetailView .ShopIcons img{ float: right; margin: 0 0 0 4px; }
.ShopDetailView .ShopIcons p{ margin: 0; float:right; padding:0; }

.Action, .SellOut, .New{ text-align: right; position: absolute; right: 6px; top: 1px; color:#ff0000;}
.Quantity, #Quantity, .ShopDivViewList input{font-size:11px; text-align:center; width:30px; border:1px solid #EEF1F1;}

/* Registracia + login
---------------------------------------------------------- */
.Shop-login{padding:2px 10px; margin: 0; color:#8fb4bc;}
.Shop-login span{padding-right:10px;}
.Shop-login a{}
.Shop-login a:hover{}

#shop-registracia{clear:both;}
#shop-registracia legend{font-weight: bold; padding: 0 2px; color:#829092;}
#shop-registracia fieldset{border: 1px solid #e5e5e5; padding: 6px 10px; margin: 6px 0;}
#shop-registracia table{width: 40em;}
#shop-registracia table td{padding: 2px 10px; width: 50%;}
#shop-registracia table td input{width:200px; border:1px solid #EEF1F1; background-color:#f8f9f9; font-size:11px; padding:2px;}

.Obchod_Content_Login { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: .9em; }
.Obchod_Content_Login td{ padding: 5px; vertical-align: top;}
.warning{font-weight: bold; color: #DE3024;}

/* Kosik
---------------------------------------------------------- */
#kosik{ 
	text-align:left; 	
	padding:0;
	font-size:12px;
}

#kosik span{padding:0 5px;}

#kosik .kosik{display:none;}
#kosik .kosik-obsah{}
#kosik .kosik-cena{}
#kosik a {display:block; text-decoration:none; }
#kosik a:hover { text-decoration: underline; cursor:pointer; }

/*---------------------------------------------------------- */

/* Kosik - vnutro
---------------------------------------------------------- */

.kosik-vnutro{clear: both; }
.kosik-vnutro caption{
	text-align: left;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 12px;
	border-bottom: 0px;
	padding: 3px;
	color:#ffffff;
	background:#f8f9f9;
	border:1px solid #EEF1F1;
	
}

.kosik-vnutro caption a{}
.kosik-vnutro caption a:hover{}


.kosik-vnutro table{ width: 100%; border-collapse: collapse; margin: 0 0 15px 0; border:1px solid #EEF1F1; font:normal 0.9em Arial, Helvetica, sans-serif !important;}
.kosik-vnutro table td{
	padding: 5px;
	vertical-align: top;
	font-size:11px !important;
	border:1px solid #EEF1F1;
}
.kosik-vnutro table input{
	margin: 3px 0;
}

.nowrap{ white-space: nowrap; }
.kosik-vnutro table th{padding: 5px; border:1px solid #EEF1F1;}

#total-price{ margin:15px 0; padding:5px 10px; background-color:#EEF1F1; text-align:right;}
#total-price strong{padding-right:15px;}

/* Kosik - vnutro - finish
---------------------------------------------------------- */

#kosik-finish{ clear: both; }

#kosik-finish{
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
	font:normal 0.9em Arial, Helvetica, sans-serif;
}
#kosik-finish td{
	border: 1px solid #EEF1F1;
	padding: 2px 3px;
}

#kosik-finish th{
	border: 1px solid #EEF1F1;
	padding: 3px;
}

#comment{
	padding: 5px;
	margin: 10px 0;
	border:1px solid #EEF1F1;
}

#kosik-finish #comment textarea, 
#kosik-finish #comment label{margin: 5px 0;}
#kosik-finish #comment textarea{font-size:11px; width:460px;}
#kosik-finish #comment textarea{border:1px solid #EEF1F1;}

#kosik-finish .payment{
	border: 1px solid #EEF1F1;
	padding: 5px 0;
	margin: 3px 0;
}

.kosik-finish {border-collapse:collapse; font-size:11px; width:100%;}
.kosik-finish thead{ text-align:center;}
.kosik-finish th{ border:1px solid #EEF1F1; padding:2px 4px; font-weight:normal; background-color:#f8f9f9; font-weight:bold;}

.kosik-finish td{
	border:1px solid #EEF1F1;
	padding:2px 5px;	
	}
.dakujeme{padding-top:10px;}


/************* order-in ******************/
.order-in{
	border-collapse:collapse;
	border:1px solid #f8f9f9;
	width:100% !important;
	font-size:11px;
	}
.order-in caption{
	margin-bottom:5px;
	font-weight:bold;
	color:#FFFFFF;
	}

.order-in td, .order-in th{
	border:1px solid #f8f9f9;
	padding:2px 5px;
	}

.order-in th{border:1px solid #f8f9f9; background-color:#f8f9f9;}

#order{width:100%; border-collapse:collapse; margin-top:2px;}

#order td{padding:2px 5px; border:1px solid #f8f9f9;}

.sjSearchForm input{font-size:11px; margin:0 0 2px 0;}


.kontakt{margin-bottom:15px;}
.kontakt td{vertical-align:top;}
/************************************************************     ****/

table.Obchod_Product_Gallery{ border-collapse: collapse; width: 100%; margin: 1em 0; text-align: center; clear:both; color:#FFFFFF;}
table.Obchod_Product_Gallery td{  padding: 8px 0; font-weight: bold }
table.Obchod_Product_Gallery img{ margin: 0 auto; border:3px solid #EEF1F1;}

.Obchod_Product_Gallery img{
	padding:1px;
	background-color:#FFFFFF;
	}



.ProductPrice p{margin:0; padding:0;}

#conditionsid{margin-right:5px;}
#cartorderid{margin-left:20px;}
.ConfirmOrder{border-collapse:collapse; width:100%; margin-bottom:20px;}
.ConfirmOrder td{border:1px solid #EEF1F1; padding:2px 4px;}
.ConfirmOrder th{background-color:#EEF1F1; padding:2px 5px;}

.Attachments {overflow:hidden;}
.Attachments h3{text-align:left;}
.konverzny-kurz{display:none;}

.base-modulebox{margin-bottom:10px;}

.ShopDetailView dd span, .ShopProductView .Product dd span{padding-right:10px;}
