/* ------------------------------------------------------------------------------------------------ */
/* global styles 
/* ------------------------------------------------------------------------------------------------ */

body{
	margin:0; padding:0; background:#F9F8F0 url(../images/bgMain.gif) repeat-x;
	font:normal 10px/128% "Trebuchet MS";
	}
p{
	margin: 0 0 1.5em 0;
	}
a{
	color:#EC008C; outline:none; text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}
p{
	font:normal normal 11px/14px "Georgia";
	color:#8A8B72;
	}
.addthis {
	width:auto;
	float:left; height:24px; text-decoration:none; padding:0 0 0 100px; margin:0;
}
.addthis span {
	width:auto; cursor:pointer; color:#fff;
	height:20px; padding:4px 0px 0 0;  float:left; margin:0;
}
a.BtnGreenWhite{
	width:auto;
	font:italic bold 12px/14px Georgia, "Times New Roman", Times, serif;
	background:url(../images/btnGreenWhiteBg.gif) 0 0 no-repeat;
	display:block; float:left; height:24px; text-decoration:none; padding:0 0 0 7px; margin:0;
	}
a.BtnGreenWhite span{
	width:auto; cursor:pointer; color:#fff;
	background:url(../images/btnGreenWhiteBg.gif) 100% 0 no-repeat;
	height:20px; padding:4px 10px 0 0; display:block; float:left; margin:0;
	}
a.BtnGreenWhite:hover span{
	color:#EEF9D2;
	}
	
a.BtnTqPink{
	width:auto;
	font:italic bold 12px/14px Georgia, "Times New Roman", Times, serif;
	background:url(../images/btnTqPinkBg.gif) 0 0 no-repeat;
	display:block; float:left; height:24px; text-decoration:none; padding:0 0 0 7px; margin:0;
	}
a.BtnTqPink span{
	width:auto; cursor:pointer; color:#fff;
	background:url(../images/btnTqPinkBg.gif) 100% 0 no-repeat;
	height:21px; padding:3px 10px 0 0; display:block; float:left; margin:0;
	}
a.BtnTqPink:hover span{
	color:#B5F7FF;
	}
	
a.BtnPinkTq{
	width:auto;
	font:italic bold 12px/14px Georgia, "Times New Roman", Times, serif;
	background:url(../images/btnPinkTqBg.gif) 0 0 no-repeat;
	display:block; float:left; height:24px; text-decoration:none; padding:0 0 0 7px; margin:0;
	}
a.BtnPinkTq span{
	width:auto; cursor:pointer; color:#fff;
	background:url(../images/btnPinkTqBg.gif) 100% 0 no-repeat;
	height:21px; padding:3px 10px 0 0; display:block; float:left; margin:0;
	}
a.BtnPinkTq:hover span{
	color:#FDD6ED;
	}
	
a.BtnOrLor{
	width:auto;
	font:italic bold 12px/14px Georgia, "Times New Roman", Times, serif;
	background:url(../images/btnOrangeFdOrBg.gif) 0 0 no-repeat;
	display:block; float:left; height:24px; text-decoration:none; padding:0 0 0 7px; margin:0;
	}
a.BtnOrLor span{
	width:auto; cursor:pointer; color:#fff;
	background:url(../images/btnOrangeFdOrBg.gif) 100% 0 no-repeat;
	height:21px; padding:3px 10px 0 0; display:block; float:left; margin:0;
	}
a.BtnOrLor:hover span{
	color:#FFE6BF;
	}
	
a.BtnGrLgr{
	width:auto;
	font:italic bold 12px/14px Georgia, "Times New Roman", Times, serif;
	background:url(../images/btnGreenLgreenBg.gif) 0 0 no-repeat;
	display:block; float:left; height:24px; text-decoration:none; padding:0 0 0 7px; margin:0;
	}
a.BtnGrLgr span{
	width:auto; cursor:pointer; color:#fff;
	background:url(../images/btnGreenLgreenBg.gif) 100% 0 no-repeat;
	height:21px; padding:3px 10px 0 0; display:block; float:left; margin:0;
	}
a.BtnGrLgr:hover span{
	color:#CDFFBC;
	}
	
a.BtnGrTq{
	width:auto;
	font:italic bold 12px/14px Georgia, "Times New Roman", Times, serif;
	background:url(../images/btnGreenTqBg.gif) 0 0 no-repeat;
	display:block; float:left; height:24px; text-decoration:none; padding:0 0 0 7px; margin:0;
	}
a.BtnGrTq span{
	width:auto; cursor:pointer; color:#fff;
	background:url(../images/btnGreenTqBg.gif) 100% 0 no-repeat;
	height:21px; padding:3px 10px 0 0; display:block; float:left; margin:0;
	}
a.BtnGrTq:hover span{
	color:#B6FFF2;
	}
	
a.BtnTqGr{
	width:auto;
	font:italic bold 12px/14px Georgia, "Times New Roman", Times, serif;
	background:url(../images/btnTqGreenBg.gif) 0 0 no-repeat;
	display:block; float:left; height:24px; text-decoration:none; padding:0 0 0 7px; margin:0;
	}
a.BtnTqGr span{
	width:auto; cursor:pointer; color:#fff;
	background:url(../images/btnTqGreenBg.gif) 100% 0 no-repeat;
	height:21px; padding:3px 10px 0 0; display:block; float:left; margin:0;
	}
a.BtnTqGr:hover span{
	color:#B5F7FF;
	}
/* ------------------------------------------------------------------------------------------------ */
#MainWrapper{
	width:920px; margin:auto; padding:0 20px; position:relative;
	}
/* ------------------------------------------------------------------------------------------------ */
		h1#Logo{
			width:238px; height:65px; padding:0; padding-top:20px; overflow:hidden; position:absolute; top:0; left:20px;
			margin:15px 0 0 0; z-index:2; background-color:#fff;
			}
		
		h1#Logo a{
			width:175px; height:65px; overflow:hidden; display:block; margin:0 auto;
			text-indent:-999em; background:url(../images/logoCravingsByMail.gif) no-repeat;
			}
			
		h3#Telephone{
			width:218px; font-size:12px; color:#FFAD2C; padding:10px; margin:0; z-index:3;
			/*background:#fff;*/ position:absolute; top:15px; left:20px; text-align:right;
			}
		
		#TopNav{
			position:absolute; top:20px; right:23px;
			}	
		#TopNav a{
			font:normal bold 11px/14px "Trebuchet MS";
			color:#83816B; text-decoration:underline; display:block; float:left; display:block;
			}
		#TopNav a.blue{
			color:#27CBF4;
			}
		#TopNav a.orange{
			color:#FEB11D;
			}
		#TopNav a:hover{
			text-decoration:none;
			}
		#TopNav strong{
			font:normal bold 11px/14px "Trebuchet MS";
			color:#0053A0; display:block; float:left;
			}
		#TopNav span.sepTopNav{
			display:block; float:left; padding:0 5px;
			}

		#MainNav{
			position:absolute; top:22px; left:258px;
			}	
		#MainNav ul{
			list-style:none; overflow:hidden; margin:0; padding:0;
			}
		#MainNav li{
			margin:0; padding:0 8px; display:block; float:left;
			background:url(../images/sepMainMenu.gif) 100% 2px no-repeat;
			}
		#MainNav li.last{
			background:none;
			}
		#MainNav li a{
			font:normal normal 11px/12px "Trebuchet MS";
			color:#83816B; text-decoration:none; display:block;
			}
		#MainNav li a:hover{
			color:#FEB11D;
			}
		#MainNav li.active a{
			color:#FEB11D;
			}
