/*
Pride Marine Stylesheet
2006 06 28
Author: Shawn Raymond

*/

/* COLOR PROFILE */
.dark { background-color:#003366; color:#FFFFFF; }
.medium { background-color:#8395A7; }
.light { background-color:#CDD5DC; }
.bright { background-color:#E4E9EF; }
.highlight { background-color:#FFCC00; }
.accent { background-color:#FFEE66; }

/* DEFAULT SETTINGS */
body { text-align:left; border:0px; padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color: #446677; background-image: url(/images/background.jpg); background-position: top; background-repeat: no-repeat; }
img { border:0px; padding:0px; margin:0px; }
form { display:inline; }
input, textarea, select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1rem; }
a { color:#003466; }

/* FORM SETTINGS */
input { font-size:1rem; }

h1, h2, h3, h4, h5, h6 { font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; }
h1 { font-size:20px; font-weight:bold; }
h2 { font-size:20px; font-weight:normal; }
h3 { font-size:18px; font-weight:bold; }
h4 { font-size:18px; font-weight:normal; }
h5 { font-size:16px; font-weight:bold; }
h6 { font-size:16px; font-weight:normal; }

#mainNav a.nav-link {
	font-size:1.2em;
	font-weight:bold;
}
#mainNav a.nav-link:hover {
	color: #0C416D !important;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#outerwrapper {
	margin: 0px auto;
	max-width: 1280px;
}
strong.salesPrice {
	color:#c0392b;
}

/* HEADER GRAPHICS */
#headerwrapper {
	margin: 0px auto;
	float: left;
	max-width: 1280px;
	clear: both;
	width: 100%;
	position: relative;
}
#header { background: #fff; width: 100%;}
#header_controls { padding: 10px; background: #0C416D;}

#header a, #header a:visited {
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px;
	margin: 5px;
	font-weight: bold;
}

#header a:hover, #header a:active {
	color: #0C416D;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.shippingoffer {
	width: 200px;
	height: 100px;
	position: absolute;
	top: 0px;
	right: 150px;
}


.shippingoffer a {
	padding: 0 !important;
	margin:0!important;
	display: block;
}

/* HEADER GRAPHICAL LINKS */
/* OLD
#header_link_home { background-image:url(images/header_home.jpg); width:100px; height:35px; display:block; float:left; }
#header_link_home:hover { background-image:url(images/header_home_.jpg); }
#header_link_categories { background-image:url(images/header_products.jpg); width:100px; height:35px; display:block; float:left; }
#header_link_categories:hover { background-image:url(images/header_products_.jpg); }
#header_link_search { background-image:url(images/header_search.jpg); width:100px; height:35px; display:block; float:left; }
#header_link_search:hover { background-image:url(images/header_search_.jpg); }
#header_link_links { background-image:url(images/header_links.jpg); width:100px; height:35px; display:block; float:left; }
#header_link_links:hover { background-image:url(images/header_links_.jpg); }
#header_link_shopping { background-image:url(images/header_shoppingcart.jpg); width:100px; height:35px; display:block; float:left; }
#header_link_shopping:hover { background-image:url(images/header_shoppingcart_.jpg); }
#header_link_contact { background-image:url(images/header_contactus.jpg); width:100px; height:35px; display:block; float:left; }
#header_link_contact:hover { background-image:url(images/header_contactus_.jpg); }
*/

#layoutwrapper {
	margin: 0px auto;
	max-width: 1280px;
	clear: both;
	width: 100%;
}
#layout { background-color: #FFFFFF; max-width: 1280px; width: 100%; }
#layout td { vertical-align:top; }

#productOptionsTable {
	padding: 0px;
	background-color: #DEECF0;
}

#productOptionsTable td {
	padding: 6px;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}

/* FOOTER DEFINITION */
#footer_break { clear:both; }
#footer { margin: 0px auto; max-width: 1280px; text-align:right; border-top:5px solid #003366; border-bottom:5px solid #FFCC00; padding:5px 0px 0px 0px; background-color:#EEEEEE; }
#footer_inner { margin-top:5px; border-bottom:5px solid #003366; }

.footerspacer {
	height: 34px;
}

.fb, 
.instagram,
.twitter {
  height: 100%;
  padding: 12px 12px 12px 6px; }
  .fb .icon,
  .twitter .icon,
  .instagram .icon {
    height: 36px;
    width: 36px;
    float: left;
    padding: 6px;
   }

/* BODY ITEMS LAYOUT DEFINITIONS */
#leftmenu { width:200px; padding:0px 5px 0px 0px; margin:0px; background-color:#8395A7; }
#rightmenu { width:170px; padding:5px; margin:0px; background-color:#EEEEEE; }
#content {  }
#flashhome { padding:0px; margin:0px; height:250px; }

