@charset "utf-8";

/*  BASIC PAGE SETUP ============================================================================= */
body {
margin:0px;
background-color:#F2F2F2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0A0A0A;
}
div, ul, li, img, form {
margin:0px;
padding:0px;	
}
iframe, object, embed {
display:block;
margin:0px;
}
h1 {
font-family: 'Cookie', cursive;
font-size:55px;
font-weight:300;
color:#0A0A0A;
text-align:left;
text-transform:capitalize;
margin:0px;
margin-top:10px;
margin-bottom:10px;
}
h2 {
font-family: 'Cookie', cursive;
font-size:35px;
font-weight:300;
color:#808081;
text-align:left;
text-transform:capitalize;
margin:0px;
margin-top:10px;
margin-bottom:10px;
}
h3 {
font-family: 'Cookie', cursive;
font-size:35px;
font-weight:300;
color:#0A0A0A;
text-align:left;
text-transform:capitalize;
margin:0px;
margin-top:10px;
margin-bottom:10px;
}
a {
text-decoration:none;
}
a:active {
color:#914BB5;
}
a:link {
color:#914BB5;
}
a:visited {
color:#914BB5;
}
a:hover {
color:#0A0A0A;
}
select {
font-size:12px;
}

/*  IMAGES ============================================================================= */
img {
margin:0px;
display:block;
border :0px;
max-width:100%;
height:auto;
}
img a:hover {
opacity:0.5;
}
img.float-left {
float:left;margin:0px 10px 0px 0px;
}
img.float-right {
float:right;margin:0px 0px 0px 10px;
}
table img {
display:inline;
max-width:100%;
height:auto;
}

