/* default */

h1,h2,h3,h4,h5{ padding:0; margin:0; }

.hidden{ text-indent:-999em; overflow:hidden;}

hr.hide-line{ padding:0; margin:0; display:none;}

.clear{ clear:both;}

.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

.clearfix {display:block;}/* End hide from IE Mac */

/*nojavascript*/

.nojavascript{ position:absolute; z-index:1; color:red; background:#fff; font:bold 12px 'Trebuchet MS',Arial,georgia, San-serif; border:2px red dashed; width:990px; top:0; left:50%; margin-left:-495px; }



.left { float:left; }

.right { float:right; }

.debug { border:1px solid Green; }

.grey{ color:#323029;}

.discount{ background:url(../images/content/discount.png) no-repeat; width:64px; height:65px; font-weight:bold; font-size:20px; margin:0; display:block; text-shadow:1px 1px #000; text-align:center; line-height:65px; position:absolute; top:0; left:0; color:#FFF; }



/* Body */

body{ font: 100% Arial, Helvetica, sans-serif; background:url(../images/common/body-bg.jpg) repeat-x; margin:0; padding:0; text-align: center; color:#464439;}



/* main */

#wrapper{ background:url(../images/common/body-bg-top.png) repeat-x center top; width:100%; min-width:960px;}

#main{ position:relative; margin:0 auto; padding:0;  height:100%; text-align:left; width:960px;}



/* header */

#header{ background:url(../images/common/banner.jpg); position:absolute; width:960px; height:560px; top:0; left:0; color:#FFF;}

body#inner2 #header {height:200px; background:url(../images/common/banner2.jpg); position:absolute;}

#header .hlogo{ border:0; position:absolute; left:16px; top:43px;}

#header .banner-info{ position:absolute; left:20px; top:187px; width:270px;}

#header .banner-info h2{font-family: 'MyriadProRegular'; font-weight:normal; text-align:center; height:38px;}

#header .banner-info h3{ color:#BFBEB2; font-size:22px;font-family: 'AgencyFBBold'; font-weight:normal; text-align:center; height:30px;}

#header .banner-info p{ margin:0; padding:20px 0 20px 0; color:#CCCCCC; font-size:15px; font-family: 'MyriadProRegular'; text-align:justify; line-height:22px;}

#header .banner-info a{ background:url(../images/common/learn-more.jpg); width:222px; height:51px; display:block; margin:0 auto;}

#header .banner-video{ position:absolute; left:305px; top:160px;}

#header .buy-now{ position:absolute; background:url(../images/common/buy-now.jpg); width:123px; height:38px; display:block; left:820px; top:65px;}

#header ul{ margin:0; padding:0; list-style:none; width:680px; position:fixed; position:absolute; left:285px; top:53px;}

#header ul li{ float:left; border-right:1px dotted #FFF;}

#header ul li a{ height:40px; display:block; text-align:right; font-family: 'BebasRegular'; padding:10px 15px 0; color:#C0BFB3; font-size:10px; letter-spacing:0.7px; text-decoration:none; line-height:20px;}

#header ul li a big{ color:#EEF4F9; font-size:20px; letter-spacing:0;}

#header ul li.last{ border:none;}

#header ul li.last a{ padding-right:0px;}



#header .fb{ position:absolute !important; top:0; right:-1px;}

#header .twitter-share-button{ position:absolute !important; top:29px; right:-20px;}

			

/* content */

#content{ float:right; margin:1185px 0 0 0; width:945px; padding:0 5px 0 0; font-size:20px; line-height:25px; min-height:280px; height:auto !important; height:280px;}			

body#inner #content{ margin:590px 0 0 0;}

body#inner2 #content{margin:200px 0 0 0;}

#content p{ margin:0; padding:0 0 15px 0;}

#content h1{ font-size:40px;  font-family: 'AgencyFBBold'; font-weight:normal; line-height:55px;}

#content h2{ font-size:20px; font-weight:normal;}

#content .content-title{ padding:0 0 15px 0; }

#content .content-index-right{ float:right; width:700px; padding:5px 0 0 0;}

#content  .learn-more{ background:url(../images/content/learn-more.png); width:123px; height:38px; display:block; }

#content .content-index-left{ width:230px; float:left;}

#content .content-index-left img{ display:block;}

#content .content-index-left img:first-child{ margin:0 0 10px 0;}

#content .img { margin:0 20px 20px 0; }

#content .ripper { margin:0 40px 20px 0; }

#content ol li { margin-bottom:30px; }



/* content-top */

#content-top{ position:absolute; left:0; top:567px;}

#content-top dl{ background:url(../images/common/buy-bg.png); width:240px; height:285px; float:left; margin:0 0 20px 0; padding:0; position:relative;  font-family: 'AgencyFBBold';}

#content-top dl dt{ height:155px;}

#content-top dl dt img{ position:absolute; left:15px; top:13px;}

#content-top dl dt span{ position:absolute; left:0px; top:126px; width:215px; text-align:right; display:block; color:#FFF; font-size:25px;}

#content-top dl dd{ margin:10px 0 0 0; padding:0 15px; font-size:19px; line-height:25px;}

#content-top dl dd span{ }

#content-top dl dd p{ height:50px; margin:0; padding:0 0 12px 0;}

#content-top dl dd .buy-now2{ float:right;}



.red{ color:#C10A0A;}



/* footer */

#wrapper-footer{ background:url(../images/common/footer-bg.jpg) repeat-x left top;}

#footer{ width:960px; margin:0 auto; padding:39px 0 0 0; height:50px; text-align:left; line-height:50px; color:#FFF; font-weight:bold;}

#footer p{ margin:0; padding:0; float:left; text-transform:uppercase; font-size:16px;}

#footer cite{ float:right; font-style:normal; font-size:13px;}

#footer a{ text-decoration:none; color:#FFF;}

#footer a:hover{ text-decoration:underline;}