/* 
Sea Sea Pro
Core Styles


Created By 
Rob Wright
www.boost-creative.co.uk
--------------------------------------------------------


=Generic
--------------------------------------------------------
*/

body {
	margin:0px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #242424;
	padding-bottom:20px;
}

a img { border:none;}
a, a:hover{ text-decoration:none;}
a { color:#00A0C6; }
a:hover { color: #999999}

.last {border-bottom:none!important; background:none!important;}


h2, h3, h4, h5, h6, p {
	padding:0px;
	margin:15px;
}

h5 {
	margin-top:0px;
}
p{	
	line-height:18px;
	color:#3F3F3F;
}

#main_content h2, #main_content h3, #main_content h4, #main_content p {
	margin:15px 0px;
}


h2, h3 { 
	color:#00A0C6; 	
	font-size:2.4em;
	text-transform: lowercase;
	font-weight:normal;
	margin-bottom:10px;
}
h4{
	font-weight:normal;
	font-size:1.2em;
}
h4 a{
	font-size:1.3em;
}

h2 {
	border-bottom:1px dashed #c6c6c6;
	padding-bottom:5px;
}

h2  span, h3 span{
	font-size:0.45em;
	color:#999999;
	text-transform:none;
}

.loading {
	display:block;
	width:42px;
	height:35px;
	text-indent:-4000px;
	overflow:hidden;
	background:url(../images/loading.gif) no-repeat;
	margin:auto;
}

.image {
	float:right;
	margin:0px 20px 20px ;
	clear:right;
}
/*

=Frame
--------------------------------------------------------
*/

#frame {
	width: 934px;
	margin:0px auto;
	background: #FFF url(../images/layout/backgrounds/stockist_header_background.jpg) no-repeat 0px 0px;
	border-left:5px solid #000;
	border-right:5px solid #000;
	padding-bottom:85px;
}


/*

=Header
--------------------------------------------------------
*/

#frame #header {	
	height:483px;
	position:relative;
	display:block;
	padding-top:0.1px;
	z-index:90;
}

#frame #header #logo{
	position:absolute;
	top:-1px;
	right:55px;
}

#frame #header h1{
	width:228px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:150px;
	right:65px;
	height:126px;
	text-indent:-6000px;

}

/* =Header => Shopping Cart */

#frame #header #shopping_cart {
	width:185px;
	border:1px solid #2f2f2f;
	height:75px;
	text-transform:uppercase;
	margin:30px 0px 0px 25px; 
	display:block;
	position:relative;
}


#frame #header #shopping_cart p{ 	color:#DBDBDB;	font-size:9px;	margin:0px; }

#frame #header #shopping_cart h2 {
	margin:0px;
	padding:0px;
	height:19px;
	text-align:right;
	border:none;
	font-size:9px;
	text-transform:uppercase;
	background:url(../images/layout/shopping_cart_background.jpg) repeat-x;
}
#frame #header #shopping_cart h2 a {
	background:url(../images/layout/cart_a_background.png) no-repeat 3px 3px;
}
#frame #header #shopping_cart a {
	padding:3px 6px 0px;
	color:#DBDBDB;
	display:block;
}

#frame #header #shopping_cart a:hover {	color:#00A0C6; }

#frame #header #shopping_cart p#items {
	height:14px;
	padding:12px 3px;
	color:#E6E6E6;
	background:url(../images/layout/shopping_cart_transparent.png);
	text-align:right;
}

#frame #header #shopping_cart p#items strong {
	font-size:1.1em;
	color:#FFF;
	border:1px solid #CCCCCC;
	padding:0px 2px;
	margin:0px 1px;
}

#frame #header #shopping_cart #subtotal {
	width:100px;
	height:17px;
	right:-1px;
	text-align:right;
	color:#FFF;
	position:absolute;
	font-size:9px;
	padding:5px 6px 5px 2px;
	background:url(../images/layout/sub_total.png) no-repeat;
}

#frame #header #shopping_cart p#cart_controls {
	background:url(../images/layout/shopping_cart_background.jpg) repeat-x;
	height:19px;
}

#frame #header #shopping_cart p#cart_controls a{ display:inline; }

#frame #header #shopping_cart p#cart_controls #checkout { padding-left:50px; }

/* =Header => Navigation */

#frame #header #navigation{
	height:118px;	
	width: 775px;
	position:absolute;
	bottom:0px;
	left:79px;
	z-index:100;
	background:url(../images/layout/quick_link_background.png) 0px 83px repeat-x;
}

#navigation #home{
	text-indent:-6000px;
	overflow:hidden;
	display:block;
	position:absolute;
	background:url(../images/layout/home_button.png) no-repeat;
	width:52px;
	height:58px;
	top:31px;
	left:-52px;
}

#navigation #home:hover{ background-position:0px -57px; }

#navigation #info{
	text-indent:-6000px;
	overflow:hidden;
	display:block;
	position:absolute;
	background:url(../images/layout/info_button.png) no-repeat;
	width:52px;
	height:58px;
	top:32px;
	right:-52px;
}

#navigation #info:hover{ background-position:0px -59px; }

#navigation a {	
	color:#FFF;
	display:block;
	text-transform:uppercase;
}

#navigation ul{
	padding:0px 0px 0px 2px;
	margin:0px;
	list-style:none;	
	height:35px;	
	background: url(../images/layout/nav/main_nav_shadow.png) no-repeat 4px 0px;
}

#navigation ul li{
	padding:0px;
	margin:0px;
	display:inline;
	float:left;
}

#navigation #products {	margin-left:20px; }

#navigation #products, #navigation #company, #navigation #community, #navigation #stockists, #navigation #support, #navigation #events, #navigation #contact {
	width:75px;
	height:22px;
	padding-top:13px;
	text-align:center;
	font-size:10px;
}

#navigation a  { 
	background:url(../images/layout/nav/nav_backgorund.png) no-repeat;
	background-position:-86px 0px
}

#navigation  a:hover { background-position:-86px -47px ; }

#navigation .current_area{ background-position:0px 0px; }
#navigation .current_area:hover { background-position:0px -47px ; }

#navigation .dark { background-position:-86px 0px; }
#navigation .dark:hover { background-position:-86px -47px ; }

#navigation .light { background-position:-174px 0px; }
#navigation .light:hover { background-position:-174px -47px ; }


#navigation ul#secondary_navigation{
	height:38px;
	background:url(../images/layout/secondary_nav_background.png) repeat-x;
	padding:10px 0px 0px 20px;
}

#navigation ul#secondary_navigation li a { display: inline-block;}

#navigation ul#secondary_navigation li a{
	font-size:9px;
	padding:8px 12px 0px;
	height:18px;
	color:#eeefef;
	background:url(../images/layout/sec_nav_li_background.png) no-repeat right; position:relative;
}

#navigation ul#secondary_navigation a:hover{ color:#0397D6; }

#navigation ul#secondary_navigation .current_page a{ color:#0397D6; }


#navigation ul#quick_links{
	height:35px;
	color:#45B5E2;
	padding-left:26px;
	background:none;
}

#navigation ul#quick_links a{
	color:#353535;
	display:inline;
	padding-right:8px;
	background:none;
}

#navigation ul#quick_links a:hover, #navigation ul#quick_links li.current_listing a , #navigation ul#quick_links li.current_page a{	color:#0397D6;}

#navigation ul#quick_links li{	margin:10px 5px; }

#navigation p{
	height:25px;
	width:380px;
	margin:0px;
	font-size:0.8em;
	color:#666666;
	padding:10px 10px 0px 30px;
}

#navigation  p span{ 	margin:0px 0px 0px 10px; }

#navigation p#contact_number{
	height:35px;
	position:absolute;
	bottom:34px;
	right:10px;
	text-align:right;
	width:100px;
	color:#F2F2F2;  
	padding:0px;
	margin:0px;
	font-size:1.0em;
}


/* =Header => Camera quick search */

#camera_quick_search {
	position:absolute;
	top:366px;
	padding:0px;
	width:378px!important;
	height:40px;
	text-transform:uppercase;
	right:80px;
	font-size:10px;
	z-index:100;
	overflow:visible;
}


#camera_quick_search a {
	color:#FFF;
	display:block;
	margin:0px;
	text-transform:uppercase;
}

#camera_quick_search a:hover {	color:#00CCFF; }

#camera_quick_search p {
	color:#E5E5E5;
	padding:3px 3px 0px 0px;
	position:absolute;
	top:-9px ;
	font-size:0.9em;
	left:5px;
}

#camera_quick_search a#search_drop {
	display:block;
	width:31px;
	margin:5px 5px 0px 0px;
	height:24px;
	text-indent:-7000px;
	border:1px solid #CFCFCF;
	float:right;
	overflow:hidden;	
	background-image:url(../images/layout/drop_search.png) ;
}

#camera_quick_search a.open{	background-position:0px 0px; }

#camera_quick_search a.close{	background-position:0px -24px; }

#camera_quick_search #initial {
	width:160px;
	height:24px;
	border:1px solid #CFCFCF;
	position:absolute;
	left:170px;
	top:5px;
}

#camera_quick_search #initial span{
	width:147px;
	height:12px;
	text-align:right;
	padding:3px;
	display:block;
	margin:3px 0px 0px 3px;
	background:  url(../images/layout/cam_search_backrgound.png);
}

#searchslider {
	width:153px;	
	float:right;
	clear:both;
	margin-top:27px;
	margin-right:51px;
}

