/*
*   _____       _      _____                           _                 
*  / ____|     | |    / ____|                         | |                
* | |      __ _| |_  | |      ___  _ ____   _____ _ __| |_  ___ _ __ ___ 
* | |     / _` | __| | |     / _ \| '_ \ \ / / _ \ '__| __|/ _ \ '__/ __|
* | |____| (_| | |_  | |____| (_) | | | \ V /  __/ |  | |_|  __/ |  \__ \
*  \_____|\__,_|\__|  \_____|\___/|_| |_|\_/ \___|_|   \__|\___|_|  |___/
*                                                                        
*/
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, 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, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

/** Base Body Styles **/
@font-face {
    font-family: '20thCenturyFontRegular';
    src: url('fonts/20thfont-webfont.eot');
    src: url('fonts/20thfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/20thfont-webfont.woff') format('woff'),
         url('fonts/20thfont-webfont.ttf') format('truetype'),
         url('fonts/20thfont-webfont.svg#20thCenturyFontRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: '20thCenturyFontBold';
    src: url('fonts/20thbold-webfont.eot');
    src: url('fonts/20thbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/20thbold-webfont.woff') format('woff'),
         url('fonts/20thbold-webfont.ttf') format('truetype'),
         url('fonts/20thbold-webfont.svg#20thCenturyFontBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{ background:#fff; color:#000; font:14px Arial, Helvetica, "Trebuchet MS", sans-serif;}

h1,h2,h3,h4,h5,h6{ font-weight:bold; }
h1{ font-size:30px;}
h2{ font-size:24px;text-shadow:1px 1px 0px #666666;}
h3{ font-size:18px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:10px;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/** Links **/
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/** Contain floats: h5bp.com/q **/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/** Starting Writing Your Styles Below this line **/

/**  header-wrap  **/
#header-wrap { overflow: hidden; height: 250px; min-width: 980px; background:url(images/usa-header-bg.png) repeat-x; margin-bottom: 15px;}
@media screen and and (min-device-width: 980px) and (max-device-width: 1024px) { #header-wrap { min-width: 980px;} }

/**  top-foot-prints  **/
#header-wrap #top-foot-prints { background:url(images/top-foot-prints.png) repeat-x; height: 23px; width: 975px; margin: 1px auto 0px;}


/**   #header   **/
#header-wrap #header { position: relative; width: 940px; height: 225px; margin: 0px auto;}
#header .logo { position: absolute; top: -13px; left: 20px;}
#header .big-cat { position: absolute; top: -22px; left: 300px;}
#header .foot-prints-upper { position: absolute; top:35px; left: 520px;}
#header .flag { position: absolute; left: 50px; bottom: 45px; z-index: 50;}
#header .flag-cat { position: absolute; left: 97px; bottom: 6px; z-index:60;}
#header .foot-prints-lower { position: absolute; left: 195px; bottom:35px;}
/**  social-networks  **/
#header #social-networks { position: absolute; right: 0px; bottom: 125px; z-index: 60; }
#social-networks li { float: left;}
#social-networks li.twitter { margin-right: 10px;}
#social-networks li.plus { margin-right: 5px;}

/**  google-addsense **/
#header #google-addsense-medium { position: absolute; right: 0px; bottom: 30px;}
#header #google-addsense-thin { position: absolute; bottom: 3px; right: 0px;}


/**  content-wrap   **/
#content-wrap { overflow: hidden; width: 940px; margin: 0px auto; padding: 40px 0 0 0;}

/**   offers  **/
#content-wrap .offers { position: relative; width: 940px; height: 289px; margin-bottom: 35px; }
.offers > li { float: left; height: 269px; width: 278px; padding: 20px 0 0 22px; margin-right: 20px; position: absolute; z-index: 950;}
.offers li .box-top-cat { position: absolute; top: -40px; left: 15px;}
.offers > li h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #fff; text-transform: uppercase; }
.offers > li p { font-family: "20thCenturyFontRegular",Arial, Helvetica, sans-serif; font-size: 18px; color: #fff;}
.offers > li .inner-wrap { position: absolute; z-index: 60;}

.offers li.box-first { left: 0px; top: 0px;}
.offers li.box-first .swapshop { }
.offers li.box-first h2 { width: 140px; margin-bottom: 3px;}
.offers li.box-first p { width: 150px; margin-bottom: 5px;}
.offers li.box-first { background: url(images/usa-pink.png) repeat-x; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(PIE/PIE.htc); }
.offers li.box-first .swap-cat { position: absolute; right: 10px; top: 10px; z-index: 40; }
.offers li.box-first a.btn { display: block; position: relative; z-index: 70; background: url(images/btn.png) no-repeat; width: 222px; height: 38px; padding-left: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color: #3a3a3a; line-height: 30px; text-decoration: none;}

.offers li.box-second{ left: 320px; top: 0px;  background: url(images/usa-blue.png) repeat-x; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(PIE/PIE.htc); }
.offers li.box-second .box-top-cat { top: -38px; left: 220px;}
.offers li.box-second .girl { position: absolute; right: -1px; top: 56px; z-index:40;}
.offers li.box-second p { width: 150px; margin-bottom: 10px;}
.offers li.box-second ul { margin:0px 0 10px 0; padding:0px;}
.offers li.box-second {font-family: "20thCenturyFontRegular",Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; }
.offers li.box-second  a {font-family: "20thCenturyFontRegular",Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; }
.offers li.box-second  a.btn {display: block; background:url(images/btn-small-yellow.png) no-repeat; width: 134; height: 38px; padding: 0 55px 0 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color: #3a3a3a;text-decoration: none; line-height: 30px;}


.offers li.box-third{ left: 640px; top: 0px;  z-index: 740; background: url(images/uk-black.png) repeat-x; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(PIE/PIE.htc); }
.offers li.box-third .box-top-cat { top: -43px; left: 205px; z-index: 0;}
.offers li.box-third .more-cat { position: absolute; z-index: 40; right: 15px; bottom: 2px;}
.offers li.box-third .more-opp { margin-bottom: 15px;}
.offers li.box-third p { width: 170px; margin-bottom: 60px;}
.offers li.box-third  a.btn {display: block; background: url(images/black-container-btn.png) no-repeat; width: 245px; height: 38px; padding-left: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color: #3a3a3a;text-decoration: none; line-height: 30px;}


/**   strapped-for  **/
#strapped-for { overflow: hidden; position: relative; background:url(images/usa-big-blue2.png) repeat-x; height: 244px; width: 940px; margin-bottom: 25px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(PIE/PIE.htc);}
#strapped-for  .bag-cats { position: absolute; z-index: 40; bottom: 0px; left: 0px;}
#strapped-for  .man { position: absolute; z-index: 40; bottom: 0px; right: 0px;}
#strapped-for .inner-wrap { position: absolute; z-index: 60; top: 20px; left: 355px; width: 530px; text-align: center;}
#strapped-for h2 { width: 350px; overflow: hidden; margin: 0px auto 15px; font-family: "20thCenturyFontRegular",Arial, Helvetica, sans-serif; font-size: 24px; color: #ffff00; font-weight: normal; }
#strapped-for p { width: 300px; margin: 0px auto; text-align: left; font-family: "20thCenturyFontRegular",Arial, Helvetica, sans-serif; font-size: 20px; color: #fff;}
#strapped-for p span { font-size: 24px;}

/**   content-box  **/
#content-box { overflow: hidden; position: relative; height: 190px; width: 940px; margin-bottom: 25px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(PIE/PIE.htc);}
#content-box p { width: 940px; margin: 5px auto; text-align: left; font-family: "20thCenturyFontRegular",Arial, Helvetica, sans-serif; font-size: 18px; color: #000;}
#content-box p span { font-size: 24px;}

/**  google-addsense-big  **/
#google-addsense-big { clear: both; width: 728px; margin: 0px auto 15px;}


/**  navigation   **/
#navigation { width: 940px; text-align: center; margin-bottom: 40px;}
.nav { margin: 0px auto;}
.nav li { display: inline; padding: 0 10px 0 10px; background:url(images/divider.png) no-repeat right center; height: 13px;}
.nav li a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #181818; text-decoration: none;}
.nav li a:hover, .nav li a:focus { text-decoration: underline;} 


/**  footer-wrap  **/
#footer-wrap { background:url(images/footer-bg.png) repeat-x #3a3a3a; min-height: 136px; min-width: 980px; }
@media screen and and (min-device-width: 980px) and (max-device-width: 1024px) { #header-wrap { min-width: 980px;} }
#footer-wrap #footer { width: 940px; margin: 0px auto; position: relative; padding: 10px 0 0 0;}
.cat-footer { position: absolute; top: -13px;}

/**  footer-logos  **/
#footer .footer-logos { margin: 0px 0 0 190px; height: 90px; }
.footer-logos li { display: inline;  vertical-align: bottom; margin-right: 5px;}
.footer-logos li a { display: inline-block; text-decoration: none;}



/**  sidebar   **/
#sidebar { position: relative; float: left;  width: 180px; padding: 30px 20px 30px 20px; background: #f2f2f2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(PIE/PIE.htc);}
#sidebar .sidebar-cat { position: absolute; top:-40px; left: 15px;}

/**  widget  **/
#sidebar .widget { overflow: hidden; margin-bottom: 10px;}
.widget h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #181818;  margin-bottom: 15px;}
.widget ul {}
.widget ul li {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #464646;background: url(images/double-arrow.png) no-repeat left 4px; padding: 0 0 5px 15px; margin-bottom: 8px; border-bottom: 1px solid #d4d4d4;}
.widget ul li a {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #464646; text-decoration: none; }
.widget ul li a:hover, .widget ul li a:focus { text-decoration: underline;}


/**  contents-wrap  **/
#contents-wrap { width: 700px; float: right; }

/**  top-featured  **/
#contents-wrap #top-featured { position: relative; background:url(images/usa-featured2.png) repeat-x; height: 141px; width:511px; padding: 20px 165px 20px 24px; margin-bottom: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(PIE/PIE.htc); }
#top-featured .featured-cat { position: absolute; left: 50px; top: -77px; padding-top: 40px;}
#top-featured .purrsonal-finance { margin-bottom: 10px;}
#top-featured .featured-image { position: absolute; right: -1px; top: 0px;}
#top-featured p { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #fff;}


/**  details  **/
#contents-wrap #details { width: 380px; float: left; overflow: hidden; margin-right: 20px; font-family:Arial, Helvetica, sans-serif; font-size: 13px;  color: #181818;}
#details h2 { font-size: 22px;  margin-bottom: 15px;}
#details h3 { font-size: 16px;  margin-bottom: 15px;}
#details p { margin-bottom: 10px;}
.pink-color { color: #cc0033;}
#details h4 { font-size: 14px;  margin-bottom: 20px;}
#details ul { color: #464646; margin-bottom: 15px; list-style: disc ; padding-left: 25px;}
#details ol { color: #464646; margin-bottom: 15px; list-style: decimal outside ; padding-left: 25px;}
#details ul li { font-size: 14px; color: #464646;}
#details img { margin-bottom: 20px;}

/**  form-container  **/
#form-container { overflow: hidden; width: 380px;}
#form-container h3 { font-weight: bold;}
#form-container label { display: block; font-weight: bold;}
#form-container .input-container {width: 348px; height: 20px; padding: 3px 10px 3px 10px;  margin-bottom: 12px; background: #ffcc00; overflow: hidden; }
.ie7 #form-container .input-container { height: 23px; padding: 0px 10px 0 10px; }
#form-container input {border: none; outline: none; background: #ffcc00; width: 348px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; color: #181818;}
#form-container .textarea-container { background: #ffcc00; width: 348px; height: 28px; padding: 10px 10px 10px 10px;  margin-bottom: 12px;}
#form-container textarea {width: 348px; height: 28px;  border: none; resize: none; outline: none; background: #ffcc00; font-family: Arial,Helvetica,sans-serif; font-size: 13px; color: #181818; }
#form-container .submit-container{ text-align: center;}
#form-container .submit-container #submit { background: none; margin: 0px; padding: 0px;  border: none; background:url(images/submit.png) no-repeat; width: 115px; height: 39px; margin: 0px auto 20px;}
#form-container #submit:hover, #form-container #submit:focus { cursor: pointer;}


/**   Socialbar   **/
#socialbar { width: 300px; float: right; overflow: hidden; }

/**  google-addsense  **/
#socialbar .google-addsense { margin-bottom: 20px;}


/**  Facebook  **/
#facebook-container { margin-bottom: 50px;}

/**  twitter  **/
#twitter-container { position: relative; margin-bottom: 15px; -webkit-box-shadow: 0 2px 3px #939393; -moz-box-shadow: 0 2px 3px #939393; box-shadow: 0 2px 3px #939393; behavior: url(PIE/PIE.htc); }
.twitter-icon { position: absolute; top:-40px;}
#twitter-container .our-stories{ position: absolute; right: 75px; top: -23px; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #181818;}
#twitter-container .twitter-view-all { position: absolute; right: 0px; top: -23px;}
#tweet { background: #f0f0f0; padding: 20px 12px 25px 12px; border-top: 1px solid #181818; }
#tweet ul li { margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #181818;}
#tweet ul li .avatar { float: left; margin-right: 8px; }
#tweet ul li .twitterPrefix { font-weight: bold;}