/*
__________________________________________________

@font-face is put in this stylesheet for the purpose of having a specific font type taken from an external website to be incorporated into our website.
__________________________________________________
*/

body {
	background: #000;
	cursor:default;
}
body, p, ul, ol, li, div, em  {
	color: #a0a0a0;
	font-family: Arial;
	font-size: 12px;
}
.container {
	position: relative;
}
a:link, a:visited {
	color: #d4d2d2;
	font-size: 12px;
	text-decoration:underline;
}
a:hover {
	color:#fff;
}
a:focus {
    outline:none;
}
a h3 {
	text-decoration:underline;
}
/* H1, H2, H3 STYLES */
h1 {
	color: #fff;
	margin: 5px 0 19px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial;
}

h2 {
	color: #2f67b2;   /*blue*/
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial;
}

h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}
h4 {
	color: #2f67b2; /*blue*/
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}
h5 {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
}
h6 {
	color: #2f67b2; /*blue*/
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
}
.pageHeading h2 a {
	background: url('/img/inside/sub-heading-arrow.png') left center no-repeat;
	color: #0066cc;
	margin: 0;
	padding: 0 0 0 16px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana;
	text-decoration:none;
}

.pageHeading h2 a:hover{ 
	color: white;
	text-decoration:none;
	background-image:url('/img/inside/sub-heading-arrow-white.png')}

h3.productListing {
	font-weight: normal;
}	
.compare h3 {	
	color: #a8a7a7;
	font-size: 18px;
	font-family: verdana;
	
}
.productListing{                    /* same as h3.productListing*/
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial;
	margin-top: 12px;
}

/* form elements */

/* Add to Cart            */
.container input[type="text"] {
background:none repeat scroll 0 0 #333333;
border:medium none;
color:#FFFFFF;
font-size:12px;
height:25px;
line-height:1.7em;
text-indent:5px;
/*margin:0;
padding:1px 6px;*/
}


div.styledButton 
{
    
background-color:#333333;
display:block;
float:left;
margin-right:8px;
padding-right:9px;
}
div.styledButton.skinny
{height:24px;
letter-spacing:1px;
line-height:20px;
padding:0 18px 0 8px;}

.styledButton a 
{
background:url("/img/inside/search-arrow-blue.png") no-repeat scroll right  #333333;
font-family:Verdana;
font-size:12px;
height:32px;
line-height:32px;
padding:4px 34px 4px 8px;
text-decoration:none;
text-transform:uppercase;
        
}


/*
________________________________________________
PAGE LAYOUT
________________________________________________

*/

.topLogoNav .logo {
	margin-top: -2px;
}

/* Form styles */
/* search form on right */
.topLogoNav {
	/*margin-top: 40px;*/
}

label {
	display: inline-block;
}
input {
	outline: none;
}
input.text {
	width: 190px;
	margin-right: 10px;
}

/* ----------------- SHOPPING CART ICON - close ----------------- */
div#cart a {
    background:url("/img/inside/cart-white.png") no-repeat scroll 32px 1px transparent;
	color: white;
	display: block;
	margin-top:5px;
	padding-left:29px;
	width:68px;
	height:25px;
	text-decoration:none;
}

div#cart a.active, div#cart a:hover{
	background-image: url("/img/inside/cart-blue.png");
	color: #0066cc;
}
span#cartCount {
	font-size: 12px;
	font-weight: bold;
}
/* ------------------ SHOPPING CART ICON - open ----------------- */
/* ---------------- SHOPPING CART OVERLAY - open ---------------- */
#cart-wrapper {
	position: relative;
	z-index:91;
}
div#layerCart {
	background-color: Black;
	display: none;
	position: absolute;
	left: 440px;
	top: 40px;
	z-index: 91;
}
div#layerCart a.remove img { padding-right: 4px; }
div#layerCart a.remove, div#layerCart a.title { vertical-align: top; }
div#layerCart a.title, div#layerCart div.checkout a { /* large text */
	font-size: 0.95em;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Verdana;
}
/* normal text */
div#layerCart div.colour, div#layerCart div.quantity, div#layerCart div.price, div#layerCart div.total, div#layerCart div.disclaimer, div#layerCart div.empty {
	font-size: 0.8em;
	color: White;
	font-family: Verdana;
}
div#layerCart div.quantity {
	text-align: center;
}
div#layerCart div.price { text-align: right; }
div#layerCart div.hr { border-bottom: 2px solid #333333; /* charcoal */ }
div#layerCart div.total { font-weight: bold; }
div#layerCart div.disclaimer {
	text-align: right;
	font-size: 10px;
	padding-top: 7px;
}
div#layerCart div.footer {
	background-color: #0066CC; /* bare blue */
	height: 5px;
}
/* ---------------- SHOPPING CART OVERLAY - open ---------------- */


/* ---------------- SEARCH OVERLAY - open ----------------- */
div#layerSearch {
	background: url('/img/inside/search-box.png') black;
	background-position: 30px 0;
	background-repeat: no-repeat;
	float: right;
	clear: both;
	margin-top:12px;
	display: none;
	z-index: 80;
	position:relative;
}
div#layerSearch div.textfield input {
	background: transparent;
	border: none;
	color: #fff;
	font-size: 12px;
	font-family: Verdana;
	text-transform: uppercase;
	margin:0 5px;
    padding:0 0 0 26px;
	width:180px;
}
div#layerSearch div.submit a 
{
	background-image: url('/img/inside/search-button.png');
	background-repeat:no-repeat;
	display: block;
	width: 30px;
	height: 26px;
	position: relative;
}
div#layerSearch div.submit a:hover
{
	background-image: url('/img/inside/search-button-hover.png');
	background-repeat:no-repeat;
}

div#layerSearch div.footer {
	background-color: #0066CC; /* bare blue */
	height: 5px;
}
/* ---------------- SEARCH OVERLAY - close ---------------- */

/*
________________________________________________
PAGE MAIN MENU
________________________________________________

*/

/* This is the horizontal navigation for all the pages on the website */
.topNavigation {
	height: 50px;
	margin-top: 35px;
}
.topNavigation ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
.topNavigation ul li {
	display: inline;
}
.topNavigation ul li a {
	color: #fff;
	display: inline-block;
	margin: 0;
	padding: 0 15px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	text-transform: uppercase;
}
.topNavigation ul li a:hover {
	color: #0066cc;
}

/*
________________________________________________
PAGE BREADCRUMB
________________________________________________

*/

.breadcrumb ul {
	list-style: none;
	margin: -14px 0 0 0;
	padding: 0;
	width: 700px;
}
.breadcrumb ul li {
	display: inline;
	padding: 0 2px;
}
.breadcrumb ul li.first {
}
.breadcrumb ul li a , .breadcrumb ul li {
	color: #737373;
	display: inline;
	text-decoration: none;
	font-size: 10px;
	font-family: Arial;
	text-transform: uppercase;
}


/*
________________________________________________
PAGE FOOTER
________________________________________________

*/
.footerInnerWrapper {
	z-index: 3;
}
/* Copyright information (text) that flushes on left side of the page in the footer */
.copyrightTextRightSide {
	float: right;
}
.copyrightTextRightSide ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.copyrightTextRight ul li {
	display: inline;
}

/* Change Region styles on the footer right side */
.footerHeader .tabMenu .regionChange {
	clear: both;
	position:absolute;
	right:0;
	bottom:0;
	height:29px;
    overflow:hidden;
    background:#000;
	width:198px;
}

.footerHeader .tabMenu div.regionChange.active
{
  /*  border-top:5px solid #0066CC;*/
    height:250px;
    }

.footerHeader .tabMenu .regionChange p {
	/*background: url('/img/inside/change-region-bg.png') left 5px no-repeat;*/
float:none;
font-family:Verdana;
font-size:12px;
font-weight:normal;
letter-spacing:1px;
margin:0;
padding:0.5em 0 1.2em;
text-align:center;
text-transform:uppercase;
top:-2px;
	
}
.footerHeader .tabMenu .regionChange p a {
	padding: 0;
	float: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	text-decoration: none;
}


.footerHeader .tabMenu .regionChange .blueLine, .footerHeader .tabMenu .regionChange .blueLineWrapper
{
    height:5px;
    width:100%;
    display:none;    
    background-color:#0066CC;   
}


/*
.footerHeader .tabMenu .regionChange .blueLine, .footerHeader .tabMenu .regionChange .blueLineWrapper
{
    height:5px;
    width:100%;
    display:none;     
    }
    
    
    
    
    .footerHeader .tabMenu .regionChange .blueLine
 {     
       background-color:#0066CC;       
}

*/


.footerHeader .tabMenu .regionChange p a.active
{
    color: #0066CC;
    
    }

.footerHeader .tabMenu .regionChange div.dropdownsRegion
{
 /*   display:none;*/
}
.footerHeader .tabMenu .regionChange div.dropdownsRegion ul 
{
	text-transform:uppercase;
	margin:0;
	padding-left:26px;
}
.footerHeader .tabMenu .regionChange div.dropdownsRegion ul li
{
    list-style-type:none;
	font-size: 12px;
}
.footerHeader  ul.languages
{
	padding-top: 16px; 
}
/* whole div that contains the e-cubed logo and text information flushed to the left side as per the blueprint grid */
.e-cubedRightSide {
	float: right;
}

.e-cubedFooterImage {
	float: left;
}
.e-cubedFooterText ul {
	list-style: none;
	margin-right: 0;
	padding-left: 35px;
}
.e-cubedFooterText ul li {
	line-height: 1.2em;
	font-size: 11px;
}
.e-cubedFooterText ul li a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}



/* --------------------- FOOTER MENU LANDING PAGE styles ----------------------- */


/* Client Interactive Menu for the footerHeader */

.footerWrapper
{
    position:relative;
	padding-top: 83px;
}

.footerInnerWrapper
{
    position:absolute;
    bottom:0;
    background-color:#000;
    
}
div.footerHeader
{
    position:relative;        
}
/*
.footerHeader .footerMenu,
.footerHeader .footerMenu a,*/
.footerHeader .tabMenu,
.footerHeader .tabMenu a
{
	color: #4d4d4d;
}
.footerHeader .regionChange ul li a {
	color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	letter-spacing: 2px;
	line-height: 1.5em;/*important - use em instead of px fpr ie compatibility*/
	text-decoration:none;
}

.footerHeader .tabMenu {
}
.footerHeader .tabMenu p {
	margin: 0px 25px 0 0;
	padding: 0;
	float: left;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	position:relative;
	top:4px;
}
.footerHeader .tabMenu p.tabItemOne 
{
    
	background: url("/img/inside/footer-item-gradient-bg.gif") repeat-x scroll 0 0 #252526;	
	margin-left:10px;
    padding:4px 4px 4px 0;
	top:0;
	
}

.footerHeader .tabMenu p.tabItemOne.active
{
    background: #0066cc;
    }


.footerHeader .tabMenu p a {
	padding: 0;
	float: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	text-decoration: none;
}





/* Client Interactive Menu for the footer */

.footer{}

.footer div.effect {
	background: none;
	/*
	padding: 0 15px 0 0;*/
	position: relative;
	z-index: 3;
}

.footer .menu {
	background: #000;
	color: #fff;
	padding-top: 23px;
	/*
	margin-right: -15px;
	padding-left: 17px;*/
	border-top: 5px solid #0066cc;
}
.footer .menu .contact {
	/*width: 225px;
	margin-right: 10px;*/
}
.footer .menu .contact p {
	line-height: 18px;
}
.footer .menu .brand {
	/*width: 150px;
	margin-right: 10px;*/
}
.footer .menu .newsItems {
	/*width: 230px;
	margin-right: 10px;*/
}
.footer .menu .careerItems {
	/*width: 150px;
	margin-right: 10px;*/
}
.footer .menu .subscribe {
	/*width: 148px;*/
}
.footer .menu h3 {
	color: #fff;
	margin: 0 0 3px 0;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
}
.footer .menu h3 a {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	text-decoration: none;
}
.footer .menu address {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana;
	line-height: 19px;
	margin-bottom: 21px;
}
.footer .menu p {
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
}
.footer .menu  a:link, .footer .menu  a:visited{
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
}
.footer .menu  a:hover {
	color: #0066cc;
}

.footer .menu ul {
	list-style: none;
	margin: 1px 0 0 0;
	padding: 0;
}
.footer .menu ul li {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
	line-height: 19px;
}
.footer .menu h3.media {
	margin-top: 23px;
}
.footer .menu .news {
	margin-bottom: 19px;
	line-height: 19px;
}
.footer .menu .careers {
	margin-bottom: 10px;
	line-height: 19px;
}
.footer .menu .careersDescription {
	line-height: 17px;
}
.footer .menu .careers p.newsItem {
	line-height: 18px;
}
.footer .menu .subscribe h3 {
	line-height: 18px;
	margin-top: -3px;
}
.footer .menu #newsletter input.subscribe {
	background: #2d2d2d;
	border: 1px solid #2d2d2d;
	color: #fff;
}
.footer .menu #newsletter p a.submit {
	background: url("../img/inside/sub-heading-arrow.png") no-repeat right  0px transparent;
	height: 10px;
	padding-right: 15px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	text-transform: uppercase;
}
.footer .menu #newsletter p a.submit:hover {
	background-image: url("../img/inside/sub-heading-arrow-white.png");
}
.e-cubedFooterImage {
	width: 20px;
	height: 21px;
	float: left;
}
.e-cubedFooterText {
	margin-right: 0;
	padding-left: 22px;
	text-decoration:none;

}
.e-cubedFooterText div {
	color:#999999;
	font-size: 10px;
	line-height: 10px;
}
#e-cubedUrl {
	font-weight: bold;
}
.e-cubedFooterText div a:link,  .e-cubedFooterText div a:visited {
	color:#999999 !important;
	text-decoration: none;
}
.e-cubedFooterText div a:hover{
	color: white !important;
	text-decoration: none;
}

