@charset "utf-8";
/* CSS Document */
html, body { margin: 0; padding: 0; }
body { 
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	padding-bottom: 20px; 
	text-align: center; 
	background-image:url(/images/backgroundbluelight.gif);
}
div#banner { 
	position: absolute; 
	top: 0; 
	left: 0; 
	background-color: #77A3BC; 
	width: 100%; 
}
div#banner-content { 
	width: 800px; 
	margin: 0 auto; 
	padding: 10px; 
	border: 0px solid #000;
	color:#fff;
}
#banner-content a:link, a:visited, a:active{
text-decoration: none;
}
#banner-content a:hover{
text-decoration: none;
}
#container {
	text-align: left;
	margin: 0 auto;
	width: 770px;
	border:#999999 medium solid;
	background-color:#fff;
	padding-top:40px;
}		
#header {
	border: 0px solid black;
	margin: 5px;
	padding: 5px;
}
#footer {
	margin: 5px 5px 0 5px;
	padding: 5px;
	border: 0px solid black;
	clear: left;
	text-align:center;
	font-size:12px;
}
.item {
	display:block;
	margin-top: 1em;
	margin-bottom: 1em;
	 border-top: dashed thin #66CCFF; 
	border: px solid blue;
}
.sale {
	color:red;
	text-decoration: line-through;
}
.firstcategory {
	float: left;
}
.category {
	float:left;
	margin-right: .5em;
	padding-right: .5em;
	border-right: #6699CC 2px solid;
}

.lastcategory {
}
.firstkeyword {
	float: left;
}
.keyword {
	float:left;
	margin-right: .5em;
	padding-right: .5em;
	border-right: #6699CC 2px solid;
}

.lastkeyword {
}
.tags{
	margin-right:.25em;
}
.paging {
	margin-top:1em;
	font-size:12px;
	text-align:center;
	margin-bottom:1em;
}

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

a.ovalbutton{
background: transparent url('/images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('/images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(/images/glossyback.gif) repeat-x bottom left;
font: bold 13px; /* "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; */
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(/images/glossyback2.gif);
}

.glossyheader {
background: white url(/images/glossyback2.gif) repeat-x bottom left;
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

.leftcoupon {
	margin-left:5px;
}
.topcoupon {
	text-align:center;
	margin-bottom:.5em;
}