/* RESET STYLES ----------------------------------------------------------------------------------------------------------------------- */

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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}a,div{position:relative}body{line-height:1;left:0;height:100%}object{outline:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}body{font:13px/1.231 sans-serif;*font-size:small}select,input,textarea,button{font:99% sans-serif}pre,code,kbd,samp{font-family:monospace,sans-serif}html{overflow-y:scroll;height:100%}a:hover,a:active{outline:none}li{margin-left:1.8em}ul li,ol li{margin-left:0}ul,ol{margin-left:1.8em}ol{list-style-type:decimal}ul{list-style-type:disc}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}button{width:auto;overflow:visible}small{font-size:85%}strong,th{font-weight:bold}td,td img{vertical-align:top}sub{vertical-align:sub;font-size:smaller}sup{vertical-align:super;font-size:smaller}pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}button,input,select,textarea{margin:0}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red}::-moz-selection{background:#808080;color:#fff;text-shadow:none}::selection{background:#808080;color:#fff;text-shadow:none}a:link{-webkit-tap-highlight-color:#808080}.ie7 img{-ms-interpolation-mode:bicubic}.ie6,.ie7,.ie8{filter:expression(document.execCommand('BackgroundImageCache',false,true))}.hidden{display:none;visibility:hidden}.visuallyhidden{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.invisible{visibility:hidden}.row:before,.row:after{content:"\0020";display:block;height:0;visibility:hidden}.row:after{clear:both}.row{zoom:1}.col{float:left;border:0;padding:0;margin:0;vertical-align:top;display:inline-block}

/* BASE STYLES ------------------------------------------------------------------------------------------------------------------------ */

body, select, input, textarea { 
  color: #444; 
  font-family: Arial, Georgia, serif;
}
body {   text-align: center; }
/* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; margin: 4px 0px; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

h1 { font: 26px/38px arial,serif; text-transform: capitalize; font-weight: bold; }
h2 { font-size: 20px; font-weight: normal; margin-bottom: 10px; }
p { margin: 5px 0px 10px 0px; }



.button {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #dc3236;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dc3236), to(#94191c));
  background: -moz-linear-gradient(#dc3236, #94191c);
  background: linear-gradient(#dc3236, #94191c);
  -pie-background: linear-gradient(#dc3236, #94191c);
	cursor:pointer;
	position: relative;
	padding: 6px 10px;
}
a.button, .button input {
  border: 0px;
  color: #FFFFFF !important;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  line-height: 30px;
  vertical-align: middle;
  padding: 6px 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    a.button, .button input { line-height: 17px; }
}

.button input { background: transparent; height: 30px; }
.button:hover { text-decoration: none; }
.button.green {
  background: #738E28;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9EC338), to(#738E28));
  background: -moz-linear-gradient(#9EC338, #738E28);
  background: linear-gradient(#9EC338, #738E28);
  -pie-background: linear-gradient(#9EC338, #738E28);
}
.ie .button { behavior: url('/styles/pie.htc'); }
.ie .button input { line-height: 8px; }
.ie7 .button { padding: 2px; }
.ie7 .button input { padding: 2px; }


/* COMMON STYLES ---------------------------------------------------------------------------------------------------------------------- */

#logo { display: none; }

#wrap {
  text-align: center;
  min-width:1000px;
  width:auto !important;
  width:100%;
  text-align:center;
  background: #C8DBDF url('/images/bg-high.jpg') bottom center no-repeat;
  padding-top: 10px;
}

#header {
  width: 990px;
  height:125px;
  margin: 0px auto;
  text-align:left;
  background: url('/images/header.png') no-repeat top left;
}

#header-link { position: absolute; left: 10px; top: 5px; width: 250px; height: 110px; text-decoration: none; }

#header-title {position: absolute;top:15px;right: 406px;font-size: 18px; font-weight: normal; margin: 0px; color: #FFF; }
#header-title span { font-weight: bold;}
#header-subtitle {position: absolute;top: 40px;right: 400px;font-size: 12px; font-weight: normal; margin: 0px; color: #FFF;}

