/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 27, 2011 */
.content, .intro, .product-type { behavior: url(media/inc/PIE.htc); position: relative;}

body { font-size: 100%; background: #bfbebe url(../img/bg.gif) 0 0 repeat-x; color: #534f4f;}
a, a:visited { color: #5a556e; outline: none; text-decoration: none;}
a:hover {color: #f4449f; text-decoration: underline;}

/* =============================================================================
   Typepography {DINMediumRegular, DINRegular, DIN-BlackRegular}
========================================================================== */
   body {font: 0.75em Tahoma, Arial, sans-serif;}
   
   .call-us, .page-content h5 {font-family: "DINMediumRegular", serif;}
   
   .call-us span, .promotion h3 strong, .versus, .product-type, .printer-model .price {font-family: "DIN-BlackRegular", serif;}
   
   .intro h2, .promotion h3, .promotion p {font-family: "DINRegular", serif;}
   
/* =============================================================================
   Structure
========================================================================== */
#page-wrap { width: 960px; margin: 0 auto; position: relative;}
   .multi-bg {position: absolute; height: 340px;}
   .multi-bg.left {width: 120px; left: -120px; top: 750px; background: url(../img/multi-bg-left.png) 0 0 no-repeat;}
   .multi-bg.right {width: 103px; right: -103px; top: 344px; background: url(../img/multi-bg-right.png) 0 0 no-repeat;}
   
   /* Header */
   header {height: 170px; position: relative; z-index: 9999;}
   header h1 a {float: left; width: 456px; height: 109px; margin: 40px 0 0 -25px;}
   header .call-us {font-size: 1.850em; float: left; margin: 106px 0 0 40px;}
   header .call-us span {color: #f4449f;}
   header .award-seal {width: 208px; height: 205px; position: absolute; right: -55px; top: 25px; z-index: 9999;}
  
   /* Content */
   .content {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #fff; margin-bottom: 15px; padding: 15px;}
   .intro-left-column {float: left; width: 370px;}
   .intro {float: left; width: 160px; border:1px solid #f2f2f2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: url(../img/intro-gradient-bg.gif) 0 100% repeat-x; padding: 10px 0 10px 10px;}
   .intro h2 {color: #f4449f; font-size: 2em;}
   .intro p {padding-right: 6px;}
   .promotion {float: right; width: 185px; margin-right: 0;}
   .promotion h3 {font-size: 3.9em; margin: 0; line-height: 1; padding: 0;}
   .promotion h3 span {font-size: .50em; line-height: 1;}
   .promotion h3 strong {color: #f4449f; font-size: 2em; font-weight: bold;}
   .promotion p {font-size: 2.5em; margin-top: -5px; line-height: 1.3;}
   .youtube-video {width: 550px; height: 350px; float: right; z-index:-1}
   
   .product-type { width: 100px; border: 10px solid #f885c1;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #fddced; height: 90px; margin-top: 8px; text-align: center; padding: 8px 0;}
   .product-type.left {float: left; margin: 15px 0 0 20px;}
   .product-type.right {float: right; margin: -15px 40px 0 0;}
   *+html .product-type.right {margin-top: 5px; margin-bottom: 4px;} /* ie7 */
   .product-type h4 {color: #f4449f; font-size: 1.3em; line-height: 1; margin-bottom: 7px;}
   .product-type p {line-height: 1; margin: 0 0 8px;}
   .product-type .size {font-size: 1.3em;}
   .product-type .price {font-size: 2.3em;}
   .versus {float: left; margin: 40px 20px 0 20px; width: 30px; font-size: 1.8em;}
   *+ html .versus {margin-top: 6   0px;}
   .note {clear: both; padding: 0 0 0 25px; font-size: 1.1em; margin: 0;}
   
   /* Page Content */
   .page-content {clear: both; padding-top: 4px;}
   .page-content h5 {background-color: #9c9b9b; padding: 10px; color: #fff; font-size: 1.6em; margin: 0 0 7px;}
   
   /* Page Content -> Printer Models */
   .printer-model {float: left; width: 222px; height: 505px; position: relative; border: 3px solid #f2f2f2; margin-right: 5px;}
   .printer-model.last {margin-right: 0; float: right;}
   .printer-model .model-display {
	background-color: #f7f7f7;
	padding: 8px;
	height: 158px;
}
   .model-display h6 {padding: 8px 0 0 15px;}
   .printer-model ul li {padding: 2px 0;}
   .printer-model .price {background-color: #f2f2f2; position: absolute; padding: 10px 6px 10px 18px; bottom: 0; left: 0; width: 198px; color: #f183b5; font-size: 1.4em;}
   
   /* Footer */
   footer {clear: both; width: 100%; padding: 20px 0 5px;}
   footer p {margin: 0;}
   *+html footer {padding-top: 10px;}