/* LEFT HAND CATEGORY MENU */
.menu { padding:0px; margin:0px; border:0px; width:100%; }
.menu ul { padding:0px; margin:0px; border:0px; border-top:5px solid #8395A7; border-left:5px solid #8395A7; 
	border-right:5px solid #8395A7; border-bottom:10px solid #8395A7; }
.menu ul ul { padding:0px; margin:0px; border:0px; border-top:5px solid #CDD5DC; border-left:5px solid #CDD5DC; border-right:5px solid #CDD5DC; border-bottom:5px solid #CDD5DC; }
.menu ul ul ul { padding:0px; margin:0px; border:0px; border-left:10px solid #E4E9EF; border-right:5px solid #E4E9EF; border-bottom:10px solid #E4E9EF; }
.menu li { list-style:none; display:inline; }
.menu a { display:block; padding:3px; text-decoration:none; }
.menu a:hover { background-color:#003366; color:#FFFFFF; }
.menu li a { background-color:#8395A7; color:#FFFFFF; padding-left:5px; }
.menu li li a { background-color:#CDD5DC; color:#000000; padding-left:5px; }
.menu li li li a { background-color:#E4E9EF; color:#000000; padding-left:5px; }
.menu a.selected { background-color:#003366; color:white; font-weight:bold; }

/* RIGHT HAND PANELS */
.panel { border-top:3px solid #8395A7; margin-bottom:15px; }
.panel_head { background-color:#CDD5DC; padding:3px; font-size:12px; }
.panel_body { }
.panel_foot { }


/* PRODUCT LISTINGS */
ul.iconFloatList { margin:0px; list-style-type:none; display:flex; flex-wrap:wrap; }
ul.iconFloatList li { min-width:160px; width:160px; padding:5px; margin:2px;flex:1; float:left; text-align:center; border:1px solid #EEEEEE; }
.clearance_price { color:#990000; }

ul.iconFloatList li:hover {
	-webkit-box-shadow: 0px 0px 5px 1px #dfdfdf; 
box-shadow: 0px 0px 5px 1px #95a5a6;
}

/* ERROR MESSAGES AND REMINDER STYLES */
.failure,
.warning,
.success,
div.error {
	padding: 3px;
	margin-bottom: 5px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

.failure {
	color: #990000;
	font-size: 16px;
}

.warning {
	color: #FF9900;
	font-size: 16px;
}

.success {
	color: #009900;
	font-weight: 700;
}

td.success {
	margin-bottom: 0;
	padding: 5px;
	vertical-align: middle !important;
	background-color: inherit;
	border: none;
	font-weight: 400;
}

.error {
	color: #ff0000;
	font-weight: 700;
}

.allowance {
	margin-top: 5px;
	display: inline-block;
	font-weight: 700;
}

.require { color:#990000; } /* denotes required fields */
.whisper { color:#333333; font-weight: bold; } /* missing information notice */
.slight  { color:#CCCCCC; font-size: 0.9em; }


/* GENERIC GLOBAL STYLES */
.numeric { text-align:right; }
.total { font-weight:bold; background-color:#FFFFFF; }

.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

.odd { background-color:#EEEEEE; }
.even { background-color:#DDDDDD; }

/* CATEGORY LAYOUT */

.categoryImagesDiv {
	width: 100%;
	height: 100px;
	position: relative;
	text-align:center;

}
 
.productImagesDiv {
	width: 100%;
	height: 100px;
	position: relative;
	text-align:center;
}

.productLargeImagesDiv {
	width: 300px;
	height: 300px;
	position: relative;
}

.watermarkImagesDiv {
	width: 100%;
    height: 100px;
    position: absolute;
    top: 0px;
    text-align: center;
}

.watermarkLargeImagesDiv {
	width: 300px;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.checkout_step_header { padding:5px; margin:10px 0px 0px 0px; background-color:#EEEEEE; }
.checkout_step_body { padding:10px; border:1px solid #EEEEEE; }
.checkout_next_step { text-align:right; }
#checkout_data {}

.slides {
	margin-top: 0;
	padding: 0;
	min-width: 350px;
	-webkit-margin-before: -12px;
}


/* Coupons */

.addCoupon {
	margin: 5px 0;
	padding: 3px;
	display: block;
	background-color: #fff;
	border: 1px #ccc solid;
}

.addCoupon label {
	margin-bottom: 5px;
	display: block;
	font-weight: bold;
}

.addCoupon .couponCode {
	width: 70%;
}

tr.coupon td {
	border-top: 1px #ccc dashed;
}

.green {
	color: #009900;
}

#svGallery ul {
	list-style-type:none;
}


#svGallery ul li {
	float: left;
	margin: 5px 0px 0px 5px;

}



.mura-next-n {
	clear: both;
}

.mura-next-n ul {
	list-style-type: none;
}

.mura-next-n ul li {
	float: left;
	margin: 5px 0 0 5px;
}

 /* The Modal (background) */
.oct-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.oct-modal-content {
   position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: auto;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s
  
}

@media (min-width: 576px) {
  .oct-modal-content {
    max-width: 500px;
    margin: 1.75rem auto;
  }
}
.oct-modal-content .modal-body {padding: 15px;}
.oct-modal-content .modal-header {
  padding: 15px;
  background-color: #0C416D;
  color: white;
}
.oct-modal-content .modal-header h2 {
	margin:0px;
	padding:0px;
}
/* The Close Button */
.oct-modal .close {
  color: #fff;
  position: absolute;
  right: 15px;
  font-size: 18px;
  font-weight: bold;
}

.oct-modal .close:hover,
.oct-modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 
.form-control {
  display: block;
  width: 100%;
 
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}