/* Vespoli: Main CSS  */
/* Shannon-Rose Design 2008 */

/* Swatches
	Header Blue: 415a77
	Body Blue: 334c65
	Footer Bkgd: c0c0c0
	Header Text: f4f4f4
	Yellow: fbe72e
	Light Gray Text: 818181
	Medium Gray Text: 585858
	Dark Gray Text 3a3a3a
	Yellow Bkgd: a09960
	Light Blue: 7089a2
*/

/* == Common Rules ============================ */
.clear {
	clear: both;
}
div.clear {
	font-size: 0px;
	line-height: 0px;
	height: 0;
	visibility: hidden;
}
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* ============================================ */
body {
	font-size: 62.5%;
	line-height: 140%;
	color: #3a3a3a;
	font-family: Helvetica, Arial, sans-serif;
	background: #273f57 url(/templates/vespoli_home/imgs/bodyBkgd.jpg) repeat-x 0 0;
}
div#masthead {
	width: 100%;
	height: 119px;
	margin: 0 auto;
	background: transparent url(/templates/vespoli_home/imgs/mastheadBkgd.jpg) no-repeat 50% 0;
}
div#header {
	width: 900px;
	margin: 0 auto;
	background: transparent url(/templates/vespoli_home/imgs/mastheadBkgd.jpg) no-repeat 50% 0;
}
div#headerLogo {
	height: 90px;
}
#header img {
	margin: 25px 0 0;
	float: left;
	display: inline;
}
#header h1 {
	color: #fff;
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	font-style: italic;
	float: left;
	padding: 35px 0 0 30px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	display: inline;
}
div#navigation {
	height: 29px;
	width: 900px;
}
#navigation ul {
	width: 900px;
	position: relative;
	z-index: 15;
}
#navigation ul li {
	width: 100px;
	height: 28px;
	margin: 1px 1px 0;
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	position: relative;
	text-align: center;
}
#navigation li a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	height: 20px;
	display: block;
	position: relative;
	padding: 8px 0 0;
}
#navigation li a:hover {
	color: #fbe72e;
	text-decoration: none;
	display: block;
	background: #000 url(/templates/vespoli_home/imgs/navItemBkgd.gif) repeat-x 0 0;
}
/* Special cases - Home */
#navigation ul li.navItemLeft {
	width: 52px;
	margin: 1px 1px 0 0;
}
#navigation ul li.navItemLeft a {
	width: 52px;
	background: transparent url(/templates/vespoli_home/imgs/homeIcon.png) no-repeat 0 0;
}
#navigation ul li.navItemLeft a:hover {
	background: transparent url(/templates/vespoli_home/imgs/homeIcon.png) no-repeat 0 100%;
}
#navigation ul li.navItemLeft a em {
	display: none;
}
#navigation ul li.navItemLeft img {
	margin: 0 0 0 17px;
}
/* Special cases - Services & Repair */
li#service, li#service a {
	width: 132px!important;
}
li#service ul li a {
	width: 140px!important;
}
/* Special cases - Contact */
#navigation ul li.navItemRight {
	margin: 1px 0 0 1px;
}
/* Drop down menu styles */
#navigation li ul {
	position: absolute;
	left: 0;
	margin: 0;
	background-color: #000;
	width: 155px;
	padding: 7px 0;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #2b2b2b;
}
#navigation li ul li {
	display: block;
	padding: 0;
	text-align: left;
	margin: 0; /* width: 155px; */
	width: 100%;
	float: none;
	height: auto;
	font-size: 10px;
	background-color: #000;
	background-image: none;
}
#navigation li ul li a {
	display: block;
	color: #9a9999; /* width: 140px; */
	height: auto;
	padding: 6px 0 4px 15px;
}
#navigation li ul li a:hover {
	background: none;
	color: #000;
	background-color: #fbe72e;
}
#navigation ul.noshow {
	display: none;
}
#navigation li:hover ul, #navigation li.over ul {
	display: block!important;
}
#navigation li a.subNavHover {
	background: #000 url(/templates/vespoli_home/imgs/navItemBkgd.gif) repeat-x 0 0;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	text-decoration: none;
	display: block;
	background: #000 url(/templates/vespoli_home/imgs/navItemBkgd.gif) repeat-x 0 0;
}
#navigation ul li.navItemRight ul {
	left: -57px;
}
.sf-sub-indicator {
	display: none;
}
/* Main content styles */
div#wrapper {
	width: 100%; /*min-height: 941px;*/
	margin: 0 auto;
	padding-bottom: 80px;
	background: transparent url(/templates/vespoli_home/imgs/wrapperBkgd.jpg) no-repeat 50% 0; /*padding: 0 0 25px;*/
}
div#main {
	width: 900px;
	margin: 0 auto;
	/*background-color: #fff;*/
	background: #fff url(/imgs/mainBkgd.gif) repeat-y 100% 0;
}
div.interiorPage {
/*background: #c1bb8d url(/templates/vespoli_home/imgs/interiorSideBarBkgd.jpg) repeat-x 100% 0;
	background-color: #efefef;*/
}
div#contentLeft {
	width: 663px;
	float: left;
	display: inline;
}
div#contentRight {
	width: 237px;
	float: left;
	display: inline;
}

