/*---- CS Main css ----*/
/*---- 9/10/08 10:30AM ----*/
/*   
Theme Name: CSMain
Theme URI: www.chocolatesprings.com
Description: Theme for Chocolate Springs Cafe
Author: Allan Douglas, DDGraphics WebMedia
Author: URI: www.ddgwebmedia.com
 */
/*****************************/

/* @group HTML Elements */
/*------ HTML Elements ------*/

body {
	text-align: center;
  	font-family: "Lucida Calligraphy Italic";
  	font-size: .9em;
  	color: #000000;
	background-color: #510000;
	padding: 20px;
 }
 
#inhalt {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 985px;
	background-image: url(../SiteAssets/Jpeg/BackGround/abar.jpg);
	background-repeat: repeat;
}

p, h1, h2, h3, h4, h5, ul, td {
  	font-family: Lucida Calligraphy Italic, sans-serif;
	color: #000000;
}

p {
	margin-left: 5px;
}

h2 {
	margin: 0px;
	vertical-align: top;
	
}

h4 {
	margin-top: 0px;
}

a {
	color: #FFFFCC;
	text-decoration: none;
}

/* @end HTML Elements */
/**************************/
/* @group ID Selectors */

/* Selectors */
#maincontainer {
	width: 985px;
	position: relative;
	left: 1px;
	}

#lwrmaincontainer {
/* used in checkout template*/
	clear: both;
	width: 985px;
	position: relative;
	left: 1px;
	}
	
#newcontainer{
	background-image: url(../SiteAssets/Jpeg/BackGround/abar.jpg);
	background-repeat: repeat;
}

#top {
	width: 985px;
}

#leftcolumn {
	left: 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 160px;
	/*voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px;*/
}
html>body #leftcolumn{
	width: 170px;
}
#mecontainer {
	float: left;
	position: relative;
	top: -8px;
	width: 570px;
	position: relative;
}
#mecontainer .box {
	float: left;
	position: relative;
	display: block;
	left: 0;
	voice-family:  "\"}\"";
	voice-family: inherit;
	left: 26px;
}

html>body #mecontainer .box {
	left: 25px;
}

#scndecontainer {
	float: left;
	position: relative;
	width: 570px;
}
#scndecontainer .box {
	float: left;
	position: relative;
	display: block;
	left: 0px;
	voice-family:  "\"}\"";
	voice-family: inherit;
	left: 192px;
}
html>body #scndecontainer .box {
	left: 192px;
}

#rightcolumn {
	float: left;
	position: relative;
	left: 50px;
}
#lwrrightcolumn {
	float: left;
	position: relative;
	left: 10px;
}



/* @end ID Selectors */
/***********************/
/* @group Bars */

#middle {
	clear: both;
	width: 985px;
}

#bottombar {
	clear: both;
	width: 985px;
}

#topbar {
	width: 985px;
}

/* @end Bars */
#privacy {
}
#privacy p {
	font-size: 11px;
}
#privacy h1 {
	font-size: 20px;
}
#privacy h2 {
	font-size: 16px;
}
#privacy h3 {
	font-size: 14px;
}
#newsletter a:link, #newsletter a:visited {
	margin-left: 9px;
	margin-top: 10px;
	display: block;
	width: 150px;
	border-top: 1px solid #4C0405;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #4C0405;
	color: #000000;
	background-color: #BF9946;
	text-align: center;
	font-size: 1.7em;
}
html>body #newsletter {
	width: 150px;
}
#newsletter a:hover, #newsletter a:active {
	border-color: #BF9946 #000 #000 #BF9946;
	color: #BF9946;
	background-color: #4C0405;
}
#newsletter h3{
	text-align: center;
	display: block;
}

#terms p, #terms h1, #terms h2, #terms h3 {
	left: 0px;
	Width: 570px;
	position: relative;
}
#terms p {
	font-size: 11px;
}
#terms h1 {
	font-size: 20px;
}
#terms h2 {
	font-size: 16px;
}
#terms h3 {
	font-size: 14px;
}

#lwrleft {
	float: left;
	text-align: left;
	font-family: "Lucida Calligraphy Italic";
	color: #BF9946;
	font-size: .9em;
	margin: 0px;
	padding: 0px;
	width: 170px;
	left: 0px;
	top: 0px;
}
html>body #lwrleft {
	width: 170px;
	margin-left: 0px;
}
#bottom {
	clear: both;
}

/* @group Events Calender */

/* --- Events Calendar Stuff ---*/
#calendar {
	clear: both;
	margin-left: 0;
	width: 570px;
}
/* twoColumns class for implementing a simple 2-column structure wherever needed
 * inside the content column. 
 */
