/*************** Reset All The Styles ***************/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1em;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/*************** Positional           ***************/
html {
  overflow: hidden;
  overflow-y: auto;
}

td,th {
  padding: 2px 5px;
}
p {
  padding: .5em 0;
}
h3 {
  padding-top: 1em;
  padding-bottom: 2px;
}
ul {
}
h1 {
 padding: 10px 0px;
}
fieldset {
  padding: 10px;
}
legend {
  margin-left: 10px;
}

.contentitem {
  text-align: center;
  padding-bottom: 10px;
}
#subnav h3, #subnavcontent h3 {
 padding: 0px 0px 5px 0px;
 margin: 0;
}
#container { 
 position: relative;
 top: 0px;
 width: 900px;
 margin-left: auto;
 margin-right: auto;
 z-index: 50;
}
#header {
 position: relative;
 top: 0px;
 height: 105px;
 margin-bottom: 15px;
 z-index: 60;
}
#link_home {
  width: 250px;
  height: 50px;
  position: absolute;
  left: 75px;
  top: 5px;
}
#userlinks {
 position: relative;
 top: 0px;
 left: 700px;
 height:23px;
 width:200px;
}
#header .searchform {
 position: relative;
 left: 700px;
 top: 10px;
 height: 45px;
}

#navigation {
 position: relative;
 left: 75px;
 width: 100%;
 z-index: 70;
}
/*#navigation a {
 display: block;
 padding: 5px 10px;
 float: left;
}
*/
#navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#navigation li {
  float: left;
  position: relative;
  padding: 5px 10px 3px 10px;
}
#navigation li:hover, #navigation li.over {  background-color: #606078; }
#navigation .second_level {
  display: none;
  position: absolute;
  top: 2em;
  left: 0;
  background-color: #606078; 
  padding: 0px;
  z-index: 100 !important;
}
#navigation .second_level li {
  padding: 0px;
}
#navigation li:hover ul, #navigation li.over ul { width: 200px; display: block; margin:0px; padding:0px 2px;}
#navigation li:hover ul li, #navigation li.over ul li { width: 100%; display: block; margin:0px; padding:0px; background-color:#606078;}
#navigation li ul li a { color: #d8d8f0; }
#leaderboard-holder {
 padding: 0px 70px; 
 margin: 10px 0px;
}
#main-holder {
 width: 900px;
}

#main {
 float: left;
 width: 540px;
 margin: 0px 15px 0px 25px;
 _margin: 0px 5px 0px 10px; 
}

#maintabs {
  margin-bottom: 5px;
  width: 540px;
  padding-bottom: 10px;
}

#maintabs ul li {
  float: left;
  width: 268px;
  text-align: center;
}

#maintabs ul li div {
  cursor: pointer;
}

#maintabs ul .active {
  padding-bottom: 5px;
}
#maintabs ul .inactive {
  padding-bottom: 5px;
}
#maintabs .inactive div {
  width: 220px;
  margin: 0px 20px;
}
#fullwidth {
 margin: 0 10px;
 padding: 0px 40px 0px 10px;
}

#maincontent, #maincontent1 {
 padding: 0 5px;
}

#maincontent td, #maincontent th {
 padding: 2px 5px;
 vertical-align: top;
}
#maincontent h2, #maincontent1 h2 {
  padding-bottom: 10px;
}
#subnav {
 float: left;
 text-align: center;
 width: 310px;
 margin-left: 5px;
 padding-left: 5px;
}
#subnavtabs{
 height: 32px;
}
#subnavcontent{
 padding: 10px;
}
#extra { 
 float: left;
 width: 140px; 
}
#extratabs{
 height: 32px;
}
#maincontent1 {
 width: 730px;
 float: left;
 margin-left: 15px;
}
#footer {
 position: relative;
 margin-top: 20px;
 padding: 0 10px;
 width: 800px;
 margin-left: auto;
 margin-right: auto;
}
#footer .stores-section {
  float: left;
  width: 250px;
}
#footer .section {
  float: left;
  width: 18%;
}
#footer p {
  margin-top: 0;
  padding-top: 0;
}
.website {
 float: left;
 width: 550px;
}
.websiteinfo {
  float: left;
  padding: 0px;
  margin-bottom: 5px;
}
.websitelogo {
  float: left;
  height: 45px;
  width:  95px;
}
.websitedesc {
 float: left; 
 margin: 0 5px; 
}
.websitevote {
  width: 220px;
  padding-top: 5px;
  float: right;
}
.coupon, .google-banner, .ebay {
 padding: 3px 3px;
 margin: 15px 0px;
 width: 100%;
}
.google-banner {
 padding-top: 0;
 margin-top: 0;
}
.codeinfo {
 float: left;
 width: 230px;
 margin: 0px 3px;
}
.codeinstructions {
  margin-left: 230px;
}
.coupon-voting {
 width: 120px;
 float: right;
 margin: 3px;
 padding: 0 3px;
}