/* IFRAMES============================================================================= */
.framework-iframe {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.framework-iframe iframe,   
.framework-iframe object,  
.framework-iframe embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* FRAMEWORK============================================================================= */
#framework {
width:100%;
position:relative;
margin:0px;
text-align:left;
}
#framework-header {
width:100%;
background-color:#0A0A0A;
background-image: url('/images/bg-leather.jpg');
background-position: center;
background-size:cover;
}
#header {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin-right:auto;
margin-left:auto;
vertical-align:bottom;
}
#header img{
margin-right:auto;
margin-left:auto;
}
#header-logo {
bottom:0px;
}
#header-social{
height:40px;
top:5px;
right:0px;
z-index:100;
color:#FFFFFF;
font-size:20px;
line-height:30px;
}
#header-social div{
display:block;
text-align:right;
float:right;
margin-right:5px;
}
#framework-navigation {
width:100%;
background-color:#0A0A0A;
}
#navigation {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
margin-right:auto;
margin-left:auto;
}
#header-navigation {
bottom:0px;
right:0px;
position:relative;
font-size:12px;
color:#0A0A0A;
text-align:right;
vertical-align:bottom;
}
#header-navigation ul {
width:auto;
height:37px;
margin-left:auto;
margin-right:auto;
list-style:none;
vertical-align:bottom;
}
#header-navigation li {
margin-left:0.5%;
margin-right:0.5%;
height:37px;
float:left;
text-align:center;
}
#header-navigation a {
padding:0px 5px 0px 5px;	
}
#header-navigation a {
display:block;
text-decoration:none;
height:37px;
line-height:37px;
}
#header-navigation a:active, #header-navigation a:link, #header-navigation a:visited {
color:#FFFFFF;
}
#header-navigation li a:hover {
background-color:#914BB5;
color:#FFFFFF;
}
#framework-buttons {
width:100%;
height:37px;
background-color:#808081;
background-image: url('/images/bg-bar.jpg');
background-size:cover;
}
#buttons {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
margin-right:auto;
margin-left:auto;
}
#header-buttons {
bottom:0px;
right:0px;
position:relative;
font-size:12px;
color:#FFFFFF;
text-align:right;
vertical-align:bottom;
}
#header-buttons ul {
width:auto;
height:37px;
margin-left:auto;
margin-right:auto;
list-style:none;
vertical-align:bottom;
}
#header-buttons li {
width:10%;
height:37px;
float:left;
text-align:center;
overflow:hidden;
}
#header-buttons a {
padding:0px;	
}
#header-buttons a {
display:block;
text-decoration:none;
height:37px;
line-height:37px;
}
#header-buttons a:active, #header-buttons a:link, #header-buttons a:visited {
color:#0A0A0A;
}
#header-buttons li a:hover {
background-color:#0A0A0A;
background:rgba(10,10,10,0.5);
color:#FFFFFF;
}
#framework-animation {
width:100%;
background-color:#0A0A0A;
}
#animation {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
padding-top:15px;
padding-bottom:15px;
margin-right:auto;
margin-left:auto;
background-repeat:no-repeat;
background-position:center top;
background-size:100%;
}
#animation img{
width:100%;
height:auto;
max-width:1400px;
display:block;
}
#framework-bar {
width:100%;
min-height:25px;
background-color:#0A0A0A;
border-top:3px solid #808081;
background-image: url('/images/bg-leather.jpg');
background-position: center;
background-size:cover;
}
#bar {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin-right:auto;
margin-left:auto;
padding:0px;
text-align:left;
font-size:11px;
color:#808081;
}
#bar p {
padding:1%;
padding-bottom:0px;
text-align:center;
}
#bar a:active, #bar a:link, #bar a:visited {
color:#808081;
}
#bar a:hover {
color:#FFFFFF;
}
#bar ul {
width:auto;
height:37px;
bottom:0px;
right:0px;
list-style:none;
vertical-align:bottom;
}
#bar li {
width:auto;
height:37px;
margin-left:5px;
float:left;
text-align:center;
}
#bar .text-left {
text-align:left;
}
#bar .text-left strong {
padding-left:1%;
padding-right:1%;
padding-bottom:1%;
}
#bar .text-right {
text-align:right;
}
#bar .text-right strong {
padding-left:1%;
padding-right:1%;
padding-bottom:1%;
}
.framework-shadow {
width:100%;
}
.shadow {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin-right:auto;
margin-left:auto;
text-align:left;
color:#FFFFFF;
}
#framework-content {
width:100%;
}
#content {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
padding:0px;
margin-right:auto;
margin-left:auto;
padding-bottom:15px;
}
#content img {
max-width:100%;
margin-left:1%;
margin-right:1%;
margin-bottom:1%;
}
#content ul {
margin-left:5%;
}
.content-main {
width:74.6%; 
}
.content-menu {
width:23.8%; 
}
#framework-features {
width:100%;
}
#features {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
padding:0px;
margin-right:auto;
margin-left:auto;
background-color:#D1D1CC;
font-weight:bold;
word-wrap:break-word;
}
#features h2 {
padding-top:1%;
padding-left:1%;
padding-bottom:0px;
margin-bottom:0px;
}
#framework-footer {
width:100%;
background-color:#0A0A0A;
}
#footer {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin-right:auto;
margin-left:auto;
padding:0px;
text-align:left;
font-size:12px;
color:#FFFFFF;
}
#footer img {
display:inline;
margin:1%;
}
#footer ul {
list-style:none;
margin-left:5%;
}
#footer li {
height:25px;
}
#footer h2 {
margin-top:0px;
margin-bottom:2%;
color:#FFFFFF;
}
#footer p {
margin:1%;
}
#footer a:active, #footer a:link, #footer a:visited {
color:#808081;
}
#footer a:hover {
color:#914BB5;
}
.icons {
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}
.icon-rss {
background-image: url('/images/icon-rss.png');
}
.icon-rss:hover {
background-image: url('/images/icon-rss-hover.png');
}
.icon-contact {
background-image: url('/images/icon-contact.png');
}
.icon-contact:hover {
background-image: url('/images/icon-contact-hover.png');
}
.icon-google {
background-image: url('/images/icon-google.png');
}
.icon-google:hover {
background-image: url('/images/icon-google-hover.png');
}
.icon-facebook {
background-image: url('/images/icon-facebook.png');
}
.icon-facebook:hover {
background-image: url('/images/icon-facebook-hover.png');
}
.icon-facebook-2 {
background-image: url('/images/icon-facebook-2.png');
}
.icon-facebook-2:hover {
background-image: url('/images/icon-facebook-2-hover.png');
}
.icon-twitter {
background-image: url('/images/icon-twitter.png');
}
.icon-twitter:hover {
background-image: url('/images/icon-twitter-hover.png');
}
.icon-instagram {
background-image: url('/images/icon-instagram.png');
}
.icon-instagram:hover {
background-image: url('/images/icon-instagram-hover.png');
}
.icon-pinterest {
background-image: url('/images/icon-pinterest.png');
}
.icon-pinterest:hover {
background-image: url('/images/icon-pinterest-hover.png');
}
.float-left {
float:left;
}
.float-right {
float:right;
}
.content-clear {
clear:both;
}

