/* 
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. */

html { 
  background: url(http://www.poseidonseafood.com.au/wp-content/uploads/2013/07/ocean.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#header {
	border-radius: 5px;
	padding: 10px 0px 10px 0px;
	clear: both;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #062951;
}

#search-top {
    position: relative;
    padding: 10px;
}

#connect {
    padding: 0px 0px;
}

body {
    background: none ;
}

/* 2.2 Navigation */
#navigation{z-index:9999; background:#062951 url(images/bg-nav.png) repeat-x bottom; font:14px/14px Helvetica, Arial, sans-serif; border:1px solid #ffffff; padding:0; width:958px !important; border-top-left-radius: 6px; border-top-right-radius: 6px;}

#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 5px;padding:6px 15px 3px 0;margin-right:10px;}
#navigation ul.rss li{display:inline;padding:0 10px 0 0;}
#navigation ul.rss li a{color:#c63f00;text-decoration:none;}
#navigation ul.rss li a:hover{text-decoration:underline;}

.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; border-left:1px solid #ccc; border-right:1px solid #eee;}
.nav a  { position:relative; color:#ffffff !important; display:block; z-index:100; padding:6px 15px 4px; line-height:36px!important; text-decoration:none; font-weight: bold; border-right:1px solid #ccc; border-left:1px solid #ccc; }
.nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a{ color:#c0c0c0 !important; background: #062951; text-decoration: none !important;}
.nav li  { float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:25px; }

.nav a  { text-shadow:none; }


/* 2.2.1 Drop-down menus */
.nav li ul  { background: #062951; position: absolute; left: -999em; width: 200px; border: 1px solid #dbdbdb; border-width:1px 1px 0; z-index:999; }
.nav li ul li  { background:#062951; border-top:1px solid #fff; border-bottom:1px solid #dbdbdb; }
.nav li ul li:first-child  { border-top:1px solid #ccc; }
.nav li ul li a  { width:170px; color:#555; font-size:0.8em; border:none; line-height: 28px;}
.nav li ul li a.sf-with-ul { padding:5px 15px; }
.nav li ul li a:hover  { background:#0e56a2 !important; color:#ffffff !important;}
.nav li ul ul  { margin: -30px 0 0 180px; }
.nav li ul ul li a  {  }
.nav li ul li ul li a  {  }

.nav li.current_page_parent ul li a{ color:#555; background: none; }
.nav li.current_page_item ul li a{ color:#555; background: none; }
.nav li ul li.current_page_parent a{ color:#222; background: #0e56a2; }
.nav li ul li.current_page_item a{ color:#222; background: #0e56a2; }

.nav li:hover,.nav li.hover  { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left:auto; }

#account-nav li.account {
    background: url("images/ico-account-nav4.png") no-repeat scroll 0px center transparent;
    padding: 0px 5px;
    opacity: 0.8;
}

#featured-products.fp-slider .jcarousel-item img {
    width: 180px;
    height: 120px;
    margin-bottom: 10px;
   border:3px solid #fff;
 -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
 -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
 box-shadow:0 1px 2px rgba(0,0,0,0.2);

}

.widget .product_list_widget li img {
    float: left;
    margin: 0px 8px 5px 2px;
    border: 3px solid rgb(255, 255, 255);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    width: 50px;
    height: auto;
}

ul.products img {
border:3px solid #fff;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
}

.woocommerce {
    padding-top: 0px;
}

/* 2.6 Footer */
#footer{padding: 20px 0; color:#ffffff; margin-bottom: 20px;}
#footer p {font-size:12px}
#footer a {color:#ffffff;}

.onsale {
	background-color: #f1090e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#96c42e), to(#2ab536)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #f1090e, #f83034); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #f1090e, #f83034); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #f1090e, #f83034); /* IE10 */
    background-image:      -o-linear-gradient(top, #f1090e, #f83034); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #f1090e, #f83034);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1090e', EndColorStr='#f83034');
    border:1px solid #8f070a;
    position: absolute;
    top:5px;
    left:5px;
    padding:1px 6px;
    font-size:11px;
    text-align: center;
    font-weight: bold;
    color:#fff;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
    z-index: 999;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow:
    	inset 0 0 0 1px rgba(255,255,255,0.4),
    	0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:
    	inset 0 0 0 1px rgba(255,255,255,0.4),
    	0 1px 2px rgba(0,0,0,0.2);
    box-shadow:
    	inset 0 0 0 1px rgba(255,255,255,0.4),
    	0 1px 2px rgba(0,0,0,0.2);
}