html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background-image: url('gradient_bkg.jpg'); background-repeat: repeat-x repeat-y;  }
p{margin:0 10px 10px}

h2 {
	font-family: Arial, Verdana, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-weight: bold;
	font-size: 14px;
    text-align:center;
	color: #004080; /*#2A2A2A;*/
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left:0px;
}


/*a{display:block;color: #000;padding:10px}*/
#header{
	width: 880px;
	margin: 0 0 0 0;
	height: 160px;
	background: url('header.jpg') top left no-repeat;
	text-align: left;
}

div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}

div#container{
    text-align:left;
    overflow: hidden;
}

div#wrapper{
    float:left;
    width:100%;
    background: #DDEEFF;
    /*background:#E6FFF2;*/
    padding-bottom: 32767px;
	margin-bottom: -32767px;
}

div#content p{line-height:1.4;}

div#navigation{
    padding-bottom: 32767px;
	margin-bottom: -32767px;
}
#navigation ol, #navigation  ul, #navigation li { margin:0; }
#navigation li { list-style:none; display:inline; margin-top: 0;
	margin-bottom:0;
	margin-left:0;
    color: #000;
}
#navigation img { vertical-align:bottom; }
#navigation li a:hover { background:white;}

div#navigation p {
	font-family: Arial; "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #2A2A2A;


}
div#navigation{
 float:left;
 width:300px;
 margin-top:8px;
}

div#navigation h5 {
	font-family: Arial, Verdana, "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
    font-weight: bold;
	font-size: 14px;
    text-align:center;
	color: #2A2A2A;
    border: solid 1px #C0C0C0;
	padding-left:0px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #FFFFD7;
    width: 100%;
}

div#navigation h4 {
	font-family: Arial, Verdana, "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
    font-weight: bold;
	font-size: 11px;
    text-align:center;
	color: #002E5B;
    padding-bottom:3px;
    width: 98%;
}

div#navigation h2 {
	font-family: Arial, Verdana, "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
    font-weight: bold;
	font-size: 13px;
    text-align:center;
	color: #2A2A2A;
    padding-bottom:3px;
    width: 98%;
}

div#navigation a {
	font-family: Verdana, "Abadi MT Condensed", Arial, Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #004080;
	padding-left:0px;
	text-decoration:none;
}
div#navigation a:hover {
	font-family: Verdana, "Abadi MT Condensed", Arial, Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	padding-left:0px;
	text-decoration:none;
}

div#extra{background:#800000;}
div#footer {
    color: #fff;
    background:#800000;
}
div#footer p{margin:0;padding:5px 10px;text-align:center;font-weight:normal}

div#container{
    width:880px;
    margin:0 auto;
    border: solid 1px #808080;
    margin-top: 4px;
}
div#content{
    float:left;
    width:857px;
    margin-top: 2px;
    margin-left: 5px;
    border: solid 1px #C0C0C0;
	margin-bottom: 10px;
    background: white;
}

div#content p {
	font-family: Verdana, "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #004080; /*#555555;*/
	padding-left:6px;
/*    background:#E6FFF2;*/
}

div#content p.details {
    font-size: 11px;
    color: #292929;
    font-weight: bold;    
    padding-left:26px; 
}

div#content h1 {
	font-family: Arial, "Times New Roman", "Trebuchet MS", Verdana, Helvetica, Arial;
	font-size: 32px;
    text-align:left;
    text-transform:lowercase;
    margin-left: 12px;
	color: #000;/*#3E9EFF;*/
    padding-top: 0px;
	padding-left:40px;
	background: url('h1_bkg.gif') bottom left no-repeat;
}

div#content h2 {
	font-family: Arial, Verdana, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-weight: bold;
	font-size: 14px;
    text-align:center;
	color: #004080; /*#2A2A2A;*/
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left:0px;
    margin-left: 16px;
    border-left: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    background: #FFFFD2;
    width: 450px;
}

div#content h3 {
	font-family: Arial, "Times New Roman", "Trebuchet MS", Verdana, Helvetica, Arial;
	font-size: 24px;
    text-align:center;
	color: #000;/*#3E9EFF;*/
    padding-top: 0px;
}

div#coup_group {
    text-align:center;
	color: #004080; /*#2A2A2A;*/
    padding-top: 5px;
    padding-left: 40px;
    padding-bottom: 15px;
    margin-left: 16px;
    margin-right: 20px;
    border-left: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    background: #FFFFD2;
    height:246px;
}

div#coup_group img {  
    border:solid 2px #004080;
}

div#content h5 {
	font-family: Arial, Verdana, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-weight: bold;
	font-size: 13px;
    text-align:left;
	color: #808080;
	padding-left:20px;
}

div#content h4 {
	font-family: Arial, Verdana, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-weight: bold;
	font-size: 14px;
    text-align:left;
	color:#004080;
	padding-left:16px;
}

div#content a {
	font-family: Verdana, "Trebuchet MS", Arial, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #008000;
	padding-left:0px;
	text-decoration:none;
}
div#content a:hover {
	font-family: Verdana, "Trebuchet MS", Arial, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	padding-left:0px;
	text-decoration:none;
}

div#content ul {
    padding-left: 20px;
}
div#content li{line-height:1.4;background:white;}
div#content li {
	font-family: Verdana, "Trebuchet MS", "Abadi MT Condensed", "Calibri", Helvetica, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #000; /*#555555;*/
	padding-left:10px;
    padding-right: 40px;
    text-align: left;
}

div#content .darker {
	font-family: Verdana, "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #800000;
	padding-left:20px;}

div#extra{clear:both;width:90%;margin: 0 0 0 0; padding: 0 0 0 0}
div#extra p{
	text-align:center;
	font-weight: bold;
	font-size: 12px;
	background:#fff;
}

div#offers_l, div#offers_r
{
    border-bottom: solid 1px #808080;
    border-left: solid 1px #C0C0C0;
    width: 43%;
    background-color: #FFFFD9;
}

div#offers_l
{
    margin-right: 20px;
    margin-left: 10px;
    float: left;
}

div#offers_r
{
    float: right;
    margin-right: 10px;
    margin-left: 0px;
}

div#offers_r p, div#offers_l p {
   background-color: #FFFFD9;

}

div#offers_r h4, div#offers_l h4 {
   background-color: #FFFFD9;
   font-size: 14px;
   color:#606060;

}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0px 11px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("right.png") no-repeat right top;
	padding:6px 10px 4px 6px;
	margin-right:2px;
	color:#FFF;
    font-weight:bold;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
    color: yellow;
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

#tabs span.active {
    color: yellow;
	}


h5 {
   font-weight: bold;
   font-size:16px;
   text-align:center;
}

.img_right
{
    float: right;
    border-style: none;
    margin-left: 20px;
}

.img_left
{
    float: left;
    border-style: none;
    margin-right: 6px;
    margin-left: 10px;
    margin-top: 12px;
    margin-bottom: 4px;
}

.cssbutton{
    background-color: #FFFFB3;
    /*border: 2px #d1ec4c outset;*/
    border-bottom: solid 1px #004080;
    border-right: solid 1px #004080;
    border-top: solid 1px #DBDBDB;
    border-left: solid 1px #DBDBDB;
    padding: 1px 4px;
    margin-top: 2px;
    margin-right: 2px;
    white-space: nowrap;
    color: white;
    text-decoration: none;
    text-align: left;
}

.cssbutton:visited{
    color: black;
    font: 90%, "Trebuchet MS", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:hover{
    color: white;
    font: 100%, "Trebuchet MS", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:active{
    color: white;
    font: 90%, "Trebuchet MS", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

/* Fields for an input forms */

div.row {
    clear: both;
    padding-top: 5px;
}

div.row_s {
    clear: both;
    padding-top: 5px;
    margin-left: 70px;
}

div.row span.label {
	color: #002448;/*#4D4D4D;*/
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
    width: 150px;
    text-align: right;
    padding-right:5px;
}

div.row input, div.row textarea {
	color: #004080; 
    font: 100% Verdana, Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
    width: 200px;
    text-align: left;
    padding-right:5px;
    background:transparent;
    /*background:#E6FFF2;*/
}

div#navigation .row {
    clear: both;
    padding-top: 5px;
    margin-left: 10px;
}

div#navigation .row span.label {
	color: #808080; 
    font: 100% Verdana, Arial,sans-serif;
    font-size: 10px;
    font-weight: bold;
    float: left;
    width: 200px;
    text-align: left;
    padding-right:5px;
    background:#E6FFF2;
}

div#navigation .row input, div#navigation .row textarea {
	color: #004080; 
    font: 100% Verdana, Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
    width: 200px;
    text-align: left;
    padding-right:5px;
    /*background:#E6FFF2;*/
}

table
{
border-spacing: 0px;
border-collapse: separate;
font-size: 12px;
font-weight: bold;
color: #000000;
margin-left: 12px;
}

td {
padding-left: 20px;
padding-top: 4px;
border: 0px solid #D20000;
}

td.left {
   width: 20%;
   padding-left: 70px;
 }
td.right {
   width: 30%;
   text-align:left;
   padding-left: 0px;
 }

td.left1 {
   width: 25%;
 }

td.right1 {
   width: 20%;
   text-align:left;
   padding-right: 20px;
 }

tr {

}

hr {
 color:#C0C0C0;
 background:#C0C0C0;
}

img
{  border:solid 1px #004080;
}

div#coupon_category {
    text-align:center;
	color: black; /*#2A2A2A;*/
    padding-top: 5px;
    font-size: 11px;
    padding-left: 10px;
    padding-bottom: 15px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 10px;
/*    border: solid 1px #C0C0C0;
    height:200px;*/
}

div#coupon_category h4 {
	font-family: Arial, Verdana, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-weight: bold;
	font-size: 18px;
    text-align:left;
	color:#151515;
    background:#FFFF80;
    border: 1px solid #151515;
    padding-top: 0px;
    margin-right:4px;
    margin-top: 4px;
}

div#coupon_category img
{  border:solid 1px black;
}

div#menu_list 
{
/* height:120px;*/
 width: 774px;
/* border: solid 1px #C0C0C0;*/
 margin: 0px 20px 10px 20px;
 padding: 0px 0px 0px 80px;
/* overflow-x: none; 
 overflow-y: scroll;*/
}