@charset "utf-8";
/* CSS Document cz by eliane 09/23/09*/
/*general styles*/
*{ margin:0; padding:0;}
html body{ font-family: "Lucida Sans Unicode"; font-size:11px; color:#3a3a3a; background:#a6d276 url(../images/bodybg.gif) center repeat-y;}
div,form,fieldset,ul,ol,dl,dt,dd,table, th, td{ margin:0; padding:0; border:0;}
h1, h2, h3, h4, h5, h6, p, blockquote,pre { margin: 0; padding: 0; } 
li{ list-style-type:none; display: block;}
img{ border:0; display:block;}
.clear{ clear:both;}

/* blue */
.blue{ color:#F66728;}
.red{ color:#ff0000;}

/* font */
.font12{ font-size:12px; font-weight:bold;}
.font14{ font-size:14px; font-weight:bold;}

/* link */
a{ color:#555; text-decoration:none;}
a:link,a:visited{ color:#555; text-decoration:none;}
a:hover{ color:#F66728; text-decoration:underline;}

/* layout */
#layout{ margin:0 auto; width:928px;}

/* header */
#header{position:relative;width:928px; height:180px; z-index: 100;}
#logo {
	position:absolute;
	left:25px;
	top:22px;
	width:248px;
	height:63px;
}
#banner1 {
	position:absolute;
	left:290px;
	top:21px;
	width:260px;
	height:63px;
}
#loginmenu {
	position:absolute;
	right:150px;
	top:18px;
	width:220px;
	height:16px;
	font-size:10px;
	line-height:16px;
	text-align:right;
	text-transform:uppercase;
}
#loginmenu a{ padding:0 10px;}
#addthis{
    position:absolute;
	right:15px;
	top:18px;
    width:125px;
	height:16px; 
	}
#cartmenu {
	position:absolute;
	right:15px;
	top:43px;
	width:356px;
	height:16px;
	line-height:16px;
	text-align:right;
	text-transform:uppercase;
}
#cartmenu a{padding:0 10px;}
.cart{ padding-left:12px; background:url(../images/icons/icon_bag.gif) left center no-repeat; margin-left:10px;}
#searchbox {
	position:absolute;
	right:15px;
	top:70px;
	width:344px;
	height:24px;
}
.search_input{ padding:0 0 0 10px;width:246px; height:18px; border:1px solid #ebebeb; font-family:"Lucida Sans Unicode"; font-size:11px; color:#555; margin-right:5px;}
a.search_btn{ padding:2px 15px; font-size:12px; color:#fff; text-align:center; text-transform:uppercase; background-color:#F66728;}
a.search_btn:link,a.search_btn:visited{color:#fff; background-color:#F66728;}
a.search_btn:hover{color:#fff; background-color:#F66728; text-decoration:none;}
#nav{
	position:absolute;
	left:15px;
	top:108px;
	width:898px;
	height:71px;
}
.nav_l{ float: left; width:10px; height:71px;}
.nav_c{ float:left; padding:0 8px;width:862px; height:71px; background:url(../images/nav_c.gif) repeat-x;}
.nav_content{width:862px; height:33px; font: bold 14px/33px "Lucida Sans Unicode"; text-transform:uppercase;}
.nav_content a{ padding-right:28px; color:#3a3a3a; text-decoration:none;}
.nav_content a:link,.nav_content a:visited{ color:#3a3a3a; text-decoration:none;}
.nav_content a:hover{ color:#F66728; text-decoration:none;}
.nav_banner{ width:862px; height:auto;}
.nav_banner .banner2{ float:left;}
.nav_banner .livechat{ float:right;}

/* container */
#container{padding:15px; width:898px; height: auto;}
#left{   float: left; width:173px; margin:0 15px 0 0}
.catalog{float: left; width:173px;margin-bottom:12px}
.catalog h2{ padding-left:16px; width:157px; font:normal 14px/28px "Lucida Sans Unicode"; color:#000; text-transform:uppercase; background: url(../images/icons/icon_side.gif) left center no-repeat;}
.catalog ul{ float:left; padding:5px 0; width:173px}
.catalog li{ position:relative; float:left;padding-left:16px; width:157px; line-height:21px;}
.new1{
	position:absolute;
	right:25px;
	top:0;
	width:29px;
	height:12px;
}

#right{ float:left; width:710px;}
.banner3{ float:left; width:528px; height:324px; margin:0 12px 15px 0;}
.why{ float:left; width:170px; height:auto; margin-bottom:15px;}
.why_title{ float:left; padding:10px 0 0 8px; width:162px; height:22px; font: normal 12px/20px "Lucida Sans Unicode"; color:#000; text-transform:uppercase; background:url(../images/why_bg.jpg) no-repeat; }
.why_content{ padding:24px 8px 12px; width:152px; font-size:11px; line-height:14px; border-left:1px solid #c1c1c1;  border-right:1px solid #c1c1c1;}
.a1{ margin-top:16px;padding-left:42px;width:110px; height:28px; background:url(../images/icons/icon_why.gif) no-repeat;}
.a2{ margin-top:16px;padding-left:42px;width:110px; height:28px; background:url(../images/icons/icon_why.gif) 0 -40px no-repeat;}
.a3{ margin-top:16px;padding-left:42px;width:110px; height:28px; background:url(../images/icons/icon_why.gif) 0 -84px no-repeat;}
.a4{ margin-top:16px;padding-left:42px;width:110px; height:28px; background:url(../images/icons/icon_why.gif) 0 -120px no-repeat;}
.a5{ margin-top:16px;padding-left:42px;width:110px;  height:28px; background:url(../images/icons/icon_why.gif) 0 -164px no-repeat;}
.a6{ margin-top:16px;padding-left:42px;width:110px;  height:28px; background:url(../images/icons/icon_why.gif) 0 -210px no-repeat;}
.more{ float:left; padding-right:10px; width:160px; height:22px; text-align:right; font-weight:bold; background:url(../images/more_bg.jpg) no-repeat}
.newstyles{ float:left; width:710px; height:auto; margin-bottom:15px;}
.new_title{ padding-left:20px; width:690px; height:18px;}
.newproducts{ width:710px; height:auto}
.arrow{ float:left; width:16px; height:23px; padding:90px 7px; text-align:center}
.pr{ float:left; position:relative; width:142px; height:225px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:20px 10px 10px; }
.pr1{ margin-right:15px;}
.pr p{ float:left; width:142px; height:auto; font-size:11px; padding-top:5px}
.pr .name{ font-weight:bold;height:33px; line-height:14px}
.pr a img{ padding:10px;border:1px solid #efefef;}
.pr a:link img,.pr a:visted img{ border:1px solid #efefef;}
.pr a:hover img{ border:1px solid #F66728;}
.pr .rprice{font-weight:bold; color:#3a3a3a;}
.webintro{ float:left; width:710px; height: auto; border-top:1px dotted #ccc;}
h3{  font-size:14px; padding:10px 0; color:#000;}
.webintro p{ font-size:11px; line-height:16px; padding-top:5px;}

/* footer */
#footer{ padding:15px; width:898px; height: auto; font-size:11px;  clear:both;}
.newsletter{ float:left; width:898px; height:auto; margin-bottom:20px;}
.newsletter_l{ float:left; width:8px; height:40px;}
.newsletter_c{ float:left; width:874px; padding:8px 8px 8px 0 ; height:24px; background:url(../images/newsletter_c.gif) repeat-x;}
.newsletter_c input{ width:120px; height:18px; padding-left:10px; font:11px "Lucida Sans Unicode"; border:1px solid #ebebeb;}
.newsletter_c td{ padding-left:8px;}
#footer .bottomenu{ float:left; width:594px; line-height:18px;}
#footer .bottomenu a{ padding:0 10px;}
#footer .cards{ float:right; width:296px; height:31px; }

/* list */
.crumb{ float:left; padding-left:10px;  width:700px; height:18px; font-size:10px; line-height:18px; margin-bottom:9px}
.crumb a{ color:#F66728; text-decoration:none;}
.crumb a:link,.crumb a:visited{ color:#F66728; text-decoration:none;}
.list_title{ padding-left:10px; width:700px; font-size:18px; line-height:28px; color:#000; padding-bottom:10px;}

/*productdetails*/
.details{ float:left; width:710px; margin-bottom:12px; clear:both;}
h2{float:left; padding-left:10px; width:700px; font: normal 16px/24px "Lucida Sans Unicode"; color:#F66728; background-color:#f6f5f5; margin-bottom:10px;}
.name1{ font: normal 16px/24px "Lucida Sans Unicode"; color:#F66728; background-color:#f6f5f5; margin-bottom:10px;}
.details .left{ float:left;width:300px; height: auto; margin-right:70px;}
.details .left .pimg{ position:relative; width:300xp; height:auto; margin-bottom:10px;}
#enlarge {
	position:absolute;
	right:0;
	top:10px;
	width:76px;
	height:18px;
	padding-left:18px; font-size:11px; background:url(../images/icons/icon_enlarge.gif) left center no-repeat;
}
.details .right{ float:left; width:340px}
h1{ font:bold 17px/20px Verdana, Arial, Helvetica, sans-serif;color:#F66728; padding-bottom:20px;}
.details .right p{ width:340px; line-height:14px; padding-bottom:20px;}
.details .right .price{ font-size:16px; font-weight:bold; color:#333;}
.details .right .info{ width:340px; padding-top:10px;}
.details .right table{ float:left;}
.details .right .desciption{ float: left; padding-left:12px; width:328px; height:28px; font:normal 14px/28px "Lucida Sans Unicode"; color:#4a4a4a; background-color:#f6f5f5; margin-bottom:12px;}
.details .right ul{ float:left; padding:0 12px; margin-bottom:18px;}
.details .right li{ float:left; width:306px; padding:4px 0 4px 10px; }
.details .right li.a1{ background:none}
.qutinput{ width:190px; height:17px;}
.qutinput1{ width:50px; height:17px;}
a.add_btn{ padding:3px 15px; font-size:12px;color:#fff; text-align:center; text-transform:uppercase; background-color:#8dd045;}
a.add_btn:link,a.add_btn:visited{color:#fff; background-color:#8dd045;}
a.add_btn:hover{color:#fff; background-color:#a6d276; text-decoration:none;}
.write{ float:left; padding: 6px 0 6px 26px; font-size:10px;color:#fff; background:url(../images/icons/icon_related.gif) 0 0 no-repeat;}
.email{  float:left; padding: 6px 0 6px 26px;  font-size:10px;color:#fff; background:url(../images/icons/icon_related.gif) 0 -30px no-repeat;}
.wishlist{ float:left; padding: 6px 0 6px 26px;  font-size:10px; color:#020; background:url(../images/icons/icon_related.gif) 0 -60px no-repeat;}
.write_block{ float:left; width:340px;}
.write_block td{ padding:0 8px;}
.write_block textarea{ width:170px; height:40px;}


/*shoppingcart*/
.step{ float:left; width:710px; padding:12px 0;}
.shoppingcart{ float:left; width:710px; margin:12px 0 12px 0;}
.shoppingcart .left{ float:left; width:390px; margin-right:10px;}
.shoppingcart .right{ float: left; width:310px;}
.td2{ padding-right:15px}
.code{width:160px; height:18px; padding-left:10px; font:11px "Lucida Sans Unicode"; border:1px solid #ebebeb;}
a.continue_btn{ padding:3px 15px; font-size:12px;color:#fff; text-align:center; text-transform:uppercase; background-color:#8bd468;}
a.continue_btn:link,a.continue_btn:visited{color:#fff; background-color:#8bd468;}
a.continue_btn:hover{color:#fff; background-color:#a9d296; text-decoration:none;}
a.check_btn{ padding:3px 15px; font-size:12px;color:#fff; text-align:center; text-transform:uppercase; background-color:#555;}
a.check_btn:link,a.continue_btn:visited{color:#fff; background-color:#555;}
a.check_btn:hover{color:#fff; background-color:#919191; text-decoration:none;}
.all_input{width:160px; height:18px; padding-left:10px; font:11px "Lucida Sans Unicode"; border:1px solid #ebebeb;}
.all_choose{width:170px; height:18px;}
a.save_btn{ padding:3px 15px; font-size:12px;color:#fff; text-align:center; text-transform:uppercase; background-color:#f59e11;}
a.save_btn:link,a.save_btn:visited{color:#fff; background-color:#f59e11;}
a.save_btn:hover{color:#fff; background-color:#f5b03f; text-decoration:none;}
.shoppingcart p{ float:left; padding-left:10px; width:700px; height:auto; font-size:11px; line-height:18px; margin-bottom:6px;}
h4{float:left; padding:15px 0 12px  10px; width:700px; font-size:14px; font-weight:400; color:#000;}
.faq{ float:left; width:710px; height:auto; margin:0 0 12px 0;}
.faq h5{ float:left; margin:10px 0 8px 10px; padding-left:30px; width:670px; font-size:12px; font-weight:400; color:#000; background:url(../images/icons/icon_aq.gif) no-repeat; }
.faq p{float:left; margin: 0 6px 0 10px;padding-left:30px;width:660px; height:auto; font-size:11px; line-height:18px;background:url(../images/icons/icon_aq.gif) 0 -25px no-repeat; }
 h6{ float:left; margin:10px 0 8px 10px; width:700px; font-size:12px; font-weight:400; color:#000; }
 .message{ width:190px; height:40px;}
 
.form_btn{ padding:2px 15px; font-size:12px; color:#fff; text-align:center; text-transform:uppercase; background-color:#30acf6;}
.check_btn{ padding:3px 15px; font-size:12px;color:#fff; text-align:center; text-transform:uppercase; background-color:#555; width:120px; height:20px}
.new{
	position:absolute;
	right:25px;
	top:30px;
	width:29px;
	height:12px;
}
.newsletter_c .go{ width:25px; height:24px; background:url(../images/btn_go.gif) no-repeat; border:0; cursor:pointer;}
.details .left .smallimg{ float:left; width:300px;}
.details .left .smallimg img{ float:left; width:60px; height:60px; margin-right:5px;}
@charset "utf-8";
/* 
---------------------------------
Site: lrimabrille.de 
Author: eliane
Updated: 2010.05.28
Updated by: 
---------------------------------
reset-base-wrapper-section-list(layout|property|color)-hack
--------------------------------- 
*/ 
/* start reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, input, select, textarea, table, caption, tbody, tfoot, thead, tr, th, td, .x { margin: 0; padding: 0; }
li { list-style:none; }
table { border-collapse:separate; }
a span, form label { cursor:pointer; }
a img, img, iframe, fieldset { border:none; }
select, textarea, input, button { vertical-align:middle; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:100%; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
blockquote, q { quotes: "" ""; }
h1 { font-size:16px; }
h2 { font-size:14px; }
h3 { font-size:14px; }
h4, h5, h6 { font-size:100%; }
/* end reset */

/* start base */
/*body*/
.mt10{margin-top:10px;}
.left{float:left;width:173px;background:#eff7fb;}
.left h2{float:left;display:inline;width:159px;background:#f0891e;height:20px;border-right:2px solid #bababa;border-bottom:3px solid #bababa;color:#fff;font-size:16px;padding:4px 0px 4px 12px;}
.left ul{float:left;width:173px;background:#eff7fb;}
.left li{float:left;display:inline;width:157px;padding:12px 0px 0px 16px;list-style:none;text-align:left;font-size:11px;}
.left li a{text-decoration:none;color:#555555;}
.left li a:hover{cursor:pointer;text-decoration:underline;color:#e87118;}