/*

Theme Name: Creating Beauty

Version: 1.7

Description: Creating Beauty E-Commerce Theme

Author: olegnax

Author URI: http://www.creatingbeauty.com/

*/


/*--------------------------------------------------------------------------------
	reset CSS 
--------------------------------------------------------------------------------*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

/*--------------------------------------------------------------------------------
	HTML5 display-role reset for older browsers
--------------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a{ color:#000; text-decoration:none;}
a img { border:0px; }
:focus { outline: 0;}
ol, ul { list-style: none; }
.ar { float:right;}
.al { float:left;}
.alignnone { height:0px; font-size:0px; clear:both; line-height:0px; }
.width100 {100%;}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; background: url(images/bg-header.gif) center top repeat-x #F0EDEA; font-style:normal!important;}
#wrapper {width:100%;}
#mycontainer{max-width:990px; width:100%; margin:0 auto;}
#header{height:131px;}
#header a.mylogo{width:154px; height:131px; display:block; text-indent:-9999em; background: url("images/logo.jpg") 0 0 no-repeat #45938a;}
#header .rightside{width: 100%; max-width:816px; padding:10px;}
#header .row1 .discount span{color:#DC1E00; font-weight:bold;}
#header .row1 .useraccount a{color:#555;}
#header .row1 .useraccount span{color:#F79C26;}
#header .row2 {margin-top:11px;}
#header .row2 ul.nav{padding-top:14px;}
#header .row2 ul.nav li{display:inline;margin-right: 20px;}
#header .row2 ul.nav a{font-family: 'Open Sans Condensed', sans-serif; color:#efefef; font-size:14px;}
#header .row2 ul.nav a:hover{color:#02d4c0;}
#header .row2 .basket{color:#efefef; padding-top:14px;}
#header .row2 .basket a{color:#efefef;}
#header .row2 .basket span{color:#F79C26;}
#header .row2 .grid_1{float: right!important;}
#header .row2 h3.title_topline_cart {top:9px;font-family: Verdana, Arial, Helvetica, sans-serif!important;; font-size:12px!important;; font-style:normal!important; background-position:0 4px!important; }
#header .row3 {margin-top:24px;}
#header .row3 .search{width:288px; margin-top:2px;}
#header .row3 .search input.stext{border: 1px solid #9A9A9A;float: left;height: 17px;padding: 1px;width: 220px;}
#header .row3 .search .btn-search{background: url("images/btn-search.jpg") 0 0 no-repeat;border:none; width:60px; height:17px; cursor:pointer;}
#header .row3 .brands{width:230px; color:#555;}
#header .row3 .brands span{margin-top:3px; float: left;}
#header .row3 .brands .brandoptions{width:170px; cursor:pointer; margin-left:4px; padding:0!important;}

#content{margin-top:8px; background:#fff; padding-bottom:5px;}
a.banner{ width:100%; max-width:670px; height:350px; background:url("images/slide-1.jpg") 0 0 no-repeat #ccc; display:block;}
.bannerright{width:320px; height:350px; background:#ddd;}
.bannerright .br-row1{width:320px; height:141px; border-bottom:1px solid #ccc; background: url("images/bg-brands.jpg") 22px 28px no-repeat;}
.bannerright .br-row1 ul{left: 169px; position: relative; top: 14px; width: 125px;}
.bannerright .br-row1 ul li{border-bottom: 1px solid #BBBBBB; font-size: 11px; line-height: 22px; list-style-image: url("images/li-arrow.png");}
.bannerright .br-row1 ul li.noline{border-bottom: none;}
.bannerright .br-row2{width:320px; height:208px; background: url("images/bg-save.jpg") 0 0 no-repeat; position:relative;}
.bannerright .br-row2 a.go{position:relative; float:right; background: url("images/go-arrow.png") 0 0 no-repeat; width:26px; height:26px; display:block; right: 18px; top: 140px;}
.bannerright .br-row2 .badge{width:107px; height:107px; background: url("images/badge-specials.png") 0 0 no-repeat; position:absolute; z-index:50; left: -4px; top: -4px;}
.greendivider{background:url("images/ttl-featured.png") center 8px no-repeat #0e6c65; height:30px;}
.featuredproducts{ margin:15px 5px 0 5px;}
.footer{margin-left: 100px; margin-top:14px;}
.footer .box{ width:180px; margin-right:20px; border-right:1px solid #ccc;}
.footer .box a{ color:#333; font-size:11px; display:block; line-height:14px;}
.footer .box a:hover{ color:#02d4c0;}

/*	Pagination */

	.pagination {text-align:center; padding:40px 0px 20px 0px}

	

	.row .pagination { padding-top:0;}

	.row.mr0 .pagination { padding-top:40px;}

	

	

	.pagination ul {float:right; margin:0;}

	.pagination ul li, .pagination ul li a, a.prev, a.next, a.next span, a.prev span { line-height:32px; height:32px}

	.pagination ul li {	float:left; clear:inherit; padding-left:0; margin:0 9px;  vertical-align:top;}

	.pagination ul li + li { margin-top:0}

	.pagination ul li:before { display:none}

	

	a.prev {margin-right:7px}

	a.next {margin-left:7px}

	

	a.prev, a.next, a.next span, a.prev span,

	.flex-direction-nav a {

		display:block; overflow:hidden;

		width:32px; height:32px;

		-moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px;

		text-indent:-1000em;

		-moz-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; -o-transition: background 0.4s ease;

	}

	

	a.prev, a.prev:hover span { background: url(images/pagination_sprite_left.png) no-repeat 0 0; background-size: 32px 64px;}

	a.next, a.next:hover span { background: url(images/pagination_sprite_right.png) no-repeat 0 0; background-size: 32px 64px;}

	a.next, a.prev { background-color: #ebebeb}

	a.next span, a.next:hover span, a.prev span, a.prev:hover span { background-position: 0 bottom;}
	
	
#contentarea {
    padding: 14px 0 0 0!important;
}
.row {
    width: auto!important;
}

