@charset "utf-8";
/* CSS Document */


body {
	background: #666666 !important;
	font-family:'Helvetica Neue','Lucida Grande',LucidaGrande,Lucida,Helvetica,Arial,sans-serif;
	line-height: 1.6em;
	font-size: 0.8em;
	color: #000;
	}

.light_grey {color: #ccc;}



.wrapper {width: 980px; margin: 0 auto;}

#page_body {
	border: 1px solid #ece8e0;
	background: #fff;
	margin: 0px 0;
	clear:both;
	}
	
#page_header {
	height: 161px;
	clear:both;
	background-image:url('/images/logo_bg.jpg');
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	background-position: 620px 0px;
	margin-top: 20px;
}

	#logo {
		background: url('/images/logo.jpg') no-repeat 30px 10px;
		width: 454px;
		height: 161px;
		float: left;
		text-indent: -999em;
	
	}

#primary_nav {
	clear:both;
	background: #6BC9CD url('/images/primary_nav_bg.jpg') repeat-x;
	width: 100%;
	height: 35px;
	letter-spacing: 1px;
	border-top: 1px solid #60babe;
	border-bottom: 1px solid #44a8ac;
}

	#primary_nav ul li:hover {
		background: #6BC9CD url('/images/primary_nav_hover_bg.jpg') repeat-x;
		color: #fff !important;
		text-decoration: underline;
	}

#page_content {
margin:0px 30px;
}
	
	#main_content {
		width: 680px;
		float: left;
		margin-bottom: 15px;
	}
	
	#page_sidebar {
		width: 210px;
		float: right;
	}
	
	#page_sidebar a {color: #4c4c4c; text-decoration: none; border: none;}
	
	#page_sidebar ul {margin-bottom: 15px;}
	

#footer {
	background: #515151 url('/images/footer_logo.png') no-repeat 15px 15px;
	padding: 0px 30px;
	color: #ccc;
	font-size: 11px;
	clear: both;
	margin-top: 20px;
}

#footer a {color: #ccc}

	#base_links {
		border-bottom: 1px solid #ccc;
		padding: 7px 0px;
		text-align: center;
		text-transform: uppercase;
	}
	
	#base_links a {
		text-decoration: none;
		border-bottom: none;
		padding: 0px 10px;
		margin-right: 20px;
	}
	
	#footer h3 { color: #ccc;}
	
	.footer_left {
		float: left;
		width: 300px;
	}
	
	.footer_left h3 {text-align: center; margin-bottom: 10px;}
	
	.footer_right {
		float:right;
		width: 600px;
	}
	
	.footer_text {text-align: center; clear: both;}
	
	#follow_us {margin: 0 auto 15px auto; width: 300px; text-align: center}
	
	#follow_us li {
display:inline;
margin-right:10px;

}

#tweet_block {
	
	background: #4d4d4d;
	padding: 10px;
}

#tweet_block ul li {
	padding: 5px 0;
	border-bottom: 1px dashed #ccc;
}

#tweet_block ul li a {
	text-decoration: none;
	
}
	
	.footer_text ul {width: 177px; float: left;}
	
	.footer_text ul li {
		display:block;
		margin-left: 15px;
		border-bottom: none;
		}

		.footer_text ul li.heading {
			border-bottom: 1px dotted;
		padding: 5px 10px;
		margin: 0 0 7px 15px;
		font-weight: bold;
		font-size: 12px;
		}

		.footer_text ul li a {
			display: block;
			font-size: 11px;
			padding: 2px 0px;
			color: #000;
			border: none;
			}

#index_featured {
	height: 380px;
	margin: -1px 0 0 -31px;
}
	

#suckerfishnav {
    font-size:15px;
    font-family:verdana,sans-serif;
	font-weight: 800;
    width:100%;
	
    }
#suckerfishnav, #suckerfishnav ul {
    background: #ccc;
    list-style:none;
    line-height:35px;
    padding:0;
    width:100%;
    /* font-family: "Georgia", Times New Roman, Times, serif; */
    }
#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 15px;
    }
	
	#suckerfishnav a:hover {
    color:#fff !important;
    }
#suckerfishnav li {
    float:left;
    padding:0 10px;
    }
#suckerfishnav ul {
    position:absolute;
    width:151px;
    font-weight:normal;
    border:0;

    }


<!-- Sidebar -->
div.sidebar {}
div.sidebar_nav ul li {
background-image:url('/images/sidebar-arrow.png');
background-position:left center;
background-repeat:no-repeat;
border-bottom:1px dotted #CCCCCC;
list-style-type:none;
padding:5px 5px 5px 18px;
font-size: 1.1em;
}

.half_split {
	clear:both;	
}

	.half_split .left_split {
		float:left;
		width: 294px;
		padding-right: 10px;
		border-right :1px solid #ccc;
	}
	
	.half_split .right_split {
		float:right;
		width: 294px;
		padding-left: 10px;
	}
	
