/*
#------------------------------------------------------------------------
# Shop and Buy - July Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */


/*-------------------------------------Basic Element----------------------------------------------*/

body {
	background: #7c858b;
	color: #000000;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.7;
	margin: 0;
	min-height: 100%;
	padding: 0;
	word-wrap: break-word;
}

a,
#gkMainbody a:active,
#gkMainbody a:focus,
#gkMainbody a:hover,
#gkMainbody h1 a,
#gkMainbody h2 a,
#k2Container article header h2 a {
	color: #0f2b51;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	transition: color 0.2s linear;
	text-decoration: none;
}
a:hover,
a:active,
a:focus,
#gkMainbody a,
#gkMainbody h1 a:active,
#gkMainbody h1 a:focus,
#gkMainbody h1 a:hover,
#gkMainbody h2 a:active,
#gkMainbody h2 a:focus,
#gkMainbody h2 a:hover,
#k2Container article header h2 a:active,
#k2Container article header h2 a:focus,
#k2Container article header h2 a:hover,
#gkSidebar .box a:hover { color: #6c8ca2; }

h1{ color: #0f2b51;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 10px 0;
  padding: 0;}
h2{ color: #0f2b51;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 10px 0;
  padding: 0;}
h3{ color: #0f2b51;
  font-weight: 300;
  line-height: 1.2;
  margin: 0 0 10px 0;
  padding: 0;}
h4{ color: #d0bf75;
  font-weight: 500;
  line-height: 1.5;
    margin: 0 0 20px 0;
  padding: 0;}
h5{ color: #e5e5e5;
  font-weight: 500;
  line-height: 1.5;
    margin: 0 0 10px 0;
  padding: 0;}
h6 {
  color: #465268;
  font-weight: 500;
  line-height: 1.5;
    margin: 0 0 10px 0;
  padding: 0;
}

h1 { font-size: 45px; }
h2,
.componentheading { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 13px; }

p { margin: 0.5em 0 1.5em; }

iframe { max-width: 100%!important; }

table td { vertical-align: top; }

hr{ border-bottom:0; border-left:0; border-right:0; border-top:1px solid #0f2b51; height:1px; padding-top:5px; padding-bottom:5px}

button,
.button,
#gkMainbody .itemReadMore,
#gkMainbody .readmore > a,
input.button,
span.button,
button.button,
div.button,
input[type="submit"],
input[type="button"],
.pagenav-prev a,
.pagenav-next a,
.readon,
.pagination ul li a,
.pagination ul li span,
.gkShowCart a {
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
    background:  #C18429;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: 400;
	height: 36px;
	line-height: 36px;
	margin: 0 5px 2px 2px;
	padding: 0 15px;
	text-align: center;
	text-transform: uppercase;
}

/*-------------------------------------Bullets----------------------------------------------*/
ul {
  list-style: none;
  margin: 0;
  padding: 0 0 10px;
}

ul li { line-height: 1.5em; margin: 0.5em 0 0;}

.itemBody > div > ul li:before,
ul.gkBullet1 li:before,
#k2Container ul.gkBullet1 li:before {
  color: #C18429;
  content: "\f00c";
}
.itemBody > div > ul, ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4 {
    margin: 1em 1em ;
    padding: 0px;
}


/*-------------------------------------side nav----------------------------------------------*/

.box li {padding: 8px 2px 3px 0px; border-top: 1px dotted #C18429; }
.box li a {
  color: #C17078;
  text-decoration: none;}
.box a { text-decoration: none; }
.box ul ul { margin-left: 20px;}

#gkPageContent .menu li.active > a {
    color: #F1D4A9;
} 

#gkSidebar .box {
    margin: 0px 0px 16px;
    font-size: 14px;
}
#gkSidebar > div {
    background: none repeat scroll 0% 0% #FFF;
    padding: 25px 20px 5px;
}


/*-------------------------------------forms----------------------------------------------*/
.box.formbottom  li { border-top: 0px solid #ffffff;}
.box.formbottom li:hover{ border-top: 0px solid #ffffff;}

#gkMainbodyBottom .box.formbottom {max-width:100%;}

div.formBody {
    float:none;
}
div.formCaption {
    display: block;
    float: left;
    width: 50%;
    min-height: 12px;
}
.formFieldset .formBody label {
    display: inline;
    margin: 5px 15px 5px 5px;
}


textarea{ width: 100%; height:100px;}
select, input[type="text"], input[type="password"], input[type="url"], input[type="email"] {
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-right: 1px solid #E7E7E7;
    border-color: #CCC #E7E7E7 #E7E7E7;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    height: 34px;
    line-height: 35px;
    padding: 0px 12px;
    font-size: 14px;
    color: #555;
    max-width: 1000px !important;
    width: 100%;
  Margin-top:10px;
  Margin-Bottom:10px;
}

#userForm h1, #paymentForm h1 {
    font-size: 45px;
    font-weight: 700;
  line-height: 1.2;
  margin: 0 0 10px 0;
  padding: 0;
}

#userForm h2 {
    font-size: 32px;
  margin: 0 0 10px 0;
}