/* ------------------------------------------------------------------------------------------------ */
	#ContentWrapper{
		width:920px; margin:0 auto 0 auto; overflow:hidden;border:0px solid #FF0000;padding:40px 0 0 0;
		}

		#SideMenu{
			width:238px; float:left; background-color:#fff; margin:45px 0 0 0; padding:36px 0 0 0;
			}
		#SideMenu h2{
			font:normal bold 18px/22px "Trebuchet MS"; color:#3EE0F5;
			padding:0; margin:0 10px 5px 10px;
			}
		#SideMenu ul{
			padding:10px; margin:0; overflow:hidden; background:#EC008C;
			}
		#SideMenu ul li{
			padding:0; margin:0; display:block;
			}
		#SideMenu ul li a{
			font:normal normal 12px/24px "Trebuchet MS"; color:#fff; width:218px;
			text-decoration:none; display:block; padding:0 0 3px 0;
			background:#EC008C url(../images/seppinkBg.gif) 0 100% repeat-x;
			}
		#SideMenu ul li a:hover, #SideMenu ul li.active a{
			color:#FFC961;
			}
		#SideMenu ul li a.last{
			background:none;
			}

		#MainContent{
			width:682px; float:right; background-color:#fff; margin:0; padding:0;
			}
		.HomepageHeader{
			background:url(../images/imgMainPageHeader.jpg) 1px 0 no-repeat;
			width:303px; height:199px; padding:20px 20px 20px 359px; border-bottom:1px solid #fff;
			}
		#MainContent h2{
			font:italic bold 24px/26px Georgia, "Times New Roman", Times, serif;
			color:#EC008C; margin:0 0 10px 0; padding:0;
			}
		#MainContent h2 span{
			color:#3EE0F5; font-weight:normal;
			}
		#MainContent .Cnt{
			padding:25px; border:1px solid #F6F4EA; overflow:hidden; width:630px;
			}
		#MainContent h2 span{
			font-size:18px;
			}
					
		.Item{
			width:339px; overflow:hidden; float:left; overflow:hidden; border-bottom:1px solid #fff; border-left:1px solid #fff;
			}
		.ItemWide{
			width:680px; 
			}
		.ItemWide .CookieDesc{
			width:500px!important; 
			}
		.Item .CookiePic{
			width:160px; height:160px; float:left;
			}
		.Item .CookieDesc{
			width:159px; height:145px; float:left; background:#FFA0D8; padding:10px 10px 5px 10px;
			position:relative;
			}
		.Item h3{
			font:italic bold 12px/14px Georgia;
			color:#661444; margin:0 0 5px 0; padding:0;
			}
		.Item p{
			font:normal normal 11px/12px "Georgia";
			color:#933B6E; margin:10px 0 7px 0;
		}
		#Tq .CookieDesc{ background:#90DCFF;}	#Tq h3{ color:#2A6D8C;}  #Tq p, #Tq label{ color:#2A6D8C;}
		#LOr .CookieDesc{ background:#F5E8C9;}	#LOr h3{ color:#696049;}  #LOr p, #LOr label{ color:#6E6754;}
		#LGr .CookieDesc{ background:#DDF3A2;}	#LGr h3{ color:#5E6445;}  #LGr p, #LGr label{ color:#6B7056;}
		#LTq .CookieDesc{ background:#C9F5ED;}	#LTq h3{ color:#155549;}  #LTq p, #LTq label{ color:#155549;}
		#Gr .CookieDesc{ background:#ACFBBB;}	#Gr h3{ color:#235D2E;}  #Gr p, #Gr label{ color:#235D2E;}
		.Item p a{ position:relative; top:0px; left:10px;}
		.Item .CookiePic a{ position:relative; top:0px; left:0px; text-decoration:none;}
		.Item a { position:absolute; left:10px;} 
		.Item .lower_div a { position:absolute; bottom:10px; left:10px;}
		.Item a.BtnWl{ position:absolute; bottom:10px; left:90px;}
		.Item a.BtnRfr{ position:absolute; bottom:10px; left:395px;}
		.Item span.frnd_name { position:absolute; bottom:10px; right:26px;}
		.Item span.frnd_name  input { border:1px solid #FFB11D; width:150px;}
		.link_01 { 
				font:italic bold 12px/14px Georgia, "Times New Roman", Times, serif;
				position:absolute; top:5px; left:10px;
				line-height:14px;
				font-weight:bold;
				color:#696049;
				text-decoration: none; 
			}
		.link_01:hover { 
				font:italic bold 12px/14px Georgia, "Times New Roman", Times, serif;
				position:absolute; top:5px; left:10px; 
				font-weight:bold;
				color:#696049;
				text-decoration: underline; 
			}

/* ------------------------------------------------------------------------------------------------ */
	#FooterWrapper{
		 height:57px; clear:both;background:url(../images/bgFooter.gif) repeat-x;
		 padding:5px 0 0 0;
		}
	#FooterNav{
		width:920px; margin:0 auto; padding:0 0 13px 0;
		}
	#FooterNav a{
		font:normal normal 12px/14px "Trebuchet MS"; color:#fff;
		text-decoration:none;
		}
	#FooterNav a:hover{
		color:#E45601;
		}
	#FooterNav .active {
		color:#E45601;
		}
	#FooterNav .sepFooterNav{
		padding: 0 3px; color:#fff;
		}
	#Copyright{
		width:920px; margin:0 auto;
		font:normal normal 12px/14px "Trebuchet MS"; color:#9F7F34;
		}