/* Client copyright information flushed to the right side of the website */
.copyrightTextLeftSide {
	float: left;
}
.copyrightTextLeftSide ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.footer .copyrightTextLeftSide ul li {
	font-size: 11px;
	line-height: 14px;
}

/*-------------------BareWorld Map Styles ------------------*/

#bareWorldMap{
	position: relative;
	left:0;
	top:0;
}
img#vanIsland {
	position: absolute;
	left: 105px;
	top: 94px;
	z-index: 1;
}
img#northSea {
	position: absolute;
	left: 444px;
	top: 78px;
	z-index: 1;
}
img#hawaii {
	position: absolute;
	left: 24px;
	top: 208px;
	z-index: 1;
}
img#redSea {
	position: absolute;
	left: 549px;
	top: 198px;
	z-index: 1;
}
img#barrierReef {
	position: absolute;
	left: 848px;
	top: 317px;
	z-index: 1;
}
img#mediterranean {
	position: absolute;
	left: 470px;
	top: 130px;
	z-index: 1;
}
img#indonesia {
	position: absolute;
	left: 770px;
	top: 244px;
	z-index: 1;
}
img#florida {
	position: absolute;
	left: 210px;
	top: 171px;
	z-index: 1;
}
img#cozumel {
	position: absolute;
	left: 188px;
	top: 202px;
	z-index: 1;
}
img#galapagos {
	position: absolute;
	left: 140px;
	top: 296px;
	z-index: 1;
}
#bareworldLocationText {
	color: white;
}
#bareworldLocationText h2 span{
	color: #999999;		
	font-size: 12px;
	font-weight: normal;
}
#locationDetails {
	border-bottom: 1px solid #0066cc;
	color: white;
}
#diverDetails {
	padding-top: 20px;
}
#bareworldRightCol {
}
#bareworldDetails {
	padding-bottom: 20px;
}
#bareworldDetails .col1 {
	color: white;
	float: left;
	height: 18px;
	padding-right: 10px;
	width: 70px;
}
#bareworldDetails .col2 {
	color: #a1a1a1;
	float: left;
	height: 18px;
	width: 150px;
}
#bareworldGallery img{
	padding: 0 14px 14px 0;

}
/*--------- Chart Overlay ----------------*/
#triggers {
	cursor: pointer;
}
.overlayWrapper {
	width: 870px;
}
.overlay_intro {
	padding: 40px 40px 0 40px;
}
.simple_overlay {
	overflow: auto;
	height: 537px;
	width:870px;
	-moz-box-shadow:0 0 90px 5px #000000;
	background-color:black;
	border:1px solid #666666;
	display:none;
	z-index:10000;
}
.videothumb.simple_overlay {
	padding: 20px;
}
.simple_overlay.bareworld {
	width:950px;
	height:600px;
}

.simple_overlay .close {
background-image:url("/img/charts/overlay-close.jpg");
cursor:pointer;
height:20px;
position:absolute;
right:5px;
top:0px;
width:20px;
}
.videothumb.simple_overlay .close{
	right:0px;
}
.tempnote {
	margin: 32px 32px 0;
}
.tableNoHeader{
	height:328px;
	overflow:auto; 
	padding-top: 14px;
}
/*---------------Drysuit Layers Selection Chart----------*/
#layersSelection th, #layersSelection td {
	font-size: 12px;

}
#layersSelection th {
	color: #0066cc; 
	font-weight: bold;
	text-transform: uppercase;
}
#layersSelection table a:link, #layersSelection table a:visited {	
	font-size: 12px;
	text-decoration: none;

}
#layersSelection tr.bottomBorder th, #layersSelection tr.bottomBorder td {
	border-bottom: 1px solid #262626;
	padding-bottom:10px;
}
#layersSelection tr.HeaderBottomBorder th, #layersSelection tr.HeaderBottomBorder td {
	border-bottom: 2px solid #0066cc;
	padding-bottom:10px;
}
.topMenuBare, .topMenuProf, .topMenuWatersports {
	z-index: 35px;
}


/*------ Article - news etc --------------*/

.article img.left {
	float: left;
	padding: 20px 20px 20px 0;
}
.article img.right {
	float: right;
	padding: 20px 0 20px 20px;
}

/* Search Results Page */

    input.SearchStrBox {
    width:170px;
    margin:3px 0;
    }
 .subscribe a.submit
 {
 	background: url("../img/inside/sub-heading-arrow.png") no-repeat right  0px transparent;
	height: 10px;
	padding-right: 15px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	text-transform: uppercase;
 }
  .subscribe a.submit:hover
  {
 	background-image: url("../img/inside/sub-heading-arrow-blue.png");
}
.submitButton,
.submitBox,
.errorBox
{
	float:none !important;  
}
.submitBox input
{
	width:160px;
}