/*
#------------------------------------------------------------------------
# AppsPro Tech - March Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Base elements and classes */
html { border-bottom:1px solid transparent; min-height:100%; }
body > div > footer,
body > div > header,
body > div > section,
body > footer,
body > header,
body > section { /* class used in the full template-width containers */ clear: both; margin: 0 auto; }
section#gkPageTop { overflow: visible; /* Necessary to make menu working */ width: 100%; /* Necessary to achieve full background width */ }
#gkTop1,
#gkTop2,
#gkUser1,
#gkUser2,
#gkBottom1 { /* Positions blocks - clearing */ clear: both; }
/* clearfix */
footer:after,
header:after,
section:after,
aside:after { clear: both; content: ""; display: table; }
/* Columns */
aside#gkLeft,
aside#gkInset1,
section#gkContent,
section#gkComponentWrap,
aside#gkInset2,
aside#gkRight,
#gkBanner1,
#gkBanner2 { /* Main columns */ box-sizing: border-box; float: left; }
#gkTop1 > div,
#gkTop2 > div,
#gkUser1 > div,
#gkUser2 > div,
#gkBottom1 > div,
#gkBottom2 > div { /* Columns in the positions blocks */ box-sizing: border-box; float: left; }
/* Columns - especially for the template equal columns */
#gkPage > section.gkColumns { display: block; width: 100%; }
#gkLeft,
#gkContent,
#gkRight { display: block; float: left!important; }
/* Joomla columns */
.cols-2 .column-1,
.cols-2 .column-2 { width:50%; }
.cols-3 .column-1,
.cols-3 .column-2,
.cols-3 .column-3 { float:left; width:33.3%; }
.column-1,
.column-2,
.column-3 { box-sizing: border-box; float: left; }
/* 

Layout calculations 

*/

/* base spaces */
body > div > footer,
body > div > header,
body > div > section,
section#gkPage > section,
section#gkContent > section,
section#gkComponentWrap > section { /* top margins for containers */ margin-top: 5px; }
body > footer:first-child,
body > header:first-child,
body > section:first-child,
section#gkPage > section:first-child,
section#gkContent > section:first-child,
section#gkComponentWrap > section:first-child { margin-top: 0; }

#gkPage > #gkTop1:first-child,
#gkPage > #gkTop2:first-child { padding-top: 24px; }
/* module spaces */
.box,
.box_text,
.box_menu { margin-top:34px; }
.box:first-child,
.box_menu:first-child,
.box_text:first-child { margin-top: 0!important; }
#gkMainbody .box,
#gkMainbody .box_text,
#gkMainbody .box_menu { margin-top: 4px; }
#gkContentTop { margin-top: 14px!important; }
#gkPage { margin-top: 20px!important; }
/* Layout columns */
#gkLeft { padding: 0 34px 0 0; }
#gkInset1 { padding-right: 34px; }
#gkRight { padding: 0 0 0 34px; }
#gkInset2 { padding-left: 34px; }
#gkContent { padding: 30px 45px; }
.gkColLeft { padding-right: 20px; }
.gkColRight { padding-left: 20px; }
.gkColCenter { padding-left: 20px; padding-right: 20px; }

#gkTop1 .gkColLeft,
#gkBottom1 .gkColLeft { padding-right: 50px; position: relative; }
#gkTop1 .gkColRight,
#gkBottom1 .gkColRight { padding-left: 50px; position: relative; }
#gkTop1 .gkColCenter,
#gkBottom1 .gkColCenter { padding-left: 50px; padding-right: 50px; position: relative; }

#gkTop1 .gkColRight:before,
#gkBottom1 .gkColRight:before,
#gkTop1 .gkColCenter:before,
#gkBottom1 .gkColCenter:before { content: ""; position: absolute; left: -48px; top: 50%; margin-top: -85px; width: 96px; height: 170px; background: transparent url('../images/style1/separator_bg.png') no-repeat 0 0; }
#gkTop1 .gkCol,
#gkBottom1 .gkCol { min-height: 170px; }

/* Joomla columns */
.cols-2 .column-1,
.cols-3 .column-1 { padding-right: 10px; }
.cols-2 .column-2,
.cols-3 .column-3 { padding-left: 10px; }
.cols-3 .column-2 { padding-left: 10px; padding-right: 10px; }
/* columns fix */
aside#gkLeft,
aside#gkRight,
#gkContent { overflow: hidden; }

div.PricesalesPrice > span.PricesalesPrice 
{
font-size:24px !important;
padding-left:5px;
color: #D1460C !important;
font-weight:bolder;
}



div.PricecostPrice> span.PricecostPrice
{
text-decoration: line-through;
font-size:22px !important;
padding-left:5px;
color: #D1460C !important;
font-weight:bolder;
}



div.withH2Product > H2 
{
 padding:2px 2px 2px 2px ;
}

div.product-price
{
 padding:2px 2px 2px 2px ;
}


div.withH2Product > H2 > a
{
font: 20px "Segoe UI Regular", Segoe, Arial, Sans-Serif;
padding-left:5px;
}