/* FORMS============================================================================= */
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]) {
height:25px;
width:90%;
max-width:90%;
border:1px solid #C5C5C5;
background:#F8F8F8;
}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]):hover {
border:1px solid #C5C5C5;
background:#E5E5E5;
}
textarea {
width:90%;
border:1px solid #C5C5C5;
background:#F8F8F8;
}
textarea:hover {
border:1px solid #C5C5C5;
background:#E5E5E5;
}
.form-details {
padding-left:2%;
height:35px;
line-height:35px;
background-color:#0A0A0A;
color:#FFFFFF;
font-size:15px;
}
.form-labels {
width:23%;
max-width:250px;
background-color:#DBDBDB;
padding:1%;
}
.form-fields {
width:73%;
background-color:#FFFFFF;
padding:1%;
}
.form-fields img {
width:auto;
max-width:auto;
padding:1%;
}
.form-button {
max-width:100%;
height:29px;
line-height:17px;
padding-left:10px;
padding-right:10px;
background:#0A0A0A;
border:1px solid #FFFFFF;
font-family: 'Cookie', cursive;
font-size:25px;
color:#FFFFFF;
text-align:center;
float:right
}
.form-button:hover {
border:1px solid #0A0A0A;
background:#808081;
color:#FFFFFF;
}
#header-social .form-button {
margin-top:4px;
}

