Last active
August 29, 2015 14:07
-
-
Save leotop/8785b7001633efd42898 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@font-face { | |
font-family: 'OpenSansRegular'; | |
src: url('../fonts/OpenSans-Regular-webfont.eot'); | |
src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), | |
url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), | |
url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), | |
url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
* { | |
font-family: Arial,sans; | |
} | |
html { | |
overflow: -moz-scrollbars-vertical; | |
/*margin:0; padding:0;*/ | |
} | |
body { | |
background:#dcdbdb; | |
color:#222; | |
font-family: 'OpenSansRegular'; | |
/*margin: 0px; padding: 0px;*/ | |
line-height:18px; | |
} | |
body, td, th, input, textarea, select, a { | |
font-size:12px; | |
} | |
* { | |
/*margin:0; padding:0;*/ | |
} | |
#telephone { | |
background: url("../image/call0000.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0); | |
font-size: 17px; | |
height: 30px; | |
padding-left: 50px; | |
} | |
#telephone, #work-hours, #user, #callback { | |
clear: right; | |
float: right; | |
position: relative; | |
white-space: nowrap; | |
color: #636363; | |
} | |
#telephone #area-code { | |
color: #68bb0b; | |
font-weight: normal; | |
padding: 0 8px 5px 0; | |
vertical-align: middle; | |
} | |
#telephone #area-code:before { | |
color: #636363; | |
content: "("; | |
} | |
#telephone #area-code:after { | |
color: #636363; | |
content: ")"; | |
} | |
#telephone #number { | |
font-size: 28px; | |
letter-spacing: 1px; | |
font-weight: bold; | |
} | |
#work-hours { | |
font-size: 13px; | |
position: relative; | |
/*top: 50px;*/ | |
} | |
#callback { | |
background: url("../image/icon_ask.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); | |
cursor: pointer; | |
font-size: 14px; | |
height: 20px; | |
margin: 0; | |
padding: 6px 0 0 55px; | |
/*text-decoration: underline;*/ | |
vertical-align: middle; | |
width: 195px; | |
} | |
#callback a { | |
font-size: 14px; | |
background: url(icon_ask.png) 0px 0px no-repeat; | |
width: 195px; | |
height: 20px; | |
vertical-align: middle; | |
cursor: pointer; | |
text-decoration: underline; | |
margin: 0; | |
} | |
#callback a:hover { | |
text-decoration: none; | |
color: #68bb0b; | |
} | |
#resource-name { | |
border-left: 1px solid #636363; | |
float: left; | |
height: 46px; | |
margin-top: 17px; | |
padding: 0 0 0 19px; | |
text-align: center; | |
} | |
#resource-name h1 { | |
font-size: 20px; | |
margin: 0 0 5px 0; | |
padding: 0; | |
text-transform: lowercase; | |
color: #666; | |
letter-spacing: 1px; | |
} | |
#resource-name h2 { | |
font: 10px arial; | |
margin: 0; | |
padding: 0; | |
text-transform: lowercase; | |
} | |
#container h1 { | |
color: #009900!important; | |
font: normal 16px Arial, sans-serif; | |
font-weight: bold; | |
} | |
#container h2 {color: #222; font-size:15px; margin-top: 0px; margin-bottom:15px; line-height:normal; padding:5px 0px; border-bottom:2px solid #ddd; text-transform: uppercase; font-weight:normal; } | |
p {margin-top:0px; margin-bottom: 20px; line-height:20px;} | |
a, a b {color:#3e7cb4; text-decoration: none; cursor: pointer;} | |
a:hover, a b:hover {text-decoration:none; color:#000;} | |
a img {border:none;} | |
.clear{clear:both;} | |
form {padding:0; margin:0; display:inline;} | |
input[type='text'], input[type='password'], textarea {background:#fff; border:1px solid #ccc; padding:8px 8px; margin-left: 0px; margin-right: 0px; font-size:13px; font-family:'OpenSansRegular'; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:80%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;} | |
input[type='text']:focus, input[type='password']:focus, textarea:focus {border:1px solid #bbb; box-shadow:0 0 6px #d3d2d2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } | |
select {background:#fff; border: 1px solid #ccc; padding:8px 2px; font-size:13px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;} | |
textarea{line-height:20px;} | |
select:focus{border:1px solid #bbb; box-shadow:0 0 6px #d3d2d2;} | |
label {cursor: pointer;} | |
/********** layout **********/ | |
.wrapper-box{max-width:1220px; margin:0px auto; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);} | |
.wrapper-wide{max-width:100%; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.08);} | |
.main-wrapper{max-width:100%; margin:0px auto; padding:0 25px;} | |
#container{text-align:left; margin:0 auto;} | |
#column-left { float:left; width:220px; padding:0px 20px 0 0px;} | |
#column-right { float: right; width:220px; padding:0px 0px 0 20px;} | |
#content { | |
min-height: 400px; | |
padding: 23px 23px 10px 23px; | |
border: solid 1px #cecece; | |
border-radius: 5px; | |
} | |
#content:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} | |
#column-left + #column-right + #content, #column-left + #content { margin-left:250px; } | |
#column-right + #content { margin-right:250px; } | |
/********** header **********/ | |
#header {position: relative; padding:0px;} | |
#header:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} | |
#header .htop{background:#3e7cb4;} | |
#header .htop:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} | |
#header .header-row{position:relative; margin:0 auto; padding:15px 0;} | |
#header #logo {float:left; margin:0px; } | |
#header #logo a img{display:block;} | |
.left-top{float:left;} | |
/********** Language & Currency **********/ | |
#language, #currency{float:left; margin:0 0px; border-left:1px dotted #5b9ad4; cursor:default; color:#fff; text-decoration:none; text-transform:capitalize; position:relative;line-height:35px;} | |
#language span a, #currency span a{color:#fff;} | |
#language ul, #currency ul{display:none; position:absolute; top:35px; left:0; background:#fff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4); z-index:1013; padding:10px; } | |
#language ul li, #currency ul li{ display:block; width:120px; line-height:18px; padding:4px 0;} | |
#language ul li a, #currency ul li a{display:block; color:#333;} | |
#language ul li a b, #currency ul li a b{cursor:default; display:block; color:#333;} | |
#language ul li a:hover, #currency ul li a:hover{color:#3e7cb4;} | |
#language:hover > span:after, #currency:hover > span:after, #header .links > div.wrap_custom_block:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #fff transparent; position:absolute; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px;} | |
#language span b, #currency span b, #header .links > div.wrap_custom_block > a b{clear:both; content:' '; display:inline-block; width:0; height:0; border-style:solid; border-color:#fff transparent transparent transparent; border-width:4px 5px 0px 5px; margin:0 0 1px 0;} | |
#language span, #currency span{ position:relative; display:block; padding:0 10px 0 10px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} | |
#language img {cursor: pointer; margin-right:5px;} | |
/********** Top Links **********/ | |
#header .links { position: relative; float:left; line-height:35px; border-right:1px dotted #7b97b2;} | |
#header .links > a, #header .links .wrap_custom_block > a {float:left; padding:0px 10px; color: #fff; border-left:1px dotted #5b9ad4; text-decoration: none; font-size:12px; position:relative;} | |
#header .links > div.wrap_custom_block{float:left; position:relative;} | |
#header .links > div.wrap_custom_block > div { display: none; background:#fff; position:absolute; z-index:1015; top:35px; padding:10px; box-shadow:0px 4px 8px rgba(0, 0, 0, 0.3);} | |
#header .links > div.wrap_custom_block > a b{margin-left:3px;} | |
#header .links > div.wrap_custom_block > a:hover{text-decoration:none;} | |
#header .links > div.wrap_custom_block > div ul li{list-style-type:none;} | |
#header #welcome {color:#fff; float:right; line-height:35px; border-right:1px dotted #7b97b2;} | |
#header #welcome a {color:#fff; text-transform:capitalize; display: inline-block; padding:0px 10px; color: #fff; border-left:1px dotted #5b9ad4;} | |
#header .links a:hover, #header #welcome a:hover{text-decoration:underline;} | |
.wrapper-box #language{border-left:none;} | |
.wrapper-box #header #welcome{border-right:none;} | |
.wrapper-box .htop .main-wrapper{max-width:1220px; padding:0;} | |
/********** Mini Cart ***********/ | |
#header #cart { | |
position: absolute; | |
left:480px; | |
top:30%; | |
margin-top:-16px; | |
/*background: red;*/ | |
} | |
#header #cart .heading {padding:0 0px 0px 0px; position:relative;} | |
#header #cart .heading h4 {float:left; background:#3e7cb4; width:32px; height:32px; position:relative;} | |
#header #cart .heading a { | |
text-decoration: none; | |
font-size:14px; | |
height:85px; | |
color:#444; | |
display:inline-block; | |
background: url("../image/basket00.png") no-repeat center; | |
position:relative; | |
padding:0; | |
} | |
#header #cart .heading a span {display:inline-block; line-height:32px;} | |
#header #cart.active .heading a span:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #3e7cb4 transparent; position:absolute; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px; z-index:1012;} | |
#header #cart .content { clear: both; display:none; position:absolute; padding:8px; min-height:80px; z-index:1011; background: #FFF; border-top:3px solid #3e7cb4; width:350px; right:0; top:32px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);} | |
#header #cart.active .heading a{color:#000;} | |
#header #cart.active .content { display: block; } | |
.mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; } | |
.mini-cart-info td {color: #000; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; } | |
.mini-cart-info .image { width: 1px; } | |
.mini-cart-info .image img { text-align: left; } | |
.mini-cart-info .name small { color: #666; } | |
.mini-cart-info .quantity { text-align: right; } | |
.mini-cart-info td.total { text-align: right; } | |
.mini-cart-info .remove { text-align: right; } | |
.mini-cart-info .remove img { cursor: pointer; background:#e9e9e9; padding:3px; border-radius:50%;} | |
.mini-cart-total { text-align: right; } | |
.mini-cart-total table { border-collapse: collapse; display: inline-block; margin-bottom: 5px; } | |
.mini-cart-total td { color: #000; padding:2px; font-size:13px;} | |
.mini-cart-total td b{padding-right:10px;} | |
#header #cart .checkout {text-align: right; clear: both; line-height:normal; margin:0 -8px -8px; padding:15px 8px; background:#f5f5f5; border-top:1px solid #EEEEEE;} | |
#header #cart .empty { padding-top:25px; text-align: center; text-transform:capitalize;} | |
/********** Search Bar **********/ | |
#header #search { | |
position:relative; | |
float:left; | |
display:inline-block; | |
margin-top:28px; | |
right:0; | |
/*top:50%;*/ | |
} | |
#header .button-search { | |
background:url('../image/arrow_dc.png') center center no-repeat; | |
width:38px; | |
height:38px ; | |
position:absolute; | |
right:0; | |
cursor:pointer; | |
float:right; | |
} | |
#header #search input { | |
-moz-border-bottom-colors: none; | |
-moz-border-left-colors: none; | |
-moz-border-right-colors: none; | |
-moz-border-top-colors: none; | |
border-color: #d7d7d7 #a3a3a3 #a1a1a1 #9f9f9f; | |
border-image: none; | |
border-width: 1px; | |
margin: 0; | |
padding: 1px; | |
} | |
#search { | |
float: left; | |
left: 10px; | |
margin: 0; | |
padding: 0; | |
position: relative; | |
top: -30px; | |
width: 230px; | |
padding-top: 10px; | |
color: #fff; | |
} | |
#search input { | |
-moz-border-bottom-colors: none; | |
-moz-border-left-colors: none; | |
-moz-border-right-colors: none; | |
-moz-border-top-colors: none; | |
border-color: #d7d7d7 #a3a3a3 #a1a1a1 #9f9f9f; | |
border-image: none; | |
border-style: solid; | |
border-width: 1px; | |
margin: 0; | |
padding: 1px; | |
width: 150px; | |
} | |
#search input[type="button"] { | |
background: url("../image/arrow_dc.png") no-repeat scroll center center rgba(0, 0, 0, 0); | |
border: medium none; | |
cursor: pointer; | |
height: 20px; | |
width: 20px; | |
} | |
#search input { | |
margin: 0; | |
padding: 1px; | |
} | |
input, select { | |
vertical-align: middle; | |
} | |
input, select { | |
color: #000; | |
font: 12px Tahoma,Arial,sans-serif; | |
} | |
/*style 2*/ | |
#header.style2 #logo{width:450px; text-align:center; position:relative; left:50%; margin-left:-225px;} | |
#header.style2 #logo a img{display:inline-block; max-width:450px;} | |
#header.style2 #cart{left:0; right:auto;} | |
#header.style2 #cart .content{left:0; right:auto;} | |
#header.style2 #search input{width:150px;} | |
#header.style2 #search input:focus{width:300px;} | |
/*style 3*/ | |
#header.style3 #cart{right:0;} | |
#header.style3 #search{margin-left:-160px; left:50%; right:auto;} | |
#content #filter_name{width:auto;} | |
/********** Menu **********/ | |
#menu > span{display:none; } | |
#menu { | |
margin:0px 0px 15px 0; | |
padding:0px; | |
/*border-bottom:3px solid #d6d6d6;*/ | |
/*border-top:1px solid #d6d6d6;*/ | |
/*border-bottom: 3px solid #d6d6d6;*/ | |
border-top: 1px solid #d6d6d6; | |
background: url("../image/hor_menu.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); | |
clear: both; | |
height: 38px; | |
list-style: none inside url("../image/rc_lt000.png"); | |
} | |
#menu a { | |
color: white; | |
font: 14px Arial; | |
text-decoration: none; | |
} | |
#menu:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} | |
#menu ul { | |
list-style:none; | |
margin:0; | |
padding:0; | |
} | |
#menu > ul > li { | |
position:relative; | |
float:left; | |
height:30px; | |
padding:0px; | |
} | |
#menu > ul > li > a { | |
color: #fff; | |
display: block; | |
font: 14px Arial; | |
/*line-height: 40px;*/ | |
padding: 5px 10px 0 10px; | |
margin-top: 5px; | |
height: 20px; | |
position: relative; | |
text-decoration: none; | |
z-index: 1009; | |
border-left: solid 1px #555555; | |
border-right: solid 1px #aaaaaa; | |
} | |
#menu > ul > li:hover > a { | |
background:url("../image/menu_hl_.png") repeat-x center right; | |
} | |
#menu > ul > li > div { display: none; background:#fff; position:absolute; z-index:1010; padding:5px 0 0; border-top:3px solid #3e7cb4; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);} | |
/*#menu > ul > li:hover > div.custom_block{display:table;}*/ | |
#menu > ul > li:hover > div.custom_block ul{display:table-cell;} | |
/*#menu > ul > li:hover > div { display: table;}*/ | |
#menu > ul > li > div > ul { display: table-cell; } | |
#menu > ul > li.categories_hor > div { display:none; background:#fff; min-width:895px; position:absolute; z-index:1008; padding:10px 10px 0px 10px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); } | |
#menu > ul > li.sub:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #3e7cb4 transparent; position:absolute; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px; z-index:1009;} | |
#menu > ul > li.categories_hor > div > .column a span, #menu > ul > li.categories > div > .column a span, #menu > ul > li > div > ul li a span{float:right; font-size:18px; line-height:13px;} | |
/*#menu > ul > li:hover > div {display: block;}*/ | |
#menu > ul > li.categories_hor > div > .column {position:relative; display:inline-block; width:160px; margin:0 15px 15px 0px;} | |
#menu > ul > li > div > ul{position:relative; width:160px;} | |
#menu > ul > li.categories_hor > div > .column > a{font-weight:bold; font-size:13px; border-bottom:1px solid #ddd; margin-bottom:5px;} | |
#menu > ul > li.categories_hor > div > .column a, #menu > ul > li > div > ul li a{padding:4px 0; display:block; } | |
#menu > ul > li > div > ul li a{font-size:12px;} | |
#menu > ul > li.categories_hor > div > .column:hover > a{color:#3e7cb4;} | |
#menu > ul > li.categories_hor > div > .column > div{display:block;} | |
/*#menu > ul > li.categories_hor > div > .column:hover div{display:table; }*/ | |
#menu > ul > li.categories_hor > div > .column > div ul{display:table; padding:0;} | |
#menu > ul > li.categories_hor > div > .column > div ul li + li{} | |
#menu > ul > li ul + ul { padding-left: 20px; } | |
#menu > ul > li ul > li > a {text-decoration:none; padding:4px; display:block; min-width: 160px;} | |
#menu > ul > li div > ul > li > a {color:#222;} | |
#menu > ul > li div > ul > li:hover > a {color:#3e7cb4;} | |
#menu > ul > li.categories > div { display: none; background:#fff; min-width:180px; position:absolute; z-index:1008; padding:5px 0 0; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);} | |
/*#menu > ul > li:hover > div {display: block;}*/ | |
#menu > ul > li.categories > div > .column, #menu > ul > li > div > ul{position:relative;} | |
#menu > ul > li.categories > div > .column + .column, #menu > ul > li > div > ul li + li{border-top:1px solid #eee;} | |
#menu > ul > li.categories > div > .column > a, #menu > ul > li div > ul > li > a{font-size:13px; padding:7px 10px; display:block; color:#444;} | |
#menu > ul > li.categories > div > .column:hover > a, #menu > ul > li > div > ul li:hover a{color:#3e7cb4;} | |
#menu > ul > li.categories > div > .column > div{display:none; position:absolute; background:#fff; box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3); z-index:1010; left:165px; top:0; padding:0; border-top:3px solid #3e7cb4;} | |
#menu > ul > li.categories > div > .column > div ul li + li{border-top:1px solid #eee;} | |
.submenu {background:#fff; position:absolute; z-index:1008; padding:0px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4); min-width:160px; display:none; border-top:3px solid #3e7cb4; left:165px; margin-top:-32px;} | |
#menu > ul > li.categories_hor > div .submenu{background:#fff; position:absolute; z-index:1008; padding:3px 0; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4); margin-top:-23px; left:155px; min-width:160px; display:none; border-top:3px solid #3e7cb4;} | |
#menu > ul > li.categories_hor > div .submenu ul li a{padding:4px 10px;} | |
.menu_brands > div{padding-bottom:0px!important;} | |
.menu_brands > div.brands_logo6{width:436px;} | |
.menu_brands > div.brands_logo8{width:582px;} | |
.menu_brands > div.brands_logo10{width:728px;} | |
.menu_brands > div > div{display:inline-block; width:70px; text-align:center; margin-bottom:10px; vertical-align:top;} | |
.menu_brands > div > div a{display:inline-block; line-height:16px;} | |
.menu_brands > div > div a img{display:block;} | |
.custom_block p{line-height:18px; margin:0;} | |
.custom_block a{display:inline-block;} | |
.custom_block {line-height:normal;} | |
.breadcrumb{ | |
color:#c2c2c2; | |
margin-bottom: 10px; | |
padding: 10px 0; | |
} | |
.breadcrumb a{ | |
font-size: 150%; | |
line-height: 100%; | |
text-decoration: none; | |
color: #3F4C6B; | |
} | |
.breadcrumb a:hover{ | |
/*color:#2f4a90;*/ | |
text-decoration:underline; | |
} | |
.success, .warning, .attention, .information {padding:10px 10px 10px 33px; margin-bottom:15px; color:#555555;} | |
.success a { padding:3px 5px; background:#BBDF8D; margin:0px 3px; color:#333;} | |
.warning a { padding:3px 5px; background:#F8ACAC; margin:0px 3px; color:#333;} | |
.attention a { padding:3px 5px; background:#F2DD8C; margin:0px 3px; color:#333;} | |
.attention a:hover, .success a:hover, .warning a:hover{color:#333; text-decoration:underline;} | |
.success { background: #EAF7D9 url('../image/success.png') 10px center no-repeat; border:2px solid #BBDF8D; } | |
.warning { background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border:2px solid #F8ACAC; } | |
.attention { background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border:2px solid #F2DD8C; } | |
.success .close, .warning .close, .attention .close, .information .close { float: right; padding:5px; cursor: pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fff;} | |
.success .close{border:1px solid #BBDF8D;} | |
.warning .close{border:1px solid #F8ACAC;} | |
.attention .close{border:1px solid #F2DD8C;} | |
.required { color: #FF0000; font-weight: bold; } | |
.error { display: block; color: #FF0000; } | |
.help { color: #999; font-size: 10px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block; } | |
table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px; } | |
table.form tr td:first-child { width: 150px; } | |
table.form > * > * > td { color: #333; } | |
table.form td { padding:8px 4px; } | |
input.large-field, select.large-field { width: 300px; } | |
table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } | |
table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } | |
table.list thead td { background-color: #EFEFEF; padding: 0px 5px; } | |
table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; } | |
table.list tbody td { vertical-align: top; padding: 0px 5px; } | |
table.list .left { text-align: left; padding: 7px; } | |
table.list .right { text-align: right; padding: 7px; } | |
table.list .center { text-align: center; padding: 7px; } | |
table.radio { width: 100%; border-collapse: collapse; } | |
table.radio td { padding: 5px; vertical-align: top; } | |
table.radio td label { display: block; } | |
table.radio tr td:first-child { width: 1px; } | |
table.radio tr td:first-child input { margin-top: 1px; } | |
table.radio tr.highlight:hover td { background: #f8f6f6; cursor: pointer; } | |
/*********** Pagination ***********/ | |
.pagination { border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px; } | |
.pagination .links { float: left; } | |
.pagination .links a { vertical-align:middle; display: inline-block; border: 1px solid #EEEEEE; margin-right:4px; padding: 4px 10px; text-decoration: none; color: #555; } | |
.pagination .links b {vertical-align:middle; display: inline-block; border: 1px solid #3e7cb4; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #fff; background: #3e7cb4; margin-right:4px;} | |
.pagination .links a:hover { color:#000; background:#EEEEEE; } | |
.pagination .results { float: right; padding-top: 3px; } | |
/*********** button ***********/ | |
a.button, .button {background-color:#3e7cb4; color:#ffffff; border:0px none; text-transform:uppercase; cursor:pointer; color:#fff; font-size:15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} | |
a.button { display: inline-block; text-decoration: none; padding:8px 16px;} | |
.button { margin:0; padding:8px 16px;} | |
a.button:hover, .button:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } | |
.buttons { border-top:1px solid #EEEEEE; overflow: auto; padding:15px 6px 0px 6px; margin-bottom: 20px; } | |
.buttons .left { float: left; text-align: left; } | |
.buttons .right { float: right; text-align: right; } | |
.buttons .center { text-align: center; margin-left: auto; margin-right: auto; } | |
.htabs {height:30px; line-height: 16px; padding-left:10px; border-bottom:2px solid #ddd; } | |
.htabs a {padding:7px 15px 6px 15px; float:left; font-size: 13px; font-weight: normal; text-align: center; text-decoration:none; color:#333; display:none;} | |
.htabs a.selected {color:#111; padding-bottom:7px; background:#FFFFFF; border-top: 2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd; font-weight: bold;} | |
.tab-content{padding:15px 15px 10px; margin-bottom: 20px; z-index:2; border:2px solid #ddd; border-top:0px; } | |
#tab-description ul {margin-left:20px; margin-bottom:15px;} | |
.tab-sub{position:absolute; right:70px; top:-46px; border:none; padding:0; height:25px; line-height:25px;} | |
.tab-sub a{padding:0px 7px; font-size:12px;} | |
.tab-sub a.selected{padding:0px 10px; position:relative; border-width:2px; line-height:24px;} | |
.tab-sub a.selected:hover{text-decoration:none; cursor:default;} | |
.tab-sub a:hover{text-decoration:underline; color:#004B91;} | |
.category .tabs{position:absolute; right:70px; top:-46px; height:25px; line-height:25px;} | |
.category .tabs li{float:left; list-style-type:none;} | |
.category .tabs li a{padding:0px 7px; font-size:12px; display:inline-block; color:#333;} | |
.category .tabs li.active a{position:relative; line-height:24px; color:#111; background:#FFFFFF; border-top: 2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd; font-weight: bold;} | |
.category .tabs li.active a:hover{text-decoration:none; cursor:default;} | |
.category .tabs li a:hover{text-decoration:underline; color:#004B91;} | |
.product-tab{margin-bottom:20px;} | |
.product-tab .tabs{height:30px; line-height:15px; padding-left:10px; border-bottom:2px solid #ddd; margin-bottom:20px;} | |
.product-tab .tabs li{float:left; list-style-type:none;} | |
.product-tab .tabs li a{padding:7px 15px 6px 15px; float:left; font-size:18px; font-weight: normal; text-align: center; text-decoration: none; color: #222; margin-right: 2px; opacity:0.7; border-top:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #fff;} | |
.product-tab .tabs li.active a{opacity:1; padding-bottom:8px; background: #FFFFFF; border-top:2px solid #ddd; border-left: 2px solid #ddd; border-right:2px solid #ddd;} | |
.product-tab .deactive, .category .deactive {display:none;} | |
.addthis_default_style > a{padding:0} | |
/*********** box ***********/ | |
.box { | |
margin-bottom: 20px; | |
border: solid 1px #cecece; | |
border-radius: 5px; | |
} | |
.box .box-heading, .welcome{ | |
position:relative; | |
padding:0px 0px 2px 0px; | |
margin-bottom:20px; | |
margin-left: 10px; | |
height:30px; | |
line-height:30px; | |
font-size:12px; | |
font-weight: bold; | |
color:#000; | |
border-bottom:2px solid #ddd; | |
} | |
.box .box-content { padding:0px; position:relative;} | |
.box .box-heading a:hover{text-decoration:underline;} | |
/*********** box products ***********/ | |
.box-product { | |
width: 100%; | |
} | |
.box-product > .flexslider ul li{ | |
vertical-align: top; | |
background:#fff; | |
text-align:center; | |
width:210px; | |
} | |
.box-product > .flexslider ul.slides{ | |
display:inline-block; | |
} | |
.box-product > .flexslider ul li .slide-inner{ | |
padding:10px; | |
position: relative; | |
text-align: left; | |
border:1px solid #fff; | |
} | |
.box-product > .flexslider ul li .slide-inner:hover{ | |
/*border:1px solid #E0E0E0;*/ | |
/*box-shadow:0px 0px 5px #ccc inset;*/ | |
} | |
.box-product .image { | |
display: block; | |
margin-bottom:5px; | |
} | |
.box-product .image a { | |
display:block; | |
} | |
.box-product .image img { | |
padding:0; | |
} | |
.box-product .name a { | |
font-size:13px; | |
line-height:18px; | |
text-decoration: underline; | |
display:block; | |
/*margin:0 auto;*/ | |
padding:0; | |
color:#4682b4; | |
} | |
.box-product .name a:hover { | |
text-decoration: none; | |
color: #9ACD32; | |
} | |
.box-product .price { | |
/*display: block;*/ | |
/*font-weight: bold;*/ | |
/*margin:5px 0;*/ | |
/*padding:0 8px;*/ | |
/*color:#3e7cb4;*/ | |
/*font-size:13px;*/ | |
color: #800000; | |
font-size: 160%; | |
font-weight: bold; | |
line-height: 150%; | |
text-align: left; | |
} | |
.box-product .price-old { color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;} | |
.box-product .price-new { font-weight: bold; } | |
.saving {background:#F00; border-radius: 100% 100% 100% 100%; color: #FFFFFF; display: block; font-size: 15px; font-weight: normal; height: 40px; line-height: 40px; position: absolute; right: 10px; text-align: center; top: 10px; width: 40px;} | |
.box-product .rating { display: block; } | |
.box-product > .flexslider ul li .cart input, .box-product > .flexslider ul li .cart a{padding:4px 8px; margin-top: 5px; font-size:11px; height:auto; line-height:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} | |
.box-product > .flexslider ul li .rating img{ width:auto; display:inline;} | |
.box-product > .flexslider.style1 ul li .name a{margin:0 0 10px 0;} | |
.box-product > .flexslider.style1 ul li .name{text-align:left} | |
.box-product > .flexslider.style1 ul li .price{float:left; width:95px; padding:0; margin:0; text-align:left;} | |
.box-product > .flexslider.style1 ul li .rating{float:left;} | |
.box-product > .flexslider.style1 ul li .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;} | |
.box-product > .flexslider.style1 ul li:hover .rating{display:block;} | |
.box-product > .flexslider.style1 ul li .cart{float:right; } | |
.box-product > .flexslider.style1 ul li .cart input, .box-product > .flexslider.style1 ul li .cart a{font-size:11px; text-indent:-9999px; background:#3e7cb4 url(../image/cart-icon.png) center center no-repeat; width:35px; height:35px; border-radius:50%;} | |
.box-product > .flexslider.style1 ul li .cart input:hover, .box-product > .flexslider.style1 ul li .cart a:hover{background-color:#444; border-radius:50% 0%; } | |
.box-product > .flexslider.style1 ul li .slide-inner{background:#f3f3f4; padding:5px; margin:0 5px; border:0px none;} | |
.box-product > .flexslider.style1 ul li .slide-inner:hover{border:0px none; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1) inset;} | |
.hover-options .wish, .hover-options .compare {display:inline-block;} | |
/********** Comented for Right Part Start*******/ | |
.box-product > .flexslider ul li{display:block;} | |
.box-product > .flexslider ul li .slide-inner{padding:0; padding:10px; } | |
#column-left .box-product > .flexslider ul li .slide-inner, #column-right .box-product > .flexslider ul li .slide-inner{padding:0px; text-align:left; border:0px none;} | |
#column-left .box-product .flexslider ul li, #column-right .box-product .flexslider ul li{padding-bottom:8px;} | |
#column-left .box-product .flexslider ul li + li, #column-right .box-product .flexslider ul li + li {border-top:1px dotted #ccc; padding-top:8px;} | |
#column-left .box-product > .flexslider ul li, #column-right .box-product > .flexslider ul li{width:220px;} | |
#column-left .box-product .image, #column-right .box-product .image { float:left; margin-right:8px;} | |
#column-left .box-product .name, #column-right .box-product .name { margin-bottom:2px; text-align:left; } | |
#column-left .box-product .name a, #column-right .box-product .name a { padding:0 0 0 0px; width:auto; font-size:12px; line-height:15px;} | |
#column-left .box-product .price, #column-right .box-product .price {padding:0; margin:0px 0 2px 0; font-size:12px;} | |
#column-left .cart, #column-right .cart, #column-left .box-product .saving, #column-right .box-product .saving { display:none; } | |
#column-left .box-product .rating, #column-right .box-product .rating {margin-top:0px; } | |
#column-left .box-product > .flexslider ul li .slide-inner:hover, #column-right .box-product > .flexslider ul li .slide-inner:hover{border:0px none; box-shadow:none;} | |
#column-left .box-product .flexslider, #column-right .box-product .flexslider{margin-bottom:0px;} | |
#column-left .box-category > ul, #column-left > .list-item, #column-right .box-category > ul, #column-right > .list-item{margin-top:-10px;} | |
/********** Comented for Right Part End*******/ | |
/*********** Category boxes ***********/ | |
.box-category ul, .list-item { | |
list-style: none; | |
margin: 0; | |
padding: 0 0 10px 5px; | |
} | |
.box-category > ul > li, .list-item > li { | |
display: block; | |
position: relative; | |
} | |
.box-category .down { top:2px; right: 0; position: absolute; cursor: pointer; width:16px; height:24px; background: transparent url(../image/plus.png) 0px 4px no-repeat; opacity: 0.6; -moz-opacity: 0.6; } | |
.box-category .down:hover { opacity: 1; -moz-opacity: 1;} | |
.box-category ul li a, .list-item li a { | |
padding:5px 0px 5px 12px; | |
display: block; | |
background: transparent url(../image/bkg-2bas.gif) 0px 0px no-repeat; | |
color: #333; | |
font: 12px/11px Tahoma; | |
margin-top: 5px; | |
text-decoration: none; | |
} | |
.box-category ul li.double a { display: inline-block; margin: 0; } | |
#column-right .list-item, #column-left .list-item{margin-top:-10px;} | |
.box-category ul li {position: relative; } | |
.box-category ul li ul li + li{ | |
/*border-top:1px dotted #ccc;*/ | |
} | |
.box-category > ul > li a.active + .down { background-position: 0px -12px; } | |
.box-category > ul > li > a { color: #333; text-transform: uppercase; } | |
.box-category > ul > li ul { display: none; padding-left: 10px; margin-bottom:5px;} | |
.box-category > ul > li a.active { font-weight: bold; } | |
.box-category > ul > li > a.active { margin-bottom:5px; } | |
.box-category > ul > li a.active + ul { display: block; } | |
.box-category a:hover, .list-item a:hover {text-decoration:none; color:#9acd32; } | |
.box-category > ul > li ul li a { margin-right: 16px; } | |
.box-category > ul > li ul li a:hover, .list-item a:hover { margin-right: 16px;} | |
.box-category > ul > li ul > li > a { text-decoration: none; } | |
/*********** Filter ***********/ | |
.box-filter > li > span{font-size:14px; font-weight:bold; margin-bottom:10px; display:block; color:#444;} | |
.box-filter > li > ul{margin-bottom:15px;} | |
.box-filter > li > ul li {margin-bottom:5px;} | |
.box-filter > li > ul li label{margin-left:5px;} | |
#button-filter{font-family: Arial,Helvetica,sans-serif; font-size:12px; height:auto; line-height: normal; padding: 5px 7px; text-transform: uppercase;} | |
/*********** sitemap ***********/ | |
.sitemap{list-style: none; margin: 0; padding: 0; } | |
.sitemap > li{border-top:1px solid #eee; display:block; position:relative; font-weight:bold; color:#555;} | |
.sitemap > li:first-child{border-top:0;} | |
.sitemap li a{color:#555; padding:5px 8px 5px 0px; display:block; font-weight:bold;} | |
.sitemap li ul{margin-left:30px; } | |
.sitemap li ul li a{font-weight:normal;} | |
.sitemap li a:hover{color:#3e7cb4; text-decoration:underline;} | |
/*********** content ***********/ | |
#content .content {padding:10px; overflow: auto; margin-bottom: 20px; } | |
#content .content .left { float: left; width: 49%; } | |
#content .content .right { float: right; width: 49%; } | |
/*********** category ************/ | |
.category-info { overflow: auto; margin-bottom: 20px; } | |
.category-info .image { float: left; padding:0px; margin-right: 15px; } | |
.category-list { overflow: auto; margin-bottom: 20px; } | |
.category-list > div {text-align: center; margin:0 5px; min-height:130px; max-width: 100px; display:inline-block; vertical-align:top; margin-bottom:10px;} | |
.category-list > div img{display:block;} | |
.category-list ul { float: left; width:23%; margin-right:12px; list-style: none;} | |
.category-list .div a { text-decoration: underline; font-weight: bold;} | |
/*********** manufacturer ***********/ | |
.manufacturer-list { overflow: auto; margin-bottom: 20px; } | |
.manufacturer-heading { border:1px solid #EAEAEA; background:#F6F6F6; padding:8px; margin-bottom:15px; font-weight: bold; font-size: 13px; color: #333;} | |
.manufacturer-content { padding:0px; overflow: auto; } | |
.manufacturer-list ul { float:left; width: 25%; margin: 0; padding: 0; list-style: none; margin-bottom: 10px; } | |
/*********** product ***********/ | |
.product-filter { border:1px solid #EAEAEA; background:#F6F6F6; padding:6px 5px; overflow: auto; line-height:27px; margin-bottom:20px;} | |
.product-filter .display { margin-right:4px; float: left; color: #333; } | |
.product-filter .display a { font-weight: bold; } | |
.product-filter .sort { float: right; color: #333; } | |
.product-filter .limit { margin-left: 15px; float: right; color: #333; } | |
.product-filter select{padding:4px; font-size:13px;} | |
.product-compare {font-weight: bold; float:left; padding-left:10px; border-left:1px solid #EAEAEA; } | |
.product-compare a { text-decoration: none; font-weight:normal; color: #555;} | |
.product-compare a:hover{color:#3E7CB4;} | |
.product-list > div {overflow: auto; position:relative; border:1px solid #fff; padding:20px 10px 20px 10px;} | |
.product-list > div:hover{border:1px solid #ddd; border:1px solid #E0E0E0; box-shadow:0px 0px 5px #ccc inset;} | |
.product-list > div + div { border-top: 1px solid #ddd; } | |
.product-list .image { float: left; margin-right:15px; } | |
.product-list .name { margin-bottom:8px; } | |
.product-list .name a { color: #555; font-weight: bold; text-decoration: none; font-size:15px; } | |
.product-list .name a:hover { color:#3e7cb4; } | |
.product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; } | |
.product-list .rating { color: #7B7B7B; margin-top:5px;} | |
.product-list .price {font-size:14px; font-weight: bold; color:#3e7cb4; } | |
.product-list .price-old { color: #F00; text-decoration: line-through; font-weight:normal; } | |
.product-list .price-tax { font-size: 12px; font-weight: normal; color: #aaa; } | |
.product-list .cart{float:left; margin-right:5px; margin-top:8px;} | |
.product-list .cart input{margin:0!important;} | |
.product-list .wishlist, .product-list .compare {float:left; margin-top:8px; padding:3px 6px; display:inline-block;} | |
.product-list .wishlist a, .product-list .compare a{color: #333333; text-decoration: none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:20px;} | |
.product-list .wishlist a{background: url("../image/wishlist.png") 0 0 no-repeat;} | |
.product-list .compare a {background: url("../image/compare.png") 0 0 no-repeat;} | |
.product-list .saving{top:25px; left:16px;} | |
#cloud-zoom-big{background:#fff;} | |
/*********** Grid-List Icon ***********/ | |
.product-filter .display b { float:left; margin-right:10px;} | |
.list-icon, .grid-icon, .list1-icon, .grid1-icon{width:17px; height:17px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;} | |
.list-icon{background:url(../image/list-icon.png) left top no-repeat; } | |
.grid-icon{background:url(../image/list-icon.png) left -45px no-repeat;} | |
.list1-icon { background: url(../image/list-icon.png) left -23px no-repeat;} | |
.grid1-icon { background: url(../image/list-icon.png) left -68px no-repeat;} | |
/*********** Grid-List Icon ***********/ | |
.product-grid { width: 100%;} | |
#column-right + #content .product-grid > div, #column-left + #content .product-grid > div{width:159px;} | |
#column-left + #column-right + #content .product-grid > div{width:199px;} | |
.product-grid > div { | |
width:170px; | |
height: 265px; | |
display:inline-block; | |
position: relative; | |
text-align:center; | |
vertical-align: top; | |
/*background:#fff;*/ | |
padding:10px; | |
border:1px solid #fff; | |
margin-bottom:20px; | |
/*background: yellow;*/ | |
background: #fff; | |
} | |
.product-grid > div:hover { | |
display:inline-block; | |
border-top: solid 1px gray; | |
border-left: solid 1px gray; | |
border-right: solid 1px gray; | |
} | |
.product-grid > div:hover .blade { | |
display:inline-block; | |
border-bottom: solid 1px gray; | |
border-left: solid 1px gray; | |
border-right: solid 1px gray; | |
} | |
.blade { | |
width: 169px; | |
height: 150px; | |
position: relative; | |
/*background: red;*/ | |
padding: 5px; | |
/*top:0;*/ | |
/*right:0;*/ | |
display: none; | |
margin-left: -11px; | |
z-index: 5; | |
background: #fff; | |
} | |
.product-grid .image {display: block; margin-bottom:5px; } | |
.box-product .image a {display:block; } | |
.product-grid .image img {padding:0px; height:auto; max-width:100%;} | |
.product-grid .name a {width:152px; font-size:13px; line-height:18px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px; color:#333;} | |
.product-grid .name a:hover {text-decoration:underline;} | |
.product-grid .description {display: none; } | |
.product-grid .rating {display:block;} | |
.product-grid .price {display: block; font-weight: bold; margin:5px 0; color:#3e7cb4; font-size:13px;} | |
.product-grid .price-old {color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;} | |
.product-grid .price-new { font-weight: bold; } | |
.product-grid .price .price-tax { display: none; } | |
.product-grid div:hover .cart{float:left} | |
.product-grid .cart input, .product-list .cart input{padding:4px 8px; margin-top: 5px; margin-right:5px; font-size:11px; height:auto; line-height:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} | |
.product-grid .wishlist, .product-grid .compare {display:none; width:28px; height:22px; margin-top:7px; float:left;} | |
.product-grid div:hover .wishlist{border-right:1px solid #eee;} | |
.product-grid div:hover .wishlist, .product-grid div:hover .compare{display:inline-block;} | |
.product-grid .wishlist a, .product-grid .compare a{color:#666; text-decoration:none; font-size:10px; text-transform:uppercase; text-indent:-99999px; width:28px; height:22px; display:inline-block; opacity:0.6;} | |
.product-grid .wishlist a{background: url("../image/wishlist.png") center center no-repeat; } | |
.product-grid .compare a {background: url("../image/compare.png") center center no-repeat;} | |
.product-grid .wishlist a:hover, .product-grid .compare a:hover, .product-list .wishlist a:hover, .product-list .compare a:hover {color:#3e7cb4; opacity:1;} | |
.product-grid.style1 .name a{margin:0 0 10px 0;} | |
.product-grid.style1 .name{text-align:left} | |
.product-grid.style1 .price{float:left; width:95px; padding:0; margin:0; text-align:left;} | |
.product-grid.style1 .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;} | |
.product-grid.style1 > div:hover .rating{display:block;} | |
.product-grid.style1 .cart{float:right; } | |
.product-grid.style1 .cart input{font-size:11px; padding:0 5px; text-indent:-9999px; background:#3e7cb4 url(../image/cart-icon.png) center 2px no-repeat; width:35px; height:35px; border-radius:50%;} | |
.product-grid.style1 .cart input:hover{background-color:#444; border-radius:50% 0%;} | |
.product-grid.style1 > div{background:#f3f3f4; padding:5px; margin:0 5px 10px 5px; border:0px none;} | |
.product-grid.style1 > div:hover{border:0px none; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1) inset;} | |
.product-grid.style1 .wishlist, .product-grid.style1 .compare{position:absolute; display:none; width:100%; bottom:-20px; left:0; background:#eee; padding:0 0 2px 0; z-index:1;} | |
.product-grid.style1 .compare{bottom:-37px; padding:0 0 4px 0;} | |
.product-grid.style1 > div:hover .wishlist, .product-grid.style1 > div:hover .compare{display:block} | |
.product-grid.style1 .wishlist a{margin:0;} | |
/*********** Product ***********/ | |
.product-info {margin-bottom: 20px;} | |
.product-info{content:''; display:table; width:100%;} | |
.product-info > .left {float: left; margin-right: 15px; } | |
.product-info > .left + .right { margin-left:370px; } | |
.product-info .image {margin-bottom: 15px; text-align: center; position:relative; border:1px solid #eee;} | |
.product-info .image_inside { margin:0px; position:relative; z-index:20; padding:0; } | |
.product-info .image .zoom_btn { position: absolute; bottom:6px; right:0px; width: auto; height: 11px; z-index:21; } | |
.product-info #zoom-image .zoom_bttn { font-size: 10px; line-height: 11px; color: #ababab; text-transform: uppercase; background: #fff url('../image/zoom-plus.png') 2px 2px no-repeat; padding: 1px 1px 1px 16px; } | |
.product-info #zoom-image { color: #ababab; } | |
.product-info .image-additional { width:355px; margin-left: -7px; overflow: hidden; } | |
.product-info .image-additional img { width:64px; height:auto; display:block; } | |
.product-info .image-additional a { float: left; display: block; margin-left:7px; margin-bottom: 10px; } | |
.image-additional a:active { outline: 0; } | |
.product-info .description {padding:0px 0px 12px 0px; line-height: 20px; color: #4D4D4D; font-size:13px; } | |
.product-info .description span { font-weight:bold; } | |
.product-info .description a {text-decoration: none; font-size:13px; } | |
.product-info .price {background:#F4F3F3; border:1px solid #eee; overflow: auto; padding:10px 5px; margin-bottom:20px; font-size:28px; font-weight: bold; color: #3e7cb4; } | |
.product-info .price-old {color:#F00; font-size:20px; text-decoration: line-through; font-weight:normal; } | |
.product-info .price-tax { font-size: 12px; font-weight: normal; color: #999; } | |
.product-info .price .reward { font-size: 12px; font-weight: normal; color: #999; } | |
.product-info .price .discount { font-weight: normal; font-size: 12px; color: #4D4D4D; } | |
.product-info .options {padding: 0px 5px 0px 5px; margin-bottom:20px; color:#333; border-bottom:1px solid #eee;} | |
.product-info .options input{width:auto;} | |
.product-info .option-image { margin-top: 3px; margin-bottom: 10px; } | |
.product-info .option-image label { display: block; width: 100%; height: 100%; } | |
.product-info .option-image img { margin-right: 5px; border: 1px solid #CCCCCC; cursor: pointer; } | |
.product-info .cart { border-bottom: 1px solid #eee; padding:0px 0px 20px; margin-bottom:15px; color: #4D4D4D; overflow: auto; } | |
.product-info .cart div { vertical-align: middle; float:left;} | |
.product-info .cart div.text-or{padding:5px 6px 0;} | |
.product-info .cart div > span { padding-top: 7px; display: block; color: #999; } | |
.product-info .cart div .wishlist, .product-info .cart div .compare{font-size:11px; display:inline-block;} | |
.product-info .cart div .wishlist{padding-top:4px;} | |
.product-info .cart #button-cart{ | |
text-transform:uppercase; | |
/*padding:11px 45px;*/ | |
width: 143px; | |
height: 26px; | |
background: url("../image/add2cart.gif") no-repeat center; | |
} | |
.product-info .cart .minimum { padding-top:5px; font-size: 11px; color: #999; clear: both; } | |
.product-info .review { color: #999; margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #EEEEEE;} | |
.product-info .review > div {line-height: 20px; overflow:auto; } | |
.product-info .review > div > span { color: #38B0E3; } | |
.product-info .review .share { overflow: auto; line-height: normal; } | |
.product-info .review .share a { text-decoration: none; } | |
.review-list { padding:0px; overflow: auto; margin-bottom:20px;} | |
.review-list + .review-list{border-top:1px dotted #D5D5D5; padding-top:20px;} | |
.review-list .author { float: left; margin-bottom: 20px; font-size:11px;} | |
.review-list .author b{font-size:14px;} | |
.review-list .rating { float: right; margin-bottom: 20px; } | |
.review-list .text { clear: both; } | |
.attribute { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } | |
.attribute thead td, .attribute thead tr td:first-child { color: #333; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; } | |
.attribute tr td:first-child { color: #333; font-weight: bold; text-align: right; width: 20%; } | |
.attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } | |
.compare-info { border-collapse: collapse; width: 100%; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px; } | |
.compare-info thead td, .compare-info thead tr td:first-child {padding:10px 7px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; text-align:left;} | |
.compare-info tr td:first-child { color: #333; font-weight: bold; text-align: right; } | |
.compare-info td { padding: 7px; width: 20%; text-align: center; vertical-align: top; border-bottom: 1px solid #EAEAEA; } | |
.compare-info td + td{border-left: 1px solid #EAEAEA;} | |
.compare-info thead td{padding:10px 7px;} | |
.compare-info .name a { font-weight: bold; } | |
.compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; font-weight:normal; } | |
.compare-info .price-new { font-weight: normal; } | |
.product-info .cart div .qty{margin-right:20px; float:left;} | |
.qty strong{margin-right:10px; float:left; padding:12px 0; display:inline-block;} | |
.qty a{background: url("../image/plus.png") no-repeat 2px 2px #f5f5f5; display: inline-block; height:20px; width:20px; position: relative; text-indent: -9999px; border:1px solid #ccc; border-width:1px 1px 0px 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius:0px 3px 0px 0px; -moz-border-radius:0px 3px 0px 0px; -webkit-border-radius:0px 3px 0px 0px;} | |
.qty a.mines{background-position:2px -13px; border-width:1px 1px 1px 0px; border-radius:0px 0px 3px 0px; -moz-border-radius:0px 0px 3px 0px; -webkit-border-radius:0px 0px 3px 0px;} | |
.qty a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color:#fff;} | |
.qty input{float:left; height:18px; padding:12px 8px 11px; font-size:15px; border-radius:3px 0px 0px 3px; -moz-border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px;} | |
/*********** wishlist ***********/ | |
.wishlist-info table { width: 100%; border-collapse: collapse; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px; } | |
.wishlist-info td { padding: 7px; } | |
.wishlist-info thead td {padding:12px 10px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA;} | |
.wishlist-info thead .image { text-align: center; } | |
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock { text-align: left; } | |
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action { text-align: right; } | |
.wishlist-info tbody td {border-bottom: 1px solid #EAEAEA; } | |
.wishlist-info tbody .image { text-align: center; } | |
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock { text-align: left; } | |
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action { text-align: right; } | |
.wishlist-info tbody .price s { color: #F00; } | |
.wishlist-info tbody .action img { cursor: pointer; } | |
.login-content { margin-bottom: 20px; overflow: auto; } | |
.login-content .left { float: left; width: 48%; } | |
.login-content .right { float: right; width: 48% } | |
.login-content .right b{margin-bottom:3px; display:inline-block;} | |
.login-content .right a{margin-top:12px; display:inline-block} | |
.login-content .left .content, .login-content .right .content {min-height: 190px;} | |
/*********** orders ***********/ | |
.order-list { margin-bottom: 10px; } | |
.order-list .order-id { width: 49%; float: left; margin-bottom: 2px; } | |
.order-list .order-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } | |
.order-list .order-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } | |
.order-list .order-content div { float: left; width: 33.3%; } | |
.order-list .order-info { text-align: right; } | |
.order-detail { background: #EFEFEF; font-weight: bold; } | |
/*********** returns ***********/ | |
.return-list { margin-bottom: 10px; } | |
.return-list .return-id { width: 49%; float: left; margin-bottom: 2px; } | |
.return-list .return-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } | |
.return-list .return-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } | |
.return-list .return-content div { float: left; width: 33.3%; } | |
.return-list .return-info { text-align: right; } | |
.return-product { overflow: auto; margin-bottom: 20px; } | |
.return-name { float: left; width: 31%; margin-right: 15px; } | |
.return-model { float: left; width: 31%; margin-right: 15px; } | |
.return-quantity { float: left; width: 31%; } | |
.return-detail { overflow: auto; margin-bottom: 20px; } | |
.return-reason { float: left; width: 31%; margin-right: 15px; } | |
.return-opened { float: left; width: 31%; margin-right: 15px; } | |
.return-opened textarea {vertical-align: top; } | |
.return-captcha { float: left; } | |
.download-list { margin-bottom: 10px; } | |
.download-list .download-id { width: 49%; float: left; margin-bottom: 2px; } | |
.download-list .download-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } | |
.download-list .download-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } | |
.download-list .download-content div { float: left; width: 33.3%; } | |
.download-list .download-info { text-align: right; } | |
/*********** cart ***********/ | |
.cart-info table{width: 100%; border-collapse: collapse; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px;} | |
.cart-info td { padding: 7px; } | |
.cart-info thead td { padding:10px 7px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; } | |
.cart-info thead .image { text-align: center; } | |
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity { text-align: left; } | |
.cart-info thead .price, .cart-info thead .total { text-align: right; } | |
.cart-info tbody td {border-bottom: 1px solid #DDDDDD; } | |
.cart-info tbody .image { text-align: center; } | |
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity { text-align: left; } | |
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img { position: relative; top: 4px; cursor: pointer; } | |
.cart-info tbody .price, .cart-info tbody .total { text-align: right; } | |
.cart-info tbody span.stock { color: #F00; font-weight: bold; } | |
.cart-module > div { display: none; } | |
.cart-total { border-top: 1px solid #DDDDDD; overflow: auto; padding-top: 8px; margin-bottom: 15px; } | |
.cart-total table { float: right; } | |
.cart-total td { padding: 3px; text-align:right; } | |
/*********** checkout ***********/ | |
.checkout{margin-bottom:20px;} | |
.checkout-heading {border:1px solid #EAEAEA; background:#F6F6F6; padding:8px; margin-bottom:15px; font-weight: bold; font-size: 13px; color: #333;} | |
.checkout-heading a {float: right; margin-top: 1px; font-weight: normal; text-decoration: none; } | |
.checkout-content { padding:0px; margin-bottom:20px; display: none; overflow: auto; } | |
.checkout-content .left { float: left; width: 48%; } | |
.checkout-content .right { float: right; width: 48%; } | |
.checkout-content .buttons { clear: both; } | |
.checkout-product table{width:100%; border-collapse:collapse; border:1px solid #DDDDDD; margin-bottom:20px;} | |
.checkout-product td { padding: 7px; } | |
.checkout-product thead td {padding:10px 7px; color: #000; text-transform:uppercase; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } | |
.checkout-product thead .name, .checkout-product thead .model { text-align: left; } | |
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right; } | |
.checkout-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } | |
.checkout-product tbody .name, .checkout-product tbody .model { text-align: left; } | |
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right; } | |
.checkout-product tfoot td { text-align: right; border-right: 1px solid #DDDDDD; } | |
.contact-info { overflow: auto; } | |
.contact-info .left { float: left; width: 48%; } | |
.contact-info .right { float: left; width: 48%; } | |
.sitemap-info { overflow: auto; margin-bottom: 40px; } | |
.sitemap-info .left { float: left; width: 48%; margin-right:2%;} | |
.sitemap-info .right { float: left; width: 48%; } | |
#back-top{display:none;} | |
#back-top a{ position:fixed; bottom:0px; right:10px; background-image:url(../image/arrow-backtotop.png); background-color:rgba(0, 0, 0, 0.2); background-position:center center; background-repeat:no-repeat; width:45px; height:30px;text-indent:-9999px; display:block;} | |
#back-top a:hover { background-color:#3e7cb4; } | |
/************************* Footer ***********************/ | |
/******* Facebook ********/ | |
#facebook{position:fixed; width:235px; background:#fff; border:3px solid #3b5998; padding:0px;} | |
#facebook.fb-left{left:-241px;} | |
#facebook.fb-right{right:-241px;} | |
#facebook_icon{width:30px; height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/facebook.png); background-position:center center; background-repeat:no-repeat; background-color:#3b5998;} | |
.fb-left #facebook_icon{right:-33px;} | |
.fb-right #facebook_icon{left:-33px;} | |
/******** Twitter *******/ | |
#twitter_footer{position:fixed; width:215px; background:#fff; border:3px solid #2daae1; padding:5px 10px;} | |
#twitter_footer.twit-left{left:-241px;} | |
#twitter_footer.twit-right{right:-241px;} | |
.twitter_icon{width:30px; height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/twitter.png); background-position:center center; background-repeat:no-repeat; background-color:#2daae1;} | |
.twit-left .twitter_icon{right:-33px;} | |
.twit-right .twitter_icon{left:-33px;} | |
/******** Twitter *******/ | |
#custom_side_block{position:fixed; width:215px; background:#fff; border:3px solid #ed5f01; padding:5px 10px;} | |
#custom_side_block.custom_side_block_left{left:-241px;} | |
#custom_side_block.custom_side_block_right{right:-241px;} | |
#custom_side_block img{width:100%!important; height:auto!important;} | |
.custom_side_block_icon{width:30px; height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/arrow-block.png); background-position:center center; background-repeat:no-repeat; background-color:#ed5f01;} | |
.custom_side_block_left .custom_side_block_icon{right:-33px;} | |
.custom_side_block_right .custom_side_block_icon{left:-33px; background-image:url(../image/arrow-block-prv.png); background-position:center center; background-repeat:no-repeat;} | |
/******** Footer Links *******/ | |
#footer {clear: both; overflow:auto;} | |
#footer .fpart-first{background-color:#f3f3f3; color:#444;} | |
#footer .fpart-first a{color:#888;} | |
#footer .fpart-first a:hover{color:#3e7cb4; text-decoration:underline;} | |
#footer .fpart-second{background-color:#fff; color:#666;} | |
#footer .fpart-second a{color:#3e7cb4;} | |
#footer .fpart-second a:hover{color:#3e7cb4; text-decoration:underline;} | |
#footer .fpart-inner{margin:0 auto; padding:50px 0px; max-width:1170px;} | |
#footer #powered:after, #footer .fpart-inner:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} | |
#footer .fpart-second .fpart-inner{padding:25px 0px 0;} | |
#footer .bottom-row{} | |
#footer .custom-text{text-align:center; padding:0px 0px 25px;} | |
#footer .custom-text p{margin:0;} | |
#footer h3{color:#000; font-size:17px; margin:0px 0 15px 0; padding:0px 0px 7px 0px; font-weight:normal;} | |
#footer .column { float: right; position:relative; } | |
#footer .column + .column { margin-left:15px; } | |
#footer .column ul {width:170px; padding:0px; } | |
#footer .column ul li { list-style-type:none; } | |
#footer .column a { text-decoration: none; display:block; padding:3px 0px; line-height:18px; font-size:12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} | |
#footer .column a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} | |
/******** Contact Details *******/ | |
#footer .contact{float:left;} | |
#footer .contact ul{width:260px;} | |
#footer .contact_icon ul li{background:url(../image/contact-icon.png) left top no-repeat;} | |
#footer .contact_icon1 ul li{background:url(../image/contact-icon-1.png) left top no-repeat;} | |
#footer .contact_icon2 ul li{background:url(../image/contact-icon-2.png) left top no-repeat;} | |
#footer .contact_icon3 ul li{background:url(../image/contact-icon-3.png) left top no-repeat;} | |
#footer .contact_icon4 ul li{background:url(../image/contact-icon-4.png) left top no-repeat;} | |
#footer .contact_icon5 ul li{background:url(../image/contact-icon-5.png) left top no-repeat;} | |
#footer .contact_icon6 ul li{background:url(../image/contact-icon-6.png) left top no-repeat;} | |
#footer .contact_icon7 ul li{background:url(../image/contact-icon-7.png) left top no-repeat;} | |
#footer .contact_icon8 ul li{background:url(../image/contact-icon-8.png) left top no-repeat;} | |
#footer .contact_icon9 ul li{background:url(../image/contact-icon-9.png) left top no-repeat;} | |
#footer .contact_icon10 ul li{background:url(../image/contact-icon-10.png) left top no-repeat;} | |
#footer .contact ul li{font-size:12px; list-style-type:none; padding:0 0 0 32px; line-height:20px; } | |
#footer .contact ul li + li{margin-top:12px;} | |
#footer .contact ul li.address{background:url(../image/contact/location.png) 2px 3px no-repeat;} | |
#footer .contact ul li.mobile{background:url(../image/contact/telephone.png) left 2px no-repeat;} | |
#footer .contact ul li.email{background:url(../image/contact/mail.png) left 4px no-repeat;} | |
#footer .contact ul li.email a{text-decoration:underline;} | |
#footer .contact ul li a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} | |
#footer .contact ul li a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration:none;} | |
#footer .contact_icon1 ul li.address{background-image:url(../image/contact/1/location.png);} | |
#footer .contact_icon2 ul li.address{background-image:url(../image/contact/2/location.png);} | |
#footer .contact_icon3 ul li.address{background-image:url(../image/contact/3/location.png);} | |
#footer .contact_icon4 ul li.address{background-image:url(../image/contact/4/location.png);} | |
#footer .contact_icon5 ul li.address{background-image:url(../image/contact/5/location.png);} | |
#footer .contact_icon6 ul li.address{background-image:url(../image/contact/6/location.png);} | |
#footer .contact_icon7 ul li.address{background-image:url(../image/contact/7/location.png);} | |
#footer .contact_icon8 ul li.address{background-image:url(../image/contact/8/location.png);} | |
#footer .contact_icon9 ul li.address{background-image:url(../image/contact/9/location.png);} | |
#footer .contact_icon10 ul li.address{background-image:url(../image/contact/10/location.png);} | |
#footer .contact_icon1 ul li.mobile{background-image:url(../image/contact/1/telephone.png);} | |
#footer .contact_icon2 ul li.mobile{background-image:url(../image/contact/2/telephone.png);} | |
#footer .contact_icon3 ul li.mobile{background-image:url(../image/contact/3/telephone.png);} | |
#footer .contact_icon4 ul li.mobile{background-image:url(../image/contact/4/telephone.png);} | |
#footer .contact_icon5 ul li.mobile{background-image:url(../image/contact/5/telephone.png);} | |
#footer .contact_icon6 ul li.mobile{background-image:url(../image/contact/6/telephone.png);} | |
#footer .contact_icon7 ul li.mobile{background-image:url(../image/contact/7/telephone.png);} | |
#footer .contact_icon8 ul li.mobile{background-image:url(../image/contact/8/telephone.png);} | |
#footer .contact_icon9 ul li.mobile{background-image:url(../image/contact/9/telephone.png);} | |
#footer .contact_icon10 ul li.mobile{background-image:url(../image/contact/10/telephone.png);} | |
#footer .contact_icon1 ul li.email{background-image:url(../image/contact/1/mail.png);} | |
#footer .contact_icon2 ul li.email{background-image:url(../image/contact/2/mail.png);} | |
#footer .contact_icon3 ul li.email{background-image:url(../image/contact/3/mail.png);} | |
#footer .contact_icon4 ul li.email{background-image:url(../image/contact/4/mail.png);} | |
#footer .contact_icon5 ul li.email{background-image:url(../image/contact/5/mail.png);} | |
#footer .contact_icon6 ul li.email{background-image:url(../image/contact/6/mail.png);} | |
#footer .contact_icon7 ul li.email{background-image:url(../image/contact/7/mail.png);} | |
#footer .contact_icon8 ul li.email{background-image:url(../image/contact/8/mail.png);} | |
#footer .contact_icon9 ul li.email{background-image:url(../image/contact/9/mail.png);} | |
#footer .contact_icon10 ul li.email{background-image:url(../image/contact/10/mail.png);} | |
/******** Payments Types *******/ | |
#footer .payments_types{text-align:center; padding:0px 0 25px 0;} | |
#footer .payments_types img{display:inline-block; margin:0px 3px 3px 3px; vertical-align:middle; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} | |
#footer .payments_types img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} | |
/******** Social Icon *******/ | |
#footer .social {float:right; margin:0; text-align:right; padding:0px 0 0 0;} | |
#footer .social a {float:left; margin:0px 0 0px 10px;} | |
#footer .social a img{display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} | |
#footer .social a img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} | |
/******** Powered *******/ | |
#footer #powered {line-height:20px; padding:0px 0 25px; margin-bottom:25px; border-bottom:1px solid #E8E8E8;} | |
#footer #powered a {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} | |
#footer #powered a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} | |
#footer .powered_text{float:left; padding-top:6px;} | |
#footer .powered_text p{line-height:18px; margin:0;} | |
/*********** banner ***********/ | |
.banner div { text-align: center; width:100%; display:none; } | |
.banner div img { margin-bottom: 20px; } | |
/*********** Extra ***********/ | |
.w30{width:30px!important; text-align:center;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment