﻿/* -- html elements -- */
* {font:normal 8pt verdana, tohoma, arial;}
html {height: 100%; border: 0; padding: 0; margin: 0;} 
body {height: 100%; background:#ffffff; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:center;}
h2 {font-weight:600; font-size:11px;}
h3 {font:bold 14px verdana, tohoma, arial}
h4 {font:bold 11px verdana, tohoma, arial}
h5 {font:normal 11px verdana, tohoma, arial}
a {font:normal 8pt verdana, arial, tohoma; text-decoration:none;}
a:link {color:#0A59A4; text-decoration:none; cursor:hand}
a:hover {color:#0A59A4; text-decoration:underline; cursor:hand}
a:visited {color:#0A59A4; cursor:hand}
ul {list-style-position:outside;}
li {list-style-type:square; padding: 2px 0px 2px 0px;}
hr {text-align:center;}

/* -- layout containers -- */
.masterContainer {background:url(images/side.gif) repeat-y top left #ffffff; width:960px; margin:auto; min-width:960px; text-align:center;}

#defaultPromo {width:100%; text-align:center; padding-top:3em;}
#defaultPromoHeading {width:100%; font-size:15pt; font-weight:600; color:#118000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#defaultPromoSubHeading {width:100%; font-size:12pt; font-weight:normal; color:#118000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-top:1.5em;}
#defaultFooter {width:100%; font-size:12pt; font-weight:normal; color:#118000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:-50px;}

#defaultImageHeader {float:right; margin-top:-15px; width:295px; height:35px; display:block; font-size:11pt; font-weight:600; color:#0A59A4; visibility:hidden;}
#defaultPhonenumberPromo {text-align:left; padding-top: 7px; padding-left: 25px; margin-left:75px; float:left; margin-top:40px; width:750px; height:43px; display:block; font-size:11pt; font-weight:600; color:#0A59A4; background: url(images/btn_grey_help.png) no-repeat top left;}
#defaultPhonenumberPromo span {font-size:11pt; font-weight:600; }

#servicePromo p {text-align:left; font-size:8pt; font-weight:normal;}
#servicePromo ul {list-style-type:square; list-style-position:outside; margin:0 0 0 20px;}
#servicePromo a {font-size:8pt; text-decoration:none;}
#servicePromo a:link {color:#0A59A4; text-decoration:none; cursor:hand}
#servicePromo a:hover {color:#0A59A4; text-decoration:underline; cursor:hand}
#servicePromo a:visited {color:#0A59A4; cursor:hand}

#generalQuestions .heading {color:#0a59a4; font-size:11pt; font-weight:bold; text-decoration:none; padding-bottom:10px;} 
#generalQuestions a {color:#0a59a4; font-size:9pt; font-weight:bold; text-decoration:underline;} 
#generalQuestions a:link {color:#0a59a4; text-decoration:underline; cursor:hand;}
#generalQuestions a:hover {color:#0a59a4; text-decoration:underline; cursor:hand}
#generalQuestions a:visited {color:#0a59a4; cursor:hand}

#ironingQuestions .heading {color:#118000; font-size:11pt; font-weight:bold; text-decoration:none; padding-bottom:10px;} 
#ironingQuestions a {color:#118000; font-size:9pt; font-weight:bold; text-decoration:underline;} 
#ironingQuestions a:link {color:#118000; text-decoration:underline; cursor:hand;}
#ironingQuestions a:hover {color:#118000; text-decoration:underline; cursor:hand}
#ironingQuestions a:visited {color:#118000; cursor:hand}

#drycleaningQuestions .heading {color:rgb(170,20,40); font-size:11pt; font-weight:bold; text-decoration:none; padding-bottom:10px;} 
#drycleaningQuestions a {color:rgb(170,20,40); font-size:9pt; font-weight:bold; text-decoration:underline;} 
#drycleaningQuestions a:link {color:rgb(170,20,40); text-decoration:underline; cursor:hand;}
#drycleaningQuestions a:hover {color:rgb(170,20,40); text-decoration:underline; cursor:hand}
#drycleaningQuestions a:visited {color:rgb(170,20,40); cursor:hand}

#generalQuestionsContainer a {color:#0a59a4; font-size:8pt; text-decoration:none;} 
#generalQuestionsContainer a:link {color:#0a59a4; text-decoration:none; cursor:hand;}
#generalQuestionsContainer a:hover {color:#0a59a4; text-decoration:underline; cursor:hand}
#generalQuestionsContainer a:visited {color:#0a59a4; cursor:hand}
#generalQuestionsContainer hr {width:60%; text-align:center; margin:1.5em 0 1.5em 0;}
#generalQuestionsContainer .paragraph {padding:0 0 0.5em 0;}
#generalQuestionsContainer .heading {font-size:9pt; font-weight:bold; color:#0a59a4; padding:0 0 0.5em 0;}
#generalQuestionsContainer .subheading {font-size:8pt; font-weight:bold; padding:0 0 0 0;}

#ironingQuestionsContainer a {color:#0a59a4; font-size:8pt; text-decoration:none;} 
#ironingQuestionsContainer a:link {color:#0a59a4; text-decoration:none; cursor:hand;}
#ironingQuestionsContainer a:hover {color:#0a59a4; text-decoration:underline; cursor:hand}
#ironingQuestionsContainer a:visited {color:#0a59a4; cursor:hand}
#ironingQuestionsContainer hr {width:60%; text-align:center; margin:1.5em 0 1.5em 0;}
#ironingQuestionsContainer .paragraph {padding:0 0 0.5em 0;}
#ironingQuestionsContainer .heading {font-size:9pt; font-weight:bold; color:#118000; padding:0 0 0.5em 0;}
#ironingQuestionsContainer .subheading {font-size:8pt; font-weight:bold; padding:0 0 0 0;}

#drycleaningQuestionsContainer a {color:#0a59a4; font-size:8pt; text-decoration:none;} 
#drycleaningQuestionsContainer a:link {color:#0a59a4; text-decoration:none; cursor:hand;}
#drycleaningQuestionsContainer a:hover {color:#0a59a4; text-decoration:underline; cursor:hand}
#drycleaningQuestionsContainer a:visited {color:#0a59a4; cursor:hand}
#drycleaningQuestionsContainer hr {width:60%; text-align:center; margin:1.5em 0 1.5em 0;}
#drycleaningQuestionsContainer .paragraph {padding:0 0 0.5em 0;}
#drycleaningQuestionsContainer .heading {font-size:9pt; font-weight:bold; color:rgb(170,20,40); padding:0 0 0.5em 0;}
#drycleaningQuestionsContainer .subheading {font-size:8pt; font-weight:bold; padding:0 0 0 0;}

#wcuContainer .heading {font-size:10pt; font-weight:bold; color:#0a59a4; height:12pt; padding: 0.5em 0 0 0;}
#wcuContainer hr {width:60%; text-align:center; margin:1em 0 1em 0;}

.filterGroup {padding:2em 0em 2em 0em;}
.filterGroup .heading {font-size:12pt !important; font-weight:bold !important; color:#0a59a4 !important; padding:0 0 1em 0;}
.filterGroup hr {width:60%; text-align:center; margin:1em 0 1em 0;}

.topLink {padding:0 0 1em 0; width:100%; text-align:right;}
.topLink a {}

.footer {background:url(images/footer.gif) no-repeat bottom left #ffffff; clear:both; height:50px; width:960px; padding-top:20px;}
.footer a {color:#0a59a4; font-size:8pt; text-decoration:none;} 
.footer a:link {color:#0a59a4; text-decoration:none; cursor:hand;}
.footer a:hover {color:#0a59a4; text-decoration:underline; cursor:hand}
.footer a:visited {color:#0a59a4; cursor:hand}

.sloganContainer {float:left; margin-left:0px; margin-top:-35px; width:450px; height:45px;}
.sloganContainer h1 {font-size:18pt; font-weight:600; color:#0A59A4; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.sloganContainer h3 {font-size:14pt; font-weight:600; color:#0A59A4; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.ggContainer {float: right; width: 200px; height: 175px; margin-top: -20px; margin-right: -25px; background-image: url(images/speech-bubble-s.png);}
.ggContainer div { text-align: center; text-decoration: underline !Important; color: #FF5003; width: 75%; height: 75%; margin-top: 30px; margin-left: 20px; margin-right: 45px; font-weight: bold; font-size: large;}
.ggContainer:hover {text-decoration:underline !Important;}

.loginMenu {width:450px; font-size:7.5pt; font-weight:600; padding:10px 0 15px 0; color:#747474; text-align:right;}
.headerContainer {height:126px; width:960px; padding-top:10px; text-align:center; display:block; background-image:url(images/header.gif); background-repeat:no-repeat; background-position:left top;}
.logoContainer {float:left; width:271px; height:175px; display:block; background: url(images/logo.png) no-repeat top center; cursor: pointer; margin: 0px 0px 0px 0px;}
.headerRight {float:right; width:450px; height:66px; margin:3px 20px 3px 0px; font-size:7.5pt; text-align:right;}
.menuContainer {background:url(images/side.gif) repeat-y top left; clear:both; width:960px; margin-top:5px; background-color:#ffffff; text-align:left; padding:0;}

/* News related stuff */
.newsItemContainer {padding:10px 5px 10px 5px;}
.newsItemHeadline {text-align:left; font-weight:600; font-size:12px;}
.newsItemHeadlineHyperlink {text-align:left; color:#0A59A4; background-color:#ffffff; font-weight:600; font-size:12px;}
.newsItemStory {font-style:italic; text-align:left;}
.newsItemImage {padding-right:5px;}
.newsMoreLinkContainer {text-align:left; padding: 0px 0px 0px 1em;}
.newsSingleItemHeadline {text-align:left; color:#0A59A4; background-color:#ffffff; font-weight:600; padding-bottom:10px; font-size:12px;}
.newsSingleItemStory {text-align:left;}

/* Main default page */
.outerContainer {float:left; width:400px; height:142px; margin-right:49px;}
.container {padding:15px 0px 5px 0px; width:200px; height:280px; text-align:center; vertical-align:middle; margin-top:42px; display:inline;}
.container a {font:bold 13pt verdana, arial, tohoma; text-decoration:none;}
.container a:link {color:#0A59A4; text-decoration:none; cursor:hand}
.container a:hover {color:#0A59A4; text-decoration:underline; cursor:hand}
.container a:visited {color:#0A59A4; cursor:hand}
.innerContainer {padding:15px 0px 5px 0px; width:200px; text-align:left;}

/* Dry Cleaning pricing */
.section {width:100%; border:solid 1px #596f9f; margin-top:35px;}
.sectionHeader {width:100%; height:20px; padding-top:5px; text-align:center; vertical-align:middle; color:#B63F97; font-size:8pt; font-weight:bold; text-decoration:none; background-color:#f5f5f5; border-bottom:solid 1px #596f9f;}
.sectionBody li {line-height:1em; margin:-1.3em 0 0 -1.3em; position:relative; float:left; width:100%; text-align:left; border-bottom:1px dotted #000; clear:both;}
.sectionBody li span{background:#ffffff; padding:1px 15px 1px 5px; color:#000; position:relative; top:0.4em; float:right;}
.sectionBody li em{background:#ffffff; padding:0 5px 1px 0; color:#000; position:relative; top:1.6em; margin:0;}

.voucherContainer {text-align:left; font-size:8.5pt;}
.voucherContainer a {color:#0a59a4; font-size:9pt; font-weight:bold; text-decoration:none;} 
.voucherContainer a:link {color:#0a59a4; text-decoration:none; cursor:hand;}
.voucherContainer a:hover {color:#0a59a4; text-decoration:underline; cursor:hand}
.voucherContainer a:visited {color:#0a59a4; cursor:hand}

.voucherPanel {padding:0em 1em 1em 5em; text-align:left;}
.checkoutPanel {padding:0em 1em 1em 1em; text-align:left;}

.borderSolidBlackBottom {border-bottom:solid 1px black; text-align:right; width:150px;}
.borderDoubleBlackBottom {border-bottom:double 3px black; text-align:right; width:150px;}

.backLinkContainer {padding:5px 0 10px 0;}

.tellAFriendPdfFlyer {background: url(images/pdf.png) no-repeat top left; text-align:left; vertical-align:middle; font-weight:600; color:#6d6e70; padding:1.25em 0 0 5em; height:50px; visibility:hidden;}
.tellAFriendJpgFlyer {background: url(images/jpg.jpg) no-repeat top left; text-align:left; vertical-align:middle; font-weight:600; color:#6d6e70; padding:1.25em 0 0 5em; height:50px; visibility:hidden;}

/* Google maos flyout div */
.googleMapsDiv {background-color:#ffffff; border:solid 1px #596f9f; width:900px; height:550px;}
.googleMapsLegendDiv {background-color:#ffffff; width:900px; height:50px;}

div.form_common {margin-bottom: 10px;}
.form_common .form_element {height:26px;}
.form_common span.label {float: left; position: relative; top: 4px; vertical-align: top; width: 160px; }

div.CoverageTownContainer {padding:25px 0 25px 0;}
div.CoverageTownContainer .heading {font-size:12px; font-weight:bold; color:#0A59A4 !Important;}
div.CoverageTownContainer li {background:url(images/bullet-check-green.png) no-repeat 2px 4px; padding-left:20px; line-height:15px; list-style-type:none !Important; margin-left:-30px;}

div.CheckContainer {padding:0 0 0 0;}
div.CheckContainer .heading {font-size:12px; font-weight:bold; color:#0A59A4 !Important;}
div.CheckContainer li {background:url(images/bullet-check-green.png) no-repeat 2px 4px; padding-left:20px; line-height:15px; list-style-type:none !Important; margin-left:-30px;}