/*  The following group of style classes support the templates available for Departments ProductGroups and Webpages
I have attempted to use a naming scheme that is easy to follow */

table#PG01_LargeTitle, table#ProductGroup_2col, table#ProductGroup_1col,
table#TitledList_2col, table#TitledList_2col, table#DepartmentHeader, table#Department, table#DepartmentPage {
    border: 0px;
    width: 100%;
}

table#ProductGroup_1col td.Title, table#PG01_LargeTitle td.Title {
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #336699;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    text-align: center;
    vertical-align: bottom;
}
table#ProductGroup_1col td.Image, table#PG01_LargeTitle td.Image {
    text-align: center;
    vertical-align: top;
    padding: 1em 0em 0em 0em;
}
table#ProductGroup_1col td.Description, table#PG01_LargeTitle td.Description {
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    MARGIN-LEFT: .3em;
    text-align: left;
    vertical-align: top;
    height: 22px;
}
table#ProductGroup_2col td.Title, table#PG02_LargeTitle td.Title {
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #336699;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    text-align: center;
    vertical-align: bottom;
}
table#ProductGroup_2col td.Image, table#PG02_LargeTitle td.Image {
    text-align: center;
    vertical-align: top;
    width: 300px;
    padding: 0em .8em 0em .8em;
}
table#ProductGroup_2col td.Description, table#PG02_LargeTitle td.Description {
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    width: 50%;
    height: 22px;
    MARGIN-LEFT: .3em;
    text-align: left;
    vertical-align: top;
}
table#PG02_LargeTitle td.Title, table#PG01_LargeTitle td.Title {
    FONT-SIZE: 1.6em;
}
table#PG02_LargeTitle td.Title A, table#PG01_LargeTitle td.Title A{
    FONT-SIZE: 1.6em;
    COLOR: #336699;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
}

table#Department td.Title {
    text-align: left;
    vertical-align: middle;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #336699;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
}
table#Department td.Title a
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #336699;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
}
table#Department td.Image {
    text-align: left;
    vertical-align: middle;
}
table#DepartmentPage td.Image {
    text-align: center;
    vertical-align: middle;
}
table#DepartmentHeader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.4em;
    COLOR: black;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    text-align: center;
}
table#DepartmentHeader td.Description {
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    MARGIN-LEFT: .3em;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

/* the following two class are for the template DepartmentList with Header */
div#DepartmentHeader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.4em;
    COLOR: black;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    text-align: center;
}
div#DepartmentHeaderDesc {
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.1em;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    text-align: left;
}

table#DeptList5Rows td.Image, table#DeptList6Rows td.Image {
    width: 105px;
    height: 80px;
    PADDING-RIGHT: 1em;
    PADDING-LEFT: 1em;   
    PADDING-BOTTOM: .5em;
    PADDING-TOP: .5em;
    text-align: center;
    vertical-align: bottom;
}
table#DeptList5Rows td.Name, table#DeptList6Rows td.Name {
    width: 105px;
    height: 25px;
    PADDING-RIGHT: 1em;
    PADDING-LEFT: 1em;   
    PADDING-BOTTOM: .5em;
    PADDING-TOP: 0em;
    text-align: center;
    vertical-align: top;
}
table#DeptList4Rows td.Image {
    width: 133px;
    height: 91px;
    PADDING-RIGHT: 1.5em;
    PADDING-LEFT: 1.5em;   
    PADDING-BOTTOM: 1em;
    PADDING-TOP: .5em;
    text-align: center;
    vertical-align: bottom;
}
table#DeptList4Rows td.Name {
    width: 133px;
    height: 25px;
    PADDING-RIGHT: 1.5em;
    PADDING-LEFT: 1.5em;   
    PADDING-BOTTOM: 1em;
    PADDING-TOP: 0em;
    text-align: center;
    vertical-align: top;
}

table#DeptList4Rows a, table#DeptList5Rows a, table#DeptList6Rows a {
    text-decoration: none;
    color: black;
}
table#DeptList4Rows a:hover, table#DeptList5Rows a:hover, table#DeptList6Rows a:hover {
    color: purple;
}

/*
The following classes are for the product display table used in the ProductGroup templates
*/

table#ColProduct {
    FONT-SIZE: 1.0em;
    FONT-STYLE: normal;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    border: 0px;
    width: 100%;
}

table#ColProduct td.number{
    text-align: left;
    vertical-align: middle;
    width: 45px; 
    padding: 0.4em;
}

table#ColProduct td.number_hlgt{
    text-align: left;
    vertical-align: middle;
    width: 45px;
    background-color: #F5F5F5; 
    padding: 0.4em;
}

table#ColProduct td.description{
    text-align: left;
    width: 271px;
    vertical-align: middle; 
    padding: 0.4em;
}