#searchslider ul {
	width:153px;
	margin:0px;
	list-style:none;
	text-align:right;
	padding:9px 0px 1px;
	background:  url(../images/layout/cam_search_backrgound.png);
	display:block;
}

#searchslider ul li{float:none; display:block; margin:0px 3px 9px;}

#searchslider ul li a{
	text-align:right;
	color:#FFF;
	display:block;
	margin:0px;
	text-transform:uppercase;
}

/*

=Content
--------------------------------------------------------
*/

#frame #content {
	width: 773px;
	margin:0px auto;
	background:#FFF;
	padding-bottom:5px;
	border:1px solid #eeefef;
}

/*----------- Content Clear Fix ----------------------*/

#frame #content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

*html #frame #content{
	display: inline-block; 
	width: 100%;
}

* html #frame #content {
/* Hides from IE-mac \*/
	height: 1%;
/* End hide from IE-mac */
}	

/* =Content => Headings */

#frame #content #welcome, #frame #content #support_title, #frame #content #search_site {	padding-left:28px; }

#frame #content #welcome { background: url(../images/layout/home_icon.jpg) no-repeat 0px 8px;}
#frame #content #support_title { background:url(../images/layout/support_icon.jpg) no-repeat 0px 8px; }
#frame #content #search_site { background:url(../images/layout/search_icon.jpg) no-repeat 0px 8px; }

#frame #content .support_icon {	padding:0px 0px 0px 3px; color: #8d8e8d; }
#frame #content .support_icon img { margin-bottom:-3px;}



/*

=Main Content
--------------------------------------------------------
*/

#frame #content #main_content {
	width:405px;
	margin:0px 15px 20px;
	border-bottom:1px dashed #c6c6c6;
	padding-bottom:5px;
	float:left;
}

/* =Main Content > Forms */

#frame #content form label {color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;}
#frame #content form label span { font-size:0.8em; text-transform:uppercase; color:#999999;}

#frame #content form label input, #frame #content form label textarea{
	display:block;
	width:310px;
	padding:5px 4px;
	margin: 10px 0px;
	color:#666666;
	border:1px solid #CFCFCF;
	font-size:1.0em;
}

#frame #content form p{	margin-left:0px;}
/*

=Secondary Content
--------------------------------------------------------
*/

#frame #content #secondary_content {
	width:330px;
	float:right;
	border-left:1px dashed #c6c6c6;
	margin-top:25px;
}

#frame #content #secondary_content h2{	margin-top:-10px; }

/*

=Footer
--------------------------------------------------------
*/

#footer {
	background:url(../images/layout/footer_background.png) no-repeat center bottom;
	height:9px;
	width: 936px;
	margin:0px auto;
	position:relative;
}

#footer ul	{
	width: 745px;
	position:absolute;
	top:-75px;
	left:80px;
	list-style:none;
	margin:0px;
	padding:10px 0px 0px 30px;
	background:url(../images/layout/footer_background.jpg) repeat-x;
	height:33px;
	color: #CCCCCC;
}

#footer ul li{	display:inline; margin:10px 5px 0px;}

#footer ul li.copyright{ margin-left:350px;}

#footer ul li a{ color: #CCCCCC; padding-right:10px; }
#footer ul li a:hover{ color:#109FC5; }


/*
=Misc
--------------------------------------------------------
*/
.required {
	background:#FFF url(../images/layout/required_background.png) no-repeat top right;
	padding-right:60px!important;
	width:250px!important;
}

.error {
	border:1px solid #fdc8c4;
	padding:5px;
	background:#FFF3F2 url(../images/layout/error_background.jpg) repeat-x bottom;
	font-size:1.0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.error span{
	display:block;
	margin-top:4px;
	font-size:0.9em;
	color:#999999;
}
.success {
	color: #0397D6;
	font-size:1.2em;
	background:url(../images/layout/tick_update.jpg) 0px 2px no-repeat;
	padding-left:20px;
}
.success a{
	font-size:0.7em;
	color:#666666;
	background:url(../images/layout/success_link_background.jpg) no-repeat right;
	padding-right:17px;
}
.success a:hover{
	text-decoration:underline;
}

.note {
	color:#999999;
	text-indent:10px;
	font-size:0.9em;
}

#oyster {
	display:block;
	background:url(../images/oyster.png) no-repeat bottom;
	width:135px;
	height:45px;
	overflow:hidden;
	text-indent:-22500px;
	position:absolute;
	right:50px;
	bottom:-45px;
}

/* Site Search */
#frame #content #search_site_box form input#value {margin: 0px;padding: 0px;position: relative;width: 198px/*198px*/;height: 19px;}
#frame #content #search_site_box form input#search {margin: 0px;padding: 0px;position: relative;top: 7px;width:46px;height: 21px;}
#frame #content #search_site_box form input#search {_top: 5px;} /* IE6 Fix */
#frame #content #search_site_box { padding-bottom: 10px; }