/*
File: master style sheet for Hatteras Yachts
Created by: Laco Janic | http://www.thetribe.com/
Date: 01. March 2009
*/

html, body { width: 100%;}

html, body, form, fieldset { margin: 0; padding: 0; font: 12px/160% arial, helvetica, sans-serif;}

a img { border: 0;}

p, pre, blockquote, ul, ol, dl, address { margin: 0 0 15px 0; padding: 0;}

li, dd, blockquote { margin-left: 20px;}

form label { cursor: pointer;}

fieldset { border: none;}

input, select, textarea { font-size: 100%;}

.hide { display: none;}

.big { font-size: 14px; line-height: 160%; margin: 15px 0;}

/* Links
-------------------------------------------------------------------------- */

a, a:link, a:visited { text-decoration: none; color: #32adff;}

a:hover { color: #fff; text-decoration: underline;}

/* Headings
-------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: bold; padding: 0; line-height: 1; margin: 0 0 15px 0; line-height: 140%;}

h2 { font-size: 18px; text-align: left;}

h3 { font-size: 14px; text-align: left; margin-bottom: 0; text-transform: uppercase;}

h4 { font-size: 12px;}

/* Main Structure
-------------------------------------------------------------------------- */

body { margin: 0; padding: 0 0 50px 0; text-align: center; color: #333; background: #fff url(../images/bcgr.png) 0 0 repeat-x; font: normal 12px/160% Arial, Helvetica, sans-serif;}

#Wrapper { background: #fff url(../images/bcgr.png) 0 0 repeat-x; width: 100%; position: relative;}

#Container { width: 950px; margin: 0 auto; text-align: left; position: relative; color: #333; font: normal 12px/160% Arial, Helvetica, sans-serif;}

/* Head
-------------------------------------------------------------------------- */

#Head { width: 950px; height: 141px; margin: 0; position: relative;}

#Logo { position: absolute; top: 55px; left: 0; width: 400px; height: 82px;}

#Logo a { width: 400px; height: 82px; display: block; z-index: 100;}

#Logo a:hover { background: url(../images/home.png) 120px 60px no-repeat;}

#TopElements { position: absolute; left: 0; top: 4px; width: 945px;}

#TopElements p { float: right; margin: 0 0 0 4px; color: #fff; font-size: 10px;}

#TopElements p#Register { float: left; margin: 0 0 0 4px; color: #fff; font-size: 10px;}

#TopElements input { background: #e6e6e6; border: none; color: #000; padding: 2px 5px 1px 5px; margin: 0 2px 0 0; width: 200px;}

#TopElements input.submit { color: #fff; background: #000 url(../images/send-01.png) 0 0 no-repeat; border: 0px solid #9d0426; padding: 0; font-size: 10px; font-weight: bold; text-transform: uppercase; cursor: pointer; text-indent: -9999px; width: 54px; height: 17px;}

#Register { padding: 2px 15px 2px 30px; background: url(../images/sign-up.png) 0 0 no-repeat; font-size: 14px;}

#Head #ThankYou p { margin: 0; color: #ccc; font-size: 12px; text-align: center; padding: 4px 0 0 0;}

iframe { position: absolute; right: 0; top: 0px; width: 960px; height: 30px; border: none;}

#Mobile { width: 327px; height: 40px; position: absolute; top: 30px; right: 3px; background: url(../images/mobile.png) 0 0 no-repeat; text-indent: -9999px;}

/* Menu 1
-------------------------------------------------------------------------- */

#Menu1 { margin: 0; padding: 0; position: absolute; bottom: 0; width: 945px; height: 27px; background: url(../images/nav.png) 0 0 no-repeat; overflow: hidden;}

#Menu1 li, #Menu1 li a { float: left; display: block; width: 157px; margin: 0; padding: 0; position: relative; height: 27px;}

#Menu1 li a { position: relative; width: 157px; bottom: 0; text-indent: -9999px; height: 34px; display: block;}

#Menu1 li a:hover.b1, #Menu1 li.current .b1 { background: url(../images/nav.png) 0 -27px no-repeat;}

#Menu1 li a:hover.b2, #Menu1 li.current .b2 { background: url(../images/nav.png) -157px -27px no-repeat;}

#Menu1 li a:hover.b3, #Menu1 li.current .b3 { background: url(../images/nav.png) -314px -27px no-repeat;}

#Menu1 li a:hover.b4, #Menu1 li.current .b4 { background: url(../images/nav.png) -471px -27px no-repeat;}

#Menu1 li a:hover.b5, #Menu1 li.current .b5 { background: url(../images/nav.png) -628px -27px no-repeat;}

#Menu1 li a:hover.b6, #Menu1 li.current .b6 { background: url(../images/nav.png) -785px -27px no-repeat;}

/* Menu 2 sifr
-------------------------------------------------------------------------- */

#Menu2 { width: 920px; height: 50px; margin: 0; padding: 0; list-style: none; overflow: hidden; text-align: center; position: absolute; top: 0; left: 10px;}

#Menu2 li { display: block; float: left; margin: 0; padding: 0;}

#Menu2 a { display: block; float: left; width: auto; margin: 0 0 0 0; padding: 10px 0 0 0; color: #000; text-decoration: none; text-align: center;}

#Menu2 a:hover, #Menu2 a:focus, #Menu2 a:active { color: #fff;}

#Menu2 li a.current { color: #fff;}

#Menu2 li object { cursor: pointer;}

.sIFR-active #Menu2 li { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 14px; padding: 12px 0 0 0; margin: 0;}

.sIFR-active #Menu2 li a { margin: 0; padding: 0;}

.sIFR-active #Menu2 li object { margin: 0;}

#Blog #Menu2 { width: 920px; height: 50px; margin: 0 0 0 10px; position: relative;}

/* Menu 3 (tabs)
-------------------------------------------------------------------------- */

#Menu3 { margin: 0; padding: 0 0 0 5px; position: relative; width: 945px; height: 33px; overflow: hidden; background: #fff;}

#Menu3 li { float: left; display: inline; width: 130px; margin: 0 5px 0 0; padding: 0; position: relative; height: 33px; border: 0px solid #333; background-image: none;}

#Menu3 li a { float: left; position: relative; color: #adb1b4; width: 130px; bottom: 0; height: 33px; display: block; text-align: left; font-weight: bold; text-indent: 10px; line-height: 2.8; text-transform: uppercase; background: url(../images/tab-button.png) 0 0 no-repeat;}

#Menu3 li a:hover, #Menu3 li.current a { background: url(../images/tab-button.png) 0 -34px no-repeat; width: 130px; color: #fff; text-decoration: none;}

/* idTabs sifr
-------------------------------------------------------------------------- */

.idTabs { width: 900px; height: 50px; margin: 0 20px; ; padding: 0; list-style: none; overflow: hidden; text-align: center; position: relative;}

.idTabs li { display: block; float: left; margin: 0; padding: 0;}

.idTabs a { display: block; float: left; width: auto; margin: 0 0 0 0; padding: 10px 0 0 0; color: #000; text-decoration: none; text-align: center;}

.idTabs a:hover, .idTabs a:focus, .idTabs a:active { color: #fff;}

.idTabs li a.current { color: #fff;}

.idTabs li object { cursor: pointer;}

.sIFR-active .idTabs li { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 14px; padding: 12px 0 0 0; margin: 0;}

.sIFR-active .idTabs li a { margin: 0; padding: 0;}

.sIFR-active .idTabs li object { margin: 0;}

.sIFR-active .idTabs li h2 { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 14px; padding: 0; margin: 0;}

.TabContent { width: 900px; overflow: hidden; margin: 0 20px;}

/* Home Page
-------------------------------------------------------------------------- */

#Intro { width: 950px; height: 475px; position: relative; margin: 0 0 0 -5px;}

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

#Content { width: 950px; height: 495px; margin: 0; padding: 0; position: relative; font: normal 12px/130% Arial, Helvetica, sans-serif; color: #fff;}

#Content #ContentInside { background: url(../images/bcgr-content.png) 0 0 no-repeat; width: 950px; height: 437px; position: absolute; top: 50px; left: -5px;}

#MainCol { width: 490px; padding: 20px 0 0 25px; float: left;}

#MainCol2 { width: 900px; padding: 20px 0 0 25px;}

.pic-01 { margin: 25px 28px 0 0; float: right;}

.pic-02 { margin: 33px 0 0 0;}

#MainHeading { font-size: 18px; line-height: 1.2; color: #fff; padding: 8px 0 10px 10px; text-transform: uppercase; width: 400px; height: 18px;}

#MainCol #MainHeading,
#MainCol2 #MainHeading { padding: 8px 0 10px 0;}

#Col1 { float: left; display: inline; width: 460px;}

#Col2 { float: right; display: inline; width: 400px;}

#Col1 .FlashImage { margin-bottom: 10px;}

#Col2 .Specs { border-collapse: collapse; width: 400px; margin-bottom: 15px;}

#Col2 .Specs td { padding: 1px 3px; font-weight: bold;}

#Col2 .Specs td.t1 { width: 200px;}

#Col2 .Specs td.t2 { width: 100px;}

#Col2 .Specs td.t3 { width: 100px;}

#Col2 .Specs td.t4 { width: 300px;}

#Col2 .Specs td.t5 { width: 100px;}

/*#Col1 li{ list-style: none; background: url(../images/arrow-subnav.png) 0 4px no-repeat; padding: 0 0 0 12px; margin: 5px 0 5px 10px; }*/

#FlashPage { width: 950px; margin: 0;}

#download { float: left; display: inline; width: 460px; text-align: center; margin-top: 20px;}

/* Hotspots
-------------------------------------------------------------------------- */

#Hotspots { width: 950px; height: 140px; margin: 15px 0 15px -5px; position: relative; padding-top: 10px; background: url(../images/hotspots-bcgr.png) 0 0 no-repeat; clear: both;}

#Box1, #Box2, #Box3 { width: 294px; height: 114px; margin: 0; position: absolute; top: 16px;}

#Box1 { left: 12px; background: url(../images/hotspot-001.jpg) 0 0 no-repeat;}

#Box2 { left: 328px; background: url(../images/hotspot-022.jpg) 0 0 no-repeat; cursor: pointer;}

#Box3 { left: 644px; background: url(../images/hotspot-03.jpg) 0 0 no-repeat;}

#Hotspots h3 { padding: 10px; color: #fff; font-size: 16px; margin: 0;}

#Hotspots p { padding: 0 12px; color: #fff; font-size: 10px; line-height: 1.4; margin: 0;}

#Hotspots a, #Hotspots a:visited { font-weight: bold; color: #fff;}

#Hotspots a:hover { text-decoration: underline;}

#Box1 p { margin: 0px 42px 42px 0px;}

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

#Footer { width: 950px; clear: both; position: relative;}

#Footer p { clear: both; width: 950px; position: relative;}

#Footer p { font-size: 11px; margin: 0 15px;}

#Footer a, #SiteMap a:visited { color: #333;}

#Footer a:hover { color: #b30236;}

#Footer #HatterasLogo { position: absolute; right: 95px; top: 0;}

#Footer #CaboLogo { position: absolute; right: 10px; top: 0;}

/* Blog
-------------------------------------------------------------------------- */

#Blog #Wrapper { background: #fff url(../images/bcgr-02.png) 0 0 repeat-x;}

#Blog #Content { width: 940px; background: #67707F url(../images/bcgr-blog.png) 0 0 no-repeat; color: #fff; position: relative; clear: both; height: auto; overflow: hidden;}

#container2 { width: 940px; overflow: hidden; background: #67707F url(../images/bcgr-blog-bottom.png) bottom left no-repeat; margin-top: 20px;}

#container2 #col1 { float: left; display: inline; width: 660px; margin-left: 15px;}

.items { padding: 0; margin: 0; clear: both;}

.items h4 { color: #fff; padding: 0 0 5px 0; margin: 0;}

.items img { padding: 0; margin: 5px 10px 0 0;}

.items .bloginfo { padding: 0 0 10px 0; margin: 0;}

.items p { padding: 0; margin: 0 0 12px 0;}

.items a, .items a:visited { color: #32adff;}

.items a:hover { color: #333;}

/* Blog header
-------------------------------------------------------------------------- */

.items h3 { color: #333; padding: 0 0 5px 0; margin: 0; font-size: 18px; line-height: 140%; text-align: center;}

.dayHeader { text-align: center; border-bottom: 1px solid #7f8899; padding: 8px 0; margin: 0 0 10px 0; font-size: 13px; color: #fff; position: relative;}

.archiveLinkStyle { position: absolute; top: 0; right: 0;}

p.author { text-align: center; border-bottom: 1px solid #7f8899; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 12px; line-height: 160%;}

p.author strong { display: block; font-size: 14px;}

/* Blog footer
-------------------------------------------------------------------------- */

.itemFooter { text-align: left; padding: 5px 10px; background: #5c6472; margin: 10px 0; clear: both; border: 1px solid #ababad;}

.itemFooter p { margin: 0; padding: 0;}

.itemFooter span { clear: both; position: relative; padding: 10px 0; margin: 0; font-size: 11px; display: block; font-weight: bold;}

.itemFooter span a { font-weight: normal;}

.commentLinkStyle { font-size: 12px;}

/* Sidebar
-------------------------------------------------------------------------- */
#container2 #col3 {
display:inline;
float:right;
margin:0;
width:220px;
margin-right: 15px;
overflow: hidden;
}

#container2 .sidebar { width: 220px; clear: right;}

#container2 .sidebar h2 { font-size: 14px;}

.sidebar table { font-size: 12px;}

.xmlCoffeeMugStyle img { padding: 10px 0;}

.feedLinkStyle img { display: none;}

a.feedLinkStyle, a:visited.feedLinkStyle { background: url("http://www.hatteras-collection.com/images/xmlCoffeeMug.gif") no-repeat 0 0; width: 200px; height: 32px; display: block; position: relative; margin: 10px 0;}

.permalinkStyle { }

p.commentLink { clear: both; position: relative; padding: 0; margin: 15px 0 10px 0; width: auto;}

.item { padding: 5px 0 10px 0;}

#container2 #col1 img.rss { float: right; margin: -28px 0 0 0; padding: 0;}

#container2 #col1 .icons img { float: none; margin: 15px 0; padding: 0; display: block;}

.blogabout { width: 100%; margin: 0; clear: both; text-align: center}

.blogabout img { border: 1px solid #ababad; margin: 10px auto 0 auto; clear: both;}

#container2 #col1 img,
.image { float: left; margin: 5px 10px 0 0; border: 0px solid #ababad;}

.image2 { float: left; margin: 5px 10px 0 0;}

#container2 #col1 .itemBody img { border: 1px solid #ababad; padding: 3px; margin-bottom: 15px;}

#weblogCalendar{ color: #333;}

.hCalendarMonthYearRow { width: 100%;}

.hCalendarMonthYearRow td { font-weight: bold; padding: 3px; color: #fff;}

.hCalendarDayNameRow { color: #fff;}

.hCalendarStyle { border-collapse: collapse; width: 200px; font-size: 11px; background: #5c6472; border: 1px solid #ccc;}

.hCalendarOtherMonthStyle { border: 1px solid #fff; background: #f1f1f1;}

.hCalendarOtherMonthWeekendStyle { border: 1px solid #fff; background: #f1f1f1;}

.hCalendarDay { border: 1px solid #fff; background: #e1e1e1;}

.hCalendarWeekendStyle { border: 1px solid #fff; background: #e1e1e1;}

.hCalendarDayCurrent, .hCalendarDayCurrent a, .hCalendarDayCurrent:visited { background: #32adff; color: #fff}

.blogRollCellStyle, .titleListStyle td, .archiveLinksTableStyle td { background: url("../images/arrow-01.png") no-repeat 0 6px; padding: 0 0 0 8px; font-weight: bold;}

.navigatorLinksCellStyle, .titleListStyle td, .archiveLinksTableStyle td { background: url("../images/arrow-01.png") no-repeat 0 6px; padding: 0 0 0 8px; font-weight: bold;}

.categoryListCellStyle { font-weight: bold;}

/* Share Icons
-------------------------------------------------------------------------- */

.sharesb { clear: both; position: relative; padding: 10px 0; margin: 15px 0; font-size: 11px; width: 100%; height: 20px; background: #5c6472; border: 1px solid #ababad;}

.sharesb p { padding: 0; margin: 0;}

.sharesb p a { position: absolute; top: 0px; right: 0px; padding: 10px; font-size: 11px;}

.sharesb h3 { padding: 3px 0 0 0; margin: 0 5px 0 5px; width: 100px; font-weight: normal; border-bottom: none; float: left; display: inline; font-size: 11px; color: #fff;}

.sharesb ul { text-align: left; list-style: none; margin: 0 0 0px 15px; padding: 0; float: left; display: inline;}

.sharesb ul li { text-align: center; display: inline; padding: 3px 4px 6px 0;}

.sharesb ul li.delicious { background: url("../images/delicious.gif") no-repeat 0 0;}

.sharesb ul li.digg { background: url("../images/digg.gif") no-repeat 0 0;}

.sharesb ul li.reddit { background: url("../images/reddit.gif") no-repeat 0 0;}

.sharesb ul li.facebook { background: url("../images/facebook.gif") no-repeat 0 0;}

.sharesb ul li.stumbleupon { background: url("../images/stumbleupon.gif") no-repeat 0 0;}

.sharesb ul li a { padding: 0 0 0 26px; margin: 0 3px 0 0px;}

.sharesb ul li a:hover { color: #fff;}

/* Blog Comments
-------------------------------------------------------------------------- */

.commentViewBoxStyle { width: 450px; margin: 25px 0 10px 0; padding: 10px; background: #f1f1f1;}

table.commentViewTableStyle { padding: 5px 0; margin: 10px 0;}

table.commentViewTableStyle td { padding: 2px 0;}

.commentViewLabelStyle { padding-right: 10px;}

.commentViewTableStyle input, .commentViewTableStyle textarea { border: 1px solid #e1e1e1; background: #fff; padding: 3px;}

.commentViewBoxStyle span span { color: #32adff;}

input#_ctl2_add { background: #32adff; color: #fff; padding: 2px;}

.commentBoxStyle { padding: 10px; margin: 0 0 10px 0; background: #f1f1f1;}

.commentDateStyle { border-top: 1px dashed #ababad; border-bottom: 1px dashed #ababad; margin: 10px 0 0 0; padding: 10px 0; font-size: 14px;}

.commentBodyStyle { padding: 10px 0;}

.commentPermalinkStyle { font-weight: bold;}

/* Blog Admin
-------------------------------------------------------------------------- */

.adminNavbarStyle { margin: 0 auto; padding: 0; position: relative; width: 930px; height: 50px;}

.adminNavbarStyle li { margin: 0; padding: 0; list-style: none; float: left;}

.adminNavbarStyle a { display: block; width: 122px; margin: 0 1px 10px 0; padding: 2px 0; background: #32adff; color: #fff; border: 1px solid #32adff; text-decoration: none; text-align: center; font-size: 11px; font-weight: bold;}

.adminNavbarStyle a:hover, .adminNavbarStyle a:focus, .adminNavbarStyle a:active { background: #ababad; color: #fff; border: 1px solid #ababad;}

.adminNavbarStyle a.selected { background: #ababad; color: #fff; border: 1px solid #ababad;}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0;}

.sIFR-replaced, .sIFR-ignore { visibility: visible !important;}

.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}

.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px !important; z-index: 0;}

}

@media print {

.sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden;}

.sIFR-alternate { visibility: visible !important; display: block   !important; position: static  !important; left: auto    !important; top: auto    !important; width: auto    !important; height: auto    !important;}

}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/

@media screen {

/* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */

}

#Content #ContentInside2 { width: 950px; height: 437px; position: absolute; top: 50px; left: -5px;}