/* Custom CSS Document for TheWakeHouse.com
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* GLOBAL STYLES
--------------------------------------------------------*/

body {background: #fff url(Images/design/bkgd-body.gif) repeat-x top}

#PageTable {padding-top: 15px}
#PageSubTable {background: #fff}
#ContentCell {background: #fff}
#Instruction1_InstructCell {background: #dfdfdf url(Images/design/bkgd-instruct.gif) repeat-x top;	border: 1px solid #c5c5c5;	padding: 7px}
#Instruction1_InstructCell a {color: #000}
.Instructions {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000}
.Messages,
.ErrorMessages {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #D07E02}
.Headings {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #000}
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #050505}
.Content {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000}
.Content a {color: #120076; text-decoration: underline}
.Content a:hover {color: #120076; text-decoration: none}

/* TopBanner Styles
--------------------------------------------------------*/

#TopBannerCell {background: url(Images/design/bn-top-tile.gif) repeat-x}
#bn-top {background: url(Images/design/bn-top-left.gif) no-repeat top left; width: 100%}
#bn-top td {background: url(Images/design/bn-top-right.gif) no-repeat top right}
#bn-top #bn-top-2 {width: 100%; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #191919}
#bn-top #bn-top-2 td {background: none}
#bn-top #bn-top-2 td.logo {padding: 28px 0 0 28px; vertical-align: top}
#bn-top #bn-top-2 td.phone {height: 22px; padding-left: 30px; vertical-align: top}
#bn-top #bn-top-2 td.topnav {text-align: right}
#bn-top #bn-top-2 td.topnav ul {width: 339px; font-weight: bold; list-style: none; float: right; margin: 0; padding: 0}
#bn-top #bn-top-2 td.topnav ul li {margin-right: 5px; text-align: center; float: left; line-height: 22px; background: url(Images/design/bn-tab-bkgd.gif) no-repeat top left}
#bn-top #bn-top-2 td.topnav ul li a {text-decoration: none; display: block; color: #4f4f4f; width: 105px}
#bn-top #bn-top-2 td.topnav ul li a:hover {color: #120076}
#bn-top #bn-top-2 #bn-top-3 {font: 13px Verdana, Arial, Helvetica, sans-serif; width: 100%}
#bn-top #bn-top-2 #bn-top-3 td {text-align: right; padding-right: 14px}

/* TopSubBanner Styles
--------------------------------------------------------*/

#TopSubBannerCell {padding: 8px 0}
#bn-nav {text-align: center; width: 100%; background: #050505 url(Images/design/bn-nav-left.gif) no-repeat top left}
#bn-nav td {padding-left: 13px; background: url(Images/design/bn-nav-right.gif) no-repeat top right; text-align: center}

/* !!!! ==>
TOP BANNER DROP DOWN NAVIGATION
<== !!!! */

/* all lists */
#mainnav,
#mainnav ul {text-transform: capitalize; padding: 0; margin: 0; list-style: none;	line-height: 1px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff}
#mainnav a {display: block; padding: 5px 0; color: #fff; text-decoration: none}
#mainnav a:hover {z-index: 3; background: #52C0D9; color: #000}

/* all list items */
#mainnav li {z-index: 3; float: left; padding: 0}

/* first-level lists */
#mainnav li a {z-index:3; padding: 6px 17px}

/* second-level lists */
#mainnav li ul {z-index: 3; text-align: left; position: absolute; background: #DEF9FF; width: 132px; left: -999em; border: 1px solid #000; border-bottom: none; border-top: none}
#mainnav li ul li {z-index: 3; border-bottom: 1px solid #000; width: 132px}
#mainnav li ul li a {z-index: 3; border-right: none; width: 132px; padding: 5px 0; text-indent: 5px; color: #000}
#mainnav li ul li a:hover {z-index: 3; background: #52C0D9; width: 132px; color: #000}

/* third-and-above-level lists */
#mainnav li ul ul {border-top: 1px solid #000; margin: -24px 0 0 132px}
#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul {left: -999em}
#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul {left: auto}
#mainnav li ul .arrow ul li a {background: none}
#mainnav li ul .arrow ul li a:hover {background: none; background-color: #210003}

/* LeftColumnNav Styles
--------------------------------------------------------*/

#LeftColumnCell {background: #fff}
#LeftColumnNav1_custommenu {width: 183px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000}
#LeftColumnNav1_custommenu h1 {font-size: 15px; font-weight: bold; color: #fff; background: url(Images/design/lc-head-bkgd.gif) no-repeat; padding: 15px 0 15px 15px}
#LeftColumnNav1_custommenu h2 {margin: 5px 0; font-size: 11px; font-weight: bold; color: #fff; padding: 6px 0 6px 15px}
#LeftColumnNav1_custommenu h2#hot {background: url(Images/design/lc-h2-bkgd-turq.gif) no-repeat}
#LeftColumnNav1_custommenu h2#news {background: url(Images/design/lc-h2-bkgd-grey.gif) no-repeat}
#LeftColumnNav1_custommenu ul {margin: 0; padding: 0 0 5px 0; list-style: none; line-height: 23px}
#LeftColumnNav1_custommenu ul li a {color: #191919; text-decoration: none; padding-left: 15px}
#LeftColumnNav1_custommenu ul li a:hover {text-decoration: underline; color: #120076}

/* Footer Styles
--------------------------------------------------------*/

#FooterCell {background: url(Images/design/bn-footer-tile.gif) repeat-x; text-align: center; font: 11px/30px Verdana, Arial, Helvetica, sans-serif; color: #cccccc; padding: 0}
#ft-top {background: url(Images/design/bn-footer-left.gif) no-repeat top left; width: 100%; text-align: center}
#ft-top td {background: url(Images/design/bn-footer-right1.gif) no-repeat top right}

#ft-top a {color: #cccccc; text-decoration: none}
#ft-top a:hover {text-decoration: underline; color: #ffffff}
#ft-top ul {font-size: 12px; display: inline; text-align: center; list-style: none; margin: 0; padding: 0}
#ft-top ul li {display: inline; margin: 0 15px}
#ft-top p {color: #cccccc; font-size: 12px; margin: 0; padding: 0}

/* Default Page Styles
--------------------------------------------------------*/

#df-wrap {border-left: 4px solid #fff}
#df-wrap h1 {background: url(Images/design/df-h1-bkgd.jpg) no-repeat; padding: 20px 0 135px 19px; font: bold 20px Verdana, Arial, Helvetica, sans-serif; color: #454545}
#df-wrap table {width: 100%; font-size: 11px; line-height: 16px}
#df-wrap table td {vertical-align: top; width: 50%}
#df-wrap table td.left {padding-right: 10px}
#df-wrap table h2 {margin: 0 0 5px 0; padding: 0; font-size: 13px; font-weight: bold; color: #D07E02}
#df-wrap table h2 a {color: #d07e02; text-decoration: underline}
#df-wrap table h2 a:hover {text-decoration: none}
#df-wrap table p {margin: 0; padding: 0}
#df-wrap table p.link {margin: 15px 0 0 0; padding: 0}
#df-wrap table a.arrow {background: url(Images/design/c-arrows.gif) no-repeat 0 50%; padding-left: 20px}
#df-wrap table img.rt {float: right}
#df-wrap .line {border-bottom: 1px solid #D07E02; margin: 20px 0}

/* Static Page Styles
--------------------------------------------------------*/

#contentwrap {line-height: 16px; margin: 0 0 20px 8px}
#contentwrap h1 {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: url(Images/design/c-h1-bkgd.gif) no-repeat; padding: 5px 0; text-indent: 5px}
#contentwrap h2 {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000}
#contentwrap h3 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000}
#contentwrap ol ul {list-style: none; margin: 10px 0 10px 20px}
#contentwrap .line {border-bottom: 1px solid #ccc}

/* Search & Cart Control Styles
--------------------------------------------------------*/

/* Search Styles */
#TopBanner1_SimpleSearch1_Panel1 {float: right; margin: 15px 0 0 0; padding: 0; font-size: 13px; color: #191919}
.searchbox {border: 1px solid #6AAEBE; width: 100px; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #191919; background: #fff}

/* Cart Styles */
#cartwrap {margin: 27px 0 12px 0}