.product-detail .content { width: 460px; padding-top:45px; }
.feature .image { width: 100%; background: url("../images/landing-jquery-speedo-popup-sprites.png") no-repeat scroll 0 0 transparent; }
.shop-now h1 {    font-size: 35px !important;    font-weight: bold; }
.shop-now .content { padding-top:15px; }
.shop-now .image { background-position: -30px 10px;    height: 280px;}
.shop-now .submitBtn span {    border-left: 1px solid #ECECEC;    margin-left: 5px;    opacity: 0.7;    padding-left: 12px;}
.responsive .image { height:325px; background-position: -45px -290px; }
.modular .image { background-position: -45px -590px;    height: 335px; }
.multiple_instances .image {  background-position: -50px -915px;   height: 305px; }
.video_support .image {   background-position: -45px -1210px;    height: 300px;}
.support .image {   background-position: -75px -1490px;    height: 220px;    margin-top: 50px;}
.fast .image {  background-position: 0 -1740px; height: 295px; }
.skins .content { width:100%; }
.skins .col3 { overflow: hidden; }
.skins .col3 li { float: left; width:300px; margin-left:30px; color: #555555; font-size:14px;}
.skins .col3 li.first { margin-left: 0;}
.feature  h3 {   border-bottom: 1px solid #F3F3F3;    font-weight: normal;    margin-bottom: 10px;    padding-bottom: 10px; }
.feature.modular, .feature.fast { background: #333333; color:white; }
.modular .main h2, .fast .main h2 { font-weight:bold; color:white; }
.responsive .main h2 { font-size: 65px; font-weight:bold; }
.feature.support h3 { border:none; margin:10px 0 0 0; padding:0; }
.feature.fast h2 { font-size: 30px; }

.product-detail .image { max-width: 460px; }
.main h2, .main h1 { color: #009CDC; font-size:40px; margin-bottom: 10px; text-transform:uppercase;}
.main h1 { font-size: 50px; }
.feature { border-bottom: 1px solid #F3F3F3;    margin: 40px 0; padding-bottom: 20px; }
.feature.last { border-bottom: none;}
ul.list{ margin: 10px 30px; }
ul.list li {list-style-type:disc; }
.highlight { color: #EB274F; }

/* DEMO PAGE */
.view { width: 200px; height: 170px; margin: 10px 0 15px 50px; float: left; border: 1px solid #f3f3f3; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; }
.view .mask, .view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { display: block; position: relative; margin: 10px; width: 180px; border: 1px solid #ececec; }
.view h3 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 30px 0; }
.view p { font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center; }
.view a.preview-button { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: lowercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
.view a.preview-button: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.main { overflow: hidden; }

.tabsContainer { margin-bottom: 20px; }
.tabs_content { background: none repeat scroll 0 0 #F6F6F6; border-top: 1px solid #E6E6E6; font-size: 13px; }
.tabs_content > div { padding: 10px; }
.tab_page { display: none; }
.tab_page.show { display: block; }
.tabs { overflow: hidden; width: 100%; background: #f5f5f5; }
.tabs li { float: left; border-right: 1px dashed #cccccc; overflow: hidden; padding: 10px 15px 10px 15px; }
.tabs li:hover, .tabs li.selected { background: #009CDC; }
.tabs li:hover a, .tabs li a:hover, .tabs li.selected a { color: white; }
.tabs li a { padding: 5px; }
.tabs li span { background: none repeat scroll 0 0 #009CDC; color: white; float: left; font-weight: bold; height: 15px; line-height: 12px; margin-top: 3px; text-align: center; width: 15px; border-radius: 10px; /*-webkit-box-shadow: 1px 1px 2px #e6e6e6;	-moz-box-shadow: 1px 1px 2px #e6e6e6;	box-shadow: 1px 1px 2px #e6e6e6;  */ }

.effects .view { width: 150px; height: 120px; }
.effects .view img { width: 130px; height: 100px; }
.effects .view h3 { margin-bottom: 10px; }
.other_features .view { width: 150px; height: 120px; }
.other_features .view { -webkit-box-shadow: 0px 0px 25px #e6e6e6; -moz-box-shadow: 0px 0px 25px #e6e6e6; box-shadow: 0px 0px 25px #e6e6e6 inset; }
.other_features h3 { background: #000; color: #EB274F; font-size: 13px; margin-top: 40px; text-transform: uppercase; }