/* STORE  HOME ONLY! */
h1#indexDefaultHeading { 
	display: none;
}
div.homeBox {
	background-color: #EBEBEB;
	width: 295px;
	margin-bottom: 14px;
	padding: 10px 0;
}
div#homeBoxLeft {
	float: left;
	display: inline;
}
div#homeBoxRight {
	float: right;
	display: inline;
}
div.homeBox h2 {
	margin: 0 14px 4px!important;
	text-align: center;
}
div.homeBox p {
	font-size: 12px!important;
	margin: 0 14px!important;
	background:#FAE320 url(/imgs/yellowSquareBkgdLeft.gif) no-repeat scroll 0 0;
	font-size:12px;
	height:26px;
	line-height:16px;
}
div.homeBox p a {
	font-weight: bold;
	text-decoration: none;
background:transparent url(/imgs/yellowSquareBkgdRight.gif) no-repeat scroll 100% 0;
color:#000000;
display:block;
height:21px;
padding:5px 0 0;
text-align:center;
}
div.homeBox p a:link, div.homeBox p a:visited {
}
div.homeBox p a:hover {
}
div#indexDefaultMainContent {
	background-color: #FFF!important;
}


/* Page Header Styles */

div#pageHeader {
	width: 100%;
	height: 59px;
	background: #101010 url(/templates/vespoli_home/imgs/pageHeaderBkgd.gif) repeat-x 0 0;
}
#pageHeader h1 {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #fbe72e;
	text-transform: uppercase;
	margin: 0 0 0 45px;
	padding: 18px 0 0;
	letter-spacing: 0.05em;
}
#pageHeader h1 a {
	color: #fbe72e;
	text-decoration: none;
}
#pageHeader h1 a:hover {
	color: #fbe72e;
	text-decoration: underline;
}
/* Sub Navigation Styles */
div#subNavigation {
	width: 100%;
	height: 24px;
	background-color: #838383;
}
#subNavigation ul {
	width: 800px;
	margin: 0 0 0 45px;
}
#subNavigation ul li {
	float: left;
	height: 24px;
	color: #fff;
	margin: 0 2px;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	display: inline;
}
#subNavigation li a {
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	padding: 6px 25px 4px;
}
#subNavigation li a:hover {
	text-decoration: none;
	color: #000;
}
#subNavigation li.activeTab {
	height: 27px;
	margin-top: -3px;
	z-index: 5;
	position: relative;
	background: transparent url(/templates/vespoli_home/imgs/subNavigationLeft.gif) no-repeat 0 0;
}
#subNavigation li.activeTab a {
	color: #000;
	padding: 6px 25px 7px;
	z-index: 5;
	position: relative;
	background: transparent url(/templates/vespoli_home/imgs/subNavigationRight.gif) no-repeat 100% 0;
}
/* Home Page Left Column Styles */
div#homeCalloutTop {
	height: 371px;
	background: #a09960 url(/templates/vespoli_home/imgs/homeCalloutTopBkgd.jpg) no-repeat 0 0;
}
#homeCalloutTop h1 {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding: 225px 50px 0 440px;
}
#homeCalloutTop p {
	padding: 5px 40px 0 440px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
}
#homeCalloutTop a {
	color: #fff;
	text-decoration: none;
}
#homeCalloutTop a:hover {
	color: #334D66;
	text-decoration: none;
}
div#homeCalloutLeft {
	width: 332px;
	float: left;
	display: inline;
	height: 168px;
	background: #fff url(/templates/vespoli_home/imgs/homeCalloutLeftBkgd.gif) no-repeat 100% 0;
}
div#homeCalloutRight {
	width: 331px;
	float: left;
	display: inline;
	height: 168px;
	background-color: #fff;
}
#homeCalloutLeft h2, #homeCalloutRight h2 {
	font-size: 10px;
	margin: 25px 0 0 35px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
