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 } ]]>