/* Custom CSS Document for Nautical Home by Austin McDaniel
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* GLOBAL STYLES
--------------------------------------------------------*/
body {background: #263353; font-family: Verdana, Tahoma, sans-serif}
#Form2 {margin: 0; padding: 0}
#Form2 input, #Form2 select {font: 11px Verdana, Tahoma, sans-serif; color: #000; background: #fff; line-height: normal}
#PageSubTable {width: 960px;}
#ContentCell {background:#DABC94 url(images/design/bd-bg.gif) repeat-y; padding:0 10px 0 30px;}
#Instruction1_InstructCell {background: #263353; border: 1px solid #9C7963;	padding: 7px}
#Instruction1_InstructCell a {color: #fff}
.Instructions {font-size: 11px; color: #fff}
.Messages,
.ErrorMessages {font-size: 10px; font-weight: bold; color: #000}
.Headings {font-size: 14px; font-weight: bold; color: #263353}
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #fff; background: #263353}
.Content {font-size: 11px; color: #000}
.Content a {color: #000; text-decoration: underline}
.Content a:hover {color: #000; text-decoration: none}
.SearchResultHeader { color:#000; font-size:14px; font-weight:bold;}
.SearchResultText, 
SearchResultText a { color:#263353; font-size:11px;}

/* Image Swatch Styling */
.getsmall img{ width:100px; border:solid 1px #263353}
.getsmall img:hover { border:solid 1px #36597A}

/* IE6 and Older Browser PNG Fix Script */
img { behavior: url(iepngfix.htc); }

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell { background:url(images/design/tb-bg.gif) no-repeat; height:168px;}
.tb-wrapone, .tb-wraptwo { width:100%; float:left;}

/* Logo Styling for SEO */
#TopBannerCell h1 { background:url(images/design/logo.gif) no-repeat; width:521px; height:50px; padding:0; margin:0; float:left;
text-indent:-9999px;}
#TopBannerCell h1 a { width:521px; height:50px; display:block;}

/* Free Shipping Header Styling for SEO */
#TopBannerCell h2 { background:url(images/design/tb-shippingicon.png) no-repeat; width:357px; height:107px; padding:0; margin:0 0 0 190px; 
text-indent:-9999px; float:left; behavior: url(iepngfix.htc);}
#TopBannerCell h2 a { width:117px; height:67px; display:block;}

/* Questions Box Styling for SEO */
.questions { text-indent:-9999px; background:url(images/design/tb-questions.png) no-repeat; width:118px; height:75px; float:left; 
margin:30px 0 0 25px; behavior: url(iepngfix.htc);}
.questions a { width:117px; height:67px; display:block;}

/* Cart List Styling */
.cartwrap { float:right; color:#fff; font-size:12px; font:Verdana, Arial, Helvetica, sans-serif;
background:url(images/design/tb-carticon.gif) no-repeat center right; padding:5px 25px 5px 0;}
.cartwrap a { color:#fff; text-decoration:none; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.cartwrap a:hover { text-decoration:underline;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background:url(images/design/tsb-bg.gif) no-repeat; height:73px;}

/* Menu List Styling */
#TopSubBannerCell ul { background:url(images/design/navbars.png) no-repeat; padding:0; margin:0; list-style:none; float:right; height:49px;
 width:716px; margin-right:12px; behavior: url(iepngfix.htc);}
#TopSubBannerCell li { padding:0; margin:0; float:left;}
#TopSubBannerCell li a {display:block; color:#150C05; background:url(images/design/tsb-poles.gif) no-repeat center right; t
ext-decoration:none; padding:13px 7px; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
li#first a { padding-left:0;}
li#last a { background:none; padding-right:0;}
#TopSubBannerCell li a:hover { color:#036EA1}

/* Search Box Styling */
#TopSubBanner1_SimpleSearch1_Panel1 { float:left; width:200px;}
.searchwrap { float:left; background:url(images/design/search-bg.gif) no-repeat 0 0; padding-left:40px; margin-left:3px;}
.searchwrap input { border:solid 1px #150C05; color:#999; font-size:12px;}
.searchwrap a { font-size:10px; color:#150C05; }

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {background: #DBBD96 url(images/design/lc-bg.gif) repeat-y top right; width:18.3%; vertical-align:top;}
#LeftColumnNav1_custommenu {width: 176px; vertical-align:top; background:url(images/design/lc-bar.gif) no-repeat 1% 50%;}

/* Left Column Navigation Flyouts */
#LeftColumnCell ul { padding:0; margin:0 0 0 10px; list-style:none; background:#263353 url(images/design/lc-bggrad.gif) repeat-y top right;
width:149px;}
#LeftColumnCell li { padding:0; margin:0; display:block; width:100%; border-bottom:solid 1px #DBBD96}
#LeftColumnCell li a { font:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#fff; background:
url(images/design/lc-arrowicon.jpg) no-repeat 2% 50%; padding:5px 0 5px 15px; text-decoration:none; display:block;}
#LeftColumnCell li a:hover { background:#036EA1 url(images/design/lc-blueicon.gif) no-repeat 2% 50%;}

/* The Flyout Magic Starts Here */
#LeftColumnCell li ul { position: absolute;width: 170px; left: -999em; opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.9;
background:#263353; margin: -23px 0 0 149px;}
#LeftColumnCell li ul li { border:none;}
#LeftColumnCell li ul li a { background:#263353; font-weight:normal; font-size:10px; padding:5px 0 5px 5px;}
#LeftColumnCell li ul li a:hover { background:#036EA1;}

#LeftColumnCell li ul ul {}

#LeftColumnCell li:hover ul ul,
#LeftColumnCell li:hover ul ul ul,
#LeftColumnCell li.sfhover ul ul,
#LeftColumnCell li.sfhover ul ul ul {left: -999em;}

#LeftColumnCell li:hover ul,
#LeftColumnCell li li:hover ul,
#LeftColumnCell li li li:hover ul,
#LeftColumnCell li.sfhover ul,
#LeftColumnCell li li.sfhover ul,
#LeftColumnCell li li li.sfhover ul { left: auto; z-index:100;}

/* Exception Styles for the Button */
li#button { border:none; padding:40px 0 200px 0;}
li#button a { background:none; padding:0; text-align:center;}
li#button a img { border:none;}
li#button a:hover { background:none;}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {}

/* Featured Item Image Box */
#imageContainer { width:320px; height:325px; float:left; margin-left:1px; position:relative;}
#imageContainer img {display:none;position:absolute;top:0; left:0; border:0;}

/* Brown Featured Items Box */
.df-ft-wrap {height:325px; background:url(images/design/bd-featurdboxbg.gif) repeat-x; width:422px; float:left; margin-bottom:2px;}
#df-items1, #df-items1 ul { margin:0; list-style:none; padding:20px 0 0 20px;}
#df-items1 li { padding:0; margin:0; display:block; float:left;text-align:center; height:141px; vertical-align:middle;}
#df-items1 li a { text-decoration:none; color:#000; font-size:10px; text-align:center; display:block; padding:2px;}
#df-items1 li a img { border:0; margin-bottom:3px;}
#df-items1 li a:hover { background:#CCAF7D;}

/* Featured Item Blue Box */
#df-items2, #df-items2 ul { width:100%; background:#263353; padding:0; margin:0; list-style:none; float:left;}
#df-items2 li { padding:0; margin:0; display:block; text-align:center; float:left; padding:5px;}
#df-items2 li a { color:#fff; display:block; float:left; text-decoration:none; padding:5px;}
#df-items2 li img { border:none; margin:0 0 3px 0;}
#df-items2 li a:hover { background:#445377;}

#ContentCell.default h3 { color:#fff; font:"Times New Roman", Times, serif; font-size:14px; padding:0; margin:20px 0 0 50px;
text-align:center;  float:left;}
#ContentCell.default h3 span { color:#263353}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {}
#ContentCell.static h1 {font-size: 14px; font-weight: bold; color: #263353}
#ContentCell.static h2 {font-size: 12px; font-weight: bold; color: #263353}
#ContentCell.static h3 {font-size: 11px; font-weight: bold; color: #263353}
#ContentCell.static table {border:solid 1px #673F3D;}
tr#color { background:#C3A072}
#ContentCell.static td { padding:3px;}
#ContentCell.static td p { font-size:10px; font:Verdana, Arial, Helvetica, sans-serif;}

/* Landing Page Styles
--------------------------------------------------------*/
.Content#instruments h1 { color:#263353; font-size:14px;}
.Content#instruments p { font-size:11px; font:Verdana, Arial, Helvetica, sans-serif}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background: url(images/design/ft-bg.gif) no-repeat 0 0; vertical-align:top; padding:30px 15px 20px 225px;
text-align:center;}
#FooterCell h3 { font:"Times New Roman", Times, serif; color:#000; font-size:12px; 
background:url(images/design/ft-bar.png) no-repeat top center; behavior: url(iepngfix.htc); padding-top:20px; margin-bottom:140px;}
#FooterCell p { color:#67769A; font-size:10px;}
#FooterCell a { color:#67769A; text-decoration:none;}
#FooterCell a:hover { text-decoration:underline; color:#fff;}