/* Custom CSS Document for The Mower Shop
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* GLOBAL STYLES
--------------------------------------------------------*/
body { text-align:center; background: #ffffff url('images/mowershop_logos/bg_winter.jpg') repeat-x; font-family:"Microsoft Sans Serif", Helvetica, Geneva, sans-serif; font-size:11pt; margin:0px;}
#Form2 { margin: 0; padding: 0;}
#Form2 input, #Form2 select {background: #ffffff; font-family:"Microsoft Sans Serif", Helvetica, Geneva, sans-serif; font-size:11px; line-height: normal}
#PageTable { background:url("images/design_elements/ft-bg.gif") repeat-x 0 100%; text-align:left;}
#PageSubTable {position: relative; width: 900px; margin: auto; text-align: left; }
#ContentCell {width: auto;}
#Instruction1_InstructCell {background: #E0E0E0; border: 1px solid #ccc; padding: 7px}
#Instruction1_InstructCell a {color: #000}
.Instructions {line-height: 17px; font-size: 11px; color: #000}
.Messages,
.ErrorMessages {font-size: 12px; font-weight: bold; color: #C64001;}
.Headings {font-size: 16px; font-weight: bold; color: #0D6E0D;}
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #ffffff; background: #0D6E0D}
.Content {line-height: 20px; font-size: 11pt; color: #000000;}
.Content a {color: #4A5741; text-decoration: underline;}
.Content a:hover {color: #0D6E0D; text-decoration: none;}
.line { height:1px; width:100%; border-bottom:solid 1px #0D6E0D; margin:5px 0;}
p { font-size:11pt; }
p.one { color:#0F380F; font-size:12pt;}
p.two { font-size:11pt;}
p.three { font-size:10.5pt;}
p.four { color:#0F380F; font-size:10.5pt;}
p.five { font-size:9.5pt;}
p.parts1 { color:#0D6E0D; font-size:12pt; font-weight:bold; text-align:center; margin:-15px 0px 10px 0px; }
p.parts2 { color:#000000; font-size:12pt; font-weight:bold; text-align:center; margin:0px; }
a img { border:none;}
a:link {color: #4A5741; text-decoration: underline;}
a:visited {color: #4A5741; text-decoration: underline;}
a:hover {color: #0D6E0D; text-decoration: none;}
a:active {color: #0D6E0D; text-decoration: none;}
a.div1:link { display:block; height:110px; background:url('images/seasonal_graphics/blue_gradient.jpg'); color:#0F380F; border:0px; font-size:11pt; line-height:14pt; text-align:center; text-decoration:none;}
a.div1:visited { display:block; height:110px; background:url('images/seasonal_graphics/blue_gradient.jpg'); color:#0F380F; border:0px; font-size:11pt; line-height:14pt; text-align:center; text-decoration:none;}
a.div1:hover { display:block; height:110px; background:url('images/seasonal_graphics/blue_gradient2.jpg'); color:#0F380F; border:0px; font-size:11pt; line-height:14pt; text-align:center; text-decoration:none;}
a.div1:active { display:block; height:110px; background:url('images/seasonal_graphics/blue_gradient2.jpg'); color:#0F380F; border:0px; font-size:11pt; line-height:14pt; text-align:center; text-decoration:none;}
a.div2:link { display:block; height:60px; background-color:#0D6E0D; color:#FFFFFF; border:0px; font-size:11pt; font-weight:bold; line-height:14pt; text-align:left; padding-left:10px; text-decoration:none;}
a.div2:visited { display:block; height:60px; background-color:#0D6E0D; color:#FFFFFF; border:0px; font-size:11pt; font-weight:bold; line-height:14pt; text-align:left; padding-left:10px; text-decoration:none;}
a.div2:hover { display:block; height:60px; background-color:#0F380F; color:#FFFFFF; border:0px; font-size:11pt; font-weight:bold; line-height:14pt; text-align:left; padding-left:10px; text-decoration:none;}
a.div2:active { display:block; height:60px; background-color:#0F380F; color:#FFFFFF; border:0px; font-size:11pt; font-weight:bold; line-height:14pt; text-align:left; padding-left:10px; text-decoration:none;}
a.div3:link { display:block; height:20px; background-color:#55853D; color:#FFFFFF; border:0px; font-size:11pt; font-weight:bold; line-height:14pt; text-align:center; text-decoration:none;}
a.div3:visited { display:block; height:20px; background-color:#55853D; color:#FFFFFF; border:0px; font-size:11pt; font-weight:bold; line-height:14pt; text-align:center; text-decoration:none;}
a.div3:hover { display:block; height:20px; background-color:#B7DEAC; color:#0F380F; border:0px; font-size:11pt; font-weight:bold; line-height:14pt; text-align:center; text-decoration:none;}
a.div3:active { display:block; height:20px; background-color:#B7DEAC; color:#0F380F; border:0px; font-size:11pt; font-weight:bold; line-height:14pt; text-align:center; text-decoration:none;}
a.div4:link { display:block; height:110px; background:url('images/seasonal_graphics/blue_gradient.jpg'); color:#0F380F; border:0px; font-size:11pt; line-height:14pt; text-align:center; text-decoration:none;}
a.div4:visited { display:block; height:110px; background:url('images/seasonal_graphics/blue_gradient.jpg'); color:#0F380F; border:0px; font-size:11pt; line-height:14pt; text-align:center; text-decoration:none;}
a.div4:hover { display:block; height:110px; background:url('images/seasonal_graphics/blue_gradient2.jpg'); color:#0F380F; border:0px; font-size:11pt; line-height:14pt; text-align:center; text-decoration:none;}
a.div4:active { display:block; height:110px; background:url('images/seasonal_graphics/blue_gradient2.jpg'); color:#0F380F; border:0px; font-size:11pt; line-height:14pt; text-align:center; text-decoration:none;}
span.size1 { font-size:13pt;}
span.size2 { font-size:9pt; }



/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell { padding: 0;}

/* Logo styling for SEO and Best Pratices */
#TopBannerCell h1 {display:block; height:150px; width:900px; margin-top:0px; margin-bottom:0px; text-indent:-9999px;}
#TopBannerCell h1 a {display:block; height:150px; width:900px; z-index:1;  margin-top:0px; margin-bottom:0px; background:url('images/mowershop_logos/mowershop_masthead_winter.jpg') no-repeat 0 0;}
#TopBannerCell h1 a:hover {display:block; height:150px; width:900px; z-index:1; margin-top:0px; margin-bottom:0px;}

/* Cart List Styling */
.cartwrap { float:right; width:256px; height:85px; margin-top:-115px; margin-right:120px; z-index:2; background:url("images/design_elements/tb-gradbox.gif") no-repeat; font-size:10px; line-height:16px; text-align:center; padding-top:10px; padding-bottom:10px; display:inline;}
.cartwrap img { margin:10px 0 5px 0; padding-bottom:2px; border-bottom:1px solid #ccc;}
.cartwrapleft { float:left; text-align:left; padding-left:15px; display:inline;}
.cartwrap ul { padding:0; margin:0; list-style:none; float:right; text-align:right; padding-right:15px;}
.cartwrap li { padding:0; margin:0;}
.cartwrap li a { font-size:10px; text-decoration:underline; color:#000;}
.cartwrap li a:hover {color: #0D6E0D; text-decoration: none;}



/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell { padding:0 0 0 0;}


/* Search Styling */
#TopSubBanner1_SimpleSearch1_Panel1 { clear:right; float:left; position:relative; top:2px; left:2px; border:1px solid #ffffff; width:160px; height:25px; z-index:4; color:#FFFFFF; padding-top:2px; margin-top:2px; margin-right:25px; display:inline;}
#TopSubBanner1_SimpleSearch1_Panel1 input { float:left; border:0; width:123px; height:16px; color:#000000; padding-top:2px; padding-bottom:2px; margin-left:2px; z-index:3; display:inline;}


/* Primary Navigation Styling */
#TopSubBannerCell ul { display:inline; list-style:none; height:25px; margin-bottom:5px; padding-bottom:8px; text-align:left; z-index:5;}
#TopSubBannerCell li {display:inline; list-style:none; float: left; padding:8px 7px 8px 7px;}
#TopSubBannerCell li a {display:inline; padding:7px 5px 7px 5px; font-size:13px; color:#ffffff; text-decoration:none; text-transform:uppercase;}
#TopSubBannerCell li a:hover {background:#ffffff; color:#000000;}


/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell { background:url("images/design_elements/lc-bg.gif") no-repeat 0 10px; width:24%; vertical-align:top; margin-top:5px; padding-top:5px; padding-bottom:20px}
#LeftColumnNav1_custommenu {width: 193px; vertical-align:top}

#LeftColumnNav1_custommenu h1, #LeftColumnNav1_custommenu ul {float: left}

.nav {margin: 12px 0 0 9px}

/* =============
Drop Downs Menus
==============*/

#LeftColumnCell ul li a,
#LeftColumnCell ul li ul a {display:block; text-decoration: none; width: 176px; background: #fff;}
#LeftColumnCell ul li ul ul a {width:210px; display:block; text-decoration: none;}

#LeftColumnCell ul li a {color:#000000; font-weight: bold;}
#LeftColumnCell ul li ul a {color: #000000; border-bottom: 1px solid #ddd; font-weight: normal}
#LeftColumnCell ul li ul ul a {color: #000000; border-bottom: 1px solid #CBCBCB; font-weight: normal; background:#E3E3E3;}
#LeftColumnCell ul li ul a:hover {background: #F6F6F6; color: #000000}

/* all lists */
#LeftColumnCell ul {padding:0; margin:0; list-style: none;	float: left; width:176px; text-transform: capitalize; height: auto}

/* all list items */
#LeftColumnCell ul li {float: left; padding: 0;	margin: 0; height: auto}
#LeftColumnCell ul li a {font-weight: bold; text-indent: 5px;}

#LeftColumnCell ul li.head {margin: 0; padding: 0; line-height: 23px; font-size: 11px; color: #000000; font-weight: bold}
#LeftColumnCell ul li a.head {border-right: none;  background: url("images/design_elements/lc-tile.gif") repeat-x top;}
#LeftColumnCell ul li a.head:hover { color:#55853D; }

/* Second Tier */
#LeftColumnCell ul li ul {padding: 0; margin: 0; list-style: none; line-height: 20px; float: left;	width: 176px;	border-bottom: none; font-weight: normal}

/* third-and-above-level lists */
#LeftColumnCell ul li ul ul {width: 210px; position: absolute; left: -9999px; margin-left: 176px; margin-top: -22px; border: 1px solid #CBCBCB; border-bottom: none; text-indent:0; line-height: 20px}
#LeftColumnCell ul li ul ul ul {width: 210px; margin-left: 210px}
#LeftColumnCell ul li:hover ul ul, #LeftColumnCell ul li:hover ul ul ul, #LeftColumnCell ul li:hover ul ul ul ul, #LeftColumnCell ul li.sfhover ul ul, #LeftColumnCell ul li.sfhover ul ul ul, #LeftColumnCell ul li.sfhover ul ul ul ul {left: -9999px}
#LeftColumnCell ul li:hover ul, #LeftColumnCell ul li li:hover ul, #LeftColumnCell ul li li li:hover ul, #LeftColumnCell ul li li li li:hover ul, #LeftColumnCell ul li.sfhover ul, #LeftColumnCell ul li li.sfhover ul, #LeftColumnCell ul li li li.sfhover ul, #LeftColumnCell ul li li li li.sfhover ul {left: auto}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default { margin-top:15px; padding:15px 0 0 0;}
#ContentCell.default h1 {font-family:"Microsoft Sans Serif", Helvetica, Geneva, sans-serif; font-size:17px; font-weight:bold;  padding:0; margin:3px 0; color:#0D6E0D;}
#ContentCell.default h2 {font-family:"Microsoft Sans Serif", Helvetica, Geneva, sans-serif; font-size:15px; font-weight:bold;  padding:0; margin:3px 0; color:#0D6E0D;}
#ContentCell.default h3 {font-family:"Microsoft Sans Serif", Helvetica, Geneva, sans-serif; font-size:13px; font-weight:bold;  padding:0; margin:3px 0; color:#0D6E0D;}

.fp-products {width:50%; height:auto; float:left; text-align:center; min-height:300px;}
#r1, #r2 {height: auto; margin: 10px 0 20px 0}
#r1 .fp-products .prod-img {height: 167px}
#r2 .fp-products .prod-img {height: 136px}

.fp-products h4 {font-size: 11px; color: #000000; font-weight: bold; margin: 0; padding: 0}
.fp-products p {font-size: 11pt; line-height:25pt; margin:0px;}
.fp-products table {line-height: 18px; width: 100%; float: left; font-size: 11px}
.fp-products table td {vertical-align: top; text-align: center}

.fp-products table#c1 td {width: 33%;}
.fp-products table#c2 td {width: 25%;}
.fp-products table#c3 td {width: 100%;}
.fp-products table#c4 td {width: 20%;}

.fp-products ul {padding:0; margin:0; list-style:none}
.fp-products li {padding:0; margin:0}
.fp-products li a {font-size:10px}

#lists {}
#lists ul {padding:0; margin:5px 0; list-style:none;}
#lists li {padding:0; margin:2px 0; display:block;}
#lists li a {color:#036803; text-decoration:none; font-size:16px; font-weight:bold; line-height:20px;}
#lists li a:hover {color:#55853D;  text-decoration:underline;}


/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {padding: 0px;}
#ContentCell.static h1 {font-size: 15px; font-weight: bold; color: #0D6E0D;}
#ContentCell.static h2 {font-size: 14px; font-weight: bold; color: #000000;}
#ContentCell.static h3 {font-size: 20px; font-weight: bold; color: #000000;}
#ContentCell.static h4 {font-size: 18px; font-weight: bold; color: #0D6E0D;}

.prod-tbl th {color: #d71341; font-weight: bold}
.prod-tbl th, .prod-tbl td {font-size:10.5pt; padding: 3px; border: 1px solid #000000;} 

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {height: 65px;}
#FooterCell ul {padding:0; margin:0; list-style:none;}
#FooterCell li {padding:0; margin:0; display:inline;}
#FooterCell li a {font-weight:bold; font-size:11px; color:#0F380F; text-decoration:none; border-right:solid 1px #000000; padding:0 7px 0 5px; line-height:15px;}
#FooterCell li a:hover {color:#55853D; }
li#last a{border:none;}
li#first a {padding-left:0;}
#FooterCell p {padding:0; margin:0 0 11px 0; font-size:10px;}