/*******************************************************************************
********************************************************************************
	Project		: Dairy Queen Restaurant
	Company		: Soft Innovatives
	CSS 		: Danish Adeel
	Start date	: 10-11-08 
	Last change : 

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

/*----Universal Items----*/

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline:0;
	text-decoration:none;
}
html, body {
	min-height: 100%;
	padding-bottom: 1px;
	background:#fea81e;
}
body{
	font-family:Verdana;
	font-size:62.5%;
	background:#fe9900 url(bg.jpg) repeat-x;
}
input,
textarea {
	font-family:Verdana;
	color:#666;
}
h1{
	padding: 5px 0px;
	font:italic bold 1.6em "Times New Roman";
	color:#8ea01e;
}
h2{
	font:normal bold 1.5em "Franklin Gothic Medium";
	color:#666;
	padding: 5px 0px 5px 0px;
}
h4{
	color:#fff;
	font-size:1.3em;
}
p {
	margin:6px 0 10px 0;
	font-size:1.1em;
	color:#444;
	line-height:20px;
}

/*----Structure----*/
#main {
	width:864px;
	margin:0 auto;
	overflow: hidden;
	height: auto;
	border:#da8300 solid 6px;
	border-width:0 6px 6px;
}
.cntnr {
	width:864px;
	overflow: hidden;
	height:auto;
	background: #fff;
	float:left;
	position:relative;
}
#header{
	width: 864px;
	height: 248px;
	background: url(bg-head.jpg);
	margin:15px 0 0;
	text-align:center;
}
#header img{
	position:absolute;
	top:83px;
	left:28px;
}
.flash{
	position:absolute;
	width:320px;
	height:248px;
	right:20px;
	top:16px;
}

/*-------- Top Links ---------*/

#top_links {
	position:absolute;
	top:15px;
	list-style:none;
	padding:10px 20px 0 0;
	z-index:10;
	left: 0px;
}
#top_links li{
	list-style:none;
	float:left;
	padding:0 5px;
	border-right:1px dotted #f7a31d;
}
#top_links li a:link,
#top_links li a:visited{
	font-size:1.1em;
	color:#f7a31d;
	display:block;
	padding:0 5px;
	height:13px;
	float:left;
}
#top_links li a:hover,
#top_links li a:focus{
	color:#000;
}
#top_links .last{
	border:none;
}

/*----- Content Items ------*/

.content{
	width:834px;
	float:left;
	text-align:left;
	padding:10px 10px 10px 20px;
	position:relative;
}
.content img{
	float:right;
	margin:5px;
}
.bg,
.bg2{
	background:url(img1.jpg) 0px 50px no-repeat;
	padding-left:135px;
	width:430px;
	min-height:147px;
}
*html .bg{
	height:147px;
}
.bg2{
	background:url(img4.jpg) 0px 30px no-repeat;
	min-height:155px;
}
*html .bg2{
	height:155px;
}
.bg3{
	background:url(img7.jpg) bottom right no-repeat;
}
.bg4{
	background:url(img5.jpg) 0px 50px no-repeat;
	padding-left:260px;
}
.bg5{
	background:url(img6.jpg) bottom right no-repeat;
	padding-right:230px;
	min-height:250px;
	margin:0 -10px 0;
	width:624px;
	overflow:hidden;
}
.bg6{
	background:url(img6.jpg) bottom right no-repeat;
	padding-bottom:250px;
	min-height:250px;
	margin:0 -10px 0;
	width:854px;
}
*html .bg5{
	min-height:250px;
}
.bg4 new_prod{
	width:auto;
	margin:0 0 0 -260px;
}
.bg h1,
.bg2 h1{
	margin-left:-40px;
}
ul.list{
	padding:0 0 0 5px;
	list-style:none;
	font-size:1.1em;
	color:#444;
}
ul.list ul{
	font-size: 0.9em;
	padding:0 0 0 15px;
	list-style:none;
}
ul.list li,
ul.list ul li{
	padding:7px 0 0 15px;
	height:15px;
	background:url(bullet.gif) 0px 13px no-repeat;
}
ul.list li a,
ul.list ul li a{
	display:block;
}

.teaser{
	float:left;
	width:545px;
	padding:20px 15px;
}
.teaser{
	float:left;
	width:543px;
	padding:15px 15px 20px;
}
.daily_menu div{
	float:left;
	background:#f8f8f8;
	padding:15px 5px;
	width:170px;
	text-align:center;
}
.daily_menu img{
	padding:2px;
	border:2px solid #e6e6e6;
}
.daily_menu span{
	clear:both;
	color:#666;
	padding:0 0 0 10px;
	background:url(bullet.gif) no-repeat 0 3px;
}

/*----- Main Navi------*/

#navi{
	background:url(bg-navi.jpg) top;
	float:left;
	width:864px;
	text-align:center;
}
#navi ul {
	list-style:none;
	flo at: left;
}
#navi ul li {
	float:left;
	background:url(bg-navi.jpg) 0px -35px;
	padding:0 0 0 1px;
}
#navi ul li.start {
	background:none;
}
#navi ul li a,
#navi ul li a:link,
#navi ul li a:visited,
#navi ul li span{
	color:#fff;
	display:block;
	font:normal normal 1.1em Verdana;
	height:25px;
	background:url(bg-navi.jpg) top;
	padding:10px 12px 0 12px;
	float:left;
}
#navi ul li a:active,
#navi ul li a:hover,
#navi ul li a:focus,
#navi ul li span{
	background:url(bg-navi.jpg) bottom;
}

/*-------- Navi Right --------*/