.woocommerce_tabs .panel.entry-content {
    padding: 24px!important;
}
.entry-content p{
margin-bottom:14px;
}

#myfooter{
margin:40px auto 20px auto;
padding-top:14px;
border-top:1px solid #ccc;
max-width:990px;
width:100%;
text-align:center;
font-size:11px;
}

#myfooter ul{
margin-bottom:8px;
}

#myfooter li{
display:inline;
}

#myfooter a{
font-size:11px;
}

#myfooter li{
display:inline;
border-right:1px solid #ccc;
margin-right:4px;
padding-right:7px;
}

.entry-content p{
line-height:18px;
}

#myfooter li.noline{
border-right:none;
}

h1,h2,h3{
font-style:normal!important;
margin-bottom:8px!important;
font-weight:normal!important;
letter-spacing:normal!important;
}

h3{ font-size:18px!important; }

.product h3 {font-size:12px!important; line-height:14px!important; font-family:Verdana, Arial, Helvetica, sans-serif!important;}

.woocommerce_tabs ul.tabs li {
padding:8px;
}

.woocommerce_tabs #tab-description ul,ol{
padding:0 0 14px 30px!important;
}

.woocommerce_tabs #tab-description li{
line-height:18px!important;
list-style:disc!important;
}

.summary .description{
line-height:14px!important;
}


#reviews #comments h2 {
    margin: 0 0 14px!important;
    padding: 0 0 14px!important;
}

table.shop_table td {
    font-size: 12px!important;
}

table.shop_table tr.checkout_table_item td {
	border-bottom: 1px solid #E0E0E0;
	padding:8px!important;
}


table.shop_table tfoot th {
    font-size: 12px!important;
}

.woocommerce_message, .woocommerce_error, .woocommerce_info {
    font-size: 12px!important;
}

.woocommerce_message li, .woocommerce_error li, .woocommerce_info li {
    line-height: 18px!important;

}

.woocommerce_message, .woocommerce_error, .woocommerce_info {

    background-position: 27px 8px!important;
    padding: 14px 25px 36px 71px!important;
}

.widget li {
    line-height: 16px!important;
}

.featuredproducts .grid_9 ul.products li.grid3 {
    width: 180px!important;
}

.featuredproducts ul.products li.grid4 {
    margin-left: 52px !important;
    width: 180px!important;
}

.grid_9 ul.products li.grid4 {
    width: 160px  !important;
}

.grid_9 ul.products li.grid3 {
    width: 180px!important;
}

#billing_cct{
border:1px solid #C1C1C1;
width:218px;
height:35px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

ul.payment_methods{
display:none;
}

.cart_totals tr th {
    padding: 4px!important;
}
a.sale{color:#fd4242!important; text-transform:uppercase;}
img{max-width: 100%; height: auto;}

 * , *:before, *:after{ 
     box-sizing:border-box; 
     -moz-box-sizing:border-box; 
     -webkit-box-sizing:border-box; 
     -ms-box-sizing:border-box;
   }
#price_filter-2{ display:none;}   
.cat-item-55{display:none;}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media screen and (max-width: 991px) {
  body{ background-color:#fff; }
  #contentarea {padding: 24px!important;}
  .ar, .al{ float:none;}
  #header a.mylogo, #header .row3 .brands { margin: 0 auto; }
  #header{ height:auto;}
  #header { text-align:center; }
  #header .row2 ul.nav a{ color:#019587; line-height:normal;}
  #header .row3 .search{ display:none;}
  #header .row2 .basket, #header .row2 h3, #header .row2 .basket span{ color:#333!important; font-size:14px; text-transform:uppercase;}
  #header .row2 .basket{ padding-left:8px;}
  #header .row2 h3.title_topline_cart{ top:12px;}
  #header .discount{ padding-bottom:8px;}
  .bannerright{ margin:0 auto;}
  .styled-select{border-color:inherit!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;background-color:inherit!important;background:none!important;}
}