gistfile1.css

/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */

/* This is the media query to only target normal browsers */
@media only screen and (min-width: 768px) {

  .single-product .summary form.cart .button {
		background: #888888; /* Old browsers */
		background: -moz-linear-gradient(top, #888888 0%, #333333 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#333333)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #888888 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #888888 0%,#333333 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #888888 0%,#333333 100%); /* IE10+ */
		background: linear-gradient(to bottom, #888888 0%,#333333 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
		border: medium none;
		border-radius: 5px 5px 5px 5px;
		box-shadow: none;
		color: white !important;
		cursor: pointer;
		display: inline-block;
		font-family: inherit;
		font-size: 1em;
		font-weight: bold;
		margin: 5px;
		padding: 6px 13px 5px;
		text-align: center;
		text-decoration: none;
	}
	
	#navigation .nav li:hover a, #navigation .nav li ul {
		background: #333333 !important;
	}
	
	.single-product .summary form.cart .button {
	  background: #888888; /* Old browsers */
	  background: -moz-linear-gradient(top,  #888888 0%, #333333 100%); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top,  #888888 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top,  #888888 0%,#333333 100%); /* Opera 11.10+ */
	  background: -ms-linear-gradient(top,  #888888 0%,#333333 100%); /* IE10+ */
	  background: linear-gradient(to bottom,  #888888 0%,#333333 100%); /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	  border: medium none;
	  border-radius: 5px 5px 5px 5px;
	  box-shadow: none;
	  color: white !important;
	  cursor: pointer;
	  display: inline-block;
	  font-family: inherit;
	  font-size: 1em;
	  font-weight: bold;
	  margin: 5px;
	  padding: 6px 13px 5px;
	  text-align: center;
	  text-decoration: none;
	}
	
	a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button {
	  background: #888888; /* Old browsers */
	  background: -moz-linear-gradient(top,  #888888 0%, #333333 100%); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top,  #888888 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top,  #888888 0%,#333333 100%); /* Opera 11.10+ */
	  background: -ms-linear-gradient(top,  #888888 0%,#333333 100%); /* IE10+ */
	  background: linear-gradient(to bottom,  #888888 0%,#333333 100%); /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	  border: medium none;
	  border-radius: 5px 5px 5px 5px;
	  box-shadow: none;
	  color: white !important;
	  cursor: pointer;
	  display: inline-block;
	  font-family: inherit;
	  font-size: 1em;
	  font-weight: bold;
	  margin: 5px;
	  padding: 6px 13px 5px;
	  text-align: center;
	  text-decoration: none;
	}
	
	.widget ul.product_list_widget li a, .mini-cart ul.product_list_widget li a, .widget ul.cart_list li a, .mini-cart ul.cart_list li a {
	  background: none repeat scroll 0 0 transparent;
	  border: medium none;
	  color: #333333;
	  display: block;
	  font-size: 1em;
	  font-weight: bold;
	  line-height: 1.2;
	  margin: 10px 0 5px;
	  padding: 0;
	}
	
	#navigation .nav li:hover > a {
	  background: none repeat scroll 0 0 #333333;
	  color: #FFFFFF;
	}
	
	a.button:hover,
	a.comment-reply-link:hover,
	#commentform #submit:hover,
	.submit:hover,
	input[type=submit]:hover,
	input.button:hover,
	button.button:hover {
	  text-decoration: none;
	  background: #333333;
	}
	
	a.button:active,
	a.comment-reply-link:active,
	#commentform #submit:active,
	.submit:active,
	input[type=submit]:active,
	input.button:active,
	button.button:active {
	  border-color: #888888;
	}
	
	.controls-container .flex-control-nav li a:hover {
	  background: #333333;
	}
	
	.controls-container .flex-control-nav li a.flex-active {
	  background: #333333;
	  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#888888));
	  background: -webkit-linear-gradient(#333333, #888888);
	  background: -moz-linear-gradient(center top, #333333 0%, #888888 100%);
	  background: -moz-gradient(center top, #333333 0%, #888888 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#333333,endColorstr=#888888);
	  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#333333, endColorstr=#888888)";
	}
	
	.nav li.current_page_item > a,
	.nav li.current_page_parent > a,
	.nav li.current-menu-ancestor > a,
	.nav li.current-cat > a,
	.nav li.current-menu-item > a {
	  background: #333333;
	  color: #fff!important;
	  text-shadow: none;
	}
	
	.fp-PhotoContainer {
	  background: none repeat scroll 0 0 transparent;
	  border: 0 solid #C4CDE0;
	  border-radius: 2px 2px 2px 2px;
	  box-shadow: 0px 0px 0px 0px #999999;
	  padding: 10px;
	}
	
	.fp-BottomBar {
	  background-color: #333333;
	  border: 0 solid #333333;
	  cursor: auto;
	  display: block;
	  height: 0;
	  line-height: 30px;
	  text-align: center;
	  width: 100%;
	}
	
	button.button {
	  background: -moz-linear-gradient(center top , #999999 0%, #333333 100%) repeat scroll 0 0 transparent;
	  color: #333333;
	}
	
	ul.products li.product a.button {
	    text-decoration: none; !important;
	}
	
	ul.products li.product a.button:hover {
	    text-decoration: none; !important;
	}
	
	a.button, #commentform #submit, #contact-page .submit, body input[type="submit"] {
	    background: none repeat scroll 0 0 #444444 !important;
	    border-color: #333333 !important;
	    filter: none;
	}
	
	a.button:hover, a.button.hover, a.button.active, #commentform #submit:hover, #contact-page .submit:hover, body input[type="submit"] {
	    background: none repeat scroll 0 0 #666666 !important;
	    opacity: 0.9;
	}
	
	a.button, a.comment-reply-link {
	color: #333333;
	    background: -moz-linear-gradient(center top , #999999 0%, #333333 100%) repeat scroll 0 0 transparent;
	}
	
	#navigation .nav li ul {
	  background: none repeat scroll 0 0 #333333;
	  border: medium none;
	  border-radius: 3px 3px 3px 3px;
	  margin: -3px 0 0;
	  padding: 10px 15px;
	  position: absolute;
	  width: 180px;
	  z-index: 999;
	}
	
	#navigation .nav li.parent > a:after {
	  -moz-border-bottom-colors: none;
	  -moz-border-left-colors: none;
	  -moz-border-right-colors: none;
	  -moz-border-top-colors: none;
	  border-color: #333333 transparent transparent;
	  border-image: none;
	  border-style: solid;
	  border-width: 0.3em;
	  content: "";
	  display: block;
	  position: absolute;
	  right: 0.8751em;
	  top: 40%;
	}
	
	ul.products li.product a.button {
	    background: none repeat scroll 0 0 transparent;
	    color: #46B1E1 !important;
	}
	
	.single-product .summary .price {
	    color: #333333;
	    font-size: 1.6em;
	    font-weight: 700;
	    margin: 0 0 1em;
	}
	
	#navigation .nav li.parent > a:after {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: #848385 transparent transparent;
	    border-image: none;
	    border-style: solid;
	    border-width: 0.3em;
	    content: "";
	    display: block;
	    position: absolute;
	    right: 0.8751em;
	    top: 40%;
	}
	
	ul.mini-cart li ul.cart_list li.buttons .button {
	    background: none repeat scroll 0 0 #FFFFFF;
	    font-size: 0.8em;
	    margin: 0 3px 10px 0;
	    padding: 4px 6px;
	}
	
	ul.mini-cart li ul.cart_list li.buttons .button:hover {
	    background: none repeat scroll 0 0 #FFFFFF;
	}
	
	ul.mini-cart li ul.cart_list li.buttons .button.checkout {
	    background: none repeat scroll 0 0 #FFFFFF;
	}
	
	ul.mini-cart li ul.cart_list li.buttons .button.checkout:hover {
	    background: none repeat scroll 0 0 #FFFFFF;
	}
	
	.nav li.current_page_item > a, .nav li.current_page_parent > a, .nav li.current-menu-ancestor > a, .nav li.current-cat > a, .nav li.current-menu-item > a {
	    background: none repeat scroll 0 0 #333333;
	    color: #FFFFFF !important;
	    text-shadow: none;
	}
	
	ul.products li.product .img-wrap:before {
	    border: 0 solid #E1E1E1;
	    bottom: -5px;
	    content: "";
	    display: block;
	    height: 20px;
	    left: 1.5%;
	    position: absolute;
	    width: 96.5%;
	    z-index: -1;
	}
	
	.product .img-wrap {
	    border:none !important;
	    background:none !important
	}
	
	.comment {
	    background:none !important;
	    border:none  !important;
	}
	
	.product img { 
		border:none !important;
	}
	
	.mini-cart a.cart-parent {
	    background: none repeat scroll 0 0 #333333;
	}
	
	table td {
		background:none !important;
	}
	
	ul.products li.product a.button {
	    background: none repeat scroll 0 0 transparent;
	    color: #FFFFFF !important;
	}
	
	ul.products li.product a.button {
	    background: none repeat scroll 0 0 transparent;
	    color: #FFFFFF !important;
	}
	
	.woo-pagination .page-numbers.current {
	    background: none repeat scroll 0 0 #333333;
	    border-color: #2F2F2F;
	    color: #FFFFFF;
	
	}
	
	ul.mini-cart li ul.cart_list {
	    background: none repeat scroll 0 0 #333333;
	    border-radius: 3px 3px 3px 3px;
	    display: block;
	    left: -999em;
	    margin: -3px 0 0 -1px;
	    padding: 10px 15px;
	    position: absolute;
	    width: 180px;
	
	}
	
	.widget ul.product_list_widget li img, .mini-cart ul.product_list_widget li img, .widget ul.cart_list li img, .mini-cart ul.cart_list li img {
	  background: none repeat scroll 0 0 transparent;
	  border: 0px solid #E1E1E1;
	  float: right;
	  height: auto;
	  margin: -4px 0 0;
	  padding: 0.27em;
	  width: 2.992em;
	}
	
	#footer-widgets {
	    background: url("http://presetshop.com/wp-content/uploads/bg-footer-dark.png") repeat scroll 0 0 #777777;
	    padding: 30px 0;
	}
	
	#footer {
		background: url("http://presetshop.com/wp-content/uploads/bg-footer2.png") repeat center top;
	}
	
	body {
	  background: url("http://presetshop.com/wp-content/uploads/bg-footer2.png") repeat center top;
	  font-family: sans-serif;
	  font-size: 13px;
	  line-height: 1.5;
	}
	
	.screen-reader-text.hidden {
		display: none;
	}
	
	#woocommerce_subscribe_to_newsletter-2 h3 {
		margin-bottom: 5px;
	}
	
	#newsletter_subscribe { 
		margin-left: 0;
	}
	
	#newsletter_email { 
		margin-bottom: 5px; 
	}
	
	.woocommerce_message {
	  background: url("../images/ico-success-small.png") no-repeat scroll 1em 0.95em #333333;
	  border: 1px solid #555555;
	  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
	}
	
	.shareyourcart-button-orange {
	    background-color: #333333;
	    background-image: -moz-linear-gradient(center top , #333333, #888888);
	    border: 1px solid #000000;
	    border-radius: 10px 10px 10px 10px;
	    box-shadow: 0 2px 2px #BFC7CB, 0 1px 0 #555555 inset;
	    color: #FFFFFF;
	    display: block;
	    font-size: 16px;
	    font-weight: bold;
	    padding: 10px 20px;
	    position: relative;
	    text-align: center;
	    text-shadow: 0 1px 1px #222222;
	}
	
	table.cart .button, table.cart .checkout-button {
	  padding: 5px 0;
	  text-align: center;
	  width: 94%;
	}

}