#header-twitter { position: absolute; top: 45px; right: 142px; background: url('/images/twitter.png') top left no-repeat; padding: 15px 0px 10px 10px; color: #FFFFFF; text-decoration: none; font-weight: bold; width: 181px;}
#header-twitter:hover { text-decoration: underline; }

#header-member { position: absolute; top : 10px; right: 20px; font-size: 18px; color: #FFFFFF; width:310px; overflow:hidden;}
#header-member span { text-transform: uppercase; font-weight: bold; }

#header-profile { position: absolute; top: 35px; right: 270px; font-size: 11px; color: #FFFFFF; text-decoration: none; }
#header-profile:hover { text-decoration: underline; }

#header-signup { position: absolute; top : 10px; right: 20px; width: 310px; padding: 5px 10px;  }
#header-signup b { font-size: 16px; font-weight: normal; margin: 0px; color: #FFF; }
#header-signup-input {
  width: 250px;
  background: #FFFFFF url('/images/email.jpg') 5px 4px no-repeat;
  padding: 4px;
  padding-left: 35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dedede;
  z-index: 100;
  position: relative;
}
.ie #header-signup-input { behavior: url('/styles/pie.htc'); }

#header-signup-submit {
  width:40px;
  height:40px;
  border: 0px;
  background: url('/images/go.png') no-repeat top left;
  position:absolute;
  right: 0px;
  top: 0px;
  z-index: 110;
  color: #FFF;
  font: bold 14px Verdana, Arial, serif;
  padding-bottom:2px;
}

#header-menu { position: absolute; right: 10px; bottom: 9px; width: 690px; z-index: 120; }
#header-menu a { color:#FFFFFF; text-decoration: none; font-size: 12px; padding: 0px 12px; font-weight: bold; float: left; line-height: 20px; vertical-align: middle; }
#header-menu a:hover { text-decoration: underline; }
#header-menu .btn { background: url('/images/menu-btn.png') bottom left no-repeat; width: 108px; float:right; text-align: center; }
.ie6 #header-menu .btn { padding-bottom:5px; }

#content {
  width: 990px;
  margin: 0px auto;
  text-align:left;
  padding: 20px 5px 160px 5px;
}

#content-left {
  width: 790px;
  float:left;
}

#content-left .panel {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #FFF url('/images/block.jpg') bottom left repeat-x;
  border: 1px solid #C1C9CA;  
  padding: 10px 20px;
  text-align: left;
}
.ie #content-left .panel { behavior: url('/styles/pie.htc'); }

#panel-msg { line-height: 200px; vertical-align: middle; text-transform: uppercase; font-size: 18px; text-align:center; font-weight: bold; color: #39525F; font-size: 32px; font-family: 'Droid Sans', Arial; }

.panel .left {
  float: left;
  padding-right: 20px;
  width: 240px;
}
.panel .right {
  float: left;
  width: 485px;
}
.panel .vline {
  padding-left: 10px;
  width: 475px;
  background: url('/images/vline.gif') 0px 0px repeat-y;
}

.panel .top { height: 75px; }
.panel .title { font-size: 14px; color:#3C5260; margin: 15px 0px 5px 0px; font-weight: bold; }
.panel .label { margin: 5px 0px; font-size: 11px; position: relative; }
.panel .field { margin: 5px 0px; position: relative; width:220px; }
.panel span.error { background: url('/images/form-error.png') no-repeat -8px -7px; width:16px; height:16px; position:absolute; right: 0px; top: 4px; z-index: 111; }
.panel form .message {
	padding:7px 30px 0 0;
	font-size:16px;
	color:#900;
	font-weight:bold;
}

.input input, .input select, .input textarea {
  width: 220px;
  border: 1px solid #a3a3a3;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #FFF;
  padding: 5px;
  margin-bottom: 5px;
}

#content-right { 
  float:right;
  width:190px;
}

.ad {
  background: no-repeat top left;
  width:190px;
  height:300px;
  display:block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #C1C9CA;  
 -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
 margin-bottom: 10px;
 text-decoration: none;
}
.ie .ad { behavior: url('/styles/pie.htc'); }

#radio {
  background: #FFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #C1C9CA;  
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0px;
  width:190px;
}
.ie #radio { behavior: url('/styles/pie.htc'); }