/* CONTENT ============================================================================= */
.box-faqs {
background-color:#FFFFFF;
border:1px solid #808081;
padding:5%;
}
.box-features {
padding:1.5%;
background-color:#FFFFFF;
border:#DDDEDE 1px solid;
}
.box-features h2 {
height:35px;
line-height:35px;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
text-align:center;
overflow:hidden;
margin:0px;
}
.box-features a:active, .box-features a:link, .box-features a:visited {
color:#914BB5;
}
.box-features a:hover {
color:#0A0A0A;
}
.box-features img {
width:auto;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
border:#808081 0px solid;
}
.box-products {
background-color:#FFFFFF;
}
.box-products:hover {
background-color:#FFFFFF;
}
.box-products h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
}
.box-navigation {
background-color:#F4F4F4;
padding:5%;
}
.box-navigation ul {
margin-left:15px;
}
.copyright {
text-align:right;
font-size:12px;
color:#FFFFFF;
padding-left:115px;
padding-right:1%;
}
.navigation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
}
.photo {
border:#BAC6DC 1px solid;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
text-align:center;
}
.photo img {
margin-left:auto;
margin-right:auto;
margin-top:2%;
margin-bottom:2%;
}
.video {
border:#BAC6DC 1px solid;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:center;
}
.logo img {
margin:auto;
}
#lightbox {
width:100%;
height:100%;
z-index:1200;
position:fixed;
padding:0px;
top:0px;
left:0px
}
#lightbox #light {
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
background:#0A0A0A;
text-align:center;
z-index:-1;
filter:alpha(opacity=50);
opacity:0.5;
}
#lightbox #box {
width:96%;
max-width:650px;
position:relative;
margin:0px auto;
padding:2%;
background:#FFFFFF;
overflow:hidden;
}
#lightbox img {
margin-left:auto;
margin-right:auto;
}
.title {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
.heading {
font-size:12px;
font-weight:bold;
color:#FF9933
}
.textsmall {
font-size:10px;
font-weight:bold;
}
.textcolour {
font-size:12px;
color:#808081;
}
.texttiny {
font-size:10px;
color:#FFFFFF
}
.testimonials {
color:#FFFFFF;
}
.wrap {
-ms-word-break: break-all;
word-break: break-all;
word-wrap:break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;	
}
.hide-mini {
display:block;
}
.hide-midi {
display:block;
}
.hide-maxi {
display:none;
}
.hidden {
display: none;
}
.unhidden {
display: block;
}

/* SHOP ============================================================================= */
.faxB {
font-size:12px;
color:#000000
}
.faxW {
font-size:12px;
color:#FFFFFF
}
.shop-listing-box {
width: auto;
height: auto;
padding: 5px;
background-color: #FFFFFF;
border: 1px solid #808081;
vertical-align: top;
text-align: justify;
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}
.shop-listing-quote {
border: 1px solid #DBDBDB;
}
.shop-listing-box img {
margin-right:5px;
}
.shop-listing-box h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #0A0A0A;
}
.shop-listing-box .code {
font-size: 12px;
}
.shop-listing-box .options {
font-size: 12px;
float:right;
margin-top: 0px;
margin-bottom: 5px;
}
.shop-listing-box .buy {
background-color: #F2F2F2;
border: 1px solid #FFFFFF;
height: auto;
margin: 0px;
padding: 5px;
vertical-align: top;
color: #FFFFFF;
}
.shop-listing-quote .buy {
background-color: #DBDBDB;
}
.shop-listing-box .bonus {
background-color: #E5E5E5;
}
.shop-listing-box .prices {
float: left;
text-align: left;
vertical-align: top;
position: relative;
}
.shop-listing-box .instructions {
font-size: 12px;
}
.shop-listing-box .choice {
font-size: 12px;
width: 185px;
height: 25;
float:left;
text-align: right;
vertical-align: top;
position: relative;
padding-right: 5px;
}
.shop-listing-box .input {
width: 50px;
height: 25;
float:right;
text-align: right;
vertical-align: top;
position: relative;
padding-right: 5px;
}
.shop-listing-box .buttons {
width: 125px;
height: 25;
float:right;
text-align: right;
vertical-align: top;
position: relative;
}
.shop-listing-box .buttons img {
display:inline;
}
.shop-listing-box .special {
width: 280px;
}
.shop-listing-box .add {
width: 55px;
}
.shop-listing-box .quote {
width: 70px;
}
.shop-label-box {
margin: 0px;
padding: 5px;
height: auto;
width: 240px;
background-color: #FFFFFF;
border: 1px solid #2D2D23;
vertical-align: top;
text-align: justify;
}
.shop-label-box .border{
border: 1px solid #2D2D23;
}
.shop-label-box .divider{
font-size: 11px;
color: #2D2D23;
margin: 5px;
border-bottom: 1px solid #2D2D23;
}
.shop-label-box .divider img{
border: 0px;
}
.shop-label-box h2 {
background-color: #2D2D23;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
height: auto;
margin: 0px;
padding: 5px;
vertical-align: top;
}
.shop-label-box p {
font-size: 11px;
color: #2D2D23;
margin: 5px;
}
.price {
font-size: 16px;
color: #0A0A0A;
}
.price1 {
font-size: 12px;
color: #0A0A0A;
}
.price2 {
font-size: 16px;
color: #0A0A0A;
}
.price3 {
font-size: 10px;
}
.price4 {
font-size: 12px;
}
.price5 {
font-size: 12px;
color: #0A0A0A;
}
.price6 {
font-size: 8px;
}
.priceo1 {
color: #914BB5;
}
.priceo2 {
font-size: 16px;
text-decoration: line-through;
color: #914BB5;
}
.priceo3 {
font-size: 10px;
color: #914BB5;
}
.priceo4 {
font-size: 12px;
text-decoration: line-through;
color: #914BB5;
}
.pricer1 {
font-size: 10px;
}
.pricer2 {
font-size: 10px;
}
.box-product-overview h1 {
line-height:35px;
}
.box-product-info {
line-height:20px;
}
.box-product-buy {
background:#914BB5;
}

