/* = Framework
----------------------------------------------------------------------------------------------------------------- */
header { padding: 20px 0; background: #fff; border-bottom: 3px solid #00a8e6;}
footer { padding: 20px 0; color: #333; background: #ececec; text-align:center; font-size: 0.9em }
.container { width: 1240px; margin: 0 auto; position: relative;  }
.logo{}
/* = Templates
----------------------------------------------------------------------------------------------------------------- */
.template { padding: 40px 0; }

.template2col section { width: 70%; float: left; }
.template2col aside { width: 25%; float: right; }
.template2col aside img { width: 100%; }

/* = Menu
----------------------------------------------------------------------------------------------------------------- */
.menu { background: #fff; padding: 10px; margin-top: 10px;}
.menu ul { margin: 0; list-style: none; }
.menu ul li { display: inline; margin: 0 5px 0 0; position: relative; }
.menu ul li a { display: inline-block; color: #fff; background-color: #00a8e6; padding: 5px; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.menu ul li a:hover { color: #ccc; }
.menu ul li a.on { font-weight: bold; }
.menu ul li:hover a { background: #444444; }

.menu ul ul { width: 200px; display: none; position: absolute; top: 19px; left: -10px; padding: 15px 0 5px; background: #080808; z-index: 9999; }
.menu ul li:hover ul { display: block; }
.menu ul ul li { display: block; margin: 0; }
.menu ul li:hover ul li a { display: block; padding: 5px 10px; }

.menuTrigger { display: none; }

/* = Mini Basket
----------------------------------------------------------------------------------------------------------------- */
.miniBasket { float: right; }
.miniBasket a { color: #fff; padding: 0 0 0 25px; background: url(/_img/icons/basket.svg) no-repeat left center; }

/* = Sub Menu
----------------------------------------------------------------------------------------------------------------- */
.submenu { margin: 0 0 20px; }
.submenu ul { margin: 0; list-style: none; }
.submenu ul li { display: block; margin: 0; border-bottom: 1px solid #ccc; }
.submenu ul li a { display: block; padding: 10px 15px; color: #333; background: #eee; }
.submenu ul li a:hover { background: #ddd; }
.submenu ul li a.on { font-weight: bold; background: #ddd; }
.submenu ul li:last-child { border-bottom: 0; }

.submenu ul li ul li { border-bottom: 0; }
.submenu ul li ul li a { color: #e38626; padding-left: 30px; }

/* = News
----------------------------------------------------------------------------------------------------------------- */
.news { margin: 0; }
.news ul { margin: 0; list-style: none; }
.news ul li { display: inline-block; margin: 0 0 30px; padding: 0 0 10px; border-bottom: 1px solid #ccc; }
.news ul li h3 { margin: 0 0 10px; line-height: 1em; }
.news ul li h4 { margin: 0 0 10px; }
.news ul li img { max-width: 100%; float: left; margin: 0 20px 20px 0; }
.news ul li .meta { margin: 0 0 20px; }

.news .paging ul li { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.newsview h1 { margin: 0 0 5px; }
.newsview h2 { margin: 0 0 5px; }
.newsview img { width: 40%; float: right; margin: 0 0 20px 20px; }
.newsview .meta { margin: 0 0 20px; }

/* = Upgrade Options
----------------------------------------------------------------------------------------------------------------- */
.upgradeoptions { margin: 0; }
.upgradeoptions h2 { color: #333; margin: 0 0 30px; padding: 80px 0 0; font-weight: normal; text-align: center; background-repeat: no-repeat; background-position: top center; }
.upgradeoptions h2.access { background-image: url(/_img/icons/buy.svg); }
.upgradeoptions h2.freetrial { background-image: url(/_img/icons/trial.svg); }
.upgradeoptions h2.loginaccount { background-image: url(/_img/icons/avatar.svg); }
.upgradeoptions h2.register { background-image: url(/_img/icons/trial.svg); }
.upgradeoptions .productList ul li { float: none; margin-right: 0; }

/* = Products
----------------------------------------------------------------------------------------------------------------- */
.productList { margin: 0; }
.productList ul { margin: 0; list-style: none; }
.productList ul li { float: left; margin: 0 50px 0 0; text-align: center; }
.productList ul li h3 { margin: 20px 0 10px; }

.prodView { width: 70%; float: left; margin: 0; }
.prodView .thumb { float: left; padding: 10px; border: 1px solid #efefef; }
.prodView .cont { margin-left: 307px; }

.prodStock { width: 26%; float: right; padding: 20px 20px 0; background: #f5f5f5; }
.prodStock .prodStockItem { clear: left; }
.prodStock .prodStockItem h3 { margin: 0 0 10px; }
.prodStock .prodStockPrice { font-size: 1.6em; }
.prodStock .prodStockQty { float: left; margin-right: 10px; }
.prodStock .prodStockQty label { width: auto; margin-right: 20px; }
.prodStock .prodStockQty select { width: auto; }
.prodStock .prodStockSubmit label { display: none; }
.prodStock .prodStockSubmit .flyout { margin-top: 20px; }

.prodStockPromo { width: 26%; float: right; }
.prodStockPromo p { margin: 0 0 10px; }
.prodStockPromo br { display: none; }
.prodStockPromo input { width: 100%; }
.prodStockPromo input.btn { width: auto; margin: 10px 0 0; }

/* = Checkout
----------------------------------------------------------------------------------------------------------------- */
.coShippingMsg { margin: 0 0 20px; padding: 20px 20px 20px 65px; color: #fff; background: #8ec3d9 url(/_img/icons/important.svg) no-repeat 30px center; }

.coBasketCosts { margin: 0 0 20px; text-align: right; line-height: 1.5em; font-size: 1.2em; font-weight: bold; }
.coBasketCosts span { font-weight: normal; }

.coNotes textarea { min-height: 200px; }

.coOrderSummary label { float: none; margin-right: 10px; font-weight: bold; }

.checkoutProgress { display: block; height: 50px; margin: 0 0 50px; background: #f6f6f6; }
.checkoutProgress li { float: left; height: 50px; margin-right: 0; padding: 15px 40px 15px 20px; background: url(/_img/icons/progress-stage.svg) no-repeat right center; }
.checkoutProgress .progressComplete a { padding-left: 25px; background: url(/_img/icons/progress-complete.svg) no-repeat left center; }
.checkoutProgress .progressActive a { padding-left: 25px; font-weight: bold; background: url(/_img/icons/progress-active.svg) no-repeat left center; }
.checkoutProgress .progressEnd { padding-right: 25px; background: none; }
.checkoutProgress .btn { color: #080808; padding: 0; font-weight: normal; border: 0; background: none; }
.checkoutProgress .btnDisabled { color: #999; }

/* = Banners
----------------------------------------------------------------------------------------------------------------- */
.banner { margin: 0; }
.banner img { max-width: 100%; width: 100%; margin: 0 0 20px; }
.bannerImg img{ max-width: 100%; width: 100%; margin: 0 0 20px; }
.bannersrepeater ul { margin: 0; list-style: none; }
.bannersrepeater ul li { margin: 0; }

/* = Cookie
----------------------------------------------------------------------------------------------------------------- */
.cookie { display: none; padding: 10px 0; color: #fff; text-align: center; font-size: 0.9em; background: #333; }
.cookie p { margin: 0; }
.cookie p a { color: #fff; text-decoration: underline; font-weight: bold; }

span#btnLoading{ display:none;}

/* = Loading
----------------------------------------------------------------------------------------------------------------- */