﻿@charset "utf-8";
@import url('reset.css');
@import url('style.css');
/* Table Css Code - easier'n it should be ;> */
#inwrap #content table {border-collapse:collapse; margin:0; margin-bottom:3px; width:630px;}
caption {font:bold 125%/140% Arial, Helvetica, sans-serif; color:#c00; padding-bottom:10px; text-align:left;}
#inwrap #content th {
	background: transparent;
	height: 20px;
	line-height:20px;
	text-align: left;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; color:#ccc;
    /* border:2px dashed #999; */ border-bottom:0;}
#inwrap #content tr {font-weight:bold; border:none;}
	#inwrap #content tr td { background:url('img/cbak2.gif') no-repeat top; padding-left:50px; border:2px dashed #666; border-bottom:none; font-size:11px;}
	#inwrap #content tr.row-b td { padding-left:10px; border-bottom:2px dashed #666; font-size:10px; background-color:#f8f8f8;}
#inwrap #content td {padding:6px; vertical-align:middle;}
	#inwrap #content td img {vertical-align:baseline;border:0;padding:0;}
	#inwrap #content tr.row-b td img {padding:0;}
	/* Thanks Helena @ http://www.littleblueplane.com */
/* inwrap #content tr:hover td {background-color:#fff9f2; font-weight:bold;} */
#inwrap #content tr:hover.row-b td {background-color:#f7fcfc; font-weight:bold;}
.date {display:block; color:black; font-size:9px; font-weight:bold;}
.code	{display:block;}
.offer	{display:block; color:red}


/* Box1 */
#inwrap #content #gad300 {
float: left;
width:300px; height:250px; margin:0 18px 12px 5px}

#inwrap #content #coupons {
float: left;
width:300px; height:250px;
background-image:url('img/g300hp.gif');
background-repeat: no-repeat;
margin:4px 0 8px 15px; padding:0;}
	#inwrap #content #coupons img {}
	#inwrap #content #coupons  h2 {font-size:16px; font-variant: small-caps; margin-left:15px; padding:12px 0 6px 10px; color:#cc002c; }
	#inwrap #content #coupons  p {margin:0 15px; padding:0 0 10px 10px; font-size:12px; text-align:left;}
	
#inwrap #content #coupons ul.boxlist {text-align: left;	margin:0 4px 8px 0;	text-decoration:none;}
	
#inwrap #content #coupons ul.boxlist li {
	list-style: none;
	font-weight:bold;
	background: url("img/b-r.gif") no-repeat;
	padding: 1px 0 2px 16px; /* This is the gap from bullet to text */
	margin: 0 2px 0 20px;} /* This is the gap from edge to bullet! */

#inwrap #content .box1 {
  float:left; width:300px; min-height:200px;
  margin-bottom:20px; margin-left:5px; padding:0;
  display:inline;
  border:none;
  background-image:url('img/coupon35.gif');}
	#inwrap #content .box1 img {}
	#inwrap #content .box1 h2 {font-size:18px; font-variant: small-caps; margin:0; padding:42px 0 4px 15px; color:#cc002c; }
	#inwrap #content .box1 p {margin:0; padding:0 0 4px 15px; font-size:14px; text-align:left;}
	
#inwrap #content .box1 ul.boxlist {
	text-align: left;
	margin:0 4px 8px 0;
	text-decoration:none;}
	
#inwrap #content .box1 ul.boxlist li {
	list-style: none;
	font-weight:bold;
	background: url("img/b-r.gif") no-repeat;
	padding: 1px 0 2px 16px; /* This is the gap from bullet to text */
	margin: 0 2px 0 15px;} /* This is the gap from edge to bullet! */

* html body #content .box1 ul.boxlist li {height: 1%;}

/* Box2 */

#inwrap #content .box2 {
  float:right; width:310px; min-height:200px;
  margin-bottom:20px; padding:0;
  display:inline;
  border:none;
  background-image:url('img/coupon30-hpnotebook.gif');}
	#inwrap #content .box2 img {}
	#inwrap #content .box2 h2 {font-size:18px; font-variant: small-caps; margin:0; padding:42px 0 4px 15px; color:#cc002c;}
	#inwrap #content .box2 p {margin:0; padding:0 0 4px 15px; font-size:14px; text-align:left;}
	
#inwrap #content .box2 ul.boxlist {
	text-align: left;
	margin: 0 4px 8px 0;
	text-decoration:none;}
	
#inwrap #content .box2 ul.boxlist li {
	list-style: none;
	font-size: 1em;
	font-weight:bold;
	background: url("img/b-r.gif") no-repeat;
	padding: 1px 0 2px 16px; /* This is the gap from bullet to text */
	margin: 0 2px 0 15px;} /* This is the gap from edge to bullet! */

* html body #content .box2 ul.boxlist li {height: 1%;}