#share {
  width: 790px;
  margin: 0px auto;
  text-align:left;
  padding-top:10px;
  height: 25px;
}
#share-facebook { position: absolute; left: 62px; bottom: 0px; }
#share-twitter { position: absolute; left: 0px; bottom: 3px; }

#footer-wrap { 
  background: url('/images/footer.png') repeat-x top left;
  padding-top: 4px;
  text-align:center;
}

#footer {
  background: #FFFFFF;
  width: 990px;
  margin: 0px auto;
  text-align:left;
}
#footer-heading {
  position: absolute; left: 15px; top: 28px; color: #96A5B1;
  font: 32px/40px arial, serif; letter-spacing:-1px;  font-weight: bold;
}
#footer-contact { width: 180px; position: absolute; left: 260px; top: 30px;  }
#footer-contact div { margin-bottom: 5px; }
#footer-contact a { font-size: 12px; }

#footer-network { width: 360px; padding-left: 40px; border-left: 1px solid #C3D5DB; position: absolute; left: 470px; top: 30px; }
#footer-network a { color: #333333; text-decoration: none; }
#footer-network a:hover { text-decoration: underline; }
#footer-network div { margin-bottom: 10px; }

#footer-facebook { background: url('/images/network-icons.gif') top left no-repeat; padding-left: 25px; padding-bottom: 2px; }
#footer-twitter { background: url('/images/network-icons.gif') left bottom no-repeat; padding-left: 25px; padding-bottom: 2px; }
#footer-payment { position: absolute; top: 44px; right: 40px; }

/* DEAL ------------------------------------------------------------------------------------------------------------------------ */

#deal-header { color: #AD2225; font-size: 14px; line-height: 16px; margin-bottom: 5px; }
#deal-header b { font-size: 16px; line-height: 16px; padding-right: 15px; margin-right: 10px; border-right: 1px solid #AD2225; }

#deal-left {
  float:left;
  width: 235px;
  background: url('/images/deal-info.png') no-repeat top left;
  min-height: 465px;
  height: auto !important;
  height: 465px;
}

#deal-buy, #deal-sold {
  position:absolute;
  top: 14px;
  left: -40px;
  width: 128px;
  height: 68px;
  overflow: hidden;
  padding-left: 12px;
  background-image: url('/images/deal-arrow.png');
  background-repeat: no-repeat;
  font: 24px/72px arial, serif;
  font-weight: bold;
  vertical-align:middle;
  color: #FFF;
  text-decoration: none;
}
#deal-buy { background-position: top left; }
#deal-buy:hover { top: 15px; }
#deal-sold { background-position: bottom left; }

#deal-price  {
  position:absolute;
  top: 10px;
  right: 15px;
  width: 120px;
  text-align: center;
  font: 74px arial, serif;
  font-weight: bold;
}
#deal-price span { font-size: 30px; line-height: 62px; vertical-align: top; }

#deal-price.small { font-size: 64px; }

#deal-value, #deal-discount, #deal-savings, #deal-time, #deal-count, #deal-new, #deal-gift, #deal-missed {
  position: absolute;
  text-align: center;
  color: #666;
  font-size: 12px;
  display:block;
  text-decoration: none;
}
#deal-value div, #deal-discount div, #deal-savings div, #deal-time div{
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
#deal-value { top: 100px; left: 0px; width: 70px; }
#deal-discount { top: 100px; left: 72px; width: 75px; }
#deal-savings { top: 100px; left: 150px; width: 70px; }
#deal-time { top: 170px; left: 10px; width: 210px;  }
#deal-time div { margin-bottom: 3px; font: 24px/30px arial, serif; font-weight: bold;}

#deal-count, #deal-new, #deal-gift, #deal-missed {
  top: 250px;
  width: 115px;
  color: #333; font-weight: bold;
}
#deal-gift, #deal-missed { left: 115px; }

#deal-count div { font-size: 30px; line-height: 32px; }

