/* main pages stylesheet */

/* colors

light blue:		#C7EBFB
TS blue:		#234094
medium blue:	#5EA4D7
dark blue:		#02243C
orange:			#E7BA58
red:			#720000
white:			#F7F7F7
grey:			#565656
black:			#242424

*/

/* First get the page layout */
@import url( "/css/layout.css" );
@import url( "/css/forms.css" );
@import url( "/css/navTabs.css" );
@import url( "/css/customerAccount.css" );


/* ---------------------------------------------------------------------
	main content for all pages, body, header tags, p tags etc
--------------------------------------------------------------------- */
body { 
	background-color: #95DAF9;
	background-image:url(/img/sudsBackground.jpg);
  	background-repeat:repeat-x;
	color: #242424; }

a, #content a {color: #5EA4D7; }
  
a:hover, #content a:hover, a:visted:hover {color: #E7BA58; }
  
a:visited, #content a:visited { color: #5EA4D7; }

h1, h2, h3, h4, h5, h6 { color: #242424; }

.mute { color: #666; }

/* ---------------------------------------------------------------------
	Header, including navigation
--------------------------------------------------------------------- */
#header {
  background-color:#fff;
  background-image:url("/img/header_background.gif");
  background-position:bottom left;
  background-repeat:no-repeat; }
  
#header a,
#header img {
  border:0px; }

/* Customer Account Top Navigation */
  
ul#account a {
  background:url("/img/account_navigation.gif") no-repeat left top;
  color: #242424;
  height:27px;
  padding-top:1px; }
  
ul#account a:hover {
  color: #fff;
  background-position:0% -28px; }


/* ---------------------------------------------------------------------
	main content
--------------------------------------------------------------------- */
#container {
	border:1px solid #02243C;
  	background-color:#fff; }

#container .sb-inner { background: #fff; }
#container .sb-shadow { background: #242424; }
#container .sb-border { background: #02243C; }
  
/* Main Content */  
#content p.contact { color: #02243C; }
  
#content p.phone { color:#333333; } /* Phone number when by itself */

#content img { border: 0px; }
#content a img { border: 0px; }
#content img.border { border: 1px solid #dedede; padding:0px; }
#content img.icon,
#content a img.icon { 
	padding:0px; 
	margin:-2px 10px 5px 10px; 
	border:0px; }

#contactInformation {
	width:300px;
	border: 2px dashed #5EA4D7;
	padding:10px 15px;
	margin:20px 20px 20px 0px;
	line-height:1.3em; }

#fourSeasons {
	width:160px;
	margin-top:20px;
	font-size:.8em;
	text-align:center;
	float:right; }

#fourSeasons img {
	float:none;
	margin-left:-5px; }

#custReg {
	margin:10px 20px 0px 20px;
	text-align:center;
	width: 260px;
	float:right;
	z-index:100; }

#custReg h2 {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	line-height:1.3em; }

#content p.lonely { min-height:350px; }

#content hr {
	border:0px;
	border-top:1px solid #dedede;
	margin:20px 0px; }

#content p.top { border-bottom: 1px solid #ccc; }

#content p.small {
	line-height:1em;
	font-size:.9em; }

/* tables */
#content table { border: 0px solid #dedede; }
  
#content td, #content tr { border: 1px solid #dedede; }
  
#content td.white { color:#fff; }

#content td.header { 
	background-color: #5EA4D7;
	color: #fff;
	font-weight:bold; }

#content table td.tooltip {
	cursor:pointer; }

#content div.box {
	width:220px;
	border:1px solid #dedede;
	font:.7em;
	line-height:1.3em;
	text-align:center; }

#content div.box h2 {
	margin:0;
	padding:10px;
	background-color: #5EA4D7;
	border-bottom:1px solid #dedede;
	color: #fff; }

#content div.box img {
	margin:0 auto; }

#content div.box p {
	padding:0px 10px;
	text-align:left; }

#content div#serviceMission {
	margin-left:30px; }

#content a img.pdf {
	padding:0px 17px; }

div#steps {
	width:300px;
	height:330px; }
	
div.step {
	width:300px;
	height:100px;
	line-height:1.2em;
	padding:0;
	margin:5px 0;
	background-color:#ededed; }

div.step h2 {
	font-size:1em;
	margin:0;
	padding:3px 0px 3px 60px;
	background-color: #5EA4D7;
	border-bottom:1px solid #dedede;
	color: #fff;
	font-weight:bolder; }

#content div.step a img { border:0px; height:50px; width:70px; }

/* Tooltips */
#content div.tooltip {
	background-color: #E7BA58;
	color: #242424;
	padding:10px;
	width:350px;
	font-size:.8em;
	line-height:1.2em; }

