@charset "utf-8";
/* CSS Document */
/* Created     	: May 2008  */
/* Auhtor 	    	: pingloopback */
/* Project Title 	: CINDYS - Bakery Restaurant  */

body{
	background-color: #FFF;
	font-family: Arial, Tahoma;
	font-size:12px;
	color:#796d5f;
	background-image: url(/images/img-body.jpg);
	background-repeat:repeat-x;
}

#body-wrap {
	margin-left:0;
	width: 770px;
	height: 100%;
	border:0px solid #99cc00;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
#header{
	width:770px;
	height:100px;
	border:0px solid #ffcc00;
	}

#header-logo{
	width:239px;
	height:92px;
	border:0px solid #000;
	background-image: url(/images/img-cindys-logo.gif	);
	background-repeat: no-repeat;
	float:left;
	}

	
#header-search{
	margin-top:0px;
	width:465px;
	height:55px;
	border:0px solid violet;
	float:right;
	}

font.txt-search{
	color:#bff490;
	font-family: Arial, Tahoma;
	font-weight: normal;
	font-size:18px;
	letter-spacing:1px;
	vertical-align:middle;
	}	
	
input.txtbox-search{
	color:#a7e942;
	font-family:Arial, Tahoma;
	font-weight: normal;
	font-size:18px;
	width:230px;
	height:18px;
	text-align:left;
	border:1px solid #92d62a;
	height:26px;
	vertical-align:middle;
	padding-left:2px;
	width:265px;
	}
	
button.btn-ok{
	border:1px solid #92d62a;
	background-color:#d3f89a;
	vertical-align:middle;
	margin-left:-4px;
	color:#89df3b;
	height:30px;
	width:40px;
	}	
button.btn-ok a{
	color:#89df3b;
	text-decoration:none;
	}

#header-text{
	margin-top:10px;
	width:465px;
	height:30px;
	border:1px solid #fff;
	float:right;
	}
	
#header-text table{
	margin-top:0;
	border:0px solid green;
	float:right;
	}
#header-text table tr td{
	width:auto;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	height:15px;
	border-right:1px solid #3ebf39;
	color:#3ebf39;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	}

#header-text table tr td.last{
	width:auto;
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	height:15px;
	border-right:0px solid #3ebf39;
	color:#3ebf39;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	}


	
#header-text table tr td a{
	color:#3ebf39;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	}

#header-text table tr td a:hover{
	color:#ff6001;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	}

#header-text table tr td a.active{
	color:#ff6001;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	}

#content{
	width:770px;
	height:auto;
	border:0px solid #000;
	padding-bottom:10px;
	margin-bottom:10px;
	float:left;
	}

#content-banner{
	width:770px;
	height:243px;
	background-image: url(/images/img-cindys-banner.jpg);
	background-repeat: no-repeat;
	border:0px solid red;
	}
	
#content-left-nav{
	width:220px;
	height:300px;
	border:0px solid red;
	padding:0;
	float:left;
	}
#content-left-nav table tr td{
	vertical-align:middle;
	padding:0;
	}	
	
#content-left-nav table tr td a{
	list-style-type:none;
	color:#3ebf39;
	font-size:15px;
	font-weight:normal;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	padding:0;
	font-family:  Arial, Tahoma;
	}	
#content-left-nav table tr td a:hover{
	color:#ff6001;
	font-family: Arial, Tahoma;
	}
#content-left-nav table tr td {
	list-style-type:none;
	padding:0;
	}	

#content-left-nav table tr td a img{
	border:1px solid #fff;
	padding:0;
	width:35px;
	height:37px;
	}
	
#content-left-nav table tr td a:hover img{
	border:1px solid #fff;
	padding:0;
	width:35px;
	height:37px;
	}	
	
#content-right-nav{
	width:540px;
	height:auto;
	border:0px solid blue;
	padding:0;
	float:right;
	}