table.clndrColumns {
	border: 1px solid #500001;
	border-collapse: collapse;
	width: 100%;
}
table.clndrColumns td {
	border: 1px solid #500001;
}
.clndrColumns p {
	text-align: left;
	margin-top: 0em;
	margin-left: .5em;
	font-size: .9em;
}
.clndrColumns h5 {
	text-align: left;
	margin-bottom: 0em;
	margin-top: .2em;
	margin-left: .2em;
	font-size: 1em;
}
.clndrColumns td.leftColumn {
	width: 30%;
	overflow: visible;	/* fix for IE italics bug */
}
.clndrColumns td.rightColumn {
	width: 70%;
	overflow: visible;	/* fix for IE italics bug */
}
/*--- Printer Icon for Events Calendar ---*/
#printer{
	margin-left: 0;
	width: 570px;
}
#printer h5 {
	font-size: .9em;
	text-align: left;
}
#printericon {
	float: right;
	width: 10%;
}
#printertext {
	float: left;
	width: 85%;
	margin: 0;
}
#printer a:link, #printer a:visited {
	height: 32px;
	width: 32px;
	background-image: url(http://www.ddgwebmedia.com/DDGECom/DB/DBAssets/DBIcon/print_up.gif);
	display: block;
    }
#printer a:hover {
	height: 32px;
	width: 32px;
	background-image: url(http://www.ddgwebmedia.com/DDGECom/DB/DBAssets/DBIcon/print_dwn.gif);
	background-repeat: no-repeat;
	display: block;
 }

/* @end Events Calender */
/* Footer CSS */
#mnfooter {
	float: left;
	position: relative;
	font-size: 11px;
	text-decoration: none;
	width: 610px;
}
#mnfooter .box {
	float: left;
	position: relative;
	left: 0px;
}
/*--- Classes ---*/
/*------ ClearFix ------*/
/*---- Used to push divs ----*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */ 
/*--- End ClearFix ---*/

.bttn {
	margin-left: 9px;
	margin-top: 10px;
	background-color: #4C0405;
	font-family: Lucida Calligraphy Italic, sans-serif;
	color: #BF9946;
	width: 150px;
	padding: 5px 8px 5px 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BF9946;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #BF9946;
	text-align: center;

}
td.label {
	display: block;
	margin: 5px;
	width: auto;
	text-align: right;
	height: 20px;
	color: #000000;
	vertical-align: middle;
}
td.input {
	margin: 5px;
	color: #000066;
}
p.pagination {
  font-size: 11px;
}

font.warning {
  color: white;
  background-color: red;
  font-weight: bold;
}
.menu {
  font-family: Lucida Calligraphy Italic, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #000000;
}
.style1 {
	color: #BF9946;
	text-align: center;
	font-size: 20px;
	margin-left: 10px;
}
.style2 {
	color: #BF9946;
	font-size: .8em;
	text-align: center;
	margin-left: 0px;
}
.style4 {
	color: #000000;
	font-weight: normal;
	color: #FFFFCC;
}

/*************************/

/* @group Form Stuff */

/*--- DDGWM Basic Form CSS ---*/
/*---- Modified 1/10/07 ----*/

#frmcontainer {
	width: 100%;
	margin: 0px auto;
	clear: both;
}
#frmcontainer h2 {
	font-size: 1.1em;
	margin: .5em 0em;
}
div.row {
	clear: both;
	padding-top: .5em;
}
div.row1 {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
div.rowbttns {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
div.row span.label {
	float: left;
	width: 40%;
	text-align: right;
}
div.row span.labelcr {
	float: left;
	width: 30%;
	text-align: right;
}
div.row span.labelbg {
	float: left;
	width: 15%;
	text-align: right;
}
div.row span.formw {
	float: right;
	width: 60%;
	text-align: left;
} 
div.row span.formcr {
float: right;
width: 70%;
text-align: left;
color: #000066;
} 
div.row span.formbg {
float: right;
width: 10%;
text-align: left;
} 
/*---- Button Classes ----*/
.sbmtbutton a:link, .sbmtbutton a:visited {
	width: 7em;
	display: block;
	border-top: medium solid #CCCCCC;
	border-right: medium solid #666;
	border-bottom: medium solid #666;
	border-left: medium solid #CCCCCC;
	color: navy;
	background-color: #FF7745;
	text-align: center;
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}

.sbmtbutton a:hover, .sbmtbutton a:active {
	color: #FF7745;
	background-color: navy;
	text-align: center;
	border-top-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #666;
}
 /*---- End Form CSS ----*/

/* @end Form Stuf */