/* MEYER CSS RESET http://meyerweb.com/eric/tools/css/reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent;
border:0;
font-size:100%;
margin:0;
padding:0;	
outline:0;	
vertical-align:baseline;	
}

body {
background:#6c7f7d url(http://bargainproductsonline.com/MEDIA/modern_webmalls/fall_2009/modern_webmall_images/bg-1.jpg) repeat-x;
font:62.5%/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ol, ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

:focus {
outline:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* GENERAL CLASSES */
.left {
float:left;
}

.right {
float:right;
}

.round {
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

/* GENERAL ELEMENTS */
h1, h2, h3, h4, h5, h6 {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:400;
}

p {
line-height:1.5;
text-align:left;
}

a {
color:#1c6283;
text-decoration:underline;
}

a:hover {
color:#157aa8;
text-decoration:none;
}


/********* HEADER ELEMENTS ********
 items appear below in the order they appear in the code */

#container {
margin:0 auto;
width:900px;
}

#header {
background:url(http://bargainproductsonline.com/MEDIA/modern_webmalls/fall_2009/modern_webmall_images/header-1.jpg) no-repeat;
height:100px;
}

#logo {
float:left;
margin:20px 0 0 0;
color:#fff;
font-size:2.4em;
font-weight:700;
line-height:1.1;
}

#logo span {
display:block;
font-size:0.6em;
font-weight:400;
}

h2 {
color:#184042;
font-size:2.1em;
margin:0 0 15px 0;
}

.sub-nav {
background:rgba(0,0,0,0.7);
float:right;
margin:20px 0 0 0;
padding:5px;
}

.sub-nav li {
border:solid #fff;
border-width:0 1px 0 0;
display:inline;
}

.sub-nav li.last {
border:none;
}

.sub-nav a {
padding:5px 10px;
color:#fff;
font-size:1.5em;
}


/********* NAV ELEMENTS ********
 items appear below in the order they appear in the code */
 
#navigation {
margin:0 0 0 -30px;
width:960px;
}

#nav {
background:url(http://bargainproductsonline.com/MEDIA/modern_webmalls/fall_2009/modern_webmall_images/nav-bg.png) no-repeat;
height:40px;
}

#nav li {
float:left;
position:relative;
width:135px;
color:#000;
font-size:1.2em;
line-height:40px;
text-align:center;
text-transform:uppercase;
}

#nav li.first {
margin:0 0 0 150px;
}

#nav li.link {
width:auto;
line-height:1;
}

#nav li.link a {
display:block;
width:135px;
color:#000;
line-height:40px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

#nav ul {
position:absolute;
top:100%;
left:0;
visibility:hidden;
width:135px;
z-index:1000;
}

#nav ul li {
border:solid #ccc;
border-width:0 0 1px 0;
width:136px;
height:30px;
line-height:30px;
}

#nav ul a {
background:#1c6283;
display:inline-block;
padding:0 0 0 10px;
width:126px;
color:#fff;
font-size:0.9em;
line-height:30px;
text-align:left;
text-decoration:none;
text-transform:none;
}

#nav ul a:hover {
background:#157aa8;
}


/********* MAIN CONTENT ELEMENTS *********/
/* items appear below in the order they appear in the code */

#top-bar {
margin:0 0 10px 0;
}

#sponsors {
background:url(http://bargainproductsonline.com/MEDIA/modern_webmalls/fall_2009/modern_webmall_images/sponsors-bg.png);
border:solid #e0e0e0;
border-width:0 1px 1px 1px;
float:left;
overflow:hidden;
width:718px;
height:89px;
}

#sponsors img {
float:left;
margin:15px 11.8px;
width:120px;
}

img.banner {
float:right;
width:170px;
}

#main-content {
clear:left;
float:left;
margin:10px 0;
width:520px;
}

.content-box {
background:#fff;
border:1px solid #e0e0e0;
padding:10px 20px;
}

#main-content p {
margin:0 0 20px 0;
font-size:1.3em;
}

#main-content p.last {
margin:0;
}