/* Google Map */
#serviceMap {
	position:relative;
	top:0px;
	left:390px;
	width:370px;
	height:350px;
	margin-bottom:20px;
	border:1px solid #dedede; }

div.leftColumn {
	width:350px;
	float:left;
	clear:left; }

/* ---------------------------------------------------------------------
	footer
---------------------------------------------------------------------*/
#footer {
  color: #242424; }

#footer a:hover {
  color: #fff; }
 

/* ---------------------------------------------------------------------
	Customer Account Navigation
---------------------------------------------------------------------*/
div#customerNavigation {
	font-size:.8em;
	margin:0px;
	padding:0px;
	background-color: #C7EAFD;
	float: right;
	width: 100%; }

div#customerNavigation ul {
	margin:0px;
	padding:0px; }

div#customerNavigation ul li {
	display: inline;
	list-style-type: none;
	margin:0px;
	padding:0px; }

div#customerNavigation ul li a, 
div#customerNavigation ul li a:visited {
	padding: 3px 15px;
	color: #5EA4D7;
	background-color: #C7EAFD;
	text-decoration: none;
	border-right: 1px solid #fff;
	float:right; }

div#customerNavigation ul li a:hover {
	color: #fff;
	background-color: #5EA4D7;
	text-decoration: none; }


/* ---------------------------------------------------------------------
	Ordering Pages
---------------------------------------------------------------------*/
#content a img.moreInfo {
	padding:0px;
	margin:0px;
	float:right;
	position:relative;
	margin-top:-22px;
	margin-right:50px; }
	
#content img.moreInfo {
	margin:0px;
	padding:0px;
	height:20px;
	border:0px; }

#content a img.pricingInfo {
	margin-right:0px; }

div#popup {
	max-height:200px;
	overflow:auto;
	font-size:12px;
	width: 550px;
	margin:10px 0px 10px 50px;
	padding:10px 20px;
	background-color: #E7BA58;
	border:1px solid #dedede; }

div#popup h3 {
	font-size:16px;
	margin-top:0px; }

#content div#popup a,
#content div#popup a:visited {
	color: #02243C; }

div#popup a.close {
	float: right;
	margin: 0;
	padding: 0; }

#content table.order {
	line-height:1.4em;
	border:0px;
	font-size:.8em;
	margin:15px 0px;
	text-align:left; }

#content table.order tr th {
	border: 1px solid #dedede;
	background-color: #5EA4D7;
	font-size:1.4em;
	padding:10px 20px; }

#content table.order td {
	padding:5px 10px;
	text-align:left;
	border: 1px solid #dedede; }
	
#content table.order td.label {
	font-weight:bold;
	text-align:right;
	border-right:0px;
	background-color:#efefef; }

#content a.expand {
	padding:0px 30px 0px 0px;
	background-image:url('/img/plus.gif');
	background-position:right center;
	background-repeat:no-repeat; }

#content a.collapse {
	padding:0px 30px 0px 0px;
	background-image:url('/img/minus.gif');
	background-position:right center;
	background-repeat:no-repeat; }
	
div.confirmation{
	line-height:1.3em;
	border:1px solid #dedede;
	padding:10px 20px;
	margin:20px 0px 10px 0px; }

div.confirmation h3 {
	margin-top:0px;
	color:#666; }

div.laundry {
	width: 320px;
	float: left;
	margin-right:20px;
	margin-bottom:20px; }

div.drycleaning {
	width: 320px;
	float: left;
	margin-bottom:20px; }

br.clearAll {
	clear:both;
	margin:20px 0px; }

#content table.confirmOrder,
#content table.confirmOrder tr,
#content table.confirmOrder td  {
	margin:0;
	padding:0;
	text-align:left;
	border:0px; }

#content table.confirmOrder td { padding:2px 4px 2px 8px; }

#content table.confirmOrder td.label {  
	background-color: #ededed;
	border: 1px solid #ddd;
	margin: 2px 5px 2px 0px;
	font-size:.9em;
	clear:left;
	width:140px;
	padding:2px 4px; }

#content table.order {
	line-height:1.4em;
	border:0px;
	font-size:.9em;
	margin:15px 0px;
	text-align:left; }

#content table.order td.header {
	text-align:center; }

#content table.order td {
	padding:7px 15px;
	text-align:left;
	border: 1px solid #dedede; }
	
#content table.order td.label {
	font-weight:bold;
	text-align:right;
	border-right:0px;
	background-color:#efefef; }

#content a.expand {
	padding:0px 0px 0px 20px;
	background-image:url('/img/plus.gif');
	background-position:left center;
	background-repeat:no-repeat; }

#content a.collapse {
	padding:0px 0px 0px 20px;
	background-image:url('/img/minus.gif');
	background-position:left center;
	background-repeat:no-repeat; }

#content p.lessSpace {
	margin:7px;
	font-size:.8em; }