table#ColProduct td.description_hlgt{
    text-align: left;
    width: 271px;
    background-color: #F5F5F5;
    vertical-align: middle; 
    padding: 0.4em;
}

table#ColProduct td.price{
    width:126px;
    text-align: right;
    vertical-align: middle; 
    padding: 0.4em;
}

table#ColProduct td.price_hlgt{
    width:126px;
    background-color: #F5F5F5;
    text-align: right;
    vertical-align: middle; 
    padding: 0.4em;
}


div#StockStatus, td#StockStatus
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1em;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    white-space: nowrap;
    text-align: left;
} 
td#StockStatus
{
    FONT-SIZE: 1.0em;
} 

/*  text links used in many places throughout the site and on the checkout shipping page */ 
td#shipLinks li
{
    FONT-WEIGHT: normal;
    FONT-SIZE: .8em;
    FONT-STYLE: normal;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
}
td#shipLinks A
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1em;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    TEXT-DECORATION: none;
}

td#TextLink
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1em;
    FONT-STYLE: normal;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
}
td#TextLink A, #innercontent a.SizingChart {
    FONT-WEIGHT: normal;
    FONT-SIZE: 1em;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    TEXT-DECORATION: none;
}
td#shipLinks A:link, td#TextLink A:link, #innercontent a.SizingChart:link {COLOR: blue;}
td#shipLinks A:visited, td#TextLink A:visited, #innercontent a.SizingChart:visited {COLOR: blue;}
td#shipLinks A:hover, td#TextLink A:hover, #innercontent a.SizingChart:hover {COLOR: green;}

/* The following group of style class are used in the content(department/productgroup/webpage) description fields */

table.DescriptionTable
{ 
    margin-left:auto; 
    margin-right:auto;
    PADDING: 0em;
    FONT-SIZE: 1.0em;
    FONT-STYLE: normal;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    TEXT-ALIGN: center;
}
table.WinchTbl
{ 
	margin-left:auto; 
    margin-right:auto;
    PADDING: 0em;
    FONT-SIZE: .7em;
    FONT-STYLE: normal;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    TEXT-ALIGN: center;
    border-width: 3px;
}
th.WinchHeadTbl
{ 
	BACKGROUND-COLOR: #FF0000;
	color: #FFFFFF;
    FONT-SIZE: 1.0em;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
    FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
    TEXT-ALIGN: center;
}

th.BoatsDesc, td.BoatsDesc{
	text-align: center;
	FONT-FAMILY: Tahoma;
	FONT-size: 1.2em;
}

h1.BoatsDesc{
	text-align: center;
	color: #FF0000;
	FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
	FONT-size: 2.6em;
	font-style: italic;
}

h2.BoatsDesc{
	text-align: center;
	FONT-FAMILY: "Myriad Web", Myriad, Arial, sans-serif;
	FONT-size: 2em;
	font-weight: 600;
	font-style: italic;
	color: #0000FF;
}

table.BoatsDesc
{	
	width: 82%;
	border-width: thin;
	border-color: #000080;
	border-style: solid;
}

th.BoatsDesc
{
	width: 31%;
	height: 44px;
	background-color: #C0C0C0;
    FONT-FAMILY: Tahoma;
    font-weight: 800;
    font-size: 1.4em;
    text-align: center;
    border-width: 1px;
	border-style: solid;
	border-color: #000080;
	vertical-align: middle;
	padding: 15px;
}

td.BoatsDesc
{
	text-align: center;
    FONT-FAMILY: Tahoma;
    font-size: 1.2em;
    border-width: 1px;
	border-style: solid;
	border-color: #000080;
	vertical-align: middle;
	padding: 1.5em;
}

table.specs {							/*This is a table for listing product specs in the description */
	font-family: sans-serif;
	font-size: x-small;
	text-align: center;				/*Most cells will be centered, override with .specleft below*/
	padding: .3em;						/*Why the HELL isn't this working*/
}

tr.spechead {							/*This is for the Header Row, to differentiate it from the others*/
	font-weight: bold;
	background-color: Black;
	color: White;
}

td.specleft {								/*This is for the left most column, typically part #'s*/
	text-align: left;
}

tr.specrow1 {							/*This is for alternating row colors to make following each product's spec's easier*/
	background-color: #F5F5F5;
}

tr.specrow2 {							/*This is for alternating row colors to make following each product's spec's easier*/
	background-color: #BCBCBC;
}


a.InDescriptionButton {                                   /*This is for buttons in a description, ie. Parts Locators, Sizing Charts*/
        color: black;
        font-weight: bold;
        background-color: #CCCCCC;
        font-size: 1.2em;
        padding: .3em;
        text-align: center;
}