/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:14px 0px 0px 0px; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background:url(../img/bg.jpg) top center no-repeat fixed; background-color:#000; color:#fff;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#fff; text-decoration:underline;} 
a:hover, a:focus, a:active {text-decoration:none; outline:none;} 
#wrapper {width:993px; margin:0 auto;} 
.clear {clear:both;}
hr {color:#fff; background:#fff; clear:both;}
#_d {z-index:10000;}


/* HEADER */ 
#header {float:left; width:185px; margin:0; background:url(../img/bg-nav.png) repeat; min-height:600px; padding-top:5px;}
h1#topHeader{margin-left:-9999px; float:left;}
#logo {position:relative; z-index:2; width:268px;}
#logo a {width:268px; height:117px; margin:-17px 0px 0px -36px; display:block; background:url(../img/lgLogo.png) top left no-repeat;}
#number {font-size:20px; font-weight:bold; position:absolute; margin:40px 0px 0px 695px; width:300px; z-index:100; text-align:right;}
/* Opera */@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body #number {font-size:16px;}}
.searchtext {float:left; font-size:11px; font-weight:bold; position:relative; margin-top:14px;}
#search input.submit {visibility:hidden;}
#search input {margin-top:-28px;}
.gsc-resultsHeader .gsc-stats, .gsc-resultsHeader .gsc-title, .gsc-branding-text, .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl, .gsc-results .gsc-cursor-box .gsc-cursor-page {color:#fff;}
.gs-result .gs-title, .gs-result .gs-title * {color:#F00;}
#number #searchBoxHolder {position:relative; margin-top:-15px;}
#number #searchButtonHolder {visibility:hidden;}
#cart {position:relative; z-index:1000;}
#brands {position:absolute; margin:30px 0px 0px 270px; z-index:200;}
#brands img {margin:0px 10px;}

/*SUBNAV*/
#subNav {clear:right; background:url(../img/bg-nav.png) repeat; float:right; position:relative; z-index:101; text-align:center; width:795px; height:30px; margin:75px -3px 0px 0px; font-size:1em; color:#FFF; line-height:1.4em; border-left:1px solid #626B71; border-right:1px solid #626B71; border-top:1px solid #626B71;}
#categorylist #GEAR-ACCESSORIES {background:none;}
#categorylist #GEAR-ACCESSORIES:hover {background:none;}
/* Opera */@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body #subNav {font-size:10px; }}
*:first-child+html #subNav {margin-right:5px;}
#subNav li {float:left; list-style:none; width:auto;}
#subNav li .start, #subNav li .end { border-top:1px solid #626B71;}
#subNav a {padding:0px 5px; font-weight:bold; color:#FFF; text-decoration:none; display:block;}
#subNav ul {float:left; padding:0; margin:5px 0px 0 0px; height:0px; text-transform:uppercase;}
#subNav ul li {padding:0px 20px;}
#subNav ul li a:hover {color:#CCC;}
#subNav ul li ul li {clear:both; width:140px; background-color:#202427; border-bottom:1px solid #626B71; border-left:1px solid #626B71; border-right:1px solid #626B71; text-transform:none; padding:0px;}
#subNav ul li ul li a {padding:6px 3px;}
#subNav ul li ul li a:hover {color:#fff;}
#subNav ul li ul li:hover {background-color:#710108;}
#subNav li ul {width: auto;  position : absolute; margin:0px 0px 0px -20px; padding-top:8px; left: -999em;}
#subNav li ul ul {left: -999em;}
#subNav li:hover ul ul, #subNav li:hover ul ul ul, #subNav li.sfhover ul ul, #subNav li.sfhover ul ul ul {left: -999em;}
#subNav li:hover ul, #subNav li li:hover ul, #subNav li li li:hover ul, #subNav li.sfhover ul, #subNav li li.sfhover ul, #subNav li li li.sfhover ul {left: auto;}
#subNav ul li ul li ul {margin:-23px 0px 0px 120px;}
#subNav ul li ul li ul li {width:150px; border-bottom:1px solid #626B71; border-left:1px solid #626B71; border-right:1px solid #626B71;}

/*MAINNAV*/
#mainNav {width:185px; padding: 0;	margin: 0; list-style: none; float: left; position:relative; z-index:10; font-size:11px;}
#mainNav ul {padding:0; margin:0;}
#mainNav li {float:left; width:185px; height:44px; position:relative; list-style:none; border-bottom:1px solid #626B71; text-indent:5px; line-height:44px; cursor:pointer;}
#mainNav li a {display:block;}
#mainNav #level2 li{background-color:#202427; border-left:solid 3px #17191B;}
#mainNav #level2 li:hover{background-color:#710108;}
#mainNav a {color:#fff; text-decoration:none;}
#mainNav li ul {position : relative; left: -999em; margin:-44px 0px 0px 185px; font-size:12px; text-transform:none;}
#mainNav li ul ul {left: -999em;}
#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;}
#navshadow {float:left; width:7px; min-height:600px; background:url(../img/bg-navshadow.png) repeat-y; position:relative; z-index:1;}
*:first-child+html #navshadow {margin-top:-32px;}
#hours {width:175px; margin:370px 0px 0px 5px; font-size:10px; position:absolute;}
*:first-child+html #hours {margin-left:-180px;}

/* NAV ITEMS */
#MOTORCYCLES {background:url(../img/navicon-motorcycle.png) no-repeat;}
#MOTORCYCLES:hover {background:url(../img/navicon-motorcycle-on.png) no-repeat;}
#ATV-UTV {background:url(../img/navicon-atv.png) no-repeat;}
#ATV-UTV:hover {background:url(../img/navicon-atv-on.png) no-repeat;}
#SCOOTERS {background:url(../img/navicon-scooter.png) no-repeat;}
#SCOOTERS:hover {background:url(../img/navicon-scooter-on.png) no-repeat;}
#PERSONAL_WATERCRAFT {background:url(../img/navicon-watercraft.png) no-repeat;}
#PERSONAL_WATERCRAFT:hover {background:url(../img/navicon-watercraft-on.png) no-repeat;}
#GENERATORS {background:url(../img/navicon-generator.png) no-repeat;}
#GENERATORS:hover {background:url(../img/navicon-generator-on.png) no-repeat;}
#GEAR-ACCESSORIES {background:url(../img/navicon-gear.png) no-repeat;}
#GEAR-ACCESSORIES:hover {background:url(../img/navicon-gear-on.png) no-repeat;}
#PARTS_REQUEST {background:url(../img/navicon-parts.png) no-repeat;}
#PARTS_REQUEST:hover {background:url(../img/navicon-parts-on.png) no-repeat;}
#SERVICE {background:url(../img/navicon-service.png) no-repeat;}
#SERVICE:hover {background:url(../img/navicon-service-on.png) no-repeat;}
#Sitemap #MOTORCYCLES, #Sitemap #ATV-UTV, #Sitemap #SCOOTERS, #Sitemap #PERSONAL_WATERCRAFT, #Sitemap #GENERATORS, #Sitemap #GEAR-ACCESSORIES, #Sitemap #PARTS_REQUEST, #Sitemap #SERVICE {background:none;}
#pubTree90 {text-transform:uppercase;}
#spanish {text-align:center; font-size:10px; background:url(../img/bg-spanish.png) no-repeat; padding:3px;}
.redtext {font-weight:bold; color:#ED2024; font-size:12px;}
#pic-right {width:313px; float:right;}
#cart {float:right; position:relative; margin-left:780px; font-size:14px; margin:10px 0px 0px 0px;}
#cart a:hover {text-decoration:none; color:#F00; }

/* CONTAINER */ 
#container {width:801px; min-height:610px; margin-left:200px;}
*:first-child+html #container {margin:0;}
#container a {color:#fff; text-decoration:underline;}
#container a:hover {color:#fff; text-decoration:none;}
#content {float:left; position:relative; z-index:2; width:776px; min-height:595px; line-height:20px; background:url(../img/bg-content.png) repeat-y; padding:10px;}
.contentArea img {border:1px solid #fff; margin:5px 0px 10px 10px;}
#leftside {float:left; width:500px; height:288px; color:#fff;}
#slideshow {border:1px #606b71 solid; width:500px; height:288px;}
#contactform {width:316px;}
#contact {float:left; width:373px;} 
.contactInput input, .contactInput textarea {margin-left:3px; width:288px;}
.partscontact input {width:133px;}
#map2 {width: 333px; height:280px; float:right; margin-left:10px;}
.contactLabel {text-align:left;}
input, textarea {margin:0px 0px 5px 5px;}
select {min-height:20px; margin-top:-2px;}
.pubListingsFormField select {margin-top:0px;}
hr {color:#626B71; background-color:#626B71; height:1px;}
#testimonialform input {width:auto;}


/* PRODUCT CONTAINER */
#productInfoWrapper {width:100%; position:relative; z-index:2; margin-top:10px;}
#productInfoImage {width:250px; height:249px; position:absolute; float:left; z-index:3; margin-top:10px;}
#enlargeDiv {width:215px; float:left;text-align:center;}
#imageDesc {width:215px; float:left;text-align:center;}
.productTagHolder {margin-top:55px;}
#orderWrapper {width:740px; background:none; border:1px solid #626B71; margin-top:60px;}
#productAdditionalImages {margin:0; position:relative; float:none; width:250px; height:35px; overflow-y:auto;}
.additionalImage {width:auto;}
.additionalImage img {max-height:33px; width:auto;}
#catalogCategoryImage {float:left;}
#catalogCategoryDesc {float:right; width:530px; text-align:left;}
#catalogCategoryWrapper {visibility:hidden; height:0;}
#catalogSortWrapper {margin:0px 30px 0px 0px;}

/* CALLS TO ACTION */
#callstoaction {float:left; width:263px; margin-left:13px; color:#fff; font-size:10px;}
#call-parts, #call-service, #call-store, #call-sales {height:123px; margin-bottom:5px;}
.med-header {font-size:21px; font-weight:bold;}
.whiteheader {font-size:14px; font-weight:bold; color:#fff; line-height:14px;}
#call-link {background:url(../img/bg-calllink.png) no-repeat right; width:98%; height:22px; float:right; margin-top:30px; line-height:22px; text-align:right;}

/* FOOTER */ 
/*#jetski {float:right; position:relative; z-index:2; margin:-110px 40px 0px 0px;}*/
#featured {background:url(../img/bg-featured.png) no-repeat; width:993px; height:251px; margin:0 auto; position:relative; z-index:1; padding:10px 0px 0px 0px; text-indent:10px;}
#featured ul {margin:30px 0px 0px 0px;}
#footer-home {margin:-75px auto 0px auto; position:relative; z-index:100; float:left; width:947px;}
#footer {width:993px; height:141px; margin:0 auto; color:#fff; position:relative;}
#footerLinks a {color:#fff; text-decoration:none;}
#footerLinks a:hover {text-decoration:underline;}
#footerLinks {float:right; font-size:10px; width:50%; margin:0 auto; text-align:right;}
#footerLinks li {list-style:none; display:inline; text-transform:uppercase; padding:0 5px;}
#footerLinks .end {border:none;}
#footerLogo {float:left; width:200px; height:150px; }
#askatech {width:49%; float:left;}
#askatech input {width:110px; margin:0px; color:#666;}
#askatech .textarea {width:471px; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:98%;text-align:center;clear:both;padding:15px;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:underline;color:#333333;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}

#detailWrapper, #listWrapper {width: 781px; color:#fff; font-size:13px; margin-top:-10px; min-height:600px;}
#hrListHeader {text-align:left;}
h2 {padding:10px 0px; margin:0;}
#treePageDetailsBreadcrumbsWrapper {padding-top:10px;}
#CalendarViewContainer, #CalendarContainerWrapper {width:747px; padding-bottom:2px;}
.CalendarDayNorm, .CalendarOtherMonth {background:none; border:1px solid #6F7881;}
.CalendarViewButton, .CalendarViewButtonSelected {background:none; border:none;}
#CalendarContainerMonthView {width:747px;}
#CalendarHeaderYearView {width:688px; margin-left:29px;}
.CalendarViewButtonForm {float:right;}
.CalendarWeekDay {background:none; border:1px solid #fff;}
.CalendarWeekDayEventsAlternate {background:none; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.catalogProduct, .catalogProductLast {text-align:center; width:190px; border:0px; margin:0px 58px 10px 0px;}
.catalogProductName {font-size:16px; text-transform:uppercase;}
.catalogProductImage, .catalogProductInfo {width:200px;}
.catalogRow {width:100%; border:0px; margin:0 auto;}
.catalogRow a {text-decoration:none;}
#catalogProductsWrapper {width:100%;}
#catalogHeader {font-size:26px;}
#container .catalogProductName  a {text-decoration:none;}
#container .catalogProductName  a:hover {color:#DFDFDF;}
.portfolioItemSmallTitle {background:none; border:1px solid #6F7881;}
.portfolioItemSmallWrapper {width:607px;}
#addToCartPrice {font-size:22px; width:150px; float:left;}
.productOptions {float:left; width:250px; margin-bottom:0px;}
#addToCartQuantity {width:105px; float:left; margin-bottom:0px;}
#quantity {margin-left:5px;}
#addToCartButton {width:100px; float:right;}
#orderProduct input {margin:0px 0px 0px 0px;}
#orderProduct .formbutton {height:26px; position:relative; margin-top:-2px;}
#subCatHeader {visibility:hidden;}
#listingTabs a {color:#303338;}
#listingTabs a:hover {color:#6F7881;}
#pubListingsDetails { width:300px;}
.shadetabs li{padding:1px; margin:0px; font-size:10px;}

#pubListingsLeft img {border:1px solid #6F7881;}
#pubListingsForm {background:none; margin:0 auto 10px auto; border:1px solid #6F7881;}
.pubListingsFormField label {text-align:left; width:auto;}
input, textarea {margin-left:0px;}
.pubListingsFormFieldSubmit input {width:60px; margin-top:6px; background-color:#AC0202; border:1px solid #6F7881; font-weight:bold; color:#fff; cursor:pointer;}
.pubListingsFormFieldSubmit {width:auto;}
.pubListingsFormField select {width:80px;}
.pubListingsFormField {width:auto; margin:10px 5px 0px 5px;}
.pubListingsFormField input {width:50px;}
#pubListingsResults thead {background:url(../img/bg-nav.png) repeat; border-bottom:1px solid #6F7881;}
#pubListingsResults {border:1px solid #6F7881; clear:inherit; height:auto;}
#pubListingsLeft {display:inline; position:relative; width:290px;}
.pubListingsFormFieldSubmit {text-align:left;}
.pubListingsRowContent {background:url(../img/bgtile.png) repeat; color: #ffffff;}
.pubListingsRowContent2 {background:url(../img/bg-nav.png) repeat; color: #ffffff;}
.pubListingsRowContent img, .pubListingsRowContent2 img, .pubListingsRowHighlight img {max-width:120px; border:1px solid #6F7881;}
.pubListingsRowContent td, .pubListingsRowContent2 td, .pubListingsRowHighlight td, #pubListingsResults thead td {border-bottom:1px solid #6F7881;}
.pubListingsRowHighlight {background:#333;}
#pubListingsRight {display:inline; position:relative; width:430px;}
#listingTabs {width:98%;}
#pubListingsAttributesWrapper, #productInfoDescription {width:430px; background:url(../img/bgtile.png) repeat;}
*:first-child+html #pubListingsAttributesWrapper {width:430px;}
#pubListingsMainGalleryWrapper {min-height:245px;}
.pubListingsAttributesHeader {border-bottom:#FF0000 thin solid;}
/*#pubListingsDescriptionWrapper {width:98%; max-height:390px; margin:10px 0px 20px 10px;}
#productInfoDescription {border:1px solid #6F7881; overflow:auto; height:355px; width:510px; float:left;}*/
#productInfoSection {width:510px; margin-top:0px; float:right;}
#pubListingsDetails {width:430px;}
#productInfoDescription {width:98%; height:249px; overflow-y:scroll; border:1px solid #808080;}
#pubListingsAttributesWrapper {overflow-x:hidden;}
#pubListingsIntro {width:100%;}/*
*/
#productInfoImage {}
#productInfoImage img {border:1px solid #6F7881; border-right:#34373C 3px solid; border-bottom:#34373C 3px solid;}
#pubListingsBasicAttributesWrapper {width:444px; height:240px; background:url(../img/bgtile.png) repeat; border:1px solid #6F7881;}
#pubListingsBasicAttributesWrapper table {font-size:18px;}
.productTagHolder {clear:both;}
.productReviewStars {margin:10px 0px 0px 0px;}
#productReviews, #relatedProductsWrapper {margin-top:0px;}
#relatedProductsWrapper {margin-bottom:35px;}
#productInfoHeader {margin:10px 0px; width:250px; line-height:25px;}
#featured .mainCatalogProductImage img {max-height:60px; border:1px solid #fff;}
#featured .mainCatalogProductName {font-size:9px;}
#featured .mainCatalogProduct  {width:150px; padding-top:0px; border:0;}
#featured .mainCatalogRow {border:0; margin-bottom:0;}
#printDetailscta {display:none;}
#TB_window {z-index:1000002;}
#mainCatalogProductsWrapper {float:none; top:-150px;}

#homepagemodules th {border:1px solid #fff; background:#EE2024; font-weight:bold;}
#homepagemodules td {border:1px solid #fff; width:120px;  background:url(../img/bgtile.png) repeat;}
#homepagemodules .contentArea {width:900px; margin:0 auto;}
#homepagemodules ul {margin:0; padding-left:10px;}
#homepagemodules li {list-style:none;}
#homepagemodules {clear:both; margin-bottom:10px;}

.CalendarWithEvents {background:#ED2024;}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:98%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* HIDES FROM IE-MAC \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END HIDE FROM IE-MAC */