skip to main |
skip to sidebar
<data:blog.pageName/> | contoh template dari tukang toko online
<data:blog.pageTitle/> | contoh template dari tukang toko online
Blogger Template Style <------------------>
-----------------------------------------------------------------------------
Template Name :-> Design Cart E-Commerce | Blogger Template
Template Author :-> Avinas / Premium Blogger Themes / Best Theme
Template Author URI :-> http://premiumbloggerthemes.com
Template Created Time :-> 7:51 Tuesday (IST) - Time in India
-----------------------------------------------------------------------------
<-------------> Credit> http://premiumbloggerthemes.com/ <------------->
-----------------------------------------------------------------------------*/
#navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}
#LinkList10 h2{display:none;}
#LinkList11 h2{display:none;}
body#layout #slider{display:none}
body#layout #add-to-cart-widget{display:none;}
/*----------------------------------------------------
{--------} Generic {--------}
----------------------------------------------------*/
#navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}
/*----------------------------------------------------
{--------} Generic {--------}
----------------------------------------------------*/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
text-decoration:none;
}
/*----------------------------------------------------
{--------} Image {--------}
----------------------------------------------------*/
img { -ms-interpolation-mode: bicubic; }
/*----------------------------------------------------
{--------} internet explorer 6 {--------}
----------------------------------------------------*/
.ie6_height_fix {overflow:hidden;}
.ie6_display_inline {display: inline;}
/*----------------------------------------------------
{--------} Clear Both {--------}
----------------------------------------------------*/
.clear {clear:both;}
/*----------------------------------------------------
{--------} Clear fix {--------}
----------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
/*----------------------------------------------------
{--------} hypertext mark-up language {--------}
----------------------------------------------------*/
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/*----------------------------------------------------
{--------} Start Body {--------}
----------------------------------------------------*/
body {
background:#f4f4f4;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:13px;
line-height:23px;
color:#546671;
}
/*----------------------------------------------------
{--------} Body Header {--------}
----------------------------------------------------*/
h1, h2, h3, h4 {
line-height:19px;
color:#555;
}
h1 a, h2 a, h3 a, h4 a {
text-decoration:none;
color:#555;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
text-decoration:none;
color:#737373;
}
h1 {
font-size:28px;
padding:22px 0;
}
h2 {
font-size:24px;
padding:18px 0;
}
h3 {
font-size:20px;
padding:15px 0;
}
h4 {
font-size:17px;
padding:14px 0;
}
p {
padding: 0 0 22px 0;
}
a {
text-decoration:none;color:#0088CC;
}
a:hover {
text-decoration:underline;
}
acronym {
cursor: help;
border-bottom: 1px dotted #555;
}
/*----------------------------------------------------
{--------} Body Code {--------}
----------------------------------------------------*/
code {
font-size:13px;
line-height:20px;
margin: 10px 0;
padding:20px;
border-top:1px solid #d7d7d7;
border-bottom:1px solid #d7d7d7;
background:#efefef;
font-weight: normal;
display:block;
overflow:auto;
text-align:left;
}
/*----------------------------------------------------
{--------} Blockquote {--------}
----------------------------------------------------*/
blockquote {
padding:0 0 0 16px;
border-left: 4px solid #d9d9d9;
font-weight: normal;
}
/*----------------------------------------------------
{--------} Strong {--------}
----------------------------------------------------*/
strong {
font-weight: bold;
}
/*---------------------------------
{--------} Em {--------}
----------------------------------*/
em {
font-style:italic;
}
/*----------------------------------------------------
{--------} Pre / code {--------}
----------------------------------------------------*/
pre {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#EEE;
border:1px solid #CCC;
color:#777;
padding:8px 15px 8px 15px;
margin-bottom:23px;
font-size:12px;
}
/*----------------------------------------------------
{--------} Unordered List {--------}
----------------------------------------------------*/
ul {
list-style: square;
}
/*----------------------------------------------------
{--------} Ordered List {--------}
----------------------------------------------------*/
ol{
margin:0 0 13px 20px;
}
/*----------------------------------------------------
{--------} Html Table {--------}
----------------------------------------------------*/
table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
tr th,thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
background:#eee;
border: 1px solid #e7e7e7;
}
tr td {
border: 1px solid #e7e7e7;
padding: 6px 24px;
}
tr.odd td {
background: #f2f7fc;
}
/*----------------------------------------------------
{--------} Float Left {--------}
----------------------------------------------------*/
.floatleft {
float:left;
padding:0 20px 10px 0;
}
/*----------------------------------------------------
{--------} Float Right {--------}
----------------------------------------------------*/
.floatright {
float:right;
padding:0 0 10px 20px;
}
/*----------------------------------------------------
{--------} Header Wrapper {--------}
----------------------------------------------------*/
#header_area {
width:100%;
background-color:brown;
}
/*----------------------------------------------------
{--------} Header {--------}
----------------------------------------------------*/
#header {
width:1000px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo1BsCrPD1oWQUCPjuDp3YMUkd4pPnKGsW3UhCMkY_dxnDhvN7l3mfFF1o6DHCKNXaJdZLZfbE2_QbFhCvhQPTPePQ5k0GRoXDsW9CgpaztvmGRWJocgCwvq6xKES2RNLDV1Ve9eqf0-s/s1600/header.png) no-repeat center top;
}
/*----------------------------------------------------
{--------} Header Logo {--------}
----------------------------------------------------*/
#logo{
float:left;
margin:28px 0 22px 0;
}
/*----------------------------------------------------
{--------} Content Wrapper {--------}
----------------------------------------------------*/
#main_wrapper{
width:100%;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5SeaW-JEockmnISzf6Ljr9s0Itgild3nGTN7CqEVxk7W4bAror1GFuHdxO4F5_oy5qd7cdXwYJfjDk8nD9_d0qs-9AjfUzz-tdbtCjCO_CT5cF0zDjkGTdNUulRiRI5mkwtuj5qcf8eY/s1600/main_wrapper.png) repeat-x;
border-top:1px solid #E3E3E3;
}
/*----------------------------------------------------
{--------} Footer 3 Column {--------}
----------------------------------------------------*/
#footer_block{
width:990px;
margin:0px auto;
padding-bottom:20px;
}
/*----------------------------------------------------------
{--------} Footer Block Cover {--------}
-----------------------------------------------------------*/
.footer_block_cover{
background:#f9f9f9;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
/*----------------------------------------------------
{--------} Footer Wrapper {--------}
----------------------------------------------------*/
#footer_wrapper {
width:100%;
background-color:brown;
border-top:1px solid #3e3e3e;
}
/*----------------------------------------------------
{--------} Footer {--------}
----------------------------------------------------*/
#footer {
width:1050px;
margin:0 auto;
padding:0 0 30px 30px;
color:#adadad;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLwBnFAbUKIhP6hM3zLYMomnyL0CmHkvuLRrtpOJwfH0fn41bx5xBuE5LWiTduIuaqQYWWUhP5zw1P4Lf4-1rSdJUhbsDRsUPmUufDozBwbRr-mrjV4V2j78Dw8U_h-7uT07nSnNOc2i0/s1600/footer.png) no-repeat center top;
}
/*----------------------------------------------------
{--------} Footer Link {--------}
----------------------------------------------------*/
#footer a{
color:#ddd;
text-decoration:none;
}
/*----------------------------------------------------
{--------} Footer Hover {--------}
----------------------------------------------------*/
#footer a:hover {
color:#FFF;
text-decoration:underline;
}
/*----------------------------------------------------
{--------} Footer Bottom Wrapper {--------}
----------------------------------------------------*/
#footer_bottom_wrapper{
width:100%;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6aYprh6jbC6gtDXC3M-3GwuKMA_ImFrYl8I7SEwWmwlAoS-_qhBZCe24EJX6EhtcYuQCdrOLR-8VUX6P6cebuvp9WZ91gljDLuiYoNns2nOa1wA7l_oVM4NLKxkutPwTiWHTR8BIUG_w/s1600/footer_bottom_wrapper.png);
border-top:1px solid #555;
}
/*----------------------------------------------------
{--------} Footer Bottom {--------}
----------------------------------------------------*/
#footer_bottom {
width:1000px;
margin:0 auto;
padding:25px 15px 25px 15px;
color:#adadad;
font-size:11px;
}
/*----------------------------------------------------
{--------} Footer Bottom Left {--------}
----------------------------------------------------*/
#footer_bottom .left{
float:left;
margin:5px 0 0 0;
}
/*----------------------------------------------------
{--------} Footer Bottom Right {--------}
----------------------------------------------------*/
#footer_bottom .right{
float:right;
}
/*------------------------------------------------------------------
{--------} Footer Bottom Logo Desc {--------}
-------------------------------------------------------------------*/
#footer_bottom .logo_desc {
float:left;
text-align:right;
margin:2px 12px 0 0;
line-height:14px;
}
/*-----------------------------------------------------------------
{--------} Footer Bottom Logo Footer {--------}
------------------------------------------------------------------*/
#footer_bottom img.logo_footer {
float:left;
padding:4px 0 4px 12px;
border-left:1px solid #4d4d4d;
}
/*----------------------------------------------------
{--------} Bottom Title {--------}
----------------------------------------------------*/
.footer_widgets h2{
font-size:20px;
padding:5px 0px 10px 15px;
color:#fff;
border-bottom:2px dotted #444;
font-family: 'Oswald', arial, serif;
font-weight:normal;
}
/*----------------------------------------------------
{--------} Bottom Box {--------}
----------------------------------------------------*/
.footer_widgets{
float:left;
width:240px;
padding-bottom:30px;
font-size:12px;
font-family:Arial,Tahoma,Century gothic,sans-serif;
margin:20px 10px 0px 0px;
color:#ddd;
list-style:none;
background:brown;
border:3px dotted #444;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
/*----------------------------------------------------
{--------} Bottom Box Underline {--------}
----------------------------------------------------*/
.footer_widgets ul {
list-style-type: none;
margin :0;
padding: 0px 5px 5px 5px ;
}
/*----------------------------------------------------
{--------} Bottom Box List {--------}
----------------------------------------------------*/
.footer_widgets li{
color:#ddd;
list-style-type: none;
margin: 0 ;
font-family: 'Arimo', arial, serif;
font-size:13px;
border-bottom:1px dotted #444;
text-decoration: none;
padding: 5px 0px 5px 5px;
}
/*-----------------------------------------------------------
{--------} Bottom Box Underline/Underline {--------}
-------------------------------------------------------------*/
.footer_widgets ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
/*------------------------------------------------------------
{--------} Bottom Box Underline/List {--------}
-------------------------------------------------------------*/
.footer_widgets ul li {
height:100%;
line-height:18px;
clear: left;
width:220px;
list-style-type: none;
color:#ddd;
}
/*------------------------------------------------------------------------
{--------} Bottom Box Underline List Link A Visited {--------}
--------------------------------------------------------------------------*/
.footer_widgets ul li a:link, .footer_widgets ul li a:visited {
color: #ddd;
text-decoration: none;
padding: 5px 0px 5px 5px;
}
/*-------------------------------------------------------------------
{--------} Bottom Box Underline List A Hover {--------}
--------------------------------------------------------------------*/
.footer_widgets ul li a:hover{
color: #FFF;
}
/*----------------------------------------------------
{--------} Cassing {--------}
----------------------------------------------------*/
#wrapper {
padding:20px 20px 10px 20px;
width:970px;
margin:0px auto;
background:#fff;
border-left:2px dotted #ccc;
border-right:2px dotted #ccc;
}
/*----------------------------------------------------
{--------} Sidebar {--------}
----------------------------------------------------*/
#sidebar-wrapper {
position: relative;
float:right;
display:inline;
margin:0px;
padding: 0;
width: 300px;
}
/*--------------------------------------------
{--------} Sidebar Title {--------}
--------------------------------------------*/
.sidebar h2 {
height:30px;
font-style: normal;
color:#616060;
font-size:22px;
letter-spacing:0.5px;
padding-bottom:20px;
text-shadow:0px 1px 0px #ccc;
text-align:center;
font-weight:normal;
font-family: 'Oswald', arial, serif;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRDtFiOBYO_tdHjflfYU1N-O8hjHbyDzGOIL05CrvXiah36OqlJSjy5td744W-TzoCTDg_w6zNey6WB_EXh90tgUKGAUFnO-Kjp9S5MzOrQxZ7-imh1u05Kx8mKpLj1ZO0tole2qYxAdw/s1600/sidebar_h2.png) bottom no-repeat;
}
/*--------------------------------------------
{--------} Sidebar Widget {--------}
--------------------------------------------*/
.sidebar .widget {
padding:10px;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:10px;
}
/*----------------------------------------------------
{--------} Sidebar Widgets Hover {--------}
----------------------------------------------------*/
.sidebar .widget:hover {
background:#fdfdfd;
border:3px dotted #ddd;
}
/*----------------------------------------------------------
{--------} Sidebar Widget Content {--------}
-----------------------------------------------------------*/
.sidebar .widget-content {
padding: 5px 5px;
margin:0;
font-family: 'Arimo', arial, serif;
}
/*---------------------------------------------------------------
{--------} Sidebar Widget Unordered List {--------}
----------------------------------------------------------------*/
.sidebar ul {
list-style-type: none;
margin: 0 0px;
padding: 0;
}
/*----------------------------------------------------------
{--------} Sidebar Widget List {--------}
-----------------------------------------------------------*/
.sidebar li {
color:#616060;
text-decoration:none;
padding: 6px 0px 6px 5px;
display:block;
margin:0px 0px 3px 0px;
text-align: left;
font-family: 'Arimo', arial, serif;
text-indent:3px ;
font-size:13px;
background:#fff;
border: 1px solid #efefef;
text-transform: capitalize;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
}
/*----------------------------------------------------
{--------} Sidebar List Hover {--------}
----------------------------------------------------*/
.sidebar li:hover {
background: #f4f4f4;
border: 1px solid #ddd;
}
/*-----------------------------------------------------------------
{--------} Sidebar Widget List Link A Visited {--------}
------------------------------------------------------------------*/
.sidebar li a:link, .sidebar li a:visited {
color:#616060;
text-decoration: none;
}
/*-------------------------------------------------------------------
{--------} Sidebar Widget List Link A Hover {--------}
-------------------------------------------------------------------*/
.sidebar li a:hover {
color: #0a65bd;
}
/*----------------------------------------------------------
{--------} Sidebar Widget Image {--------}
-----------------------------------------------------------*/
.sidebar img {
padding:5px;
border:1px solid #ddd;
background:#fdfdfd;
margin: 0 10px 0px 0;
}
/*----------------------------------------------------------
{--------} Sidebar Widget Image Hover {--------}
-----------------------------------------------------------*/
.sidebar img:hover {
background: #f4f4f4;
border: 1px solid #ccc;
}
/*----------------------------------------------------
{--------} Sidebar Label {--------}
----------------------------------------------------*/
#Label1 ul li{
float: left;
width: 44%;
margin-left:5px;
}
/*----------------------------------------------------
{--------} Blog Archive Menu {--------}
----------------------------------------------------*/
#BlogArchive1_ArchiveMenu {
background:#fdfdfd;
border: 1px solid #dfdfdf;
text-transform: capitalize;
color:#616060;
text-shadow: 1px 1px 0px #fff;
text-decoration: none;
margin-left:0px;
margin-top:5px;
padding:10px;
width:267px;
}
/*--------------------------------------------------------
{--------} Blog Archive Menu Hover {--------}
---------------------------------------------------------*/
#BlogArchive1_ArchiveMenu:hover {
background: #efefef;
border: 1px solid #ccc;
}
/*---------------------------------------------------------------------------
{--------} Sidebar Widgets Follower Follower {--------}
----------------------------------------------------------------------------*/
#Followers1-wrapper {
background:#fdfdfd none repeat scroll 0 0;
border: 1px solid #dfdfdf;
color:#555147;
width:267px;
margin:0;
}
/*--------------------------------------------------------------------------------
{--------} Sidebar Widgets Follower Follower Hover {--------}
---------------------------------------------------------------------------------*/
#Followers1-wrapper:hover {
background: #efefef;
border: 1px solid #ddd;
}
/*----------------------------------------------------
{--------} Profile {--------}
----------------------------------------------------*/
.profile-link {
display:none;
}
/*---------------------------------------------------------
{--------} Page {--------}
--------------------------------------------------------*/
#page {
width: 670px;
float: left;
position: relative;
top: 0px;
margin: 0;
padding: 0;
margin-bottom: 0px;
}
/*-----------------------------------------------
{--------} Single {--------}
-------------------------------------------------*/
.single {
margin-right:20px;
margin-bottom:10px;
padding:20px;
width:600px;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.single:hover {
background:#fdfdfd;
border:3px dotted #ddd;
}
/*----------------------------------------------------
{--------} Post Title {--------}
----------------------------------------------------*/
.title h3 {
background:#fff;
border:1px solid #efefef;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-size: 200%;
font-family: 'Oswald', arial, serif;
font-weight: normal;
color: #000;
margin-top: 20px;
margin-bottom: 15px;
padding: 10px 20px;
}
.title h3:hover {
background: #f4f4f4;
border: 1px solid #ccc;
}
/*----------------------------------------------------------------
{--------} Post title Link A visited {--------}
------------------------------------------------------------------*/
.title h3 a, .title h3 a:visited, .title h3 strong {
color:#33312a;
text-decoration:none;
}
/*-------------------------------------------------------------------
{--------} Post Title Link A Hover {--------}
--------------------------------------------------------------------*/
.title h3 strong, .title h3 a:hover {
color:#000000;
}
/*---------------------------------------------------------
{--------} Entry {--------}
--------------------------------------------------------*/
.entry {
margin:0 0;
text-align: justify;
line-height: 20px;
font-family: 'Arimo', arial, serif;
font-size: 15px;
color: #515151;
text-shadow:1px 0px 0px #dfdfdf;
}
/*---------------------------------------------------------------
{--------} Entry Paragraph {--------}
-----------------------------------------------------------------*/
.entry p{
margin:5px 0px;
padding:5px 0px;
line-height:22px;
}
/*----------------------------------------------------
{--------} Entry Image {--------}
----------------------------------------------------*/
.entry img {
padding:15px;
background:#fff;
border:1px solid #efefef;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:560px;
margin: 0 10px 10px 0;);
}
.entry img:hover {
background: #f4f4f4;
border: 1px solid #ccc;
}
/*---------------------------------------------------------------------------
{--------} Entry Unordered List / Ordered List {--------}
-----------------------------------------------------------------------------*/
.entry ul, .entry ol {
padding-left:20px;
}
/*----------------------------------------------------
{--------} Home Page Content {--------}
----------------------------------------------------*/
.box{
width: 285px;
height:275px;
float: left;
margin-left: 0px;
margin-right:23px;
margin-bottom:10px;
display:inline;
position:relative;
padding-top: 5px;
padding-bottom: 10px;
overflow:hidden;
}
.box:hover {
background:#fdfdfd;
border:3px dotted #ddd;
}
.sentry {
overflow:hidden;
}
.sentry img {
height: 180px;
width: 270px;
position: absolute;
left: 10px;
top: 50px;
border: 1px solid #efefef;
overflow: hidden;
padding:5px;
}
.sentry img:hover {
height: 180px;
width: 270px;
position: absolute;
left: 10px;
top: 50px;
border: 1px solid #ccc;
background:fff;
overflow: hidden;
padding:5px;
}
.sentry p{
overflow:hidden;
}
.sinfo {
}
/*---------------------------------------------------------
{--------} Post Full View {--------}
--------------------------------------------------------*/
.post {
padding: 10px 10px 20px;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow: hidden;
}
/*---------------------------------------------------------
{--------} Post Block {--------}
--------------------------------------------------------*/
.post_block{
display: block;
position: relative;
margin: 0 0 3px 0;
}
/*---------------------------------------------------------
{--------} Post Block Image {--------}
--------------------------------------------------------*/
.post_block img {
padding:5px;
border:1px solid #dfdfdf;
background:#fdfdfd;
margin: 10px 20px 0px 0;
}
/*---------------------------------------------------------
{--------} Post Thumb + a {--------}
--------------------------------------------------------*/
.post .post-thumb + a {
display: block;
margin: 0 0 0 10px;
}
/*----------------------------------------------------------------------
{--------} Bottom Numbered Page Navigation {--------}
------------------------------------------------------------------------*/
.bottom_navigation{
padding: 10px;
font-size: 1em;
font-weight: bold;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:620px;height:50px;
}
.bottom_navigation:hover {
background:#fdfdfd;
border:3px dotted #ddd;
}
/*---------------------------------------------------------------
{--------} Pbt Older link / Newer Link {--------}
-----------------------------------------------------------------*/
.pbt {
clear:both;margin-top:15px;
}
/*--------------------------------------------------------
{--------} Pbt A (Style) {--------}
---------------------------------------------------------*/
.pbt a {
color: #666;
font-family: 'Oswald', arial, serif;
font-size:16px;
}
/*----------------------------------------------------------
{--------} Pbt Style A Hover {--------}
------------------------------------------------------------*/
.pbt a:hover {
text-decoration: underline;
}
/*----------------------------------------------------
{--------} Pbt List {--------}
----------------------------------------------------*/
.pbt li {
padding: 0;
margin: 0 11px;
display: inline;
background: none;
text-align: left;
}
/*----------------------------------------------------
{--------} Pbt Previous Post {--------}
----------------------------------------------------*/
.pbt .prev {
float: left;
}
/*----------------------------------------------------
{--------} Pbt Next Post {--------}
----------------------------------------------------*/
.pbt .next {
float: right;
}
/*--------------------------------------------------------------
{--------} Pbt Previous A (Style) {--------}
---------------------------------------------------------------*/
.pbt .prev a {
float: left;
padding: 0px 0 0 24px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBhgwuYszLHGi7c2juJz6gaCmW7Jc9VT3Abzn2zaDafC8lVnHjcCAHZxzMHY3ZzUgsWe61E8q7PGwggpZRtpnIlfDKCsuaYZYTHlTM3ksf4M8tRokjKbqkJbvQX_9NDeHHp7L0VnqxfLg/s1600/older_page.png) no-repeat;
height:31px;
width:124px;
text-indent: -9999px;
}
/*----------------------------------------------------------------
{--------} Pbt Next A (Style) {--------}
-------------------------------------------------------------------*/
.pbt .next a {
float: right;
padding: 0px 26px 0 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxjuWQdsSJNFPtE_2XNW30_bvH-Gy4TYfNJvrXtIRzHv74TAVX4rgs4jCU7e1n16b0lW5saceDOmFJPbfa_Du-fT-EiAMC7BmgMdsUCtPiHiSiS9_WklpMpz_U8SCUQzBN0MIzv3Z1ZPo/s1600/newer_page.png) no-repeat right bottom;
height:31px;
width:124px;
text-indent: -9999px;
}
/*------------------------------------------------------------------
{--------} Pbt A Share {--------}
-------------------------------------------------------------------*/
.pbt .share {
font-style: normal;
font-weight: normal;
margin: -24px 0 0 219px;
padding: 0;
width: 181px;
height: 31px;
clear: both;
float: left;
}
/*-------------------------------------------------------------
{--------} Pbt Share (Sharethis) {--------}
---------------------------------------------------------------*/
.pbt .share span#sharethis_0 {
display: block;
width: 181px;
height: 31px;
overflow: hidden;
cursor: pointer;
padding: 0;
margin: 0;
}
/*----------------------------------------------------------------
{--------} Pbt Share (Background) {--------}
-----------------------------------------------------------------*/
.pbt .share a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt83l8QkWgayi_rxV3MlXRNisx_Z9hNBRHEs5hUgWF54RXb4SCSFz43ynINr8Yfay75f7MqJR8jv8fhzQa6j8IDgMZgN7deFFXbveNInayI21MK_jSJKJGyVmdi7-BsINEfNHH6Rd-mVQ/s1600/bookmark.png) no-repeat!important;
width: 180px;
height: 31px;
padding: 0!important;
bottom:18px;
text-indent: -100em;
overflow: hidden;
display: block;
position:absolute;
}
/*-----------------------------------
{--------} Comments {--------}
-------------------------------------*/
#comments{
padding:20px;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow: hidden;
width:600px;
margin:20px 0 10px 0;
}
.feed-links {
clear: both;
display:none;
}
/*-----------------------------------------------------------
{--------} Sidebar Add To Cart Widget {--------}
-------------------------------------------------------------*/
#add-to-cart-widget {
padding:10px;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:7px;}
/*-------------------------------------------------------------
{--------} SB Add To Cart Widget Hover {--------}
---------------------------------------------------------------*/
#add-to-cart-widget:hover {
background:#fdfdfd;
border:3px dotted #ddd;
}
/*----------------------------------------------------
{--------} Item Name {--------}
----------------------------------------------------*/
.item_name{}
/*----------------------------------------------------
{--------} Item Description {--------}
----------------------------------------------------*/
.item_Description{
display:none;
}
/*----------------------------------------------------
{--------} Item Thumb {--------}
----------------------------------------------------*/
.item_thumb{display:none;}
/*----------------------------------------------------
{--------} Item Price {--------}
----------------------------------------------------*/
.item_price{
display: block;
width: 100px;
height: 20px;
background: url(https://lh6.googleusercontent.com/-6lhghn5DUDE/UMIMX5hwtmI/AAAAAAAAAqY/r61LgvwtRE0/s120/item_price.png);
position: absolute;
bottom: 7px;
padding:5px 10px;
left:10px;
color:#000;
font-size:13px;
text-align:left;
font-weight:bold;
}
/*----------------------------------------------------------
{--------} Simple Carts Item {--------}
-----------------------------------------------------------*/
.simpleCart_items{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
overflow:hidden;
}
/*---------------------------------------------------------------
{--------} Simple Carts Item Image {--------}
----------------------------------------------------------------*/
.simpleCart_items img {
padding: 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #24282a;
border: 1px solid #383c3e;
text-align: left;
width:85px;
height:85px;
}
/*----------------------------------------------------
{--------} Cart Header {--------}
----------------------------------------------------*/
.cartHeaders{
display:none;
}
/*----------------------------------------------------
{--------} Item Container {--------}
----------------------------------------------------*/
.itemContainer{
float:left;
width:100px;
text-align:center;
display: block;
margin-left: 22px;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
position:relative;
bottom:0;
}
/*----------------------------------------------------
{--------} Item Name {--------}
----------------------------------------------------*/
.itemname{
font:bold 11px "Helvetica", Arial, sans-serif;
color:#000;
text-transform:uppercase;
}
/*----------------------------------------------------
{--------} Item Thumb {--------}
----------------------------------------------------*/
.itemthumb{
float:none;
margin:0;
padding-top:5px;
}
/*----------------------------------------------------
{--------} Item Quantity {--------}
----------------------------------------------------*/
.itemQuantity{
float:left;
clear:both;
margin-top:5px;
display:inline;
margin-left:30px;
}
/*----------------------------------------------------------
{--------} Item Quantity Input {--------}
------------------------------------------------------------*/
.itemQuantity input{
background:none;
border:none;
width:60px;
height:22px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8P7hIG15bB-UkXgAhiqdG_hwSqhQGFfQipTURomvjJdDM32N1UHV5MQ8APFz-63I6ZrjjDJTlRm597MuDGYiz01g79umjohRG5ETYqHRj1cjc1PDLPlpGvmdeCay_l_wxTG7npFZc1fQ/s1600/price.png);
text-align:center;
color:#000;
font:bold 11px Arial, sans-serif;
margin:0 5px 0 -15px;
vertical-align:top;
padding:5px 10px;
}
/*--------------------------------------------------------------
{--------} Item Quantity Input Focus {--------}
----------------------------------------------------------------*/
.itemQuantity input:focus{
outline:none;
}
/*----------------------------------------------------
{--------} Item Increment {--------}
----------------------------------------------------*/
.itemincrement a{
display:none;
}
/*----------------------------------------------------
{--------} Item Decrement {--------}
----------------------------------------------------*/
.itemdecrement a{
display:none;
}
/*----------------------------------------------------
{--------} Item Total {--------}
----------------------------------------------------*/
.itemTotal{
color:#000;
font:bold 11px Arial, sans-serif;
margin:8px 0 0 0;
padding:0;
clear:both;
}
/*----------------------------------------------------
{--------} Cart Total {--------}
----------------------------------------------------*/
#cartTotal{
height:30px;
font-style: normal;
color:#616060;
font-size:22px;
letter-spacing:0.5px;
padding-bottom:20px;
text-shadow:0px 1px 0px #ccc;
text-align:center;
font-weight:normal;
font-family: 'Oswald', arial, serif;
background:url(http://besttheme.net/wp-content/themes/Best_Theme/images/break.png) bottom no-repeat;
}
/*----------------------------------------------------------
{--------} Simple Cart Empty {--------}
------------------------------------------------------------*/
.simpleCart_empty{
display:-moz-inline-box;
display:inline-block;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg87g7AoS1k3wAFD9DIaJALhJBAw_Hz2fUxzuEO6e7PpPiD6rBZStvpv0G0GaufhyMFNHgDxp-iz8eH-lOns7s6vytMxnICMOEZFXg61RXIUujacS9uDqpuiEMtyqvA3SK-Xo-sfaFobP4/s1600/empty_cart.png);
width:105px;
height:30px;
text-indent:-9999px;
overflow:hidden;
position:relative;
left:5px;
padding:0 15px 0 0;
}
/*----------------------------------------------------------------
{--------} Simple Cart Checkout {--------}
-----------------------------------------------------------------*/
.simpleCart_checkout{
display:-moz-inline-box;
display:inline-block;
background:url(https://lh5.googleusercontent.com/-QenmzwiD2wU/UMIMX94n7sI/AAAAAAAAAqc/LdBW4wmUED8/s120/checkout.png);
width:120px;
height:30px;
text-indent:-9999px;
overflow:hidden;
position:relative;
left:30px;
}
/*----------------------------------------------------
{--------} Item Add {--------}
----------------------------------------------------*/
.item_add{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDvqLJLcu2X0D-GEEk0hZXcnxf3K8TK27AkiCX2OJs5DcGGbNN3YgoAfL9Lf6gRdCfnsO-N9QiebEilVyP0Gxe4kvATcVgw-H27ICfbaLARABXPc78ZXWSOidHonF4mc7Q83sXSxjZ2Kc/s1600/add_to_cart.png);
display: block;
width: 120px;
height: 30px;
line-height: 72px;
text-indent: -9999px;
position: absolute; bottom: 7px; right: 15px;
z-index:9999!important;
}
/*---------------------------------------------------------
{--------} Header Menu {--------}
----------------------------------------------------------*/
#header-menu{
height:45px;
display:block;
margin:0px auto;
font-size: 12px;
font-weight:normal;
font-family: 'Oswald', arial, serif;
text-transform:uppercase;
width:100%;
background:#555 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxTUseTYbz5GhA-3GMcrQE_zqqJNmiXdIIcL-ysw2hMHw14wXMp8zyvbdb7qA8iX9Dk7vJR4jndpEPaeZnPbPuFYIM32KjA6KYHNmFiiX874ASSWS4MnPdLjDwAJHtQ1dkhDoB10PwPI/s1600/header_menu.png) repeat-x bottom;
}
/*-----------------------------------------------
{--------} Menu {--------}
-------------------------------------------------*/
#menu{
margin:0px auto;
padding: 0px;
height:45px;
overflow:hidden;
width:1030px;
}
/*------------------------------------------------------------
{--------} Menu Unordered List {--------}
-------------------------------------------------------------*/
#menu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
/*-----------------------------------------------
{--------} Menu List {--------}
-------------------------------------------------*/
#menu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
color:#cfcfcf;
}
/*---------------------------------------------------------
{--------} Menu List A Visited {--------}
-----------------------------------------------------------*/
#menu li a, #menu li a:link, #menu li a:visited {
color:#fff;
display: block;
margin: 0px;
padding: 0px 10px ;
line-height:45px;
}
/*----------------------------------------------------------
{--------} Menu List A Active {--------}
------------------------------------------------------------*/
#menu li a:hover, #menu li a:active {
color: #dfdfdf;
margin: 0px;
padding: 0px 10px ;
line-height:45px;
text-decoration: none;
}
/*----------------------------------------------------------
{--------} Menu List A Link {--------}
------------------------------------------------------------*/
#menu li li a, #menu li li a:link, #menu li li a:visited {
background:#0B74CA;
width: 150px;
color:#fff;
font-weight: normal;
float: none;
margin: 0px;
padding: 0px 10px ;
line-height:32px;
border-bottom: 1px solid #0D81DF;
}
/*----------------------------------------------------------
{--------} Menu List / List A Active {--------}
------------------------------------------------------------*/
#menu li li a:hover, #menu li li a:active {
color: #fff;
padding: 0px 10px ;
line-height:32px;
}
/*---------------------------------------------------------------------------
{--------} Menu List / Unordered List A Active {--------}
----------------------------------------------------------------------------*/
#menu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
background:#0B74CA;
}
/*---------------------------------------------------------
{--------} Menu List / List {--------}
----------------------------------------------------------*/
#menu li li { }
/*--------------------------------------------------------------------
{--------} Menu List / Unordered List A {--------}
----------------------------------------------------------------------*/
#menu li ul a {
width: 140px;
}
/*-----------------------------------------------------------------------------
{--------} Menu List / Unordered List A Hover / Active {--------}
------------------------------------------------------------------------------*/
#menu li ul a:hover, #menu li ul a:active {
}
/*---------------------------------------------------------------------------------
{--------} Menu List / Unordered List / Unordered List {--------}
----------------------------------------------------------------------------------*/
#menu li ul ul {
margin: -33px 0 0 170px;
}
/*---------------------------------------------------------------------------------
{--------} Menu Hover List / Unordered List / SF Hover {--------}
----------------------------------------------------------------------------------*/
#menu li:hover ul ul, #menu li:hover ul ul ul,
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left: -999em;
}
#menu li:hover ul, #menu li li:hover ul,
#menu li li li:hover ul, #menu li.sfhover ul,
#menu li li.sfhover ul, #menu li li li.sfhover ul {
left: auto;
}
#menu li:hover, #menu li.sfhover {
position: static;
}
.datapost {
width:570px;
float:left;
margin:0 10px 10px 0;
padding:10px;
background:#fff;
border:1px solid #efefef;
}
.datapost ul{
list-style: none;
padding:0 10px 0 10px;
}
.datapost li{
padding: 0px 0 10px 10px;
position: relative;
background:#fdfdfd;
border:2px dotted #eee;
line-height:1.4em;
margin:0;
}
.name{
font-size:14px;
font-weight:bold;
color:#555;
}
.designer{
font-size:14px;
font-weight: normal;
color:#555;
}
.site-link{
font-size:14px;
font-weight: normal;
color:#555;
}
.categ{
font-size:14px;
font-weight: normal;
color:#555;
}
.posttag{
font-size:14px;
font-weight:bold;
color:#555;
}
/* Slide Content
----------------------------------------------- */
.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
word-wrap: break-word; overflow: hidden;}
.slide {color: #666666;line-height: 1.3em;}
.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.slide li {margin:0;padding-top:0;
padding-right:0;padding-bottom:.25em;
padding-left:0px;text-indent:0px;line-height:1.3em;}
.slide .widget {margin:0px 0px 6px 0px;}
shadow{width:650px; height:39px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBh5wGfgQuSpN2RxL52ANll81VgWfDE03xJLeOl5vdP7mOlJV06-2jdTlw3T4cVwBfTJQB087rqSFY6oP_jrMhrXglNTFdQXBA0sVjpad4XCmGFGEmZhCS2aH4Af5Hun574E1aN8m4Vb0C/s1600/shadow1.png) no-repeat center;margin:0 auto}
#featured-slider{position:relative;overflow:hidden;width:650px;height:330px;background:#fcfcfc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMmtq9qA4vfG9B-uoCri5wlkpJmazVbV_9f4E8hPT3vgpYFon649c48zpRA-IOEV7DygOInguIlAiZ8rll-8Gt5Xul0Jzkzr_9Z1m6JYbHQm9Ba1OCrhhNajK8e1CgmYCrEH-eaabZWPM/s1600/slider-bg.png) repeat-x top;margin:0 auto;padding:0 auto}
#featured-slider .contentdiv{visibility:hidden;position:absolute;left:10px;top:10px;z-index:1;width:370px}
#featured-slider .contentdiv img{background:#fff;padding:2px;border:1px solid #ccc;width:210px;height:215px;overflow:hidden}
#featured-slider .sliderPostPhoto{position:relative;height:200px;width:220px;overflow:hidden}
#featured-slider .sliderPostInfo{position:absolute;top:0;left:230px;color:#a1a1a1;background:url();height:150px;width:400px;padding:5px 0 0}
#featured-slider .sliderPostInfo p{color:#0a0a0a;line-height:1.6em;font-size:12px;padding-top:1px;height:100px}
#featured-slider .featuredPostMeta a{color:#a1a1a1}
#featured-slider .order a {display:block; width:98px; height:40px; bottom:14px; left:0px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSAwQjlv5HFCYE_xSkVWcHUOl3fTZdhDU0PKk7qc721hpI59ROFFWsQvYskOMXak-PMoPixpgP8Q-EXfIIz0i2Fn_shrqCwjABOurU1OzNxH3z6z9EBNuEGlyYkvC3mwRwE4qDn7MjqkqZ/s1600/order.png) no-repeat 0 0; position:absolute; font-size:15px; line-height:13px; text-transform:uppercase; text-decoration:none; font-family: 'Open Sans', sans-serif; color:#fff; font-weight:700; padding:11px 0 0 6px;}
#featured-slider .order a:hover{ color:#515151;}
.featuredTitle{font:bold 16px Tahoma;color:#719429;line-height:1cm}
.featuredTitle a{color:Brown}
.featuredTitle a:hover{color:#0a0a0a}
#paginate-featured-slider{position:absolute;background-color:grey;right:0;top:220px;z-index:1;width:650px;height:75px;overflow:hidden}
#paginate-featured-slider ul{width:650px;list-style:none}
#paginate-featured-slider .featured_thumb{float:left;margin-right:15px;width:65px;height:65px;padding:3px 2px;}
#paginate-featured-slider .featured_thumb:hover{opacity:0.7}
.PopularPosts .widget-content ul li{background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
.PopularPosts ul{padding:5px 0}
.PopularPosts .item-thumbnail img{width:100px;height:105px;padding:2px;margin:0}
.PopularPosts .item-content{position:relative;float:left;margin:0}
.PopularPosts .item-title a{font:12px Arial;color:#fff;display:block;padding:0 5px;float:left;width:100px}
.PopularPosts .item-title a:hover{background:#000;color:#ccc;}
.PopularPosts .item-thumbnail{float:left;margin:3px 8px 7px 8px;border:1px solid #666;overflow: hidden}
/* PRODUK TERBARU */
.produkterbaru {
color: #565656;
font-family: Tahoma,sans-serif;
font-size: 11px;
margin-bottom: 0;
overflow: hidden;
padding: 0 5px;
width: 580px;
}
.produkterbaru h5 {
border-bottom: 1px solid #EFE7EF;
bottom: 5px;
color: #AD3973;
font-size: 12px;
font-weight: bold;
margin: 0;
text-align: left;
}
.produkterbaru img{float:left;padding:0 10px 0 0;}
.more{padding:0; display:block}
.produkterbaru p{width:570px; float:left; padding:0 0 12px 0}
#inside{padding:15px 0 0 17px; float:left
}
]]>
Produk Terbaru
<data:blog.pageName/> | contoh template dari tukang toko online
<data:blog.pageTitle/> | contoh template dari tukang toko online
Blogger Template Style <------------------>
-----------------------------------------------------------------------------
Template Name :-> Design Cart E-Commerce | Blogger Template
Template Author :-> Avinas / Premium Blogger Themes / Best Theme
Template Author URI :-> http://premiumbloggerthemes.com
Template Created Time :-> 7:51 Tuesday (IST) - Time in India
-----------------------------------------------------------------------------
<-------------> Credit> http://premiumbloggerthemes.com/ <------------->
-----------------------------------------------------------------------------*/
#navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}
#LinkList10 h2{display:none;}
#LinkList11 h2{display:none;}
body#layout #slider{display:none}
body#layout #add-to-cart-widget{display:none;}
/*----------------------------------------------------
{--------} Generic {--------}
----------------------------------------------------*/
#navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}
/*----------------------------------------------------
{--------} Generic {--------}
----------------------------------------------------*/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
text-decoration:none;
}
/*----------------------------------------------------
{--------} Image {--------}
----------------------------------------------------*/
img { -ms-interpolation-mode: bicubic; }
/*----------------------------------------------------
{--------} internet explorer 6 {--------}
----------------------------------------------------*/
.ie6_height_fix {overflow:hidden;}
.ie6_display_inline {display: inline;}
/*----------------------------------------------------
{--------} Clear Both {--------}
----------------------------------------------------*/
.clear {clear:both;}
/*----------------------------------------------------
{--------} Clear fix {--------}
----------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
/*----------------------------------------------------
{--------} hypertext mark-up language {--------}
----------------------------------------------------*/
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/*----------------------------------------------------
{--------} Start Body {--------}
----------------------------------------------------*/
body {
background:#f4f4f4;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:13px;
line-height:23px;
color:#546671;
}
/*----------------------------------------------------
{--------} Body Header {--------}
----------------------------------------------------*/
h1, h2, h3, h4 {
line-height:19px;
color:#555;
}
h1 a, h2 a, h3 a, h4 a {
text-decoration:none;
color:#555;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
text-decoration:none;
color:#737373;
}
h1 {
font-size:28px;
padding:22px 0;
}
h2 {
font-size:24px;
padding:18px 0;
}
h3 {
font-size:20px;
padding:15px 0;
}
h4 {
font-size:17px;
padding:14px 0;
}
p {
padding: 0 0 22px 0;
}
a {
text-decoration:none;color:#0088CC;
}
a:hover {
text-decoration:underline;
}
acronym {
cursor: help;
border-bottom: 1px dotted #555;
}
/*----------------------------------------------------
{--------} Body Code {--------}
----------------------------------------------------*/
code {
font-size:13px;
line-height:20px;
margin: 10px 0;
padding:20px;
border-top:1px solid #d7d7d7;
border-bottom:1px solid #d7d7d7;
background:#efefef;
font-weight: normal;
display:block;
overflow:auto;
text-align:left;
}
/*----------------------------------------------------
{--------} Blockquote {--------}
----------------------------------------------------*/
blockquote {
padding:0 0 0 16px;
border-left: 4px solid #d9d9d9;
font-weight: normal;
}
/*----------------------------------------------------
{--------} Strong {--------}
----------------------------------------------------*/
strong {
font-weight: bold;
}
/*---------------------------------
{--------} Em {--------}
----------------------------------*/
em {
font-style:italic;
}
/*----------------------------------------------------
{--------} Pre / code {--------}
----------------------------------------------------*/
pre {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#EEE;
border:1px solid #CCC;
color:#777;
padding:8px 15px 8px 15px;
margin-bottom:23px;
font-size:12px;
}
/*----------------------------------------------------
{--------} Unordered List {--------}
----------------------------------------------------*/
ul {
list-style: square;
}
/*----------------------------------------------------
{--------} Ordered List {--------}
----------------------------------------------------*/
ol{
margin:0 0 13px 20px;
}
/*----------------------------------------------------
{--------} Html Table {--------}
----------------------------------------------------*/
table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
tr th,thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
background:#eee;
border: 1px solid #e7e7e7;
}
tr td {
border: 1px solid #e7e7e7;
padding: 6px 24px;
}
tr.odd td {
background: #f2f7fc;
}
/*----------------------------------------------------
{--------} Float Left {--------}
----------------------------------------------------*/
.floatleft {
float:left;
padding:0 20px 10px 0;
}
/*----------------------------------------------------
{--------} Float Right {--------}
----------------------------------------------------*/
.floatright {
float:right;
padding:0 0 10px 20px;
}
/*----------------------------------------------------
{--------} Header Wrapper {--------}
----------------------------------------------------*/
#header_area {
width:100%;
background-color:brown;
}
/*----------------------------------------------------
{--------} Header {--------}
----------------------------------------------------*/
#header {
width:1000px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo1BsCrPD1oWQUCPjuDp3YMUkd4pPnKGsW3UhCMkY_dxnDhvN7l3mfFF1o6DHCKNXaJdZLZfbE2_QbFhCvhQPTPePQ5k0GRoXDsW9CgpaztvmGRWJocgCwvq6xKES2RNLDV1Ve9eqf0-s/s1600/header.png) no-repeat center top;
}
/*----------------------------------------------------
{--------} Header Logo {--------}
----------------------------------------------------*/
#logo{
float:left;
margin:28px 0 22px 0;
}
/*----------------------------------------------------
{--------} Content Wrapper {--------}
----------------------------------------------------*/
#main_wrapper{
width:100%;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5SeaW-JEockmnISzf6Ljr9s0Itgild3nGTN7CqEVxk7W4bAror1GFuHdxO4F5_oy5qd7cdXwYJfjDk8nD9_d0qs-9AjfUzz-tdbtCjCO_CT5cF0zDjkGTdNUulRiRI5mkwtuj5qcf8eY/s1600/main_wrapper.png) repeat-x;
border-top:1px solid #E3E3E3;
}
/*----------------------------------------------------
{--------} Footer 3 Column {--------}
----------------------------------------------------*/
#footer_block{
width:990px;
margin:0px auto;
padding-bottom:20px;
}
/*----------------------------------------------------------
{--------} Footer Block Cover {--------}
-----------------------------------------------------------*/
.footer_block_cover{
background:#f9f9f9;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
/*----------------------------------------------------
{--------} Footer Wrapper {--------}
----------------------------------------------------*/
#footer_wrapper {
width:100%;
background-color:brown;
border-top:1px solid #3e3e3e;
}
/*----------------------------------------------------
{--------} Footer {--------}
----------------------------------------------------*/
#footer {
width:1050px;
margin:0 auto;
padding:0 0 30px 30px;
color:#adadad;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLwBnFAbUKIhP6hM3zLYMomnyL0CmHkvuLRrtpOJwfH0fn41bx5xBuE5LWiTduIuaqQYWWUhP5zw1P4Lf4-1rSdJUhbsDRsUPmUufDozBwbRr-mrjV4V2j78Dw8U_h-7uT07nSnNOc2i0/s1600/footer.png) no-repeat center top;
}
/*----------------------------------------------------
{--------} Footer Link {--------}
----------------------------------------------------*/
#footer a{
color:#ddd;
text-decoration:none;
}
/*----------------------------------------------------
{--------} Footer Hover {--------}
----------------------------------------------------*/
#footer a:hover {
color:#FFF;
text-decoration:underline;
}
/*----------------------------------------------------
{--------} Footer Bottom Wrapper {--------}
----------------------------------------------------*/
#footer_bottom_wrapper{
width:100%;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6aYprh6jbC6gtDXC3M-3GwuKMA_ImFrYl8I7SEwWmwlAoS-_qhBZCe24EJX6EhtcYuQCdrOLR-8VUX6P6cebuvp9WZ91gljDLuiYoNns2nOa1wA7l_oVM4NLKxkutPwTiWHTR8BIUG_w/s1600/footer_bottom_wrapper.png);
border-top:1px solid #555;
}
/*----------------------------------------------------
{--------} Footer Bottom {--------}
----------------------------------------------------*/
#footer_bottom {
width:1000px;
margin:0 auto;
padding:25px 15px 25px 15px;
color:#adadad;
font-size:11px;
}
/*----------------------------------------------------
{--------} Footer Bottom Left {--------}
----------------------------------------------------*/
#footer_bottom .left{
float:left;
margin:5px 0 0 0;
}
/*----------------------------------------------------
{--------} Footer Bottom Right {--------}
----------------------------------------------------*/
#footer_bottom .right{
float:right;
}
/*------------------------------------------------------------------
{--------} Footer Bottom Logo Desc {--------}
-------------------------------------------------------------------*/
#footer_bottom .logo_desc {
float:left;
text-align:right;
margin:2px 12px 0 0;
line-height:14px;
}
/*-----------------------------------------------------------------
{--------} Footer Bottom Logo Footer {--------}
------------------------------------------------------------------*/
#footer_bottom img.logo_footer {
float:left;
padding:4px 0 4px 12px;
border-left:1px solid #4d4d4d;
}
/*----------------------------------------------------
{--------} Bottom Title {--------}
----------------------------------------------------*/
.footer_widgets h2{
font-size:20px;
padding:5px 0px 10px 15px;
color:#fff;
border-bottom:2px dotted #444;
font-family: 'Oswald', arial, serif;
font-weight:normal;
}
/*----------------------------------------------------
{--------} Bottom Box {--------}
----------------------------------------------------*/
.footer_widgets{
float:left;
width:240px;
padding-bottom:30px;
font-size:12px;
font-family:Arial,Tahoma,Century gothic,sans-serif;
margin:20px 10px 0px 0px;
color:#ddd;
list-style:none;
background:brown;
border:3px dotted #444;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
/*----------------------------------------------------
{--------} Bottom Box Underline {--------}
----------------------------------------------------*/
.footer_widgets ul {
list-style-type: none;
margin :0;
padding: 0px 5px 5px 5px ;
}
/*----------------------------------------------------
{--------} Bottom Box List {--------}
----------------------------------------------------*/
.footer_widgets li{
color:#ddd;
list-style-type: none;
margin: 0 ;
font-family: 'Arimo', arial, serif;
font-size:13px;
border-bottom:1px dotted #444;
text-decoration: none;
padding: 5px 0px 5px 5px;
}
/*-----------------------------------------------------------
{--------} Bottom Box Underline/Underline {--------}
-------------------------------------------------------------*/
.footer_widgets ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
/*------------------------------------------------------------
{--------} Bottom Box Underline/List {--------}
-------------------------------------------------------------*/
.footer_widgets ul li {
height:100%;
line-height:18px;
clear: left;
width:220px;
list-style-type: none;
color:#ddd;
}
/*------------------------------------------------------------------------
{--------} Bottom Box Underline List Link A Visited {--------}
--------------------------------------------------------------------------*/
.footer_widgets ul li a:link, .footer_widgets ul li a:visited {
color: #ddd;
text-decoration: none;
padding: 5px 0px 5px 5px;
}
/*-------------------------------------------------------------------
{--------} Bottom Box Underline List A Hover {--------}
--------------------------------------------------------------------*/
.footer_widgets ul li a:hover{
color: #FFF;
}
/*----------------------------------------------------
{--------} Cassing {--------}
----------------------------------------------------*/
#wrapper {
padding:20px 20px 10px 20px;
width:970px;
margin:0px auto;
background:#fff;
border-left:2px dotted #ccc;
border-right:2px dotted #ccc;
}
/*----------------------------------------------------
{--------} Sidebar {--------}
----------------------------------------------------*/
#sidebar-wrapper {
position: relative;
float:right;
display:inline;
margin:0px;
padding: 0;
width: 300px;
}
/*--------------------------------------------
{--------} Sidebar Title {--------}
--------------------------------------------*/
.sidebar h2 {
height:30px;
font-style: normal;
color:#616060;
font-size:22px;
letter-spacing:0.5px;
padding-bottom:20px;
text-shadow:0px 1px 0px #ccc;
text-align:center;
font-weight:normal;
font-family: 'Oswald', arial, serif;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRDtFiOBYO_tdHjflfYU1N-O8hjHbyDzGOIL05CrvXiah36OqlJSjy5td744W-TzoCTDg_w6zNey6WB_EXh90tgUKGAUFnO-Kjp9S5MzOrQxZ7-imh1u05Kx8mKpLj1ZO0tole2qYxAdw/s1600/sidebar_h2.png) bottom no-repeat;
}
/*--------------------------------------------
{--------} Sidebar Widget {--------}
--------------------------------------------*/
.sidebar .widget {
padding:10px;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:10px;
}
/*----------------------------------------------------
{--------} Sidebar Widgets Hover {--------}
----------------------------------------------------*/
.sidebar .widget:hover {
background:#fdfdfd;
border:3px dotted #ddd;
}
/*----------------------------------------------------------
{--------} Sidebar Widget Content {--------}
-----------------------------------------------------------*/
.sidebar .widget-content {
padding: 5px 5px;
margin:0;
font-family: 'Arimo', arial, serif;
}
/*---------------------------------------------------------------
{--------} Sidebar Widget Unordered List {--------}
----------------------------------------------------------------*/
.sidebar ul {
list-style-type: none;
margin: 0 0px;
padding: 0;
}
/*----------------------------------------------------------
{--------} Sidebar Widget List {--------}
-----------------------------------------------------------*/
.sidebar li {
color:#616060;
text-decoration:none;
padding: 6px 0px 6px 5px;
display:block;
margin:0px 0px 3px 0px;
text-align: left;
font-family: 'Arimo', arial, serif;
text-indent:3px ;
font-size:13px;
background:#fff;
border: 1px solid #efefef;
text-transform: capitalize;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
}
/*----------------------------------------------------
{--------} Sidebar List Hover {--------}
----------------------------------------------------*/
.sidebar li:hover {
background: #f4f4f4;
border: 1px solid #ddd;
}
/*-----------------------------------------------------------------
{--------} Sidebar Widget List Link A Visited {--------}
------------------------------------------------------------------*/
.sidebar li a:link, .sidebar li a:visited {
color:#616060;
text-decoration: none;
}
/*-------------------------------------------------------------------
{--------} Sidebar Widget List Link A Hover {--------}
-------------------------------------------------------------------*/
.sidebar li a:hover {
color: #0a65bd;
}
/*----------------------------------------------------------
{--------} Sidebar Widget Image {--------}
-----------------------------------------------------------*/
.sidebar img {
padding:5px;
border:1px solid #ddd;
background:#fdfdfd;
margin: 0 10px 0px 0;
}
/*----------------------------------------------------------
{--------} Sidebar Widget Image Hover {--------}
-----------------------------------------------------------*/
.sidebar img:hover {
background: #f4f4f4;
border: 1px solid #ccc;
}
/*----------------------------------------------------
{--------} Sidebar Label {--------}
----------------------------------------------------*/
#Label1 ul li{
float: left;
width: 44%;
margin-left:5px;
}
/*----------------------------------------------------
{--------} Blog Archive Menu {--------}
----------------------------------------------------*/
#BlogArchive1_ArchiveMenu {
background:#fdfdfd;
border: 1px solid #dfdfdf;
text-transform: capitalize;
color:#616060;
text-shadow: 1px 1px 0px #fff;
text-decoration: none;
margin-left:0px;
margin-top:5px;
padding:10px;
width:267px;
}
/*--------------------------------------------------------
{--------} Blog Archive Menu Hover {--------}
---------------------------------------------------------*/
#BlogArchive1_ArchiveMenu:hover {
background: #efefef;
border: 1px solid #ccc;
}
/*---------------------------------------------------------------------------
{--------} Sidebar Widgets Follower Follower {--------}
----------------------------------------------------------------------------*/
#Followers1-wrapper {
background:#fdfdfd none repeat scroll 0 0;
border: 1px solid #dfdfdf;
color:#555147;
width:267px;
margin:0;
}
/*--------------------------------------------------------------------------------
{--------} Sidebar Widgets Follower Follower Hover {--------}
---------------------------------------------------------------------------------*/
#Followers1-wrapper:hover {
background: #efefef;
border: 1px solid #ddd;
}
/*----------------------------------------------------
{--------} Profile {--------}
----------------------------------------------------*/
.profile-link {
display:none;
}
/*---------------------------------------------------------
{--------} Page {--------}
--------------------------------------------------------*/
#page {
width: 670px;
float: left;
position: relative;
top: 0px;
margin: 0;
padding: 0;
margin-bottom: 0px;
}
/*-----------------------------------------------
{--------} Single {--------}
-------------------------------------------------*/
.single {
margin-right:20px;
margin-bottom:10px;
padding:20px;
width:600px;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.single:hover {
background:#fdfdfd;
border:3px dotted #ddd;
}
/*----------------------------------------------------
{--------} Post Title {--------}
----------------------------------------------------*/
.title h3 {
background:#fff;
border:1px solid #efefef;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-size: 200%;
font-family: 'Oswald', arial, serif;
font-weight: normal;
color: #000;
margin-top: 20px;
margin-bottom: 15px;
padding: 10px 20px;
}
.title h3:hover {
background: #f4f4f4;
border: 1px solid #ccc;
}
/*----------------------------------------------------------------
{--------} Post title Link A visited {--------}
------------------------------------------------------------------*/
.title h3 a, .title h3 a:visited, .title h3 strong {
color:#33312a;
text-decoration:none;
}
/*-------------------------------------------------------------------
{--------} Post Title Link A Hover {--------}
--------------------------------------------------------------------*/
.title h3 strong, .title h3 a:hover {
color:#000000;
}
/*---------------------------------------------------------
{--------} Entry {--------}
--------------------------------------------------------*/
.entry {
margin:0 0;
text-align: justify;
line-height: 20px;
font-family: 'Arimo', arial, serif;
font-size: 15px;
color: #515151;
text-shadow:1px 0px 0px #dfdfdf;
}
/*---------------------------------------------------------------
{--------} Entry Paragraph {--------}
-----------------------------------------------------------------*/
.entry p{
margin:5px 0px;
padding:5px 0px;
line-height:22px;
}
/*----------------------------------------------------
{--------} Entry Image {--------}
----------------------------------------------------*/
.entry img {
padding:15px;
background:#fff;
border:1px solid #efefef;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:560px;
margin: 0 10px 10px 0;);
}
.entry img:hover {
background: #f4f4f4;
border: 1px solid #ccc;
}
/*---------------------------------------------------------------------------
{--------} Entry Unordered List / Ordered List {--------}
-----------------------------------------------------------------------------*/
.entry ul, .entry ol {
padding-left:20px;
}
/*----------------------------------------------------
{--------} Home Page Content {--------}
----------------------------------------------------*/
.box{
width: 285px;
height:275px;
float: left;
margin-left: 0px;
margin-right:23px;
margin-bottom:10px;
display:inline;
position:relative;
padding-top: 5px;
padding-bottom: 10px;
overflow:hidden;
}
.box:hover {
background:#fdfdfd;
border:3px dotted #ddd;
}
.sentry {
overflow:hidden;
}
.sentry img {
height: 180px;
width: 270px;
position: absolute;
left: 10px;
top: 50px;
border: 1px solid #efefef;
overflow: hidden;
padding:5px;
}
.sentry img:hover {
height: 180px;
width: 270px;
position: absolute;
left: 10px;
top: 50px;
border: 1px solid #ccc;
background:fff;
overflow: hidden;
padding:5px;
}
.sentry p{
overflow:hidden;
}
.sinfo {
}
/*---------------------------------------------------------
{--------} Post Full View {--------}
--------------------------------------------------------*/
.post {
padding: 10px 10px 20px;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow: hidden;
}
/*---------------------------------------------------------
{--------} Post Block {--------}
--------------------------------------------------------*/
.post_block{
display: block;
position: relative;
margin: 0 0 3px 0;
}
/*---------------------------------------------------------
{--------} Post Block Image {--------}
--------------------------------------------------------*/
.post_block img {
padding:5px;
border:1px solid #dfdfdf;
background:#fdfdfd;
margin: 10px 20px 0px 0;
}
/*---------------------------------------------------------
{--------} Post Thumb + a {--------}
--------------------------------------------------------*/
.post .post-thumb + a {
display: block;
margin: 0 0 0 10px;
}
/*----------------------------------------------------------------------
{--------} Bottom Numbered Page Navigation {--------}
------------------------------------------------------------------------*/
.bottom_navigation{
padding: 10px;
font-size: 1em;
font-weight: bold;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:620px;height:50px;
}
.bottom_navigation:hover {
background:#fdfdfd;
border:3px dotted #ddd;
}
/*---------------------------------------------------------------
{--------} Pbt Older link / Newer Link {--------}
-----------------------------------------------------------------*/
.pbt {
clear:both;margin-top:15px;
}
/*--------------------------------------------------------
{--------} Pbt A (Style) {--------}
---------------------------------------------------------*/
.pbt a {
color: #666;
font-family: 'Oswald', arial, serif;
font-size:16px;
}
/*----------------------------------------------------------
{--------} Pbt Style A Hover {--------}
------------------------------------------------------------*/
.pbt a:hover {
text-decoration: underline;
}
/*----------------------------------------------------
{--------} Pbt List {--------}
----------------------------------------------------*/
.pbt li {
padding: 0;
margin: 0 11px;
display: inline;
background: none;
text-align: left;
}
/*----------------------------------------------------
{--------} Pbt Previous Post {--------}
----------------------------------------------------*/
.pbt .prev {
float: left;
}
/*----------------------------------------------------
{--------} Pbt Next Post {--------}
----------------------------------------------------*/
.pbt .next {
float: right;
}
/*--------------------------------------------------------------
{--------} Pbt Previous A (Style) {--------}
---------------------------------------------------------------*/
.pbt .prev a {
float: left;
padding: 0px 0 0 24px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBhgwuYszLHGi7c2juJz6gaCmW7Jc9VT3Abzn2zaDafC8lVnHjcCAHZxzMHY3ZzUgsWe61E8q7PGwggpZRtpnIlfDKCsuaYZYTHlTM3ksf4M8tRokjKbqkJbvQX_9NDeHHp7L0VnqxfLg/s1600/older_page.png) no-repeat;
height:31px;
width:124px;
text-indent: -9999px;
}
/*----------------------------------------------------------------
{--------} Pbt Next A (Style) {--------}
-------------------------------------------------------------------*/
.pbt .next a {
float: right;
padding: 0px 26px 0 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxjuWQdsSJNFPtE_2XNW30_bvH-Gy4TYfNJvrXtIRzHv74TAVX4rgs4jCU7e1n16b0lW5saceDOmFJPbfa_Du-fT-EiAMC7BmgMdsUCtPiHiSiS9_WklpMpz_U8SCUQzBN0MIzv3Z1ZPo/s1600/newer_page.png) no-repeat right bottom;
height:31px;
width:124px;
text-indent: -9999px;
}
/*------------------------------------------------------------------
{--------} Pbt A Share {--------}
-------------------------------------------------------------------*/
.pbt .share {
font-style: normal;
font-weight: normal;
margin: -24px 0 0 219px;
padding: 0;
width: 181px;
height: 31px;
clear: both;
float: left;
}
/*-------------------------------------------------------------
{--------} Pbt Share (Sharethis) {--------}
---------------------------------------------------------------*/
.pbt .share span#sharethis_0 {
display: block;
width: 181px;
height: 31px;
overflow: hidden;
cursor: pointer;
padding: 0;
margin: 0;
}
/*----------------------------------------------------------------
{--------} Pbt Share (Background) {--------}
-----------------------------------------------------------------*/
.pbt .share a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt83l8QkWgayi_rxV3MlXRNisx_Z9hNBRHEs5hUgWF54RXb4SCSFz43ynINr8Yfay75f7MqJR8jv8fhzQa6j8IDgMZgN7deFFXbveNInayI21MK_jSJKJGyVmdi7-BsINEfNHH6Rd-mVQ/s1600/bookmark.png) no-repeat!important;
width: 180px;
height: 31px;
padding: 0!important;
bottom:18px;
text-indent: -100em;
overflow: hidden;
display: block;
position:absolute;
}
/*-----------------------------------
{--------} Comments {--------}
-------------------------------------*/
#comments{
padding:20px;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow: hidden;
width:600px;
margin:20px 0 10px 0;
}
.feed-links {
clear: both;
display:none;
}
/*-----------------------------------------------------------
{--------} Sidebar Add To Cart Widget {--------}
-------------------------------------------------------------*/
#add-to-cart-widget {
padding:10px;
background:#fdfdfd;
border:3px dotted #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:7px;}
/*-------------------------------------------------------------
{--------} SB Add To Cart Widget Hover {--------}
---------------------------------------------------------------*/
#add-to-cart-widget:hover {
background:#fdfdfd;
border:3px dotted #ddd;
}
/*----------------------------------------------------
{--------} Item Name {--------}
----------------------------------------------------*/
.item_name{}
/*----------------------------------------------------
{--------} Item Description {--------}
----------------------------------------------------*/
.item_Description{
display:none;
}
/*----------------------------------------------------
{--------} Item Thumb {--------}
----------------------------------------------------*/
.item_thumb{display:none;}
/*----------------------------------------------------
{--------} Item Price {--------}
----------------------------------------------------*/
.item_price{
display: block;
width: 100px;
height: 20px;
background: url(https://lh6.googleusercontent.com/-6lhghn5DUDE/UMIMX5hwtmI/AAAAAAAAAqY/r61LgvwtRE0/s120/item_price.png);
position: absolute;
bottom: 7px;
padding:5px 10px;
left:10px;
color:#000;
font-size:13px;
text-align:left;
font-weight:bold;
}
/*----------------------------------------------------------
{--------} Simple Carts Item {--------}
-----------------------------------------------------------*/
.simpleCart_items{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
overflow:hidden;
}
/*---------------------------------------------------------------
{--------} Simple Carts Item Image {--------}
----------------------------------------------------------------*/
.simpleCart_items img {
padding: 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #24282a;
border: 1px solid #383c3e;
text-align: left;
width:85px;
height:85px;
}
/*----------------------------------------------------
{--------} Cart Header {--------}
----------------------------------------------------*/
.cartHeaders{
display:none;
}
/*----------------------------------------------------
{--------} Item Container {--------}
----------------------------------------------------*/
.itemContainer{
float:left;
width:100px;
text-align:center;
display: block;
margin-left: 22px;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
position:relative;
bottom:0;
}
/*----------------------------------------------------
{--------} Item Name {--------}
----------------------------------------------------*/
.itemname{
font:bold 11px "Helvetica", Arial, sans-serif;
color:#000;
text-transform:uppercase;
}
/*----------------------------------------------------
{--------} Item Thumb {--------}
----------------------------------------------------*/
.itemthumb{
float:none;
margin:0;
padding-top:5px;
}
/*----------------------------------------------------
{--------} Item Quantity {--------}
----------------------------------------------------*/
.itemQuantity{
float:left;
clear:both;
margin-top:5px;
display:inline;
margin-left:30px;
}
/*----------------------------------------------------------
{--------} Item Quantity Input {--------}
------------------------------------------------------------*/
.itemQuantity input{
background:none;
border:none;
width:60px;
height:22px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8P7hIG15bB-UkXgAhiqdG_hwSqhQGFfQipTURomvjJdDM32N1UHV5MQ8APFz-63I6ZrjjDJTlRm597MuDGYiz01g79umjohRG5ETYqHRj1cjc1PDLPlpGvmdeCay_l_wxTG7npFZc1fQ/s1600/price.png);
text-align:center;
color:#000;
font:bold 11px Arial, sans-serif;
margin:0 5px 0 -15px;
vertical-align:top;
padding:5px 10px;
}
/*--------------------------------------------------------------
{--------} Item Quantity Input Focus {--------}
----------------------------------------------------------------*/
.itemQuantity input:focus{
outline:none;
}
/*----------------------------------------------------
{--------} Item Increment {--------}
----------------------------------------------------*/
.itemincrement a{
display:none;
}
/*----------------------------------------------------
{--------} Item Decrement {--------}
----------------------------------------------------*/
.itemdecrement a{
display:none;
}
/*----------------------------------------------------
{--------} Item Total {--------}
----------------------------------------------------*/
.itemTotal{
color:#000;
font:bold 11px Arial, sans-serif;
margin:8px 0 0 0;
padding:0;
clear:both;
}
/*----------------------------------------------------
{--------} Cart Total {--------}
----------------------------------------------------*/
#cartTotal{
height:30px;
font-style: normal;
color:#616060;
font-size:22px;
letter-spacing:0.5px;
padding-bottom:20px;
text-shadow:0px 1px 0px #ccc;
text-align:center;
font-weight:normal;
font-family: 'Oswald', arial, serif;
background:url(http://besttheme.net/wp-content/themes/Best_Theme/images/break.png) bottom no-repeat;
}
/*----------------------------------------------------------
{--------} Simple Cart Empty {--------}
------------------------------------------------------------*/
.simpleCart_empty{
display:-moz-inline-box;
display:inline-block;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg87g7AoS1k3wAFD9DIaJALhJBAw_Hz2fUxzuEO6e7PpPiD6rBZStvpv0G0GaufhyMFNHgDxp-iz8eH-lOns7s6vytMxnICMOEZFXg61RXIUujacS9uDqpuiEMtyqvA3SK-Xo-sfaFobP4/s1600/empty_cart.png);
width:105px;
height:30px;
text-indent:-9999px;
overflow:hidden;
position:relative;
left:5px;
padding:0 15px 0 0;
}
/*----------------------------------------------------------------
{--------} Simple Cart Checkout {--------}
-----------------------------------------------------------------*/
.simpleCart_checkout{
display:-moz-inline-box;
display:inline-block;
background:url(https://lh5.googleusercontent.com/-QenmzwiD2wU/UMIMX94n7sI/AAAAAAAAAqc/LdBW4wmUED8/s120/checkout.png);
width:120px;
height:30px;
text-indent:-9999px;
overflow:hidden;
position:relative;
left:30px;
}
/*----------------------------------------------------
{--------} Item Add {--------}
----------------------------------------------------*/
.item_add{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDvqLJLcu2X0D-GEEk0hZXcnxf3K8TK27AkiCX2OJs5DcGGbNN3YgoAfL9Lf6gRdCfnsO-N9QiebEilVyP0Gxe4kvATcVgw-H27ICfbaLARABXPc78ZXWSOidHonF4mc7Q83sXSxjZ2Kc/s1600/add_to_cart.png);
display: block;
width: 120px;
height: 30px;
line-height: 72px;
text-indent: -9999px;
position: absolute; bottom: 7px; right: 15px;
z-index:9999!important;
}
/*---------------------------------------------------------
{--------} Header Menu {--------}
----------------------------------------------------------*/
#header-menu{
height:45px;
display:block;
margin:0px auto;
font-size: 12px;
font-weight:normal;
font-family: 'Oswald', arial, serif;
text-transform:uppercase;
width:100%;
background:#555 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxTUseTYbz5GhA-3GMcrQE_zqqJNmiXdIIcL-ysw2hMHw14wXMp8zyvbdb7qA8iX9Dk7vJR4jndpEPaeZnPbPuFYIM32KjA6KYHNmFiiX874ASSWS4MnPdLjDwAJHtQ1dkhDoB10PwPI/s1600/header_menu.png) repeat-x bottom;
}
/*-----------------------------------------------
{--------} Menu {--------}
-------------------------------------------------*/
#menu{
margin:0px auto;
padding: 0px;
height:45px;
overflow:hidden;
width:1030px;
}
/*------------------------------------------------------------
{--------} Menu Unordered List {--------}
-------------------------------------------------------------*/
#menu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
/*-----------------------------------------------
{--------} Menu List {--------}
-------------------------------------------------*/
#menu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
color:#cfcfcf;
}
/*---------------------------------------------------------
{--------} Menu List A Visited {--------}
-----------------------------------------------------------*/
#menu li a, #menu li a:link, #menu li a:visited {
color:#fff;
display: block;
margin: 0px;
padding: 0px 10px ;
line-height:45px;
}
/*----------------------------------------------------------
{--------} Menu List A Active {--------}
------------------------------------------------------------*/
#menu li a:hover, #menu li a:active {
color: #dfdfdf;
margin: 0px;
padding: 0px 10px ;
line-height:45px;
text-decoration: none;
}
/*----------------------------------------------------------
{--------} Menu List A Link {--------}
------------------------------------------------------------*/
#menu li li a, #menu li li a:link, #menu li li a:visited {
background:#0B74CA;
width: 150px;
color:#fff;
font-weight: normal;
float: none;
margin: 0px;
padding: 0px 10px ;
line-height:32px;
border-bottom: 1px solid #0D81DF;
}
/*----------------------------------------------------------
{--------} Menu List / List A Active {--------}
------------------------------------------------------------*/
#menu li li a:hover, #menu li li a:active {
color: #fff;
padding: 0px 10px ;
line-height:32px;
}
/*---------------------------------------------------------------------------
{--------} Menu List / Unordered List A Active {--------}
----------------------------------------------------------------------------*/
#menu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
background:#0B74CA;
}
/*---------------------------------------------------------
{--------} Menu List / List {--------}
----------------------------------------------------------*/
#menu li li { }
/*--------------------------------------------------------------------
{--------} Menu List / Unordered List A {--------}
----------------------------------------------------------------------*/
#menu li ul a {
width: 140px;
}
/*-----------------------------------------------------------------------------
{--------} Menu List / Unordered List A Hover / Active {--------}
------------------------------------------------------------------------------*/
#menu li ul a:hover, #menu li ul a:active {
}
/*---------------------------------------------------------------------------------
{--------} Menu List / Unordered List / Unordered List {--------}
----------------------------------------------------------------------------------*/
#menu li ul ul {
margin: -33px 0 0 170px;
}
/*---------------------------------------------------------------------------------
{--------} Menu Hover List / Unordered List / SF Hover {--------}
----------------------------------------------------------------------------------*/
#menu li:hover ul ul, #menu li:hover ul ul ul,
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left: -999em;
}
#menu li:hover ul, #menu li li:hover ul,
#menu li li li:hover ul, #menu li.sfhover ul,
#menu li li.sfhover ul, #menu li li li.sfhover ul {
left: auto;
}
#menu li:hover, #menu li.sfhover {
position: static;
}
.datapost {
width:570px;
float:left;
margin:0 10px 10px 0;
padding:10px;
background:#fff;
border:1px solid #efefef;
}
.datapost ul{
list-style: none;
padding:0 10px 0 10px;
}
.datapost li{
padding: 0px 0 10px 10px;
position: relative;
background:#fdfdfd;
border:2px dotted #eee;
line-height:1.4em;
margin:0;
}
.name{
font-size:14px;
font-weight:bold;
color:#555;
}
.designer{
font-size:14px;
font-weight: normal;
color:#555;
}
.site-link{
font-size:14px;
font-weight: normal;
color:#555;
}
.categ{
font-size:14px;
font-weight: normal;
color:#555;
}
.posttag{
font-size:14px;
font-weight:bold;
color:#555;
}
/* Slide Content
----------------------------------------------- */
.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
word-wrap: break-word; overflow: hidden;}
.slide {color: #666666;line-height: 1.3em;}
.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.slide li {margin:0;padding-top:0;
padding-right:0;padding-bottom:.25em;
padding-left:0px;text-indent:0px;line-height:1.3em;}
.slide .widget {margin:0px 0px 6px 0px;}
shadow{width:650px; height:39px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBh5wGfgQuSpN2RxL52ANll81VgWfDE03xJLeOl5vdP7mOlJV06-2jdTlw3T4cVwBfTJQB087rqSFY6oP_jrMhrXglNTFdQXBA0sVjpad4XCmGFGEmZhCS2aH4Af5Hun574E1aN8m4Vb0C/s1600/shadow1.png) no-repeat center;margin:0 auto}
#featured-slider{position:relative;overflow:hidden;width:650px;height:330px;background:#fcfcfc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMmtq9qA4vfG9B-uoCri5wlkpJmazVbV_9f4E8hPT3vgpYFon649c48zpRA-IOEV7DygOInguIlAiZ8rll-8Gt5Xul0Jzkzr_9Z1m6JYbHQm9Ba1OCrhhNajK8e1CgmYCrEH-eaabZWPM/s1600/slider-bg.png) repeat-x top;margin:0 auto;padding:0 auto}
#featured-slider .contentdiv{visibility:hidden;position:absolute;left:10px;top:10px;z-index:1;width:370px}
#featured-slider .contentdiv img{background:#fff;padding:2px;border:1px solid #ccc;width:210px;height:215px;overflow:hidden}
#featured-slider .sliderPostPhoto{position:relative;height:200px;width:220px;overflow:hidden}
#featured-slider .sliderPostInfo{position:absolute;top:0;left:230px;color:#a1a1a1;background:url();height:150px;width:400px;padding:5px 0 0}
#featured-slider .sliderPostInfo p{color:#0a0a0a;line-height:1.6em;font-size:12px;padding-top:1px;height:100px}
#featured-slider .featuredPostMeta a{color:#a1a1a1}
#featured-slider .order a {display:block; width:98px; height:40px; bottom:14px; left:0px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSAwQjlv5HFCYE_xSkVWcHUOl3fTZdhDU0PKk7qc721hpI59ROFFWsQvYskOMXak-PMoPixpgP8Q-EXfIIz0i2Fn_shrqCwjABOurU1OzNxH3z6z9EBNuEGlyYkvC3mwRwE4qDn7MjqkqZ/s1600/order.png) no-repeat 0 0; position:absolute; font-size:15px; line-height:13px; text-transform:uppercase; text-decoration:none; font-family: 'Open Sans', sans-serif; color:#fff; font-weight:700; padding:11px 0 0 6px;}
#featured-slider .order a:hover{ color:#515151;}
.featuredTitle{font:bold 16px Tahoma;color:#719429;line-height:1cm}
.featuredTitle a{color:Brown}
.featuredTitle a:hover{color:#0a0a0a}
#paginate-featured-slider{position:absolute;background-color:grey;right:0;top:220px;z-index:1;width:650px;height:75px;overflow:hidden}
#paginate-featured-slider ul{width:650px;list-style:none}
#paginate-featured-slider .featured_thumb{float:left;margin-right:15px;width:65px;height:65px;padding:3px 2px;}
#paginate-featured-slider .featured_thumb:hover{opacity:0.7}
.PopularPosts .widget-content ul li{background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
.PopularPosts ul{padding:5px 0}
.PopularPosts .item-thumbnail img{width:100px;height:105px;padding:2px;margin:0}
.PopularPosts .item-content{position:relative;float:left;margin:0}
.PopularPosts .item-title a{font:12px Arial;color:#fff;display:block;padding:0 5px;float:left;width:100px}
.PopularPosts .item-title a:hover{background:#000;color:#ccc;}
.PopularPosts .item-thumbnail{float:left;margin:3px 8px 7px 8px;border:1px solid #666;overflow: hidden}
/* PRODUK TERBARU */
.produkterbaru {
color: #565656;
font-family: Tahoma,sans-serif;
font-size: 11px;
margin-bottom: 0;
overflow: hidden;
padding: 0 5px;
width: 580px;
}
.produkterbaru h5 {
border-bottom: 1px solid #EFE7EF;
bottom: 5px;
color: #AD3973;
font-size: 12px;
font-weight: bold;
margin: 0;
text-align: left;
}
.produkterbaru img{float:left;padding:0 10px 0 0;}
.more{padding:0; display:block}
.produkterbaru p{width:570px; float:left; padding:0 0 12px 0}
#inside{padding:15px 0 0 17px; float:left
}
]]>
Produk Terbaru