font.company-overview{
	color:#fb9233;
	font-family:"Trebuchet MS", Tahoma;
	font-size:24px;
	}

font.subtitle{
	color:#617eb6;
	font-family: Arial, Tahoma;
	font-size:11px;
	font-weight:bold;
	line-height:30px;
	}

font.subcont{
	color:#7c7c7c;
	font-family: Arial, Tahoma;
	font-size:13px;
	font-weight:normal;
	line-height:20px;
	}
td.img{
	width:150px;
	height:80px;
	padding:10px;
	border:0px solid #eaeaea;
	/*background-image: url(/images/img-classic.jpg);*/
	background-repeat: no-repeat;
	}
	
td.list{
	margin-left:10px;
	padding-left:0px;
	color:#666666;
	font-family: Arial, Tahoma;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	border:0px solid #000;
	}

td.list p a{
	color:#617eb6;
	font-family: Arial, Tahoma;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	}

td.list p a:hover{
	color:#ff9900;
	font-family: Arial, Tahoma;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	}	
	
#content-right-nav-bottom{
	width:540px;
	height:80px;
	border:0px solid pink;
	padding-top:8px;
	float:right;
	}
	
td.promo{
	width:540px;
	height:70px;
	border:1px solid #c0f3be;
	vertical-align:top;
	color:#3ebf39;
	}
	
#footer{
	width:770px;
	height:100px;
	background-image: url(/images/img-cindys-footer.jpg);
	background-repeat: no-repeat;
	}
	
td.call{
	width:240px;
	border:0px solid #FFF;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	height:30px;
	}
	
td.call a{
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	}

td.copy {
	color:#cccccc;
	text-align:right;
	vertical-align:middle;
	}

	
td.footlinks{
	width:510px;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	height:30px;
	border:0px solid red;
	}
#footer table{
	float:right;
	}
	
#footer table.foot tr td{
	width:auto;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	height:15px;
	border-right:1px solid #FFF;
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	vertical-align:middle;
	text-align:center;
	}

#footer table.foot tr td.last{
	width:auto;
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	height:15px;
	border-right:0px solid #3ebf39;
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	vertical-align:middle;
	text-align:center;
	}

	
#footer table.foot tr td a{
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	}
#footer table.foot tr td a:hover{
	color:#00bf00;
	font-size:11px;
	font-weight:normal;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	}
/*  About */

#content-top-nav{
	width:770px;
	height:auto;
	border:0px solid red;
	padding:0;
	float:left;
	}
#content-top-nav table.bread tr td{
	vertical-align:middle;
	padding-left:3px;
	padding-right:3px;
	}	
	
#content-top-nav table.bread tr td a{
	list-style-type:none;
	color:#3ebf39;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	padding:0;
	font-family:"Trebuchet MS", Tahoma;
	}	
#content-top-nav table.bread tr td a:hover{
	color:#ff6001;
	font-family:"Trebuchet MS", Tahoma;
	text-decoration:none;
	}

#content-top-nav table.bread tr td a.active{
	color:#3ebf39;
	font-family:"Trebuchet MS", Tahoma;
	text-decoration: underline;
	}

	
#content-title{
	width:770px;
	height:auto;
	border:0px solid blue;
	padding:0;
	float:left;
	}
	
div.slide{
	width:762px;
	height:150px;
	border:1px solid #3ebf39;
	padding:0;
	float:left;
	}
	
#content-title table tr td p.caption{
	color:#666666;
	font-family:"Trebuchet MS", Tahoma;
	font-size:20px;
	font-weight:bold;
	}

#content-title table tr td p.category{
	color:#069010;
	font-family:"Trebuchet MS", Tahoma;
	font-size:14px;
	font-weight:bold;
	}

	
#content-title table tr td p.cont{
	line-height:20px;
	color:#7c7c7c;
	font-family: Arial, Tahoma;
	font-size:12px;
	}