/*--------------------------------------------------------------k2.css-----------------------------------------------*/
article header {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
    margin: 0px 0px 20px;
width:100%;
 border-bottom:1px dotted #d0bf75;
 padding-bottom:10px;

}

article header h1,
article header h2 {
  font-size: 40px;
  font-weight: 300;
  position: relative;

}

.itemNavigation {
  clear: both;
  padding: 10px 20px 10px 20px;
  font-size: 12px;
  color: #465268;
  background: #f8f3dd;
}
/* item view */
.itemFullText{clear:left;}
.itemImageBlock {
  margin: 0px 0px 32px 20px;
  overflow: hidden;
  position: relative;
  right:0px;
  Top:0px;
  float:right;
  width:100%;
  Max-width:333px;
  border:1px solid #e5e5e5;
  padding:10px;
}

.itemPrint a, .itemEmail a {
    color: #0f2b51 !important;
}

.itemPrint a:hover, .itemEmail a:hover {
    color: #C17078 !important;
}


/*------------------------------------------ Logo  ------------------------------------------*/
#gkLogo {
	display: block;
	float: none;
	height: 190px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	width: 100%;
}
#gkLogo.cssLogo {
	background: transparent url('../images/style1/logo.png') no-repeat center top;
	/* You can specify there logo size and background */
	height: 190px;
	width: 100%;
  	Min-width:400px;
}

#gkHeaderNav { padding: 24px 0 0 0; }

#gkHeaderNav h2 {
	float: none;
	margin-bottom: 10px;
}


/*-------------------------------------Menu Overlay----------------------------------------------*/
#gkMenuOverlayHeader {
	color: #465268;
	font-size: 32px;
	font-weight: bold;
	line-height: 140px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
} 

#gkMenuOverlayClose {
	color: #d0bf75;
}

#gkMenuOverlayContent .gkcol li a {
  color: #6c8ca2;
  display: inline-block;
  line-height: 74px;
} 

#gkMenuOverlayContent .gkcol li.active > a {
    color: #D0BF75;
}

#gkMenuOverlayContent .gkcol li a:active,
#gkMenuOverlayContent .gkcol li a:focus,
#gkMenuOverlayContent .gkcol li a:hover {
	color: #d0bf75;
}

a:hover,
a:active,
a:focus,
#gkMainbody a,
#gkMainbody h1 a:active,
#gkMainbody h1 a:focus,
#gkMainbody h1 a:hover,
#gkMainbody h2 a:active,
#gkMainbody h2 a:focus,
#gkMainbody h2 a:hover,
#k2Container article header h2 a:active,
#k2Container article header h2 a:focus,
#k2Container article header h2 a:hover,
#gkSidebar .box a:hover,
div.tags a { 
	color: #7c858b; 
}


.gkMenu > ul li div.childcontent li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px dotted #C18429;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1.2px;
	line-height: 18px;
	margin: 0;
		padding: 8px 2px 3px 0px;
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;

}

.gkMenu > ul li div.childcontent li:hover > a,
.gkMenu > ul li div.childcontent li:hover > a small {
	color: #C18429;
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-ms-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out;
}

.gkMenu > ul li div.childcontent a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #882B34;
	display: block;
	padding: 4px 0;
  	background: #fff;
}
.gkMenu > ul div.childcontent li.active > a {
    color: #C18429;
}



/*------------------------------------------ Menu  ------------------------------------------*/

.gkMenu > ul > li.active > a {
	color: #7c858b;	
}

.gkMenu > ul > li {
	clear: none!important;
	float: left;
    /*font-size: 10px;*/
	font-weight: 700;
	height: 40px;
	line-height: 42px;
	/*letter-spacing: .2px;*/
	text-transform: uppercase;
	width: auto;
}

.gkMenu > ul > li > a {
	color: #0f2b51;
	display: block;
	height: 40px;
	line-height: 42px;
	padding: 0 12px 0 20px;
}

.gkMenu > ul > li:first-child > a {
    padding-left: 75px;
}

.gkMenu a:hover,
.gkMenu a:active,
.gkMenu a:focus,
.gkMenu li.active > a {
	color: #1C4680;
}
.gkMenu .haschild:hover > a,
.gkMenu li.haschild.active:hover > a {
	color: #7c858b;
}


.gkMenu > ul > li:before {
	color: #d0bf75;
	content: "/";
	float: left;
	font-weight: 300;
	line-height: 42px;
	width: 10px;
}