#homeCalloutLeft h3, #homeCalloutRight h3 {
	font-size: 12px;
	margin: 0 35px;
	line-height: 20px;
	font-weight: bold;
}
#homeCalloutLeft p, #homeCalloutRight p {
	color: #3a3a3a;
	margin: 0 35px;
	font: normal 11px/17px Arial, Helvetica, sans-serif;
}
#homeCalloutLeft a, #homeCalloutRight a {
	color: #3a3a3a;
	text-decoration: none;
}
#homeCalloutLeft a:hover, #homeCalloutRight a:hover {
	color: #334D66;
	text-decoration: underline;
}
/* Inside Page Left Column Styles */
div#interiorContent {
	width: 578px;
	background-color: #fff;
	padding: 30px 40px 55px 45px;
}
#interiorContent h1 {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
#interiorContent p {
	font-size: 11px;
	line-height: 17px;
	margin: 15px 0 0;
	color: #373737;
}
#interiorContent ul {
	margin: 20px 0 0;
}
#interiorContent ul li {
	list-style-type: disc;
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 0 25px;
	color: #373737;
}
#interiorContent img {
	display: inline;
	margin: 0 0 10px 15px;
	border: 1px solid #909090;
}
/* Inside Page Right Column Styles */
div#interiorSideBar {
	width: 182px;
	padding: 30px 30px 30px 25px;
}
#interiorSideBar h1 {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#interiorContent h2 {
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#interiorContent h3 {
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #000;
}
#interiorContent h4 {
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #000;
}
#interiorSideBar p {
	color: #373737;
	margin: 15px 0 0;
	font: normal 11px/17px Arial, Helvetica, sans-serif;
}
#interiorSideBar #featuredContent p {
	margin: 0;
	font-size: 11px;
	line-height: 15px;
}
#interiorSideBar #featuredContent p.bottomMargin {
	margin: 0 0 5px;
}
#interiorSideBar ul {
	margin: 20px 0 0;
}
#interiorSideBar ul li {
	font: normal 11px/17px Arial, Helvetica, sans-serif;
	color: #373737;
	margin: 0 0 0 25px;
	list-style-type: disc;
}
/* Home Page Right Column Styles */
div#sideBarCallout {
	height: 371px;
	background: #000 url(/templates/vespoli_home/imgs/sideBarCalloutBkgd.gif) repeat-x 0 0;
}
#sideBarCallout h3 {
	color: #818181;
	text-align: center;
	padding: 80px 0 0;
	font: normal 11px/17px Arial, Helvetica, sans-serif;
}
#sideBarCallout h3 img {
	margin: 10px 0;
}
#sideBarCallout h2 {
	width: 181px;
	height: 35px;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	border: 1px solid #464645;
	text-align: center;
	margin: 5px auto;
	text-transform: uppercase;
}
#sideBarCallout h2 a {
	display: block;
	padding: 10px 0 0;
	height: 25px;
	color: #fff;
	text-decoration: none;
}
#sideBarCallout h2 a:hover {
	text-decoration: none;
	color: #fbe72e;
	background: #282828 url(/templates/vespoli_home/imgs/sideBarCalloutLinkBkgd.gif) repeat-x 0 0;
}
#sideBarCallout p {
	text-align: center;
	color: #fbe72e;
}
/* Footer Styles */
#footer {
	background-color: #c0c0c0;
	height: 31px;
}
#footer p {
	color: #585858;
	text-transform: uppercase;
	margin: 0 0 0 12px;
	padding: 4px 0 0;
	font: normal 9px/13px Arial, sans-serif;
}
#footer a {
	color: #585858;
	text-decoration: none;
}
#footer a:hover {
	color: #010101;
	text-decoration: none;
}
#footer p em {
	font-style: normal;
	margin: 0 17px;
}
img.facebookIcon { display: inline; margin: 0 8px -3px 0; }
img.facebookIcon2 {
	display: inline;
	margin: 0 14px -6px 0;
}
a#footerFacebookLink:link img, a#footerFacebookLink:visited img {
	border: 2px solid #3b5997;
}
a#footerFacebookLink:hover img {
	border: 2px solid #FFF;
}