#deal-new div { background: url('/images/deal-icons.png') no-repeat center -32px; height: 32px; }
#deal-gift div { background: url('/images/deal-icons.png') no-repeat center 0px; height: 32px; }
#deal-missed div { background: url('/images/deal-icons.png') no-repeat center -64px; height: 32px; }

#deal-new:hover, #deal-gift:hover, #deal-missed:hover {
  top:251px;
}

#deal-map { position: absolute; top: 315px; }

#deal-dealer { position: absolute; top: 480px; }

#deal-right {
  float:right;
  width: 510px;
}

#deal-image { width: 510px; height: 310px; overflow:hidden; margin-bottom: 5px; }
#deal-image img { z-index: 1; }
#deal-image a { position: absolute; z-index: 999; width: 510px; display:block; bottom: 5px; background: red; color: #FFF; padding: 5px; text-align: center; text-decoration: none;}

#deal-details { margin-bottom: 10px; }

#deal-disclaimer { font-size: 11px; }

/* HOW ------------------------------------------------------------------------------------------------------------------------ */

#steps {padding:30px 0px; position: relative; overflow:hidden;}
#steps .step {
  margin: 0px 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: url('/images/block.jpg') top left repeat-x;
  border: 1px solid #C1C9CA;
  position: relative;
  height:275px;
  width: 156px;
  float: left;
  padding: 10px 10px;
}
#steps .step { behavior: url('/styles/pie.htc'); }
#steps .step.first { margin-left: 0px; }
#steps .step.last { margin-right: 0px; }
#steps .number { position: absolute; top: -25px;  left: 22px; background: url('/images/how-numbers.png') top left no-repeat; width: 50px; height: 50px; }
#step1 .number { background-position: 0px 0px; }
#step2 .number { background-position: -50px 0px; }
#step3 .number { background-position: -100px 0px; }
#step4 .number { background-position: -150px 0px; }
#steps .title {
  font: normal 22px arial, serif; letter-spacing: 1px; color:#3C5260; text-align: center; font-weight: bold;
  margin-top: 35px;
  margin-bottom: 5px;
}
#steps .icon {
  text-align: center; 
   margin-bottom: 5px;
}
#steps .icon span {
  width: 60px;
  height: 60px;
  display:block;
  margin: 0 auto;
  background: url('/images/how-icons.png') top left no-repeat;
}
#step1 .icon span  { background-position: -60px 0px; }
#step2 .icon span  { background-position: 0px 0px; }
#step3 .icon span  { background-position: -120px 0px; }
#step4 .icon span  { background-position: -180px 0px; }
#steps .desc { font-size: 13px;  text-align: center; color: #39525F; }

/* CONTACT ------------------------------------------------------------------------------------------------------------------------ */

#panel-contact h2 { margin-bottom: 35px; }
#contact .left {
  width: 230px !important; padding: 0px !important;
}
#contact .right {
  width: 220px !important;
  margin-left: 10px;
}
#contact .message {
	padding:7px 30px 0 0;
	font-size:16px;
	color:#900;
	font-weight:bold;
}

/* BUY ------------------------------------------------------------------------------------------------------------------------ */


#buy-block { background: url('/images/hline.gif') repeat-x top left; padding-top: 10px; }
#buy-form { background: url('/images/hline.gif') repeat-x bottom left; padding-bottom: 10px; }

#buy-left {
  float: left;
  width: 210px;
  padding: 20px;
}
#buy-price { margin-bottom: 20px; }
#buy-price label { position: absolute;top: 6px; left: 0px; font-size: 14px; }
#buy-price div { font-size: 18px; line-height: 30px; vertical-align: top; padding-left: 80px; }
#buy-price span { font: bold 60px/50px arial, serif; vertical-align: top; }

#buy-right {
  float: left;
  width: 450px;
  padding: 20px;
  background: url('/images/vline.gif') repeat-y top left;
}
#buy-names { padding-bottom: 20px; }
#buy-names .input { margin-bottom: 5px; position: relative; z-index: 5; }
#buy-names .input input { width: 360px; }

#buy-add { position: absolute; bottom: 28px; right: 35px; z-index: 10; }
#buy-clear { position: absolute; bottom: 28px; right: 0px; z-index: 10; }
#buy-limit { position: absolute; bottom: 10px; left: 0px; z-index: 10; font-size: 11px; }