a.back{
	float:right;
	color:#ff6001;
	font-family: Arial, Tahoma;
	font-size:11px;
	padding-bottom:10px;
	text-decoration:none;
	}
	
table.contact{
	margin-left:30px;
	}
	
table.contact tr td button img{
	vertical-align:middle;
	}

button.btn-ok-100{
	border:1px solid #92d62a;
	background-color:#d3f89a;
	vertical-align:middle;
	margin-left:-4px;
	color:#89df3b;
	height:30px;
	width:100px;
	}
	
input{
	color:#027002;
	font-family: Arial, Tahoma;
	font-size:12px;
	}
	
textarea{
	color:#027002;
	font-family: Arial, Tahoma;
	font-size:12px;
	}
	
span.asterisk{
	color:red;
	font-family: "Times New Roman", Arial, Tahoma;
	font-size:18px;
	vertical-align:middle;
	}
	
#le{
	top:0;
	position:fixed;
	width:20px;
	height:1000px;
	background:#80d45f;
	display:block;
	margin:0;
}
#le1{
	top:0;
	position:fixed;
	width:5px;
	height:1000px;
	background:#d4f4a3;
	display:block;
	margin:0;
}

#ri{
	right:0;
	position:fixed;
	width:20px;
	height:1000px;
	background:#80d45f;
	display:block;
	margin:0;
	top:0;
}
#ri1{
	top:0;
	right:0;
	position:fixed;
	width:5px;
	height:1000px;
	background:#d4f4a3;
	display:block;
	margin:0;
}

div.prod-1234{
	width:780px;
	height:auto;
	border:1px solid #fff;
	padding-bottom:20px;
	float:left;
	}

div.prod-1234 a img{
	border:none;
	}	
	
div.prod-1{
	width:335px;
	height:150px;
	border:1px solid #fff;
	padding:0;
	float:left;
	margin:20px;
	}
	
div.prod-2{
	width:335px;
	height:150px;
	border:1px solid #fff;
	padding:0;
	float:left;
	margin:20px;
	}

div.prod-3{
	width:335px;
	height:150px;
	border:1px solid #fff;
	padding:0;
	float:left;
	margin:20px;
	}
	
div.prod-4{
	width:335px;
	height:150px;
	border:1px solid #fff;
	padding:0;
	float:left;
	margin:20px;
	}
	
#content-prod-nav{
	width:770px;
	height:auto;
	border:0px solid red;
	padding:0;
	float:left;
	}

div.product-tab{
	width:220px;
	height:auto;
	border:0px solid red;
	padding:0;
	float:left;
	padding-bottom:20px;
	}
	
div.product-tab a img{
	border:none;
	}
	
div.product-tab a.img-hove1:hover img{
	border:none;
	background-image: url(/images/img-category1-lt.jpg);
	background-repeat: no-repeat;
	}

div.product-tab a.img-hove2:hover img{
	border:none;
	background-image: url(/images/img-category2-lt.jpg);
	background-repeat: no-repeat;
	}

div.product-tab a.img-hove3:hover img{
	border:none;
	background-image: url(/images/img-category3-lt.jpg);
	background-repeat: no-repeat;
	}

div.product-tab a.img-hove4:hover img{
	border:none;
	background-image: url(/images/img-category4-lt.jpg);
	background-repeat: no-repeat;
	}

	
#product-right-nav{
	width:540px;
	height:auto;
	border:1px solid #fff;
	padding:0;
	float:right;
	margin-bottom:20px;
	}

font.product-overview{
	color:#fb9233;
	font-family:"Trebuchet MS", Tahoma;
	font-size:24px;
	}
	
p.cont{
	line-height:20px;
	color:#7c7c7c;
	font-family: Arial, Tahoma;
	font-size:12px;
	}

img.img-products{
	border:1px solid #d6fb9d;
	width:69px;
	height:116px;
	padding:20px;
	}
	
