/*
CSS for Romano's Bakeery
Adapted from original CSS
by KCarey
*/

/* Body Defaults */
body, td, p	{
	color: #000000;
	font-size: 14px;
	font-family: arial,helvetica,Verdana;
	line-height: 19px;
	vertical-align: top;
    margin: 0px;
	}

td {
  background: #FFFFFF;
}


body {
  background: #FFFAEB;
}


/* Default Link Behavior */
a:link	{  color: #B22222; text-decoration: none}
a:visited	{  color: #B22222; text-decoration: none}
a:hover	{  color: Silver; text-decoration: underline}
a:active	{  color: #B22222; text-decoration: none}

/* Default Detait Section Settings */
.title {	font-family: "Tahoma", Arial, Georgia;	font-size: 22px; color: White; }

.title-2 { font-family: "Tahoma", Arial, Georgia; font-size: 14px; color: White; }

.breadcrumb { font-family: "Tahoma", Arial, Georgia; font-size: 11px;  font-weight: bold; color: #696969;  font-style: italic; }
.breadcrumb a:link	{  color: #696969; text-decoration: none}
.breadcrumb a:visited	{  color: #696969; text-decoration: none}
.breadcrumb a:hover	{  color: #DCDCDC; text-decoration: underline;}
.breadcrumb a:active	{  color: #696969; text-decoration: none}

.menu { font-family: "Tahoma", Arial, Georgia; font-size: 12px;  font-weight: bold; }
.menu a:link	{  color: White; text-decoration: none}
.menu a:visited	{  color: White; text-decoration: none}
.menu a:hover	{  color: #cc3333; text-decoration: none}
.menu a:active	{  color: White; text-decoration: none}

.section_title { font-family: "Tahoma", Arial, Georgia; font-size: 12px;  font-weight: bold;  color: black;  }
.section_title a:link {  color: #CC3333; text-decoration: none}
.section_title a:visited {  color: #CC3333; text-decoration: none}
.section_title a:hover {  color: #696969; text-decoration: underline}
.section_title a:active {  color: #CC3333; text-decoration: none}

.mainPage {
  text-align: center;
 }

.standout {  font-family: Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 font-style: italic;
	 font-weight: bold;
	 color: #003333;
}

.cakenums {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }

.cakes {
  text-align: center;
  vertical-align: bottom;
}


.footer {
	background: #cc3333;
	font-family: "Tahoma", Arial, Georgia;
	font-size: 9px;
	color: White;
	font-weight: bold;
	padding: 15px;
	text-align: center;
}

.copyright {  font-family: "Tahoma", Arial, Georgia; font-size: 8px;  color: #696969; }

.cakeTitle {
font-weight: bold;
}

.pageTitle {
  font-family: Tahoma, Arial, Georgia;
  font-size: 14px;
  color: #CC3333;
  font-weight: bold;
}

.approved .typo-icon {background-image: url(images/approved-icon.png);}
.alert .typo-icon {background-image: url(images/alert-icon.png);}
.attention .typo-icon {background-image: url(images/attention-icon.png);}
.camera .typo-icon {background-image: url(images/camera-icon.png);}
.cart .typo-icon {background-image: url(images/cart-icon.png);}
.doc .typo-icon {background-image: url(images/doc-icon.png);}
.download .typo-icon {background-image: url(images/download-icon.png);}
.media .typo-icon {background-image: url(images/media-icon.png);}
.note .typo-icon {background-image: url(images/note-icon.png);}
.notice .typo-icon {background-image: url(images/notice-icon.png);}
.alert {color: #D0583F;background-image: url(images/alert.png);background-color: #FFFBFB;border-bottom: 1px solid #F8C9BB;border-right: 1px solid #F8C9BB;}

.approved {color: #6CB656;background-image: url(images/approved.png);background-color: #FAFDF9;border-bottom: 1px solid #C1CEC1;border-right: 1px solid #C1CEC1;}
.attention {color: #E1B42F;background-image: url(images/attention.png);background-color: #FFFDF6;border-bottom: 1px solid #E4E4D5;border-right: 1px solid #E4E4D5;}
.camera {color: #55A0B4;background-image: url(images/camera.png);background-color: #F6FBFB;border-bottom: 1px solid #C9D5D8;border-right: 1px solid #C9D5D8;}
.cart {color: #559726;background-image: url(images/cart.png);background-color: #FCFCFC;border-bottom: 1px solid #D3D3D3;border-right: 1px solid #D3D3D3;}
.doc {color: #666666;background-image: url(images/doc.png);background-color: #FFFFFF;border-bottom: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;}
.download {color: #666666;background-image: url(images/download.png);background-color: #FCFCFC;border-bottom: 1px solid #D3D3D3;border-right: 1px solid #D3D3D3;}
.media {color: #8D79A9;background-image: url(images/media.png);background-color: #FBF9FD;border-bottom: 1px solid #DBE1E6;border-right: 1px solid #DBE1E6;}
.note {color: #B76F38;background-image: url(images/note.png);background-color: #FFFAF6;border-bottom: 1px solid #E6DAD2;border-right: 1px solid #E6DAD2;}
.notice {color: #6187B3;background-image: url(images/notice.png);background-color: #FAFCFD;border-bottom: 1px solid #C7CDDA;border-right: 1px solid #C7CDDA;}
.quote {color: #727272;background-image: url(../images/quote.png);background-color: #F3F3F3;border-bottom: 1px solid #D4D4D4;border-right: 1px solid #D4D4D4;}
.quote-l {display: block;padding: 8px 10px 0px 36px;margin: 15px 0;}
.quote-r {display: block;padding: 0 10px 0 0;}
.quote-l {background: url(images/quote-l.png) no-repeat 10px 12px;}
.quote-r {background: url(images/quote-r.png) no-repeat 100% 100%;}

/* Important Style*/
.important {padding: 15px;margin: 25px 0 10px 0;position: relative;border: 1px solid #E5E5E5;background: #fff url(images/important.png) repeat-x 0 100%;}
span.important-title {position: absolute;display: block;top: -0.8em;left: 10px;padding: 3px 8px;font-size: 120%;font-weight: bold;background: #fff;color: #000;}

td.leftEdge {
  background-image: url(images/leftedge.jpg);
}

td.rightEdge {
  background-image: url(images/rightedge.jpg);
}

#weddingCakes {
  border: 4px black solid;
}

#weddingCakes2 {
  border: 4px #e9e9cf solid;
}

#dallasbestcakes {
  border: 4px #e9e9cf solid;
  padding: 15px;
  color: #000000;
  background: #F0F0D8;
  font-family: arial, helvetica;
  size: 12px;
  line-height: 20px;
}

.buycake {
  border: 1px #cc3333 solid;
}

td.cakeForm {
  background: f0f0d8;
  font-size: 12px;
  font-weight: bold;
}


td.cakeHeader {
  background: #cc3333;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}


td.leftSide {
  width: 300px;
}

td.leftSideInside {
  width: 200px;
}

td.rightSide {
  width: 471px;
  font-family: arial,helvetica;
  size: 12px;
  color: #000000;
}

td.rightSideInside {
  width: 571px;
  font-family: arial,helvetica;
  size: 12px;
  color: #000000;
}

.small {
  font-size: 11px;
}

#smallRed {
  color: #CC3333;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center;
}