/* ------------------------------------------------------------------------------------------------ */
	form{margin: 0}
	label{display: block; color:#933B6E; font-weight:bold; float:left; margin:5px 0px 0 5px; font-size:12px;}
	.label_ship{color:#933B6E; font-weight:bold; font-size:12px;}
	fieldset{border: none;margin:0 0 15px 0; padding:15px 0; border:none; border-bottom:1px solid #F5E8C9; overflow:hidden;}
	input, select{vertical-align: middle;}
	select{ margin:1px 0 0 0;}
	textarea{overflow: auto; border:1px solid #FFB11D; }
	
	.FormGroup{clear: both;overflow: hidden; margin:0px 0px 10px 0px; overflow:hidden;}
	.FormGroupItem{float: left; margin:0px 5px 0px 0px; overflow:hidden;}
	input.Qt{ width:25px; float:left; border:1px solid #FFB11D; }
	input.btnInput{}
	input.chkInput, input.radioInput{}
	tt.required{color: #F00; vertical-align:top}
	small.fieldHint{display: block}
	.Frm label{ margin:5px 5px 0 0; }
	.Frm .FormGroupItem{ margin:0; padding:0 10px 0 0; }
	
	.Reg label{ margin:5px 5px 0 0; width:140px; text-align:right; line-height:16px; }
	.Reg .FormGroupItem{ margin:0; padding:0 10px 10px 0; width:620px; }
	input.FirstName, input.LastName, input.Company{ width:250px; border:1px solid #FFB11D; }
	input.Address, input.Address2, input.Email{ width:350px; border:1px solid #FFB11D; }
	input.commonInput{ border:1px solid #FFB11D; }

	.box-1 { padding:50px 0 100px 0; border:0px solid #FF0000;float:left; width:100%; }
	.box-2 { background:url(../img/box-top.gif) top left no-repeat; width:402px; height:95px; }
	.box-2_bot { background:url(../img/box-bot.gif) top left no-repeat; width:402px; height:35px; }
	.box-2_bot .floatLeft { float:left; }
	.box-2_bot .floatRight { float:right; }
	.floatLeft { float:left; }
	.floatRight { float:right; }
	.container{float:left;border:0px solid #FF0000;background:url(../img/container_bg.gif) top left no-repeat;width:100%;}
	.container .content-left{float:left;width:370px;position:relative;left:16px;}
	.container .content-right{float:right;width:370px;position:relative;right:16px;}
	.container .inner { padding:30px 15px 0 15px; }
	.box-2 .inner { padding:30px 30px 0 30px; }
	.box-2 .logo { text-align:center; height:67px; padding:26px 0px 0px 0px;}
	.container .title-1 { font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#274B9E; height:36px; text-align:center; line-height:normal; }
	.container .title-2 { font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#EC008C; line-height:20px; text-align:center; padding:0 30px; height:60px; }
	.container .title-3 { font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#404040; line-height:20px; text-align:center;text-transform:uppercase; }
	.container .button { height:33px; overflow:hidden; height:52px; }
	.container .button a { float:left; background:url(../img/button-1-right.gif) top right no-repeat; font-weight:bold; font-style:italic; font-size:18px; color:#fff; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; }
	.container .button a span { float:left; background:url(../img/button-1-left.gif) top left no-repeat; cursor:pointer; padding:6px 18px 16px 16px; }
	.container .button a:hover { color:#C6EAB9; }
	.container .pics { text-align:center; height:106px; }
	.container .pics img { border:5px solid #E4E8F1; margin:0 8px; }
	.container .text-1 { text-align:center; line-height:14px; font-size:11px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#8A8B72; }
	.container .text-2 { text-align:center; line-height:14px; font-size:11px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#10BDD2; padding:6px 0 0 0; }
	.container .text-3 { text-align:center; height:96px; }

/* -----------------------------------------Shah's Classes------------------------------------------*/
.button_green {
	background-repeat:repeat-x;
	background:url("../images/green_btn_bg.gif");
	font-family:arial,tahoma,verdana;
	font-size:13px;
	line-height:15px;
	color: #ffffff;
	font-weight:bold;
}
.button_pink {
	background-repeat:repeat-x;
	background:url("../images/pink_btn_bg.gif");
	font-family: "Trebuchet MS";
	font-size:13px;
	line-height:15px;
	color: #ffffff;
	font-weight:bold;
}
.button_blue {
	background-repeat:repeat-x;
	background:url("../images/blue_btn_bg.gif");
	font-family:arial,tahoma,verdana;
	font-size:13px;
	line-height:15px;
	color: #ffffff;
	font-weight:bold;
}
.small_popup {
	width:350px;height:150px;overflow:auto;font-size:12px;text-align:left;background:#F6F5EB;padding:10px;
}
.error {
	color:#FF0000;font-weight:bold; padding-left:154px;font-size:12px;
}
.shop_error {
	color:#FF0000;font-weight:normal; font-size:13px;
}
.des01 {
	color:#E80088;
	font-size:15px;
	font-weight:bold;
	padding-left:72px
}
.des02 {
	font-weight:bold;
	font-size:14px;
	color:#FF0000;
}
.des03 {
	font-weight:bold;
	font-size:12px;
	padding-left:62px;
	color:#FF0000;
}
.des04 {
	font-weight:normal;
	font-size:12px;
	color:#8A8B72;
}
.des05 {
	color:#933B6E;
	font-weight:bold;
	font-size:12px;
}
.des06 {
	font:italic bold 16px Georgia, Times New Roman, Times, serif;
	color:#EC008C; padding:10px 0px 10px 10px;
}
.des07 {
	font-size:14px; color:#E80088; padding:10px; font-weight:bold; text-align:center;
}
.des08 {
	font-weight:normal;
	font-size:12px;
	font-family: Georgia;
	font-style:italic;
	color:#5E6544;
}
.des09 {
	font-weight:bold;
	font-size:14px;
	font-family: Trebuchet MS;
	color:#0053A0;
}
.des10 {
	font-size:13px;
	font-family: Trebuchet MS;
}
.des11 {
	font-size:20px;
	font-family: Trebuchet MS;
	font-weight:bold;
}
.des12 {
	font-size:22px;
	font-family: Trebuchet MS;
	font-weight:bold;
	color:#EC008C;
}
.des13 {
	font-style:italic;
	font-size:14px;
	color:#5E6445;
}
.des14 {

	font-size:17px;
	font-family: Trebuchet MS;
	color:#429326;
}
.des15 {
	font-size:13px;
	font-family: Trebuchet MS;
	font-weight:bold;
}
.des16 {
	color:#E80088;
	font-size:15px;
	font-weight:bold;
}
.des17 {
	font-size:12px;
	font-family: Trebuchet MS;
	font-weight:bold;
	font-style:normal;
	color:#0053A0;
}
.des17 {
	font-size:11px;
	font-family: Trebuchet MS;
	font-weight:bold;
	font-style:normal;
	color:#933B6E;
}
.tellfriend {
	padding-top:30px;
	width:100%;
}
input.txt_box {
	background:#FFFFFF;
	border:solid 1px #2A6D8C;
	margin:0;
	padding: 2px 2px 2px 2px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}
.line { border-bottom:1px solid #BACF84; padding:10px 0px 10px 0px; }
.line_white { border-bottom:1px solid #FFFFFF; padding:2px 0px 2px 0px; }
#status {
	width:460px; padding:20px 0px 0px 15px;
}
#status .title strong { font-size:17px; color:#E80088; } 
#status .subtitle  { font-size:14px; color:#10BDD2; padding:10px; font-weight:bold; text-align:center;} 

#checkout input, select { border:1px solid #FFB11D; height:20px;}

/* ------------------------------------------------------------------------------------------------ */