/*
 * Main CSS Stylesheet
 * Cool Tops (coolcutsforkids.com)
 * @copyright Copyright 2009 Ridetiger.com
 */

body {margin: 0; padding: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 75%; color: #99cc66; background-image: url(../images/purple_back.gif);}

a {color: #99cc66;}
h1 {font-size:2em; text-align:center;}
h2 {margin-bottom:0; font-size:1.6em;}
table {border-collapse: collapse;}
td {text-align:left; vertical-align:top;}
	
#mainWrapper {margin: 0 auto; text-align: left; background-color: #ffffff; width: 960px; vertical-align: top;}
/*
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}
*/
#headerWrapper{
	background-image: url(../images/header_bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	height:110px;
	}
	
#headerWrapper img {text-align:right; border:none; margin:0; padding:0;}
#headerWrapper a {text-decoration:none; border:none; margin:0; padding:0;}
#navbar {clear:both; width: 960px; height: 22px; margin: 0; padding: 0; display: block; border-top:2px solid #ffffff;}
#navbar ul, #navbar li {list-style-type: none; margin: 0; padding: 0;}
#navbar ul {height: 22px; width: 960px; background:#9966cc; text-align: center;}
#navbar li {float: left;}
#navbar li a {display: table-cell; vertical-align:middle; color:#ffffff; font-weight: bold; text-decoration:none; height: 22px; width: 118px; line-height: 14px; border-left: 1px solid #c495f0; border-right: 1px solid #611e9e;}
#navbar li a:hover {color:#99cc66;}

#content {clear:both width:960px; margin:0; padding:0; min-height:400px; border-top:2px solid #ffffff; background-color: #ffffff;}

#leftcontent {float:left; width:195px; text-align:center; background-color:#ffffff;}
#leftcontent img {margin:10px auto; border:none;}

#rightcontent {float:right; margin-right:100px; width:650px; text-align:center; background-color:#ffffff;}
#rightcontent p {font-size:1.4em; color:#9966cc;}

#rightcontent.home #boxa {float:left; width:500px;}
#rightcontent.home #boxb {float:right; width:150px;}
#rightcontent.home #boxb img {margin-top:10px;}
/*
#rightcontent.home #boxc {clear:both; width:550px; padding-top:30px;}
#rightcontent.home #boxc p {margin:10px 10px 0 0; text-align:left; font-size:1.1em;}
#rightcontent.home #boxc p span.green {color:#99cc66; font-weight:bold;}
#rightcontent.home #boxc p.hours {margin:0 10px 7px 20px; color:#666666; font-size:1.1em;}
*/
#boxc {clear:both; margin-bottom:20px; width:650px; padding-top:30px;}
#boxc p {margin:10px 10px 0 50px; text-align:left; font-size:1.3em; letter-spacing:2px;}
#boxc p span.green {color:#99cc66; font-weight:bold;}
#boxc p.hours {margin:0 10px 7px 70px; color:#666666; font-size:1.2em;}

#rightcontent.appt table {margin:0 0 0 60px;}
#rightcontent.appt td {color:#000000;}
#rightcontent.appt input.submit {margin:0 0 0 0;}
#rightcontent.appt input, #rightcontent.appt textarea, #rightcontent.appt select {margin:0 0 5px 0;}
#rightcontent.appt span.red {color:red; font-size:.8em; font-style:italic;}

#rightcontent.parties p {margin:10px 20px; font-size:1.2em; text-align:left;}
#rightcontent.parties p.green {color:#99cc66;}
#rightcontent.parties p.black {margin-top:0; color:#666666; font-size:1em; text-align:center;}
#rightcontent.parties img {margin-top:10px; border:none;}
#rightcontent.parties ul {text-align:left; color:#666666;}

#rightcontent.contact table {margin:0 auto;}
#rightcontent.contact td, #rightcontent.contact th {font-size:1.2em; color:#9966cc; font-weight:normal; text-align:left; padding:10px 0 0 0;}
#rightcontent.contact th {text-align:right; padding-right:30px; color:#99cc66;}
#rightcontent.contact td.extend {padding:0 0;}
#rightcontent.contact td.center {padding-top:25px; text-align:center;}
#rightcontent.contact p.black {margin-top:0; color:#666666; font-size:1em;}
#rightcontent.contact img {border:none;}
#rightcontent.contact a {color:#9966cc;}
#rightcontent.contact a:hover {color:#99cc66;}

#rightcontent.services table {margin:0 auto;}
#rightcontent.services p {margin:8px 0 0 0; font-size:1.4em; text-align:left;}
#rightcontent.services p.price {margin-right:10px; text-align:right;}
#rightcontent.services p.tagline {font-size:1.2em;}
#rightcontent.services a:hover {color:#9966cc;}

#footer {clear:both; width:960px; height:30px; margin:0 auto; padding:0; text-align:center; display:block; background:#9966cc; border-top:2px solid #ffffff;}
#footer p {color:#ffffff; text-decoration:none; font-size:0.85em;}
#footer a {color:#ffffff; text-decoration:none;}
#footer a:hover {color:#99cc66;}