/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;
	background:url(images/marine-bg-1.jpg);
	color:#fff;
	
}
.skinmaster {
	height: 100%;
	margin:auto;
	text-align:center;

}
.skinheader {
}
.skingradient { 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
	
}
.toppane {
	width:100%;
	background-color: transparent;
	padding-bottom:5px;
;
}
.leftpane {
	
}
.contentpane {
	width:100%;
	padding-left: 5px;
	padding-right: 5px;
}
.rightpane {
}

.bottompane {
	width: 100%;
	background-color: transparent;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #fff; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #fff; 
	font-size: 10pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
	text-transform:lowercase;


}

.main_dnnmenu_itemhover {
	color:#FF0000;

}

.main_dnnmenu_itemhover td {  
	background-color: #fff; 
	color:#000;
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background:transparent url(images/bg.gif) repeat scroll 0 0;
	background-color: #000; 
	border:1px solid #FFFFFF; 
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
	
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
	background:url(images/hover-arrow.gif);
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #fff;
}

.social-icon-wrapper  {
	clear:both;
}

.social-icon-wrapper ul {
	list-style:none;
	clear:both;
}

.social-icon-wrapper ul li{
	float:right;
	display:inline-block;
	margin-left:5px;
}

.social-icon-wrapper a.fb-icon {
	background-image: url('fb.png');
	height:33px;
	width:33px;
	display:block;
}

.social-icon-wrapper a.tw-icon {
	background-image: url('tw.png');
	height:33px;
	width:33px;
	display:block;
}

.social-icon-wrapper a.fb-icon:hover, .social-icon-wrapper a.fb-icon:focus, .social-icon-wrapper a.fb-icon:active {
	background-position: 0 -33px;
	display:block;
	width: 33px;
	height: 33px;
}

.social-icon-wrapper a.tw-icon:hover, .social-icon-wrapper a.tw-icon:focus, .social-icon-wrapper a.tw-icon:active {
	background-position: 0 -33px;
	display:block;width: 33px; height: 33px;
	overflow:hidden;
	clip: inherit;
}

p {
	color:#fff;
	margin:0;
	padding:0;
}

h2, #searchDescriptionText{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}


.image_border {
	border:#CCCCCC 2px solid;
}

.rowpadding {
	padding-top:10px;
}

.cellpaddingleft {
	padding-left:10px;
}

.cellpaddingleft h2 {
	text-align:left;
}

.dnn_RightPane {width:230px;}

/*Custom*/
.footer-links {
	color:#fff;
	font-family:Tahoma,Arial,Helvetica;
	font-size:8.5pt;
}

.footer-links a{
	color:#fff;
	font-family:Tahoma,Arial,Helvetica;
	font-size:8.5pt;
	
}

#sub_nav_scooter, #sub_nav_moto, #sub_nav_marine, #sub_nav_service, #sub_nav_parts, #sub_nav_company {
 height:69px;
 width:960px;
 margin-top:10px;
}

#sub_nav_scooter {
	background:url(images/scooter_nav_bg.png) no-repeat;

}

#sub_nav_moto {
	background:url(images/moto_nav_bg.png) no-repeat;

}

#sub_nav_marine {
	background:url(images/marine_nav_bg.png) no-repeat;

}

#sub_nav_service {
	background:url(images/service_nav_bg.png) no-repeat;

}

#sub_nav_parts {
	background:url(images/parts_nav_bg.png) no-repeat;

}

#sub_nav_company {
	background:url(images/company_nav_bg.png) no-repeat;

}

#sub_nav_scooter p, #sub_nav_moto p, #sub_nav_marine p, #sub_nav_service p, #sub_nav_parts p, #sub_nav_company p {
	float:right;
	margin-top:25px;
	margin-right:15px;
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	font-family: Tahoma, Arial, Helvetica; 
	color:#fff;
}

#sub_nav_scooter p a, #sub_nav_moto p a, #sub_nav_marine p a, #sub_nav_service p a, #sub_nav_parts p a, #sub_nav_company p a {color:#fff; text-transform:lowercase;}

/* Finance Form */
.row_one {
	background: #fff;
}
.row_two {
	background: #ccc;
}

.finance_form,.finance_form b {
	font-family: Tahoma, Arial, Helvetica;
	font-size:9pt;
	background-color: #2E2E2E;
}
	
/*Misc style for inventory pages*/

#idTitle {
	color:#fff;
}

.detail {
	color:#fff;
	font-size:12px;
}

#idDescription {
	color:#fff;
	font-size:12px;
}



.detail-links a{
	color:#ccc;
	text-decoration:underline;
}

.detail-links a:hover{
	color:#ff0000;
	text-decoration:underline;
}

#PrevLink, #NextLink {
	color:#fff;
	font-size:11px;
}

table #grid td a {
	color:#000;
	text-decoration:none;
}

table #grid td a:hover {
	text-decoration:underline;
	color:#FF0000;
}
/*Scroll Bar*/
div#wn	{ 
	position:relative;
	width:190px; height:509px; 
	overflow:hidden;	
	}
div#scrollbar { 
  position:relative;
  width:11px; height:509px; 
  font-size:1px;  /* for image vertical alignment issue */
  float:right;
  margin-right:-5px;
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:485px;
  background: #000;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#CC0000;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
    } 

.marine-specials img{
	position:relative;
	right:-96px;
	top:-91px;
	margin-bottom: 0px;
	border: 0px !important;
	}
	
.motorsports-specials img{ 
	position:relative;
	right:-96px;
	top:-91px;
	margin-bottom: 0px;
	border: 0px !important;
	}
	
.marine-specials, .motorsports-specials { float:left; margin-top:-92px;}

.marine-specials { position:relative; top: 90px; left: 645px; }

.motorsports-specials { position:relative; top: 90px; left: -224px; }