#buy-discount-code { width: 150px; }
#buy-discount-check, #buy-discount-savings { display: none; }

#panel-buy form span.error { position: absolute; top: 4px; left: 345px; background: url('/images/form-error.png') no-repeat -8px -7px; width:16px; height:16px; z-index: 111; }
.ie #panel-buy form span.error { top: 5px; left: 246px; }


/* CHECKOUT ------------------------------------------------------------------------------------------------------------------------ */

#checkout-block { background: url('/images/hline.gif') repeat-x top left; padding-top: 10px; }
#checkout-form { background: url('/images/hline.gif') repeat-x bottom left; padding-bottom: 10px; }

#checkout-left {
  float: left;
  width: 210px;
  padding: 20px;
}
#checkout-price { margin-bottom: 20px; }
#checkout-price label { position: absolute;top: 6px; left: 0px; font-size: 14px; }
#checkout-price div { font-size: 18px; line-height: 30px; vertical-align: top; padding-left: 80px; }
#checkout-price span { font: bold 60px/50px arial, serif; vertical-align: top; }

#checkout-right {
  float: left;
  width: 450px;
  padding: 20px;
  background: url('/images/vline.gif') repeat-y top left;
}
#panel-checkout form span.error { position: absolute; top: 4px; left: 345px; background: url('/images/form-error.png') no-repeat -8px -7px; width:16px; height:16px; z-index: 111; }
.ie #panel-checkout form span.error { top: 5px; left: 246px; }

#panel-checkout .short { width: 44px; text-align: center; }
#panel-checkout .shortish { width: 100px; text-align: center; }


/* MEMBER ------------------------------------------------------------------------------------------------------------------------ */

#join-login {
  margin-bottom: 10px;
}
#join-login-left {
  float: left;
  width: 260px;
}
#join-login-right {
  float: left;
  width: 460px;
  margin-left: 10px;
}

#join-member {
 background: url('/images/hline.gif') top left repeat-x; margin-top: 20px; padding-top: 10px;
}
#join-member-left {
  float: left;
  width: 260px;
}
#join-member-right {
  float: left;
  width: 460px;
  margin-left: 10px;
}
#join-member-account {
  float: left;
  width: 220px;
}
#join-member-contact {
  float: left;
  width: 220px;
  margin-left: 20px;
}

/* VOUCHERS ------------------------------------------------------------------------------------------------------------------------ */

#voucher-list { width:100%; margin: 5px 0px; padding-top: 10px; }
#voucher-list .header { background: url('/images/hline.gif') bottom left repeat-x; }
#voucher-list th { font-size: 12px; color: #7D9EB0; font-weight: normal; padding: 5px 0px; }
#voucher-list td { padding: 5px 0px; font-size: 12px; font-weight: bold; }


#voucher-print {
  position: absolute; right: 20px; top: 15px; line-height: 20px;
  bottom: 10px;
  height: 20px;
  border: 1px solid #DEDEDE;
  background: #C8DBDF;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#C8DBDF));
  background: -moz-linear-gradient(#FFFFFF, #C8DBDF);
  background: linear-gradient(#FFFFFF, #C8DBDF);
  -pie-background: linear-gradient(#FFFFFF, #C8DBDF);
  color: #000000 !important;
  font-size: 12px;
  padding: 6px 20px 6px 15px;
}
.ie #voucher-print { behavior: url('/styles/pie.htc'); }

#voucher-print span {
  background: url('/images/btn-icons.png') 0px -20px no-repeat !important;
  float:left;
  width: 25px;
}

#voucher-code { font-size: 18px !important; }


/* PRINT STYLES ------------------------------------------------------------------------------------------------------------------------*/

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  /*a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }*/
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #logo { display:block !important; margin: 10px; float: right; }
  #footer-wrap, #header, #content-right, #share, #voucher-print { display:none; }
  #content, #content-left { width:100%; }
  .panel { border: 0px !important; margin: 0px !important; }
  
  #panel-vouchers { background: none; border: 2px dashed #444 !important; display:block !important; width: 90% !important; }
  
}