.coupon-vote-box {
  background-color: #FFFFFF;
}

.voting {
 margin-top: 1em;
}

.comments {
  display: none;
  background-color: #FFFFFF;
}

.comment {
  padding: 2px 5px;
}

  .comment p {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
  }

  .comment .attribution {
    font-size: .9em;
    line-height: 1.5em;
  }

.comment-odd {
  background-color: #f2f2f2;
}

#widget {
 vertical-align: center;
 text-align: center;
 padding: 5px;
}
.dollarsoff, .percentoff {
  float: left; 
  margin-right: 5px; 
  height: 54px; 
  width: 54px;
  text-align: center;
  vertical-align: center;
}
.clear {
 clear: both;
 margin: 0;
 padding: 0;
}
ol li {
 margin-left: 25px;
}
ul.service_links, ul.tags {
 margin:0;
 padding:0;
}
ul.service_links li, ul.tags li {
 float: left;
 margin: 0px 2px;
}
ul.links {
  padding-left: 10px;
  padding-bottom: 5px;
}
ul.links li {
  text-indent: 0px;
}
.websitelist li{
  margin: 5px 0;
  padding: 5px;
}
.couponinfo {
  width: 75%;  
  float: left;
}
.couponvoteinfo {
  width: 20%;
  float: left;
}
.searchformain input {
  height: 20px;
}
.todosection {
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
}
#menu {
 margin-bottom: 10px;
}
#menu a { 
 display: block; 
 float: left; 
 padding: 2px 4.5px; 
 margin: 0 1px; 
 text-align: center; 
}
.storesbyletter {
  padding: 5px; 
  margin: 5px 0px; 
}
.storesbyletter h2 {
 margin: 0; 
 padding: 0;
}
.storesbyletter ul li {
  display: block; 
  width: 47%; 
  float: left; 
  margin-left: 3px;
}
#maincontent .sistersites li {
  width: 33%; 
  display: block; 
  float: left;
}
.notice {
  text-align: center;
}
.notice h3 {
  padding: 0;
  margin: 0;
}

/*************** Typography and Color ***************/
/* Tags */
body {
 font-size: 62.5%; /* Resets 1em to 10px */
 font-family: Verdana;
 color: #444444;
 line-height: 1.5em;
\\ background-color: #333333;
}
td,th {
 font-family: Verdana;
}
th {
 font-weight: 700;
}
h1 {
 font-family: Verdana;
 font-size: 3em;
 font-weight: 700;
 line-height: 1em;
}
h2 {
  font-size: 2em;
  font-weight: bold;
 line-height: 1em;
}
h3 {
  font-size: 1.5em;
 line-height: 1em;
}
h4 {
  font-weight: 700;
}
strong {
  font-weight: 700;
}
em {
  font-style: italic;
}
fieldset {
  border: 1px solid grey;
  padding: 10px;
}
legend {
  font-weight: 700;
  font-size: 1.5em;
}
ol li {
 list-style-type: decimal;
 line-height: 1.5em;
}
ul li {
  line-height: 1.5em;
}

#container {
 font-size: 1.2em;
 background-color: white;
}

/* Section - Header */
#header {
 background-image: url(http://staging.deallocker.com/media/index_01.gif);
 background-repeat: no-repeat;
}

/* Subsection - Header:UserLinks */
#userlinks {
 color: #606078;
}
.userlinktext {
 color: #ffffff;
}

/* Subsection - Header:Navigation */
#navigation {
 color: #d8d8f0;
 font-weight: 700;
}
#navigation a {
 text-decoration: none;
 color: #d8d8f0;
}
#navigation a:hover {
 background: #606078 none;
 color: #FFFFFF;
}  

/* Section - Main */

/* Subsection - MainTabs */
#maintabs ul .active {
 background-color: white;
 border-top: 1px solid #AAA;
 border-left: 1px solid #AAA;
 border-right: 1px solid #AAA;
 font-weight: 700;
}
#maintabs ul .inactive {
  border-bottom: 1px solid #AAA;
  color: black;
}
#maintabs .inactive div {
  background-color: #a1adb2;
}