table.product-breakdown{
	width:540px;
	height:auto;
	border:0px solid red;
	}
table.product-breakdown tr td.imge{
	width:100px;
	height:116px;
	}
	
table.product-breakdown tr td.desc{
	width:400px;
	height:116px;
	vertical-align:top;
	}
	
.capt{
	background-color:#92d62a;
	width:100px;
	padding:5px;
	color:#fff;
	}
.data{
	background-color:#d6fb9d;
	width:270px;
	padding:5px;
	color:#7c7c7c;
	}
table.product-list{
	width:175px;
	height:auto;
	border:1px solid #d6fb9d;
	padding:0;
	}
table.product-list tr td.imahe{
	width:180px;
	height:150px;
	padding:0;
	}
	
table.product-list tr td.info{
	width:200px;
	height:auto;
	vertical-align:top;
	padding:0;
	}
img.img-prod{
	border:0px solid #d6fb9d;
	width:150px;
	height:150px;
	vertical-align:middle;
	padding:0;
	}
	
.capt1{
	background-color:#b5ec5d;
	width:30px;
	height:25px;
	padding:2px;
	color:#00bf00;
	font-size:9px;
	font-weight:bold
	}
.data1{
	background-color:#d6fb9d;
	width:100px;
	padding:2px;
	color:#7c7c7c;
	font-size:11px;
	height:25px;
	}
div.new{
	background-color: #ffcc00;
	float:left;
	color:red;
	font-size:9px;
	font-weight:bold;
	border:2px solid #f84c5b;
	width:auto;
	height:13px;
	position:absolute;
	z-index:1;
	padding-left:23px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	margin:0;
	vertical-align:middle;
	background-image: url(/images/img-hot.jpg);
	background-repeat: no-repeat;
	background-position:left;
	}
div.new2{
	background-color: #ffcc00;
	color:red;
	font-size:9px;
	font-weight:bold;
	border:2px solid #ed0101;
	width:auto;
	height:13px;
	z-index:1;
	padding-left:23px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	margin:0;
	vertical-align:middle;
	background-image: url(/images/img-hot.jpg);
	background-repeat: no-repeat;
	background-position:left;
	}
div.hot{
	background-color: #ffcc00;
	float:left;
	color:#03a903;
	font-size:9px;
	font-weight:bold;
	border:2px solid #04d703;
	width:auto;
	height:13px;
	position:absolute;
	z-index:1;
	padding-left:23px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	margin:0;
	vertical-align:middle;
	background-image: url(/images/img-star.jpg);
	background-repeat: no-repeat;
	background-position:left;
	}
div.hot2{
	background-color: #ffcc00;
	color:#03a903;
	font-size:9px;
	font-weight:bold;
	border:2px solid #03a903;
	width:auto;
	height:13px;
	z-index:1;
	padding-left:23px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	margin:0;
	vertical-align:middle;
	background-image: url(/images/img-star.jpg);
	background-repeat: no-repeat;
	background-position:left;
	}
	
.bakers-corp{
	marging-left:0;
	}	

	table.app{
	background-color: #ecfddd;
	border:2px solid #defcc4;
	margin-bottom:10px;
	}
	
table.app tr td{
	padding:5px;
	}
div.nav-app1{
	width:60px;
	float:right;
	background-image: url(./images/add_user.png);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:23px;
	}
div.nav-app1 a{ color:#00bf00; text-decoration:none; font-weight:bold;}
div.nav-app2 a{ color:#00bf00; text-decoration:none; font-weight:bold;}
div.nav-app2{
	width:60px;
	float:right;
	background-image: url(./images/delete.png);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:23px;
	}
.field-app{
	width:100px;
	}
.data-app{
	width:700px;
	color:#333333;
	text-align:justify;
	}
.data-app-name{
	width:700px;
	color:#333333;
	text-transform:capitalize;
	text-align:justify;
	font-size:15px;
	}