.border {
border:solid #e0e0e0;
border-width:1px 0 0 0;
clear:both;
margin:15px auto;
width:100%;
}

#slider {
padding:0 0 30px 0;
position:relative;
width:480px;
}

.scroller {
clear:left;
overflow:auto;
position:relative;
}

.scroll-button {
cursor:pointer;
position:absolute;
bottom:0;
}

.prev {
left:30px;
}

.next {
right:30px;
}

.panel {
width:480px;
}

.affiliate {
background:url(http://bargainproductsonline.com/MEDIA/modern_webmalls/fall_2009/modern_webmall_images/categories/border.png) no-repeat;
float:left;
margin:15px 12px;
padding:5px;
width:125px;
height:125px;
}

.affiliate img {
width:125px;
height:125px;
}

img.heading {
margin:-15px 0 10px -20px;
width:518px;
}


/********* SIDEBAR ELEMENTS *********/
/* items appear below in the order they appear in the code */

#sidebar {
float:left;
margin:10px;
overflow:hidden;
width:190px;
}

.sidebar-box {
background:#fff url(http://bargainproductsonline.com/MEDIA/modern_webmalls/fall_2009/modern_webmall_images/sidebar-bg.png) no-repeat;
border:1px solid #e0e0e0;
margin:0 0 10px 0;
padding:10px;
}

#google {
z-index: 1000;
}

h3 {
margin:0 0 5px 0;
font-size:1.1em;
font-weight:700;
line-height:1.5;
}

.sidebar-box p {
font-size:1.1em;
}

.feed {
border:solid #e0e0e0;
border-width:0 0 1px 0;
margin:0 0 10px 0;
padding:0 0 10px 0;
}

.feed.last {
border:none;
margin:0;
padding:0;
}

#top-stores {
text-align:center;
}

#top-stores div {
width:100%;
}

#banners {
float:left;
margin:10px 0;
overflow:hidden;
width:170px;
text-align:center;
}

#banners h2 {
padding:10px 0 0 10px;
text-align:left;
}

#banners .sidebar-box {
margin:0;
padding:0;
}


/********* FOOTER ELEMENTS ********
 items appear below in the order they appear in the code */

#footer {
background:#fff;
border:solid #255063;
border-width:10px 0 0 0;
clear:both;
padding:10px 0;
text-align:center;
}

#footer ul {
margin:0 auto 10px;
}

#footer li {
border:solid #3f3f3f;
border-width:0 1px 0 0;
display:inline;
}

#footer li.last {
border:none;
}

#footer a {
padding:5px 10px;
color:#3f3f3f;
font-size:1.1em;
text-transform:uppercase;
}

#footer p {
font-size:1.1em;
text-align:center;
}


/********* SITEMAP ELEMENTS ********
 items appear below in the order they appear in the code */

.sitemap {
margin:0 0 15px 30px;
}

.sitemap.last {
margin:0 0 0 30px;
}

.sitemap li {
font-size:1.3em;
line-height:1.5;
}


/********* OPPORTUNITY ELEMENTS ********
 items appear below in the order they appear in the code */

.program {
background:#d9dfe4;
border:1px solid #c8cee6;
width:50%;
padding:10px;
}

/********* FORM ELEMENTS ********
 items appear below in the order they appear in the code */

form li {
margin:0 0 15px 0;
font-size:1.1em;
}

form li.last {
margin:0;
}

label {
display:block;
margin:0 0 5px 0;
font-size:1.1em;
}

label.error {
display:block;
margin:5px 0 0 0;
color:#ff0000;
font-weight:700;
}

input[type="text"], textarea {
border:none;
background:#dadee3;
padding:5px;
font-size:1.3em;
font-family:Helvetica, Arial, sans-serif;
}

input[type="text"] {
width:250px;
}

textarea {
width:250px;
}

input[type="submit"] {
background:#c8cee6;
border:1px solid #d9dfe4;
cursor:pointer;
padding:5px 10px;
width:100px;
font-size:1.1em;
font-weight:700;
text-transform:uppercase;
}