﻿/* wbwstyle3d */
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	text-align: left;
}

/* This p is used for lists on the tech article index page */
.list {
	margin: 1em 0 1em 1em;
}
/* Table width for the main table on pages */
.tablewidth {
	width: 780px;
}
/* Wider main table with 800px main body and 120px right column with 10px buffer spacing */
.tablewidth830 {
	width: 830px;
}
/* New style for main table to add padding and styling */
table.main {
	width: 830px;
}
table.main td {
	padding: 5px;
	vertical-align: top;
}
/* Used on right-hand column in review pages in place of tablewidth120 */
table.main td.colright {
	border-left: 1px #E8E8DD solid;
	width: 120px;
	vertical-align: top;
}
/* Width for right-hand table for columns on review pages */
.tablewidth120 {
	width: 120px;
}
/* Wider 960px table width for the main table on pages */
.tablewidth960 {
	width: 960px;
}
/*  TABLE STYLING */
.tablerightbottom {
	/*padding used for tables needing right and bottom padding */

margin: 10px 10px 10px 0;
}
.tableleftbottom {
	/* padding for right justified tables needing left and bottom padding */

margin: 0 0 5px 10px;
}

/* IMAGE STYLING section */
/* Removes all borders from any image */
img {
	border: 0px;
	background-color: transparent;
}
img.margins {
	margin: 0 15px 15px 0;
}
img.margincaption {
	margin: 0px 0 5px 0px;
}
/* Aligns rating stars with text */
img.starsalign {
	vertical-align: inherit;
}
.homerightcolumn {
	text-align: left;
	margin: 3px 0 .7em 1em;
}
.homerightcolumntitle {
	text-align: left;
	margin: 0 0 .7em .5em;
	font-weight: bold;
}
.rightcolumncaption {
	text-align: center;
	margin: 5px 0 10px 0;
	padding: 0 3px 0 3px;
}
.listspacebottom {
	margin: 0 0 5px 0;
}
.listspacebigbottom {
	margin: 0 0 15px 0;
}
.leftspace10 {
	margin: 0px 0px 0px 10px;
}
/* Indents the left margin */
.leftmarginspace {
	margin-left: 20px;
}
/* For sub headings in reviews like Revit Defender GTX */
p.psubheading {
	margin-bottom: 0px;
	font-style: italic;
	font-weight: bold;
}
/* Used with above, pushes next paragraph up slightly */
p.psubsentence {
	margin-top: 7px;
}
/* Spacing on top of right hand columns */
.righttopspace {
	margin-top: 10px;
}
/* <<<<<<<<<<<HERE ARE THE DIVS >>>>>>> */
/* Used for main title at top of review pages, just under 700px photo */
div.maintitle12 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	margin: 15px 0 5px 0;
}
/* Larger size 14 font; incorporates font14 styling */
div.maintitle14 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 1.6em;
	margin-top: 15px;
}
div.topleftadbox {
	float: left;
	width: 336px;
	margin-right: 20px; /* margin-top:20px; */;
	margin-bottom: 20px;
	height: 280px;
}
/* Div for 300x250 AdSense ad at top left corner */
div.topleftadbox300 {
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
	height: 265px;
	text-align:center
}
/* Note: See note at bottom of cell colors page in wBWManagement for sidebar styling info */
/* Sidebar left float for text, 300 px wide */
div.sidebar300text {
	float: left;
	width: 300px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 2px #D6D5C5 solid;
	padding: 5px;
}
/* Sidebar left float for photos only, no border, 300 px wide */
div.sidebar300photo {
	float: left;
	width: 300px;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align:center;
}
/* Sidebar internal title, works with sidebar div above */
div.sidebartitle {
	text-align: center;
	background-color: #E8E8DD;
	padding: 3px;
	margin-bottom: 5px;
	font-weight:bold;
}
/* Div to align new style YouTube videos */
div.video-container {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width: 640px;
}
/* Basic div to align stuff in the center 10262010 */
.centerit {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* Div to add margins on top */
.up15 {
	margin-top: 15px;
}

.up30 {
	margin-top: 30px;
}

/* BODY DIVS */
/* New div to align body at 830px using Doctype 10262010 */
div.centerpage830 {
	margin-left: auto;
	margin-right: auto;
	width: 830px;
}
/* Div styling for large left hand column to replace table, used with centerpage830 */
div.leftcontainer {
	float: left;
	width: 700px;
	padding-right: 5px;
	border-right: 1px solid #E8E8DD;
}
/* Div styling for narrow right hand column to replace table, used with centerpage830 */
div.rightcontainer {
	float: left;
	width: 119px;
	padding-left: 5px;
}
/* END BODY DIVS */
/* For the top left photo table with AdSense ad, replaces tablerightbottom */
.top375photoad {
	margin-top: 20px;
	margin-bottom: 15px;
	margin-right: 15px;
	float: left;
	width: 375px;
	text-align: center;
}
/* Centers 625px photos with space top and bottom */
div.photocenter625 {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 625px;
}
/* Centers 650px photos with space top and bottom */
div.photocenter650 {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 650px;
}
/* Spacing for main top ad in table on top left side of page */
div.ad {
	margin: 10px 0 10px 0;
	text-align: center;
}
/* Spacing for an ad with bigger top and bottom margins, used on review pages btwn photos */
div.bigad {
	margin: 25px 0px 25px 0px;
	text-align: center;
}
/* The div coding for horizontal separator lines */
div.line {
	margin: 5px 0px 5px 0px;
	padding: 0px 3px 0px 3px;
}
/* Gray background border and styling for video and slide show headers */
div.showtitle {
	margin-bottom: 5px;
	background-color: #E8E8DD;
	padding: 3px 0 3px 0;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}


/* AD STYLING */
/* Styling for 650px wide ads in center of 3 column pages */
div.adstyle{
	width:650px;
	margin-left:auto;
	margin-right:auto;
	border:2px #E8E8DD solid;
	padding-top:3px;
	padding-bottom:4px;
	margin-top:4px;
	margin-bottom:15px;
	text-align:center;
}

/* Styling for Amazon ads */
div.amazonstylelg{
	margin-left:auto;
	margin-right:auto;
	width: 650px;
	margin-top:15px;
	margin-bottom:15px;
	border: 2px #E8E8DD solid;
	padding-top: 5px;
	height: 95px;
	text-align:center;
}

/* wBW Amazon store image styling for inside ad above */
div.amazonadimage{	
	float:left;
	width:285px;
	margin-left:20px;
	margin-right:20px;
	padding-top:3px
}

/* Styling for 468px wide ads in center of 3 column pages */
div.smalladstyle{
	width:464px;
	margin-left:auto;
	margin-right:auto;
	border:2px #E8E8DD solid;
	padding-top:3px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:15px;
	text-align:center;
}


/* HR DIVS HERE */
hr {
	text-align: center;
}
.hrthick {
	color: #E8E8DD;
	background-color: #E8E8DD;
	height: 10px;
	margin-top: 2em;
	margin-bottom: 2em;
	border: none;
	border: 0px;
	text-align: center;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
/* Line color must add width as an inline style statement */
.wbwhrstyle {
	color: #E8E8DD;
	background-color: #E8E8DD;
	height: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: none;
	border: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
/* Line style for 250px line in pages with photo in upper left corner */
/* NOTE: Needs to be wrapped in a div with text-align center due to Opera quirks */
.wbwhrstyle250 {
	color: #E8E8DD;
	background-color: #E8E8DD;
	height: 2px;
	/* margin-top: 15px;
	margin-bottom: 15px; */
	border: none;
	border: 0px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: inline-block;
}
/* Line color for 80% width lines, includes width */
.hreightypercent {
	color: #E8E8DD;
	background-color: #E8E8DD;
	height: 2px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: none;
	border: 0px;
	text-align: center;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
/* Line color for inside right column includes */
.hrrightcolumn {
	color: #E8E8DD;
	background-color: #E8E8DD;
	height: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
	border: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/* END HR DIVS */
/* Div formatting for table title at top RIGHT side column of page 08092010 */
div.columntitleright {
	background-color: #E8E8DD;
	padding-top: 5px;
	padding-bottom: 4px;
	width: 119px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
/* Div formatting for table title at top LEFT side column of page 08152010 */
div.columntitleleft {
	background-color: #E8E8DD;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
/* Div formatting for table title at TOP CENTER column of page 08092010  */
div.centercolumntitle {
	text-align: left;
	font-size: 14pt;
	background-color: #E8E8DD;
	padding: 3px;
	margin-bottom: 4px;
}
h1 {
	text-align: left;
	font-size: 14pt;
	background-color: #E8E8DD;
	font-weight: normal;
	margin-top: 1px;
	padding: 3px;
	margin-bottom: 4px;
}

h2 {
	font-size:12pt;
}
/* Gray bar under photos for text for 625px photos */
div.photobar {
	text-align: center;
	margin-top: 3px;
	background-color: #E8E8DD;
	padding: 3px;
	width: 620px;
}
/* Gray bar under photos for text for 600px photos */
div.photobar600 {
	text-align: center;
	margin-top: 1px;
	background-color: #E8E8DD;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 600px;
}
/* Gray bar under photos for text for 650px photos */
div.photobar650 {
	text-align: center;
	margin-top: 1px;
	background-color: #E8E8DD;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 650px;
}
/* Aligns text centered auto */
div.center625 {
	margin-right: auto;
	margin-left: auto;
	width: 625px;
	text-align: left;
}
/* Section headings in reviews, adds top and bottom margins */
div.title12space {
	margin-top: 15px;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: -12px;
	text-align: left;
}
/* END DIVS */
/* LINK COLORS AND HOVERS */
a:link {
	color: #0000CC;
	text-decoration: none;
}
a:visited {
	color: #8080E3;
	text-decoration: none;
}
a:hover {
	color : #CC0000;
	background: transparent;
	text-decoration: none;
}
/* END LINK COLORS AND HOVERS */
table {
	border-collapse: collapse;
	font-size: 1em;
}
/* BACKGROUND COLORS */
.lightgray {
	background-color: #E8E8DD;
}
.darkgray {
	background-color: #D6D5C5;
}
/* FONTS AND SIZES */
.eightptfont {
	font-size: .8em;
}
.font12 {
	font-size: 1.2em;
	font-weight: bold;
}
.font14 {
	font-size: 1.6em;
	font-weight: normal;
}
/* Aligns text in center, used erroneously for photo alignment, fix, should probably use centerit */
.textcentered12 {
	text-align: center;
}
/* FONT COLORS Used also for various bullet shapes */
.fontred {
	color: #CC0000;
}
.fontdarkgray {
	color: #404040;
}
.fontdarkergray {
	color: #BFBEB0;
}
.fontmgray {
	color: #D6D5C5;
}
/* END FONT COLORS */
/* From here to the end added in wbstyle3b */
span.tabletitle {
	font-size: 1.2em;
	font-weight: bold;
}
p.tabletitle {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	border-style: solid;
	border-color: #E8E8DD;
	border-width: 3px;
	background: #E8E8DD;
}
/* Used in the Ducati GT1000 and Multistrada blogs */
.tabletitleblog {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	border-style: solid;
	border-color: #E8E8DD;
	border-width: 3px;
	background: #E8E8DD;
	margin-bottom: 7px;
}
p.sectiontitle {
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	border-style: solid;
	border-color: #E8E8DD;
	border-width: 3px;
	background: #E8E8DD;
	margin-bottom: 3px;
}
/* This underlines headings like on the Motorcycle Racing and Motorcycle Racing News page */
p.headingunderline {
	margin-bottom: 10px;
	border-bottom: solid 3px;
	border-color: #E8E8DD;
}
/* Heading underline for divs, used on Motorcycle News pages */
div.divheadingunderline {
	border-bottom: 2px #D6D5C5 solid;
	text-align: center;
	font-size: 1.2em;
	margin: 10px 0 10px 0;
	font-weight: bold;
}
/* Styling for main menu items */
.menuitem a:link {
	background: #FFFFFF;
	color: #0000CC;
	display: block;
	outline: none;
	border: none;
	width: 125px;
	padding-left: 2px;
	text-decoration: none;
}
.menuitem a:visited {
	color: #8080E3;
	background: #FFFFFF;
	display: block;
	text-decoration: none;
	outline: none;
	border: none;
	width: 125px;
	padding-left: 2px;
}
.menuitem a:hover {
	color: #CC0000;
	background: #FFDDBB;
	list-style-type: disc;
	text-decoration: none;
	outline: none;
	border: none;
	width: 125px;
	border-right-color: #FFFFFF;
	border-right-width: 5px;
	border-right-style: solid;
}
.menuitem a:focus {
	border: none;
	outline: none;
}
.menuitem a:active {
	text-decoration: none;
	outline: none;
	border: none;
	width: 125px;
}
.menuitem h1 {
	background: #E8E8DD;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	color: #000000;
	font: bold .9em Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 3px;
	padding-left: 7px;
	width: 130px;
}
.menuitem h6 {
	background: #E8E8DD;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	color: #000000;
	font: bold .8em Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 3px;
	width: 130px;
}
/* End styling for main menu items */
/* Styling for size of p in main menu only */
.menuitem p {
	background: #FFFFFF;
	border-bottom-color: #E8E8DD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 3px;
	border-right-color: #FFFFFF;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: bold;
	font-size: .9em;
	width: 125px;
}