/** -Three Columns **/

.thirds {
	clear: both;
	background: #fff url('/images/thirds-bg.png') repeat-x;
	height: 210px;
}

.thirds-col {
	width: 289px;
	float: left;
	background: transparent url('/images/thirds-split.png') no-repeat;
	background-position: right 10px;
	margin: 10px 10px 0 0;

}

.thirds .end {
	background: none;
	margin-right: 0;
	padding-right: 0;
}

	.thirds h3 {
		color: #932041;
		border-bottom: 2px solid}


div#promo_bar {
	padding: 20px 0;	
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

	div#promo_bar ul li {
		display: inline;
		width: 205px !important;
		margin-right: 20px;
		
	}
	
	div#promo_bar ul li img {
		border: 1px solid #ccc;	
		padding: 1px;
	}
	
	div#promo_bar ul li img:hover {
		background: #6BC9CD;
		border-color: #6BC9CD;
	}
	
	div#newsletter_box {
		background: #4d4d4d;
		padding: 15px;
		margin-bottom: 20px;
		color: #fff;
	}
	
	div.sbox {
		margin-bottom: 20px;	
	}
	
	
/* -Subpages */

.content_bar {
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 0;
	margin: 0 0 10px 0;
	color: #666666;
	font-size: 11px;
}

.category_box {
	width: 190px;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
	float:left;
	height: 210px;
}

	.category_box:hover {
		border-color: #6BC9CD;	
	}

.category_box  .category_title{
color:#535151;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
line-height:14px;
text-decoration:none;
text-align: center;
margin: 10px 0;}

.category_box  .category_image {
	width: 190px;
	margin: 0 auto 10px auto;
	
}

/* -Product Page */

.product_description {
	border: 1px solid #ccc;
	padding: 20px;
	background: #f8f8f8;
}

.product_price {
	display: block;
	font-size: 24px;
	font-style:italic;
	font-family: Georgia;
	margin: 10px 0 0 0px;
	width: 310px;
	float: right;
	line-height: 29px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

/* -GALLERY */
#product_gallery {
	margin-bottom: 20px	
}

div.content {

	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline !important;
}

a:hover {
	color: #55bdc1 !important;
}
div.controls {
	margin-top: 0px;
	height: 0px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

#gallery div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}

#gallery { width: 680px;}

#gallery div.slideshow {
	clear: both;
	float:left;
	margin-right: 15px;
}

#gallery div.slideshow span.image-wrapper {
	float: left !important;
	padding-bottom: 15px;
	width: 352px;
}
#gallery div.slideshow a.advance-link {
	display: block;
	border: 1px solid #ccc;
}
#gallery div.slideshow img {
	border: none;
	display: block;
}

div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}

#gallery_picture {
	width: 350px;
	float:left;
}

#thumbs {
	float:right;
	width: 320px;
}

ul.thumbs {
	clear: both;
	float:right;
	padding: 0 !important;
	width: 300px;

}
ul.thumbs li {
	float: left;
	margin: 0 15px 15px 0px;
	padding: 0 !important;
	display: inline;
}
a.thumb {


}
ul.thumbs li.selected a.thumb {
	background: #ccc;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
    border: 1px solid #ccc;
	height:80px;
	width:80px;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	visibility: hidden;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
	
}

#thumbs-min {visibility:hidden}



/* -FORMS */

fieldset { border: 1px solid #dadada; background: #fcfcfc; padding: 15px; margin-bottom: 15px !important;}
legend { font-size: 1.5em; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #d8d8d8; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 1px solid #1890c0; }
textarea { width: 80%; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }
input[type='submit'] { cursor: pointer; font-weight: 800; padding: 3px 5px; border: 1px solid #ccc; }
label { font-size: 1.1em; font-family: "Lucida Grande", Arial, sans-serif; font-weight: bold;}
.button-or { margin: 0 .7em 0 .5em; padding-top: .2em; }

#newsletter_box  form label, #newsletter_box  form input[type='text']{
	width: 170px !important;
}

#newsletter_box  form input[type='text']{margin-bottom: 5px;}

.article_summary  {
	background: #f3f3f3;
	border: 1px solid #eaeaea;
	padding: 15px;
	margin-bottom: 15px;
}

.new {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url('/images/new.png') repeat scroll 0 0;
height:45px;
margin-bottom:-45px;
position:relative;
right:20px;
top:10px;
width:45px;
z-index:99;
text-indent: -999em;
}

/* -Flash Notices */

#flash {
	font-size: 1em;
	line-height: 1em;
}

div.notice, div.warning, div.error, div.validation {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

div.notice {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('/images/flash_icons/notice.png');
}
div.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/images/flash_icons/warning.png');
}
div.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/images/flash_icons/error.png');
}
div.validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('/images/flash_icons/validation.png');
}