/* 
    Document   : xt_product_options_shop
    Created on : 17.04.2013, 08:59:51
    Author     : rl
    Description:
    Purpose of the stylesheet follows.
*/

root			 						{display: block;}

.headoption								{font-weight:900; font-size:12px;}
table.option-table						{margin-bottom:5px; background:#fff; border:1px solid #F3F3F3; border-radius:4px;}
table.option-table	table.tabledetails	{margin:0;}
.option-table textarea					{height:120px;}
.option-table tr td						{font-size:11px; padding:3px 3px 5px !important;}

a.button_info							{background: -moz-linear-gradient(center top , #FFAE4B 0%, #FF7B00) repeat scroll 0 0 transparent; border: 1px solid #FF7B00; border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: inline-block; font-size: 10px; margin: 5px 2px 5px 0; padding: 4px; text-decoration: none;}
a.button_info:hover						{text-decoration:none;}

#checkout-confirmation thead th 	    {min-width: auto !important;}

a.product_option_image img				{max-width:80px; height:auto;}
.produkt_option_information				{border-bottom:1px solid #ccc;}



ul.dropdown {list-style: outside none none; margin: 0; text-align: left; width: 99%; border: 1px solid #cdcdcd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) inset; margin: 25px 0 0;}
ul.dropdown li {cursor: pointer; display: inline-block; font: bold 12px/18px sans-serif; margin-right: 0; padding: 7px 0px; text-indent:20px; position: relative; transition: all 0.2s ease 0s; width: 100%; }
ul.dropdown li:hover {color: #333;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25) inset;}
ul.dropdown li ul {padding: 0; position: absolute; top: 30px; left: 0; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none;  opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; float:left; background: #fff;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-radius:0; border: 1px solid #cdcdcd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) inset; margin:0 0 0 -1px;}
ul.dropdown li ul li {background: #fff; display: block; color: #fff; text-shadow: 0 -1px 0 #000;float:left;}
ul.dropdown li ul li:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) inset; color:#333; text-shadow:none; }
ul.dropdown li:hover ul { display: block; opacity: 1; visibility: visible;}

span.left_option_image {float:left;width:40%; height:auto; display:block;}
span.left_option_image img {width:100%; height:auto;}
p.right_option_name {color: #333;
    display: block;
    float: right;
    text-align: left;
    text-shadow: none;
    width: 55%;}
.hidden-con {display:none;}