HOME

sh-3ll 1.0
Current File : /home/levente451/public_html/style.css
@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oswald:300,700,400);
/*CSS Document */

body {
	background:url(img/bg-body.jpg);
	min-width:990px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#fff;
	}

.bodytop{background:url(img/bg-top.jpg) center top no-repeat; width:100%; float:left;}

h1{float:left; margin:24px 119px 0 140px; padding:0;}
h2{font-family: 'Oswald', sans-serif; font-weight:300; font-size:33px; color:#fff; margin:15px 0 5px; padding:0;}
h3{font-weight:normal; text-align:left; font-size:20px; color:#fff; margin:5px 0 10px; padding:0;}
h4{font-family: 'Oswald', sans-serif; font-weight:300; text-align:center; font-size:25px; color:#000; margin:5px 0 10px; padding:0;}
h5{font-weight:bold; font-size:18px; color:#0067c2; margin:0 0 10px; padding:0;}

/*::selection{background:#eaac09; color:#fff;}
::-moz-selection{background:#eaac09; color:#fff;}*/

p{margin:5px 0 10px;}
p.fancy{font-family: 'Oswald', sans-serif; font-weight:normal; font-size:18px; text-align:center; margin:15px 0; padding:0; text-shadow: 1px 1px 1px #ccc;}
p.fancy span{font-size:15px;}

a {color:#EABB32; text-decoration:underline; outline:none;}
a:hover{text-decoration:none;}

.container{margin:0 auto; width:990px;}

.top{background:url(img/topbg.jpg) left top repeat-x; width:990px; height:260px; float:left; padding:0; margin:0;}

.top .topCart{background:url(img/cart.png) 2px center no-repeat; width: 150px; height:36px; font-size:13px; float:left; margin:80px 0 0 80px; padding-left:25px; position:relative; overflow:visible;} 
.top .topCart a{font-size:12px; line-height:36px; display:block;}

.top .topCartIn{background:#fff; width:430px; color:#000; float:left; position:absolute; z-index:10000; padding:10px; margin-left:-20px; display:none;}
/*.top .topCart:hover .topCartIn{display:block;}*/
.top .topCartIn table{width:100%; border-spacing:0; border-collapse:collapse;}
.top .topCartIn table a{line-height:normal; display:inline; font-size:10px;}
.top .topCartIn table th, .top .topCartIn table td{padding:2px 5px; border:1px solid #ccc;}

.nav{width:800px; height:50px; font-family: 'Oswald', sans-serif; font-size:30px; font-weight:300; float:right; margin:0 95px; padding:0;}
.nav ul{height:50px; color:#fff; margin:0; padding:0; float:left;}
.nav ul li{list-style:none; background:none; height:50px; float:left; margin:0; padding:0;}
.nav ul li a{text-align:center; text-decoration:none; line-height:50px; color:#fff; display:block; padding:0 20px; text-shadow: 1px 1px 1px #000;}
.nav ul li a:hover, .nav ul li a.active{color:#eabb32;}

/*.nav ul li ul{display:none; background:url(img/dropdownbg.png) left top no-repeat; height:auto; width:201px; float:left; text-align:left; position:absolute; top:20px; left:0px; margin:0; padding:10px 0; z-index:650;}
.nav ul li ul li{background:#fff; width:199px; height:auto; margin:0; padding:0; border:none; position:relative; z-index:700; border-left:1px solid #f20000; border-right:1px solid #f20000;}
.nav ul li ul li.last{background:url(img/dropdownbg-btm.png) left bottom no-repeat; width:201px; height:5px; border:none;}
.nav ul li ul li a{width:181px; height:auto; text-align:left; line-height:30px; margin:0 5px; padding:0 5px; float:none;}
.nav ul li ul li a:hover{background:#f20000; color:#fff;}
.nav ul li:hover ul{display:block;}

.nav ul li ul li ul, .nav ul li:hover ul li ul{display:none;  border-top:1px solid #c90; position:absolute; top:-1px; left:139px; margin:0; z-index:705;}
.nav ul li ul li{position:relative; z-index:710;}
.nav ul li ul li:hover ul{display:block;}*/

.nav .social{float:right; padding:11px;}
.nav .social{font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.nav .social p{float:left; margin-right:5px;}

.header{width:677px; height:279px; float:right; padding:0; margin:0; position:relative;}

.cat{width:295px; height:500px; font-size:15px; color:#680a08; float:left; margin:0 0 1px;}
.cat p.title{background:url(img/bg-sectiontitle.png) repeat-x; height:30px; font-size:16px; line-height:30px; color:#fff; margin:0; padding:0 0 0 30px; cursor:pointer;} 
.cat p.title a{color:#fff; text-decoration:none;}
.cat .overview{background:#fff; padding:0 0 10px;}
.cat ul{margin:0; padding:0;}
.cat ul li{background:url(img/libg2.png) left 5px no-repeat; list-style:none; padding-left:10px; margin:5px 0 0 15px;}
.cat a{color:#680a08; text-decoration:none;}
.cat a:hover{text-decoration:underline;}

.content{width:990px; font-size:12px; float:left; margin:0; padding:0;}

.left{background:url(img/bg-white-top.png) center top repeat-x #fff; width:301px; color:#000; float:left; margin:0; padding:0px;  border:1px solid #fff;}
.leftBot{background:url(img/bg-white-bot.png) center bottom repeat-x; width:295px; float:left; margin:0; padding:3px;}

.offer{background:url(img/bg-white-top.png) center top repeat-x #fff; width:301px; float:left; margin:1px 0 0; padding:0px;}
.offer .prod{margin:0 47px 10px;}

.right{width:677px; float:right; margin:0; padding:0;}
.full{width:990px; float:left; margin:0; padding:0;}
.white{background:url(img/bg-white-top.png) center top repeat-x #fff; width:675px; color:#000; float:left; margin:0; padding:0; border:1px solid #fff;}
.whiteBot{background:url(img/bg-white-bot.png) center bottom repeat-x; width:675px; float:left; margin:0; padding:10px 0 10px;}

.text{width:677px; float:left; margin-top:-25px;}

.pag{width:655px; height:21px; float:left; margin:0; padding:0 10px;}
.pag a.back, .pag a.next{width:20px; height:20px; line-height:20px; text-align:center; color:#680a08; float:left; margin:2px; border:1px solid #999; -webkit-border-radius:3px; border-radius:3px;}
.pag a.back:hover, .pag a.next:hover{background:#999; color:#fff; border:1px solid #fff;}
.pag strong{background:#999; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; float:left; margin:2px; border:1px solid #fff; -webkit-border-radius:3px; border-radius:3px;}

.prod{background:#fff; width:200px; height:300px; float:left; color:#000; margin:0 0 10px 10px; padding:5px; border:1px solid #ccc;}
.prod table{width:200px; border-collapse:collapse; border-spacing:0;}
.prod table td{padding:2px;}
.prod table td.pic{width:200px; height:160px; text-align:center; vertical-align:middle; padding:0;}
.prod table td.pic img{max-width:195px; max-height:160px;}
.prod table td.det{text-align:right;}
.prod table td.desc div{height:85px; float:left; padding:2px 0; overflow:hidden;}
.prod table td.desc div.clip{width:196px; height:15px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prod table td.desc div p{margin:0;}
.prod span{font-size:16px; font-weight:bold; color:#680A08;}
.prod select{width:100px;}
.prod input[type=submit]{margin:0 auto;}
.prod a{color:#7a0300;}

div.prodN{background:#fff; width:130px; float:left; color:#000; margin:0 0 10px 3px; padding:5px; border:1px solid #ccc;}
div.prodN table{width:130px; border-collapse:collapse; border-spacing:0;}
div.prodN table td{padding:2px;}
div.prodN table td.pic{width:130px; height:110px; text-align:center; vertical-align:middle; padding:0;}
div.prodN table td.pic img{max-width:125px; max-height:110px;}
div.prodN table td.det{text-align:right;}
div.prodN table td.desc div.clip{width:126px; height:15px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.prodN table td.desc div p{margin:0;}
div.prodN span{font-size:16px; font-weight:bold; color:#680A08;}
div.prodN input[type=submit]{display:block; margin:0 auto;}
div.prodN a{color:#7a0300;}

.prodDet{background:#fff; width:643px; float:left; color:#000; margin:0 10px; padding:5px; border:1px solid #ccc;}
.prodDet table{width:643px; color:#000; border-collapse:collapse; border-spacing:0;}
.prodDet table td{padding:5px;}
.prodDet table th{font-family: 'Oswald', sans-serif; font-size:20px; line-height:25px; font-weight:300; text-align:left; color:#333; padding:0px 5px;}
.prodDet table td.prodN{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:300; color:#7a0300; border-bottom:1px solid #ccc;}
.prodDet table td.pic{width:200px; height:270px; padding:0; text-align:left; vertical-align:top;}
.prodDet table td.pic img{max-width:200px; max-height:260px;}
.prodDet table td.det{text-align:center;}
.prodDet table td.desc div{min-height:134px; vertical-align:top; border-bottom:1px solid #ccc;}

.prodDet span{font-size:20px; font-weight:bold; color:#680A08;}
.prodDet select{width:100px;}
.prodDet input[type=text]{text-align:center;}
.prodDet input[type=submit]{margin:0 auto;}
.prodDet a{color:#7a0300;}

table.cart{border-collapse:collapse; line-height:18px; border:1px solid #8a0325; margin:5px auto;}
table.cart th{font-weight:normal; color:#000; border:1px solid #ccc; padding:5px;}
table.cart td{border:1px solid #ccc;}
table.cart td.img{text-align:center; vertical-align:middle;}
table.cart td.img img{max-width:50px; max-height:50px;}
table.cart td input[type=text]{text-align:center;}
table.cart td input[type=text].total_item, table.cart2 td input[type=text].grandTotal, table.cart2 td input[type=text].total_item{background:transparent; font-weight:bold; font-size:15px; border:0; color:#000; text-align:right; line-height:18px; padding-left:3px;}
table.cart td input[type=text].grandTotal{font-size:20px;}

table.cart2{width:643px; margin:0 auto 30px; color:#000;}
table.cart2 select{width:85px;}

form{margin:0;}
input[type=submit].add{background:url(img/bg-add.png) center top no-repeat; width:150px; height:40px; text-align:left; font-weight:bold; color:#fff; border:0; padding-left:37px;}
input[type=submit].add:hover{background:url(img/bg-add.png) center bottom no-repeat;}

.contact{margin:0 auto; border-spacing:0; border-collapse:collapse;}
.contact td{padding:10px 5px; border-bottom:1px solid #ccc;}

.footer{width:990px; font-size:10px; color:#fff; float:left; margin:0; padding:10px 0;}
.footer p span{background:none; color:#f00;}
.footer p.copyL{text-align:left; float:left; margin:0;}
.footer p.copyR{text-align:right; float:right; margin:0;}
.footer p.copyL a, .footer p.copyR a{text-transform:lowercase; color:#fff;}

ul, ol{margin:5px 0; padding-left:15px;}
ul li{background:url(img/libg.png) left top no-repeat; list-style:none; padding-left:25px;}

input[type=text], input[type=password], select{background:#fff; font-size:15px; color:#000; border:1px solid #ccc; margin:0;}
textarea{background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; border:1px solid #ccc; float:left; margin:0;}
input[type=text]:focus, textarea:focus, field3:focus{-webkit-box-shadow: 0px 0px 3px 0px #f20000;
box-shadow: 0px 0px 3px 0px #f20000;}

input[type=submit], input[type=reset], a.link, a.catt{background:url(img/bg-button.png) left top repeat-x; height:23px; font-size:13px; color:#fff; padding:1px 20px; margin:0px; text-decoration:none; border:1px solid #fff; -webkit-border-radius:5px; border-radius:5px;}
input[type=submit]:hover, input[type=reset]:hover, a.link:hover, a.catt:hover{background:url(img/bg-button.png) left bottom repeat-x; cursor:pointer;}
a.link{margin:10px 26px 20px 26px;}
a.catt{line-height:23px; float:right; margin:5px 10px;}

img.leftimg{float:left; margin:10px 10px 10px 0;}
img.rightimg{float:right; margin:10px 0 10px 10px;}
img.center{margin:10px auto; display:block;}

.hide{display:none;}
.clear{clear:both;}
.relative{position:relative;}
.dotted{margin:20px 0; border-top:2px dotted #ccc;}
.line{border-top:1px dashed #acacac; margin:10px 26px;}
img{border-style:none;}