/*------------------------------------------ Slideshow  ------------------------------------------*/

.gkIsWrapper-gk_shop_and_buy .figcaption {
	top: 80%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	padding: 25px 20px;
	position: absolute;
	width: 100%;
	z-index: 2;
	-webkit-transition: opacity 1s ease-out, margin-left 0.5s linear;
	-moz-transition: opacity 1s ease-out, margin-left 0.5s linear;
	-ms-transition: opacity 1s ease-out, margin-left 0.5s linear;
	-o-transition: opacity 1s ease-out, margin-left 0.5s linear;
	transition: opacity 1s ease-out, margin-left 0.5s linear;
  background: rgba(255,255,255, 0.75);
}

.gkIsWrapper-gk_shop_and_buy .figcaption h3 {
	color: #fff;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 40px;
	margin: 0 0 5px 0;
	text-align: center;
	text-transform: uppercase;
}

.gkIsWrapper-gk_shop_and_buy .figcaption p {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 20px;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	width: 60%;
}
.gkIsWrapper-gk_shop_and_buy .figcaption a {
	color:#C18429;
}

.gkIsWrapper-gk_shop_and_buy .figcaption a:active,
.gkIsWrapper-gk_shop_and_buy .figcaption a:focus,
.gkIsWrapper-gk_shop_and_buy .figcaption a:hover {
	color: #882B34;
	color: rgba(108, 140, 162, );
}

.gkIsWrapper-gk_shop_and_buy ol li:hover,
.gkIsWrapper-gk_shop_and_buy ol li.active {
	background: #C18429;
}

.gkIsBtnNext:hover:before,
.gkIsBtnPrev:hover:before {
	color: #d0bf75;
}

.gkIsWrapper-gk_shop_and_buy ol {
    bottom: 5px!important;
}


/*-------------------------------------frontpage bottom boxes----------------------------------------------*/
#gkMainbodyBottom .box {
    padding: 0px;
  max-width: 24%;
  margin: 0px 0px 0px 5px;}

/* suffix dark */
.box.dark {
  background: #882B34!important;
	color: #aaa;
	padding: 20px!important;
 	Float:left;
}

.box.dark a { color: #C18429!important; }
.box.dark a:active,
.box.dark a:focus,
.box.dark a:hover { color: #C18429!important; }
.box.dark ul ul { margin: 0 0 0 20px; }

/* Suffix border1 */
.box.border1 { border: 5px solid #fff; }
.box.border2 { border: 5px solid #465268; }
.box.border3 { border: 5px solid #0f2b51; }
.box.border1,
.box.border2,
.box.border3 {	background: #fff;}

.readon {
	background: #ffffff;
	color: #6c8ca2!important;
	display: block;
	float: none;
	font-size: 15px;
	font-weight: 600;
	height: 100%;
	line-height: 19px;
	margin: 10px 0 0 0;
	padding: 10px 12px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	width: auto;
  	border: 1px solid #6C8CA2;
}
.readon:hover,
.readon:active,
.readon:focus,
.readon:hover {  background: #882B34;  color:#6c8ca2;}

h3,
.k2store h3 { font-size: 28px; }


/*-------------------------------------frontpage bottom menus----------------------------------------------*/

#gkBottom1 .box .header,
#gkBottom2 .box .header {
	color: #882B34;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 8px 0 30px 0;
	padding: 0;
	text-transform: uppercase;
}
#gkBottom1 .box li a,
#gkBottom2 .box li a { color: #C17078; }
#gkBottom1 .box li a:active,
#gkBottom1 .box li a:focus,
#gkBottom1 .box li a:hover,
#gkBottom2 .box li a:active,
#gkBottom2 .box li a:focus,
#gkBottom2 .box li a:hover { color: #F1D4A9; }

#gkBottom1 .box li,
#gkBottom2 .box li {
	border: none;
	color: #6C8CA2;
	font-size: 11px;
	line-height: 17px;
	padding: 0;
}


/*------------------------------------------ footer ------------------------------------------*/
#gkFooter {
    color: #000;
    font-size: 11px;
    font-weight: 400;
    line-height: 24px;
}
#gkFooter a:active,
#gkFooter a:focus,
#gkFooter a:hover { 
	color: #0f2b51; 
}

#gkFooterNav li:before {
  color: #d0bf75;
  content: "/";
  margin: 0 9px;
}

/*------------------------------------------ Misc ------------------------------------------*/
.gkShowCart a:hover {
	background: #882B34;
}
#gkMainWrap { 
  background: #ffffff url('/images/branding/background.png') ;
 background-repeat: repeat-x; no-repeat-y; right top}

#gkBottom2  {
	background: #FFFFFF;
	}

#gkPageContent {
  	background: #FFFFFF;
	}