/* Subsection - MainContent */
#maincontent, #maincontent td, #maincontent th,
#maincontent1, #maincontent1 td, #maincontent1 th{
  color: #444444;
}

/* Section - SubNav */
#subnav h3, #subnavcontent h3 {
 font-size: 1.25em;
 font-weight: 700;
}
#subnav h4 a {
  color:  #444444;
  text-decoration: none;
}

/* Section - Footer */
#footer {
 border-top: 2px solid #DDDDDD;
 font-size: 1.25em;
}
#footer a {
  color: #444444;
}
#footer h3 {
 font-size: 1.2em;
}

#widget {
 border: 1px solid #444444;
 background-color: #CADEF4;
 color: #000000;
}
#menu a.odd {
 background-color: #eee;
}
#menu a.even {
 background-color: #CECEE5;
}

/* Widget Classes - Coupons*/
.codeinfo {
 font-weight: 700;
 font-size: 1.15em;
}
.codeinstructions {
  font-weight: 700;
  font-size: 1em;
}
.coupon, .google-banner, .ebay {
 border: 2px dashed #444444;
 background-color: #f2f2f2;
 color: #000000;
}
.couponbody a {
 color: #000000;
 text-decoration: none;
}
.couponbody a:hover {
 text-decoration: underline;
}

/* Voting Display */
.greenbox, .redbox {
 font-weight: 700;
 background-color: white;
}
.greenbox a, .redbox a {
 color: #000000;
}
.voting {
 font-weight: normal;
 color: #444444;
}
.votes {
  font-weight: normal;
}

/* Discount Type Display */
.dollarsoff, .percentoff {
  font-size: 1.5em;
  color: white;
}
.dollarsoff a, .percentoff a {
  color: white;
  text-decoration: none;
}
.dollarsoff {
 background-color: #5CC95C;
}
.percentoff {
 background-color: #7070FF;
}

/* Widget */
.widgettext {
 font-size: 25px;
}
.widgettext1 {
 font-size: 1.25em;
}

/* Service Links */
ul.service_links, ul.tags {
 list-style-type:none;
}
ul.service_link li a img {
 border: 0;
}

/* Website List */
.websitelist li{
  border: 1px solid #777777;
  background-color: #d9d9f2;
  color: black;
}
.websitelist li a {
 color: #000000;
}
.websitelist li div a {
  color: black;
}

/* Search */
.searchformain input {
  height: 20px;
}

a.catlinks {
  font-size: 1.25em;
}

/* Sister Sites */
ul.sistersites {
  font-size: 1.25em;
}

/* Stores Page */
.storesbyletter {
  background-color: #f2f2f2;
  border: 1px solid #CECEE5;
}
.storesbyletter h2 {
 text-transform: uppercase; 
}
.storesbyletter ul {
}

/* Notice */
.notice {
  background-color: #CFE2F0;
  color: black;
}
.notice h3 {
  font-size: 2em;
}

/* Website Description */
.websitedesc {
 font-size: 1.1em; 
}

#pangea-landing #more-stores {
  clear: both;
  width: 460px;
  text-align: right;
}
#pangea-landing ul {
  width: 500px;
}

#pangea-landing #stores li, #pangea-landing #categories li {
  width: 115px;
  float: left;
  border: 1px solid #f2f2f2;
}

#pangea-landing #stores li {
  height: 55px;
  border: 1px solid #f2f2f2;
  text-align: center;
  vertical-align: middle;
  padding: 2px;
}

#pangea-landing #stores li div, #footer-stores div {
  background-repeat: no-repeat;
  height: 40px;
  width: 100px;
}
#pangea-landing #stores li a, #footer-stores li a {
  display: block;
  height: 40px;
  width: 100px;
}
#pangea-landing #stores li a span, #footer-stores li a span {
  display: none;
}

#footer-stores {
  padding-top: 10px;
}
#footer-links {
  width: 100%;
  text-align: center;
}
#footer-stores li {
  float: left;
  width: 20%;
  height: 47px;
  text-align: center;
  vertical-align: middle;
}

#pangea-landing #posts li {
  font-size: 1.25em;
}

#pangea-landing #posts {
  padding-left: 15px;
  list-style-type: disc;
}
#pangea-landing #categories li {
  padding: 2px;
}

#pangea-landing h1 {
  font-size: 2em;
}
#pangea-landing h2 {
  clear: both;
  padding-top: 10px;
}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmClose {
  float: right;
  text-decoration: none;
  background-color: #FFF;
  text-align: top;
}