/* BASE COLORS               */
/* ------------------------- */
/* Tiffany Blue | #BDDEDD    */
/* Chocolate Brown | #5B2D2B */
/* Red | #A31D1C             */
/* ------------------------- */
html,body {
    /*height: 100%;*/
/*    min-height: 100%;*/ /* for IE since IE treats height as min-height */
/*	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;*/ /* Set the margin and padding to 0, otherwise it will add it to the over all height in browsers that handle the box model properly */
	margin:0;
	background-color:#5B2D2B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#BDDEDD;
}
#wrapper 
{
	text-align:center;
	font-size:.66em;
}

div#calloutWrapper {

	width:56em;
	margin:0 auto;
	border-top: solid #694745 1px;
	padding:6px 0 0;
}

div#featureWrapper
{
	width:400px;
	margin:0 auto;
	text-align:center;
	padding:0;
}

/* = Navigation */

.navigation a {
	padding-right:.5em;
}

hr.pageBoundary {
	width:56em;
	height:1px;
	color:#BDDEDD;
	clear:left;
}

/* = Content area */

div#featureWrapper div.featureCallout {
width:194px;
border-right:1px solid #694745;
text-align:center;
padding-top:4px;
padding-bottom:4px;
float:left;

}

.centered {
margin-left:auto;
margin-right:auto;
}

#createACakeLink {
float:left;
}

.contentWrapperStandard {
	width:60em;
	text-align:left;
	margin-left: auto;
    margin-right: auto;
}

.contentWrapperStandard p {
	margin-left:25px;
	padding-bottom:8px;
}
.contentWrapperStandard td {
	font-size:.7em;
}

.contentWrapperStandard a {
	text-decoration:underline;
}
.contentWrapperStandard p a {
	text-decoration:underline;
}
.contentWrapperStandard a:hover {
	text-decoration:none;
}

#contentWrapperFullReg {
	width:62.8em;
}

/*#contentWrapperCentered {
	text-align:center;
	width:100%;
}*/

#ratesTable {
	width:30em;
	padding:0;
	margin:0;
}
#ratesTable td {
	font-size:.70em;
	padding: 6px 0 6px 0;
	/*border: 1px solid #000;*/
}

#leftCakeImage {
	float:left;
	margin: 10px 16px 80px 10px;
}

#titleImage {
	margin-top:15px;
}

#titleImageAlone {
	margin-top:15px;
	margin-left:24px;
	margin-bottom:10px;
}

.caption {
	font-style:italic;
	color:#8CA5A5;
}

/* = Image Gallery Pages */
#imagesLeft {
	float:left;
	width:107px;
	margin-top:10px;
	margin-left:24px;
}

#imagesRight {
	float:right;
	width:107px;
	margin-top:10px;
	margin-right:20px;
}
#imagesLeft img, #imagesRight img {
	margin-bottom:10px;
}

#imageCenter {
	margin-left:-107px;
	margin-right:-107px;
	text-align:center;
	padding-top:80px;
	padding-bottom:120px;
}
#nextPreviousDiv {
	float:right;
	padding-right:20px;
}

/* = Create a Cake page */
#tabs {
	margin-left:25px;
	margin-top:16px;
	margin-bottom:16px;
	padding-bottom:16px;
}

.tab { 
	display:inline;
	padding-top:.2em; 
	padding-bottom:.4em;
	padding-left:8px;
	padding-right:8px;
	border-right:1px solid #BDDEDD;
	border-bottom:1px solid #BDDEDD;
}

.tabActive {
	background-color:#BDDEDD;
	color:#5B2D2B;
	font-weight:bold;
}

#buttons {
	margin-left:25px;
	padding-bottom:8px;
}
#buttons div {
	display:inline;
}
#exampleWrapper {
	margin-left:auto;
	margin-right:auto;
	width:61em;
}
.exampleDiv {
	float:left;
	text-align:center;
	font-weight:bold;
	margin:4px 4px 12px 0;
}
.exampleDiv img {
	margin-bottom:6px;
	border: 1px solid #BDDEDD;
}
.divSpacer {
	clear:both;
}
#cakeSummaryTable {
	border:1px solid #BDDEDD;
	float:left;
}

#cakeSummaryTable td {
	padding:3px;
	border-bottom:1px solid #BDDEDD;
	border-right:1px solid #BDDEDD;
}
#cakeSummaryTable td.cakeProperty {
	background-color:#BDDEDD;
	color:#5B2D2B;
	font-weight:bold; 
}

#summaryExample {
	/*border: 1px solid #000;*/
	width:266px;
	text-align:center;
	float:left;
}
#summaryExample p {
	margin:0 10px 0 10px;
}
#summaryExample img {
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #BDDEDD;
}

/* = Registration & Login */
.formWrapper {
	margin-left:25px;
}

.formWrapper label {
	width: 12em;
	float: left;
	text-align: right;
	margin: 4px 1em 6px 0;
	clear: both
}

.formWrapper input, .formWrapper select {
	margin-bottom: 8px;
	width:12em;
	height:1.7em;
}

.formWrapper textarea {
	margin-bottom: 8px;
	width:12.3em;
	height:12em;
}

.loginForm label
{
	width:16em;
}

.contactForm
{
	padding:0;
	width:400px;
	float:left;
}

.contactForm input, textarea
{
	float:left;
}


.loginButton {
	margin:1em 0 0 10.9em;
}
.cancelButton 
{
	margin-left:10.9em;
}
.contactSubmitButton {
	margin-left:112px;
	float:left;
}

.button {
}

.loginForm input.button
{
	margin-left:180px;
}

a.forgotPasswordLink {
	margin-left:13em;
}

/* = Error Message */
#errorMessage {
	background:#BDDEDD;
	border:2px solid #999;
	width:20em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
#errorMessage li, #errorMessage p  {
	color:#a31d1c;
}
#errorMessage p  {
	font-weight:bold;	
}

/* = Testimonials */

.thankYouNote {
	float:left;
	margin:5px;
}

#testimonialWrapper {
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
#largeNote {
	float:right;
	margin-top:5px;
}

/* = Full Registration */
#panelWrapper {
	background-color:#BDDEDD;
}

.registrationPanel {
	border:1px solid;
	width:30em;
	float:left;
	background-color:#5B2D2B;
	padding:1em 0;
}

label.radioLabel {
	padding-top:3px;
	margin-top:0;
}

span.radio input {
	width:auto;
	margin-top:0;
}

span.checkbox input {
	width:auto;
}
/*span.checkbox label {

}*/
span.privacyCheckbox input, span.privacyCheckbox label {
	width:auto;
	float: none;
	text-align: left;
	margin: 0;
	display:inline;
}
p.noLeftMargin input {
	margin-bottom:-.3em;
}

.reception {
	padding-bottom:4.8em;
}

.ceremony {
	padding-bottom:6em;
}

select.servingsSelect {
	margin-top:3px;
	margin-bottom:2.9em;
}
p.spacer {
	clear:both;
	margin:0;
	padding:0;
	height:0;
}
p.noLeftMargin {
	margin-left:0;
}
/* = Hyperlinks */
a {
	color:#BDDEDD;
}
a:link {
	text-decoration:none;
}
a:visited {
	/*color:#969d9d;*/
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {

}

/* = General */
em {
	font-weight:bold;
}

img.cakeExample {
border:2px #BEDEDD solid;
}

/** Availability **/

div#availabilityContent pre
{
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

p#loginRegister
{
	margin-bottom:0;
}

p#copyright
{
	margin-top:5px;
}

.clear
{
	clear:both;
}

a#availabilityLink
{
	text-decoration:underline;
	font-weight:bold;

}