/* pellerinlaundry.com public.css */

/* Global Styles */
BODY { color: #000044; background-color: #ffffff; font-style: normal; font-family: 'Century Gothic', Sans-Serif; font-variant: normal; text-decoration: none; margin: 0px; padding: 0px; }
BODY a { color: #000044; font-weight: bold; text-decoration: underline; }
H1{ font-size: 120%; font-weight: normal; border-bottom: 1px solid #6b5634; margin: 4px 0px 6px 0px; padding: 0px; }
H2{ font-size: 110%; margin: 0px 0x 2px 0px; }
FORM { padding: 0px; margin: 0px; }
TABLE { border-collapse: collapse; padding: 0px; margin: 0px; }
TR { padding: 0px; margin: 0px; }
TH { padding: 0px 5px 0px 0px; margin: 0px; font-size: 90%; }
TD { padding: 0px; margin: 0px; font-size: 90%; font-style: normal; font-family: 'Century Gothic' , Sans-Serif; font-variant: normal; text-decoration: none; }
UL { margin: 8px 0px 8px 16px; padding: 0px; list-style: square none outside; }
LI { margin: 0px 0px 1px 0px; padding: 0px; }
LI a { font-weight: bold; }
div { -moz-box-sizing: border-box; }

/* Red Link */
.aRed { color: #cc0000; }

/* Tables */
.tableNoMargin { margin: 0px; padding: 0px; }
.tablePersonList td { padding: 0px 4px 4px 0px; vertical-align: top; }

/* System */
#errorMessage { color: #880000; font-weight: bold; background-color: #ffdddd; padding-top: 5px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; margin-bottom: 4px; }
#errorMessage a { color: #880000; }
#errorMessage li a { color: #880000; }
#normalMessage { color: #3c3b00; background-color: #ffffdd; padding-top: 5px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; margin-bottom: 4px; }
#normalMessage a { color: #3c3b00; }
#normalMessage li a { color: #3c3b00; }

/* Header */
#logo { float: left; padding: 0px; margin: 6px 0px 0px 0px; width: 252px; }

#navigationMain { float: left; padding: 0px; margin: 0px; text-align: right; background-image: url(/images/mainNavigationBackdrop.jpg); width: 508px; height: 41px; }
#navigationMain ul { margin: 0px; padding: 0px; white-space: nowrap; vertical-align: middle;  }
#navigationMain li { font-size: 80%; background-image: url(/images/menuDivider.gif); margin: 0px; padding: 8px 10px 0px 10px; display: inline; list-style-type: none; vertical-align: middle; height: 29px; }
#navigationMain li a { margin: 0px; padding: 0px; text-decoration: none; font-weight: normal; }
#navigationMain li a:visited{ color: #000044; }
#navigationMain li a:hover { color: #000044; }

#navigationSub ul { margin: 2px 0px 0px 0px; padding: 0px; white-space: nowrap; height: 32px; }
#navigationSub li { font-size: 90%; margin: 0px; padding: 0px 8px 0px 8px; display: inline; list-style-type: none; vertical-align: middle; }
#navigationSub li a { color: #ffffff; margin: 0px; padding: 0px; text-decoration: underline; font-weight: bold; }
#navigationSub li a:visited{ color: #ffffff; }
#navigationSub li a:hover { color: #ffffff; }

/* Main */
.mainCenter { float: none; text-align: center; padding: 0px; margin: 0px; }
.mainBody { float: none; width: 760px; text-align: left; background-color: #ffffff; padding: 0px; margin: 0px auto; }

/* Solution */
#solutionSubTitle { position: absolute; top: 132px; width:760px; padding: 5px 10px 5px 10px; color: #ffffff; font-style: italic; font-weight: bold; z-index: 10; }
#solutionSubTitleBlock { background-color: #28446b; opacity: 0.6; filter: alpha(opacity=60); margin: 0px; padding: 0px; width: 760px; height: 50px; }
#solutionLeftColumn { float: left; padding: 10px; margin: 0px; width: 380px; font-size: 80%; }
#solutionRightColumn { float: left; padding: 10px; margin: 0px; width: 380px; font-size: 80%; }
#solutionBodyFirstParagraph { font-size: 110%; font-weight: bold; }
#solutionGalleryWrapper { margin: 0px 0px 20px 0px; padding: 0px; border-bottom: 1px solid #28446b; }
.solutionSearchResult { float: left; width: 653px; height: 100px; margin: 5px 0px 5px 0px; }
.solutionSearchResultImage { float: left; width: 100px; margin: 5px 0px 5px 5px; }
.solutionSearchResultTitle { background-color: #28446b; padding: 6px; background-image: url(/images/blueGradientB.jpg); }
.solutionSearchResultTitle a { color: #ffffff; font-size: 90%; font-weight: bold; }
.solutionSearchResultSubtitle { background-color: #f0f0f0; font-size: 80%; padding: 6px; border-right: 1px dotted #000044; border-left: 1px dotted #000044; }
.solutionSearchResultLocation { background-color: #f8f8f8; font-size: 70%; padding: 5px 6px 5px 6px; font-style: italic; border-right: 1px dotted #000044; border-left: 1px dotted #000044; border-bottom: 1px dotted #000044;}

/* About Us */
#aboutSubTitle { position: absolute; top: 157px; width: 760px; padding: 0px; margin: 0px; z-index: 10; }
#aboutSubTitleBlock { background-color: #28446b; opacity: 0.6; filter: alpha(opacity=60); margin: 0px; padding: 0px; width: 760px; height: 25px; }

/* Category */
.category { float: left; width: 270px; height: 100px; margin: 5px 0px 5px 0px; height: 160px; }
.categoryImage { float: left; width: 100px; margin: 5px 5px 5px 5px; height: 160px; }
.categoryTitle { background-color: #28446b; padding: 6px; background-image: url(/images/homepageColumnTitleBackground.jpg); }
.categoryTitle a { color: #ffffff; font-size: 90%; font-weight: bold; }
.categoryDescription { background-color: #f0f0f0; font-size: 60%; padding: 6px; border-right: 1px dotted #000044; border-left: 1px dotted #000044; border-bottom: 1px dotted #000044; height: 140px; }
.categoryDescription ul { margin: 0px 0px 0px 16px; }
.categoryFooter { background-color: #f8f8f8; font-size: 70%; padding: 5px 6px 5px 6px; font-style: italic; border-right: 1px dotted #000044; border-left: 1px dotted #000044; border-bottom: 1px dotted #000044;}

#categorySubTitle { position: absolute; top: 132px; width:760px; padding: 5px 10px 5px 10px; color: #ffffff; font-style: italic; font-weight: bold; }
#categorySubTitleBlock { background-color: #28446b; opacity: 0.6; filter: alpha(opacity=60); margin: 0px; padding: 0px; width: 760px; height: 50px; }
#categoryLeftColumn { float: left; padding: 10px; margin: 0px; width: 380px; font-size: 80%; }
#categoryRightColumn { float: left; padding: 10px; margin: 0px; width: 380px; font-size: 80%; }
#categoryBodyFirstParagraph { font-size: 110%; font-weight: bold; }
#categoryGalleryWrapper { margin: 0px 0px 20px 0px; padding: 0px; border-bottom: 1px solid #28446b; }
.categorySearchResult { float: left; width: 653px; height: 100px; margin: 5px 0px 5px 0px; }
.categorySearchResultImage { float: left; width: 100px; margin: 5px 0px 5px 5px; }
.categorySearchResultTitle { background-color: #28446b; padding: 6px; }
.categorySearchResultTitle a { color: #ffffff; font-size: 90%; font-weight: bold; }
.categorySearchResultSubtitle { background-color: #f0f0f0; font-size: 80%; padding: 6px; border-right: 1px dotted #000044; border-left: 1px dotted #000044; }
.categorySearchResultLocation { background-color: #f8f8f8; font-size: 70%; padding: 5px 6px 5px 6px; font-style: italic; border-right: 1px dotted #000044; border-left: 1px dotted #000044; border-bottom: 1px dotted #000044;}

/* Standard Page Formatting */
.pageTitle { background-color: #28446b; display: block; color: #ffffff; font-size: 120%; font-weight: bold; background-image: url(/images/blueGradientB.jpg); padding: 4px 8px 4px 8px; margin: 0px 0px 0px 0px; }
.pageTitle a { color: #ffffff; }
.pageBody { padding: 6px; font-size: 90%; border-right: 1px dotted #000044; border-left: 1px dotted #000044; }

/* Product */
.product { float: left; width: 270px; margin: 5px 0px 5px 0px; }
.productImage { float: left; width: 100px; margin: 5px 5px 5px 5px; }
.productTitle { background-color: #28446b; padding: 6px; background-image: url(/images/homepageColumnTitleBackground.jpg); }
.productTitle a { color: #ffffff; font-size: 90%; font-weight: bold; }
.productDescription { height: 100px; background-color: #f0f0f0; font-size: 90%; padding: 6px; border-right: 1px dotted #000044; border-left: 1px dotted #000044; border-bottom: 1px dotted #000044; }
.productDescription ul { margin: 0px 0px 0px 16px; }
.productFooter { background-color: #f8f8f8; font-size: 70%; padding: 5px 6px 5px 6px; font-style: italic; border-right: 1px dotted #000044; border-left: 1px dotted #000044; border-bottom: 1px dotted #000044;}

.productPageMenu { width: 480px; margin: 10px 0px 0px 0px; padding: 5px; font-size: 90%; border: 1px dotted #000044; background-color: #f2f2f2; }
.productPageMenu ul { margin: 5px 0px 5px 25px; }
.productPageDescription { width: 480px; margin: 5px 0px 0px 0px; padding: 5px; font-size: 90%; border: 1px dotted #000044; background-color: #f2f2f2; }
.productPageSubTitle { width: 480px; margin: 5px 0px 0px 0px; padding: 5px; font-size: 90%; border: 1px dotted #000044; background-color: #f2f2f2; }
.productPageBulletList { width: 480px; margin: 5px 0px 0px 0px; padding: 5px; font-size: 90%; border: 1px dotted #000044; background-color: #f2f2f2; }
.productPageBulletList ul { margin: 5px 0px 5px 25px; }

/* Footer */
#footer { clear: both; float: none; display: block; font-size: 60%; margin: 0px 0px 0px 0px; }

/* Forms */
.tdTitle { text-align: right; font-weight: bold; padding: 0px 4px 2px 0px; }
.inputCheckbox {font-size: 90%; background-color: #ffffff; border: 1px solid #000044; color: #000044; margin-top: 2px;}
.inputRadio {font-size: 90%; background-color: #ffffff; border: 1px solid #000044; color: #000044; margin-top: 2px;}
.inputSubmit {font-size: 90%; background-color: #ffffff; border: 1px solid #000044; color: #000044; margin-top: 2px; font-family: 'Century Gothic', Sans-Serif; }
.inputText { width: 171px; font-size: 90%; background-color: #ffffff; border: 1px solid #000044; color: #000044; font-family: 'Century Gothic', Sans-Serif; }
.inputTextarea {width: 171px; font-size: 90%; background-color: #ffffff; border: 1px solid #000044; color: #000044; height: 100px; font-family: 'Century Gothic', Sans-Serif; }
.select {font-size: 90%; background-color: #ffffff; color: #000044; font-family: 'Century Gothic', Sans-Serif; }
.selectTable {border: 1px solid #000044; margin-top: 1px; margin-bottom: 1px; font-family: 'Century Gothic', Sans-Serif; }

/* Home */
.homepage { float: none; margin: 0px; padding: 0px; }
.homepageBody { margin: 0px; padding: 4px 8px 4px 8px; }
.homepageBodyBig { font-size: 110%; }

.homepageColumnNews { font-size: 70%; float: left; background-image: url(/images/homepageColumnBackground.jpg); width: 320px; height: 335px; padding: 0px; margin: 2px 0px 0px 0px; border-right: 1px dotted #000044; border-left: 1px dotted #000044; }
.homepageColumnSolutions { font-size: 70%; float: left; background-image: url(/images/homepageColumnBackground.jpg); width: 220px; height: 335px; padding: 0px; margin: 2px 0px 0px 0px; border-left: 1px dotted #000044; }
.homepageColumnProducts { font-size: 70%; float: left; background-image: url(/images/homepageColumnBackground.jpg); width: 220px; height: 335px; padding: 0px; margin: 2px 0px 0px 0px; border-right: 1px dotted #000044; }

.homepageTitle { background-color: #28446b; display: block; color: #ffffff; font-size: 130%; font-weight: bold; background-image: url(/images/homepageColumnTitleBackground.jpg); padding: 4px 8px 4px 8px; margin: 0px 0px 0px 0px; width: 100%; }
.homepageTitle a { color: #ffffff; text-decoration: none; }

.homepageThumbNews { padding: 4px; margin: 0px 0px 4px 0px; border: 1px solid #000044; background-color: #ffffff; }
.homepageThumbNewsStory { font-size: 80%; }

/* Spare Parts */

.twoColumnLayout { width: 745px; }
.twoColumnLayout th { background-color: #28446b; padding: 6px; color: #ffffff; font-size: 90%; font-weight: bold; text-align: left; background-image: url(/images/homepageColumnTitleBackground.jpg); }
.twoColumnLayout td { background-color: #f0f0f0; padding: 5px; font-size: 90%; color: #000044; width: 340px; border-right: 1px dotted #000044; border-left: 1px dotted #000044; border-bottom: 1px dotted #000044; vertical-align: top; }

#contactUsLink { margin: 5px 0px 0px 0px; padding: 0px; font-size: 90%;}
#pageFooterSpace { height: 5px; clear: both; margin: 0px 0px 0px 0px; padding: 0px; }

/* Staff */
#staffResultHeader { margin: 5px 0px 5px 0px; }
.staffResultContent { margin: 5px 0px 5px 0px; background-color: #f0f0f0; font-size: 80%; padding: 6px; border: 1px dotted #000044; }
.staffResultContact th { width: 180px; font-weight: bold; text-align: right; }
.staffResultImage { float: left; width: 100px; margin: 5px 0px 5px 5px; }

#designSubTitle { position: absolute; top: 132px; width:760px; padding: 5px 10px 5px 10px; color: #ffffff; font-style: italic; font-weight: bold; }
#designSubTitleBlock { background-color: #28446b; opacity: 0.6; filter: alpha(opacity=60); margin: 0px; padding: 0px; width: 760px; height: 50px; }
#designLeftColumn { float: left; padding: 10px; margin: 0px; width: 380px; font-size: 80%; }
#designRightColumn { float: left; padding: 10px; margin: 0px; width: 380px; font-size: 80%; }
#designBodyFirstParagraph { font-size: 110%; font-weight: bold; }
#designGalleryWrapper { margin: 0px 0px 20px 0px; padding: 0px; border-bottom: 1px solid #28446b; }