@media only screen and (max-width:768px) {
/*   MAKE LAYOUT RESPONSIVE at 768px FOR IPAD LANDSCAPE ================================================================ */
#header .span-2-of-6 {
width:100%;
clear:both;
}
#header .span-4-of-6 {
width:100%;
clear:both;
}
#header .column {
margin-left:0px;
}
#header-social{
width:98%;
margin:1%;
position:relative;
font-size:14px;
text-align:center;
}
#header-navigation {
margin-right:0px;
margin-bottom:0px;
position:relative;
}
#header-navigation li {
width:16.6%;
margin-left:0px;
margin-right:0px;
}
#framework-buttons {
height:77px;
}
#header-buttons {
height:80px;
margin-right:0px;
margin-bottom:0px;
position:relative;
}
#header-buttons li {
width:20%;
}
#header-buttons li:nth-child(5n+1) {
clear:both;
}
#content .padding2h {
padding-left:3%;
padding-right:3%;
padding-bottom:3%;
}
#content img {
width:250px;
max-width:100%;
margin-left:1%;
margin-right:1%;
margin-bottom:1%;
}
.bar {
font-size:15px;	
}
.content-main {
width:100%; 
}
.content-menu {
width:100%;
margin-left:0px;
}
.box-features h2 {
font-size:14px;
}
.hide-maxi {
display:block;
}
.hide-mini {
display:block;
}
.hide-midi {
display:none;
}

#footer .span-1-of-4 {
width:49.2%;
}
#footer .span-1-of-4:nth-child(2n+1) {
clear:none;
margin-left:0px;
}

/* GRID OF TWO TURNS INTO A GRID OF ONE */
#features .maintain .span-2-of-3 {
width:100%;
}
#features .maintain .span-1-of-3 {
width:100%;
}

}

@media only screen and (max-width:480px) {
/* MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */

/* CONTENT ============================================================================= */
#framework-header {
background-image: url('/images/bg-leather-mini.jpg');
}
#header .column {
margin-left:0px;
}
#header-social{
width:98%;
margin-right:1%;
margin-left:1%;
position:relative;
}
#framework-navigation {
height:100px;
}
#header-navigation {
width:100%;
margin-right:0px;
position:relative;
}
#header-navigation li {
width:33.3%;
font-size:10px;
}
#header-navigation li:nth-child(3n+1) {
clear:both;
}
#framework-buttons {
background-image: url('/images/bg-bar-mini.jpg');
}
#header-buttons {
width:100%;
margin-right:0px;
position:relative;
}
#header-buttons li {
font-size:10px;
}
#content .padding2h {
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
}
#content img {
width:100%;
max-width:100%;
margin-left:0px;
margin-right:0px;
margin-bottom:1%;
}
#framework-features {
display:none;
}
#features .maintain .span-2-of-3 {
width:66.1%; 
}
#features .maintain .span-1-of-3 {
width:32.2%; 
}
#footer {
font-size:14px;
}
#footer .span-1-of-4 {
width:100%;
}
#framework-bar {
background-image: url('/images/bg-leather-mini.jpg');
}
#bar .text-left {
text-align:center;
}
#bar .text-right {
text-align:center;
}
.box-features {
padding:5%;
font-size:14px;
}
.copyright {
text-align:center;
font-size:12px;
color:#FFFFFF;
padding-top:25px;
padding-left:1%;
padding-right:1%;
}
input {
max-width:75%;
}
textarea {
width:75%;
}
.hide-maxi {
display:block;
}
.hide-midi {
display:block;
}
.hide-mini {
display:none;
}
}