/* Store Specific Styles */

/* Sidebar - Categories menus */
div#categories div.sideBoxContent {
	padding: 0;
}
div#categoriesContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img#store {
	margin: 0 0 10px!important;
	border: none!important;
}
#interiorContent td ul {
	margin: 0 0 15px;
	text-align: left;
}
#interiorContent td {
	padding: 0 15px;
	text-align: center;
}
#interiorContent td a img {
	margin: 0!important;
	border: none!important;
}
#interiorContent div.categoryListBoxContents a img {
	margin: 0 0 5px;
}
div.categoryListBoxContents {
	background-color: #efefef;
	width: 180px!important;
	margin: 10px 0 10px 10px;
/*	border: 1px solid #ccc; */
	padding: 15px 0 10px;
}
div.categoryListBoxContents a, div#productnotificationsContent a, div#productMainImage a, div#featuredContent a, div#whatsnewContent a {
	text-decoration: none;
	color: #3a3a3a;
}
div.categoryListBoxContents a:hover, div#productnotificationsContent a:hover, div#productMainImage a:hover, div#featuredContent a:hover, div#whatsnewContent a:hover {
	text-decoration: none;
	color: #000;
}
div.categoryListBoxContents a img {
	border: 1px solid #333!important;
}
div.categoryListBoxContents a:hover img {
	border: 1px solid #FBE72E!important;
}
div#productQuantityDiscounts td {
	padding: 5px;
}
div#featuredContent a img, div#whatsnewContent a img {
	margin: 0 0 5px;
}
table#cartContentsDisplay td {
	padding: 5px 15px;
}
table.tabTable td {
	padding: 5px!important;
}
div#shippingInfoMainContent ul {
	margin: 0 0 15px!important;
}
div#shippingInfoMainContent h1, div#conditionsMainContent h1 {
	margin: 10px 0 5px!important;
}
div#shippingInfoMainContent, div#conditionsMainContent {
	font-size: 11px;
	line-height: 17px;
}
div#contactUsNoticeContent p {
	margin: 0!important;
}
div#searchContent input {
	margin: 0 0 5px;
}
h2#gvFaqDefaultSubHeading {
	margin: 10px 0 0;
}
div#siteMapList ul li ul {
	margin: 0!important;
}
div#conditionsMainContent h1, div#shippingInfoMainContent h1 {
	font-size: 14px!important;
	letter-spacing: 0.1em!important;
}
tr.rowEven td {
	background-color: #F0F0F0;
}
tr.rowOdd td {
	background-color: #e8e8e8;
}
div#navNextPrevWrapper {
	width: 600px;
}
tr.productListing-even td {
	background-color: #efefef;
}
div#shippingInfoMainContent ul {
	width: 555px;
}
/* Buying a Boat hard-wire box */
div#buyingBoats div.sideBoxContent a {
font-weight: bold;
	text-decoration: underline;
}
div#buyingBoats div.sideBoxContent a:link, div#buyingBoats div.sideBoxContent a:visited {
	text-decoration: underline;
}
div#buyingBoats div.sideBoxContent a:hover {
}


/* Checkout */
#checkoutShipping h2 {
	margin: 1em 0 .5em;
}
#checkoutShipping fieldset {
	margin: 1em 0;
}
#checkoutShipping legend img {
	margin: 0;
}

div#otsubtotal,
div#otshipping,
div#ottotal,
div#orderTotals {
	font-size: 13px;
}
div.totalBox,
div.amount {
	font-weight: bold;
}

/* Order Confirm */
div#checkoutBillto h2,
div#checkoutBillto h3,
div#checkoutShipto h2,
div#checkoutShipto h3,
div#myAccountShipInfo h3,
div#myAccountShipInfo h4,
div#myAccountPaymentInfo h3,
div#myAccountPaymentInfo h4 {
	margin: 1em 0;
}