.colm_rit {
	float: right;
	height:auto;
	margin:10px 0 0 0;
	padding:0 10px 15px;
	width: 260px;
	background:url(sep.gif) repeat-y left;
	position:relative;
}
.colm_rit ul{
	list-style:none;
	font-size:1.1em;
}
.colm_rit ul li{
	padding:5px 0;
}
.colm_rit img{
	margin:0 10px 5px 0;
	float:left;
	border:2px #ccc solid;
	padding:2px;
}
.new_prod{
	background:url(sep.gif) repeat-x bottom;
	padding:15px 5px 1px 0;
	margin:0 0 10px 0;
}
.sep{
	background:url(sep.gif) repeat-x top;
	padding:10px 0;
}
#colm_rit ul {
	list-style:none;
	float: left;
}
#colm_rit li {
}
#colm_rit li a,
#colm_rit li a:visited,
#colm_rit li span{
	color:#333;
	display:block;
	font:bold normal 1.1em Arial;
	width:205px;
	height:20px;
	background:url(bg-li-2.gif) no-repeat;
	padding:5px 0 0 35px;
	margin:7px 0 6px 28px;
}
#colm_rit li a:hover,
#colm_rit li a:focus,
#colm_rit li a:active,
#colm_rit li span{
	color:#fff;
}

/*----Redaxo Elements----*/

div.cnt-blck { /* textile is putting it's output in such blocks */
	clear:both;
}
p.image span { /* picture description text */
	font-size:0.8em; /*define some small font size */ 
	float:none;
	padding:10px 0pt 0pt;
	display:block;
}
.content .fl-left { /* can be added as class on image divs for left alignment */
	float: left;
	margin: 3px 20px 0 0;
}
.content .fl-right { /* can be added as class on image divs for right alignment */
	float: right;
	margin: 3px 0 0 10px;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr,
.algn-center { /* can be added as class on image divs for centered images */
	text-align:center;	
}
.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}
.txt-algn-cntr img{
	float:none;
}
.hidden {
       display:none;
}


/*----Form----*/


.frm {
	float: left;
	width: 524px;
	height:358px;
	background:url(shade.jpg) no-repeat left bottom;
	padding:20px 0 20px 100px;
}
.frm input,
.frm textarea,
.frm select{
	border: solid 2px #ddd;
	padding:3px 2px 2px 5px;
	float:left;
	margin:5px 0;
	color:#747378;
	font-size:1em;
	font-family:verdana;
	width:235px;
	height:15px;
	cl ear:both;
}
.frm textarea {
	height: 185px;
}
.frm label,
.frm #srch p span.radio {
	width:130px;
	display:block;
	float:left;
	margin-top: 10px;
	font-size: 1em;
	color:#777;
}
.frm input.missing,
.frm textarea.missing {
	background-color:#FFFFFF;
	border:2px solid #fcb913;
}
.frm p {	
	clear:both;
	margin-bottom:0px !important; /* the !important is required, otherwise IE overrides it */
	margin-top:0px !important;
}
.frm p.fsbmt input {
	margin:5px 0 0 130px;
	margin-top:10px;
	width:auto;
	height:auto;
	border:none;
	background:none;
	padding:0px;
}
.frm p label.radio {
	width:auto;
	margin-right:5px;
}
.frm p input.radio, 
.frm p.radio input,
.frm p input.checkbox,
.frm p.checkbox input {
	width:auto;
	height:auto;
	border:none;
	margin: 4px 15px 10px 10px;
}
.frm p input.radio{
	margin: 10px 10px 0 0;
}

/*----- Footer ----*/

#footer{
	width: 864px;
	padding:3px 0;
	text-align:center;
	border:1px dotted #fea81e;
	border-width:1px 0;
	margin:0 auto;
	float:left;
}
#footer div{
	padding:5px 0;
	border:1px dotted #fea81e;
	border-width:1px 0;
}
#footer ul{
	list-style:none;
	padding:7px 0 0 0;
	background:url(bg-navi.jpg) top;
	width:100%;
	height:20px;
}
#footer li{
	list-style:none;
	display:inline;
	padding:0 15px 0 15px;
	border-right:1px solid #fff;
}
#footer li a:link,
#footer li a:visited{
	font-size:1.1em;
	color:#fff;
}
#footer li a:hover,
#footer li a:focus,
#footer li span{
	font-size:1.1em;
	color:#000;
}
#footer .last{
	border:none;
}
.copy{
	display:block;
	padding:5px 10px 0 0;
	font-size:1.1em;
	text-align:right;
	width:854px;
	margin:0 auto 10px auto;
	color:#f7a31d;
	float:left;
}
.copy a,
.copy a:link,
.copy a:visited{
	color:#8ea01e;
}
.bot{
	margin:0 auto;
	width:890px;
	height:26px;
	background:url(bot.png);
}
.calc a,
.calc a:link,
.calc a:visited{
	display:block;
	padding:6px 160px 6px 0;
	color:#444;
	background:url(nut-calc.gif) no-repeat right;
	float:left;
	width:auto;
}
.calc a:hover{
	color:#000;
}
.content .fact{
	float:left;
}
.clear{
	float:left;
	clear:both;
}
.tv{
	padding:5px 0 15px 10px;
}
.coupon{
	float:left;
	width:175px;
	height:166px;
	text-align:center;
	padding:90px 10px 10px;
	margin:0 12px 0 6px;
	background:url(coupon.gif);
	position:relative;
}
.coupon img{
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	margin:0;
}
* html .coupon{
	margin:0 12px 0 3px;
}
.coupon p{
	font:normal bold 1.2em Verdana;
	color:#777;
	position:absolute;
	top:82px;
	left:0px;
	z-index:10;
}
* html .coupon p{
	padding:0 0 0 20px;
}
.eats img{
	float:left;
	border:1px solid #333;
	padding:2px;
}