/*
#------------------------------------------------------------------------
# BikeStore - June 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
 */
 
/* Style 1 */

/* template.css */
-webkit-::selection {
	background: #00a8ec;
	color: #fff;
}
-moz-::selection {
	background: #00a8ec;
	color: #fff;
}
::selection {
	background: #00a8ec;
	color: #fff;
}
html {
	background:  url('../images/style2/bg_base.jpg') repeat scroll 0 0 transparent;
}
body {
	background: none; 
}
a {
	color: #00a8ec;
}
#gkLogo {
	background: none repeat scroll 0 0 transparent !important;
 
    height: 148px;
    width: 498px;
}
#gkLogo.cssLogo {
	
	background-image: url('../images/style2/logo.png');
}
#gkBreadcrumb .breadcrumbs a:active,
#gkBreadcrumb .breadcrumbs a:focus,
#gkBreadcrumb .breadcrumbs a:hover {
	color: #00a8ec;
}
.box.alpha > div {
	background-image: url('../images/style2/bg_alpha.png');
}
.box.color {
	color: #e0f1fc;
}
.box.color > div {
	background: #00a8ec;
}
.box.color b,
.box.color strong {
	color: #e0f1fc;
}
.box.color ul li {
	border-top: 1px solid #72c3fc;
}
.box.colortitle h3.header {
	background: #00a8ec;
}
.box.colortitle.color h3.header {
	color: #00a8ec;
}
.gkUsermenu li {
	background-image: url("../images/style2/typography/bullet-square2.png");
}

/* joomla.css */
button:hover,
input.button:hover,
span.button:hover,
button.button:hover,
div.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.pagenav-prev a:hover,
.pagenav-next a:hover {
	background: #00a8ec;
}
article time {
	background: #00a8ec;
}
article header h1 a:hover,
article header h2 a:hover {
	color: #00a8ec;
}
article header li a {
	color: #00a8ec;
}
p.img_caption {
	background: #00a8ec;
}
.tip-title {
	background: #00a8ec;
}
.pagination ul li a {
	background: #00a8ec;
}
#article-index li a:hover {
	color: #00a8ec;
}
.autocompleter-queried {
	color: #00a8ec !important;
}

/* gk_stuff.css */
.nspPagination li:hover,
.nspPagination li.active {
	background: #00a8ec;
}
.nspNext,
.nspPrev {
	background-image: url('../images/style2/nsp_interface.png');
}
.nspArt h4.nspHeader a:active,
.nspArt h4.nspHeader a:focus,
.nspArt h4.nspHeader a:hover {
	color: #00a8ec;
}
.color .nspArt h4.nspHeader a {
	color: #bbdcf4;
}
.color .nspArt h4.nspHeader a:active,
.color .nspArt h4.nspHeader a:focus,
.color .nspArt h4.nspHeader a:hover {
	color: #dcf1ff;
}
.color .nspArt p.nspInfo {
	color: #bbdcf4;
}
.color .nspPagination li {
	background: #bbdcf4;
}
.color .nspPagination li:hover,
.color .nspPagination li.active {
	background: #dcf1ff;
}
.color .nspVmStore div.PricesalesPrice span {
	color: #fff!important;
}
.color .nspVmStore .PricediscountAmount,
.color .nspVmStore .PricetaxAmount {
	color: #bbdcf4!important;
}
.color.zoom .nspArt {
	border-left: 1px solid #dcf1ff;
}
.zoom .nspZoom {
	background-image: url('../images/style2/nsp_zoom.png');
}
.nspMainPortalMode5 .nspArt:hover .nspHeader a {
	color: #00a8ec;
}
.nspMainPortalMode5 .nspHeader a:active,
.nspMainPortalMode5 .nspHeader a:focus,
.nspMainPortalMode5 .nspHeader a:hover { 
	color: #00a8ec; 
}
.nspMainPortalMode5 .nspPrev,
.nspMainPortalMode5 .nspNext { 
	background-image: url('../images/style2/nsp_portal_mode_5_interface.png'); 
}
.gkIsWrapper-gk_bikestore .gkIsPreloader {
	background-image: url('../images/style2/loader.gif');
}
.gkIsWrapper-gk_bikestore figcaption h3 {
	background-image: url('../images/style2/pattern.png');
}
.gkIsWrapper-gk_bikestore figcaption h3:hover {
	background-image: url('../images/style2/pattern_hov.png');
}
.gkIsButtons {
	background: #00a8ec;
}
.gkIsWrapper-gk_bikestore .nextSlide,
.gkIsWrapper-gk_bikestore .prevSlide {
	background-image: url('../images/style2/is_nav.png');
}

/* k2.css */
span#formLog {
	background: #00a8ec;
}
.itemRatingForm .formLogLoading {
	background-image: url('../images/style2/loading.gif');
}
.itemTags li a,
.k2TagCloudBlock a,
.moduleItemTags a {
	background-color: #00a8ec;
	background-image: url('../images/style2/tags.png');
}
.itemTags li a:hover,
.moduleItemTags a:hover {
	background-image: url('../images/style2/tags.png');
}
.k2TagCloudBlock a:hover {
	background: #00a8ec;
}
.userView .itemAuthorBlock {
	background: #f7fcff
}
.itemAuthorData {
	background: #f7fcff;
}
.itemComments h3 {
	background: #00a8ec;
}
#itemListLinks li {
	background-image: url('../images/style2/typography/bullet-square2.png');
}
.k2CommentItem a:hover {
	color: #00a8ec;
}
.k2CalendarBlock table.calendar tr td.calendarToday {
	background: #00a8ec;
}
.k2TagCloudBlock a:hover {
	background: #00a8ec !important;
}

/* mobile.css */
#gkMobileMenu {
	background: transparent url('../images/style2/tablet_menu_btn.png') no-repeat 16px center;
}

/* vm.css */
.general-bg,
input.vm-default,
a.product-details,
a.details,
div.details {
	color: #00a8ec;
}
.category-view .row .category .spacer h2 a:hover {
	color: #00a8ec
}
.terms-of-service h5 a,
.terms-of-service h5 a:visited {
	color: #00a8ec;
}
.vm-button-correct:hover {
	background: #00a8ec;
}
.featured-view .spacer h3 a:hover,
.latest-view .spacer h3 a:hover,
.topten-view .spacer h3 a:hover,
.related-products-view .spacer h3 a:hover,
.browse-view .row .product .spacer h2 a:hover,
h3.catProductTitle a:hover {
	color: #00a8ec
}
input.addtoCart:hover {
	background: #00a8ec;
}
.product-related-products > div a:hover,
.product-related-categories > div a:hover {
	color: #00a8ec
}
.catProductDetails:hover {
	background: #00a8ec;
}
.trackMyOrder {
	background: #f7fcff;
}
ul#tabs {
	border-bottom: 3px solid #00a8ec;
}
#ui-tabs ul#tabs li.current {
	background: #00a8ec;
}
#ui-tabs h4 {
	color: #00a8ec;
}
#facebox .popup > div > div > a:hover {
	background: #00a8ec;
}
table.cart-summary a:hover {
	color: #00a8ec;
}
.gkContainer a:hover {
	color: #00a8ec;
}
.gkShowCart a {
	background: #00a8ec;
}
.productDetails .main-image .vmZoom {
	background-image: url('../images/style2/nsp_zoom.png');
}
.catProductPrice .PricesalesPrice {
	background: #00a8ec;
}


p.gkHeadline {

	margin: 5px 0 0 !important;

	text-align: center;

	font: normal 2em/1.9 "Lucida Grande", Tahoma;

	color: #222;

}



p.gkSubHeadline {

	margin: 0 0 24px !important;

	letter-spacing: 0.3em;

	text-align: center;

	text-transform: uppercase;

	font: lighter 0.75em/1em "Lucida Grande", Tahoma;

	color: #666;

}



p.gkSmallHeadline {

	margin: 1em 0 !important;

	letter-spacing: 2px;

	text-transform: uppercase;

	font-size: 10px;

	font-weight: bold;

	color: #bbb;

}



p.gkLargeHeadline {

	margin: 0 !important;

	padding: 0px 0px 6px 0px;

	letter-spacing: -2px;

	font: normal 44px/38px Arial, Helvetica, sans-serif;

	color: #444;

}



/*icons*/

.gkfile1,.gkfile2,.gksearch,.gkzoomminus,.gkzoomplus,.gkerror,.gktick,.gkbook,.gkmap,.gktag,.gkstats,.gkstar,.gkribbon,.gknav,.gkgraph,.gkflash,.gklocation,.gklocationminus,.gklocationplus,.gkbulb {

	min-height: 38px !important;

	padding: 8px 0 2px 45px !important;

	background-repeat: no-repeat !important;

	background-position: 0 8px !important;

}


.gktick2 {

	min-height: 12px !important;

	padding: 5px 0 2px 16px !important;

	background-repeat: no-repeat !important;

	background-position: 0 8px !important;

}



/*blocks*/

p.gkInfo1,p.gkTips1,p.gkWarning1 {

	padding: 10px 10px 12px 80px;

	min-height: 38px;

	line-height: 22px;

	font-size: 16px;

}



/*highlight*/

.gkHighlight1,.gkHighlight2,.gkHighlight3,.gkHighlight4 {

	padding: 1px 5px;

	text-shadow: none;

	cursor: default;

}



.gkHighlight1:hover {

	background: #fff;

}



.gkHighlight2:hover {

	background: #212121;

	color: #fff;

}



.gkHighlight3:hover {

	background: #737373;

	color: #fff;

}



.gkHighlight4:hover {

	background: #eee;

	color: #212121;

}



/*code */

pre,.gkCode1,.gkCode2,.gkCode3 {

	margin: 10px 0 15px !important;

	padding: 10px 15px !important;

	font: normal 0.92em/18px 'Curier New', monospace !important;

}



pre,.gkCode1,.gkCode2 {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

}



.gkCode3 {

	padding-left: 82px !important;

}



.gkCode3 h4 {

	width: 35px;

	position: relative;

	top: 0;

	margin: 0 0 0 -64px !important;

	padding: 2px 5px 0;

	font-size: 13px;

}



pre:hover,.gkCode1:hover {

	background: #fff;

}



div.gkCode2:hover,div.gkCode3:hover {

	color: #000;

}



/* lists */

ol {

	margin: 2em 0;

	padding: 0;

	list-style-position: inside;

}



ol.gkDec {

	list-style-type: decimal;

}



ol.gkRoman {

	list-style-type: upper-roman;

}



ol.gkAlpha {

	list-style-type: lower-alpha;

}



ol.gkDecimalLeadingZero {

	list-style-type: decimal-leading-zero;

}



/* unordered lists */

ul.gkBullet10,ul.gkBullet1,ul.gkBullet2,ul.gkBullet3,ul.gkBullet4,ul.gkCircle1,ul.gkCircle2,ul.gkSquare1,ul.gkSquare2,ul.gkSquare3, div.product-description ul,#k2Container .itemFullText ul,#k2Container .itemIntroText ul {

	margin: 2em 0;

	padding: 0;
 float: left;

}



ul li {

	list-style-position: outside;

}



ul.gkBullet10 li,ul.gkBullet1 li,ul.gkBullet2 li,ul.gkBullet3 li,ul.gkBullet4 li,ul.gkCircle1 li,ul.gkCircle2 li,ul.gkSquare1 li,ul.gkSquare2 li, div.product-description ul li,#k2Container .itemFullText ul li,#k2Container .itemIntroText ul li {

	margin: 0 !important;

	padding: 2px 0 2px 28px;

	line-height: 1.8em !important;

	list-style: none;

	overflow: inherit;

}



/* Definition lists */

dl.gkDef1 dt,dl.gkDef2 dt,dl.gkDef3 dt {

	margin: 10px 0 5px 0;

}



dl.gkDef1 dd,dl.gkDef2 dd,dl.gkDef3 dd {

	padding: 10px;

}



dl.gkDef2 dt {

	text-decoration: underline;

}



dl.gkDef3 dt {

	margin-top: 10px;

	letter-spacing: 0.3em;

	text-transform: uppercase;

	font: lighter 1.1em/1.2em "Lucida Grande", Tahoma;

	font-variant: normal;

	color: #666666;

}



/* acronyms and abbrs */

acronym,abbr {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

}



acronym:hover,abbr:hover {

	border-bottom-style: solid;

	cursor: pointer;

}



/* Legends */

div.gkLegend1 h4,div.gkLegend2 h4,div.gkLegend3 h4,div.gkLegend4 h4 {

	float: left;

	position: relative;

	top: -18px;

	left: 11px;

	margin: 0 0 -9px !important;

	padding: 0 10px;

	line-height: 18px;

	font-weight: 300;

	background: #fff;

	text-shadow: none;

}



div.gkLegend1,div.gkLegend2,div.gkLegend3,div.gkLegend4 {

	margin: 25px 0;

	padding: 6px;

}



div.gkLegend1 p,div.gkLegend2 p,div.gkLegend3 p,div.gkLegend4 p {

	margin: 7px;

	clear: both;

}



/* Dropcaps */

span.gkDropcap1,span.gkDropcap2,span.gkDropcap3 {

	display: block;

	float: left;

	line-height: 1.0em;

	font-size: 5.0em;

	color: #333;

}



span.gkDropcap1 {

	height: 61px;

	margin: -4px 5px -3px 0;

}



p.gkDropcap2 {

	padding: 0 0 0 50px;

}



span.gkDropcap2 {

	height: 61px;

	margin: -4px 0 0 -50px;

}



p.gkDropcap2 {

	padding-left: 50px;

}



p.gkDropcap3 {

	margin-top: 32px;

}



span.gkDropcap3 {

	height: 61px;

	margin: -32px 5px 0 0;

}



/* Blockquotes */

blockquote {

	margin: 20px 0;

	font-style: italic;

}



blockquote div {

	display: block;

}



blockquote div.gkBlockquote1 div,blockquote div.gkBlockquote2 div {

	padding: 0 24px;

}



blockquote div.gkBlockquote3 {

	padding-bottom: 1px;

}



blockquote div.gkBlockquote3 div {

	padding: 5px 48px 0;

}



blockquote div.gkBlockquote4 div {

	padding: 0 48px;

}



/* Floated blocks */

.gkBlockTextLeft,.gkBlockTextRight,.gkBlockTextCenter {

	display: block;

	font-size: 16px;

	font-style: italic;

	line-height: 150%;

	padding: 30px;

	width: 38%;

}



.gkBlockTextLeft {

	float: left;

	text-align: left;

}



.gkBlockTextRight {

	float: right;

	text-align: right;

}



.gkBlockTextCenter {

	margin: 0 auto;

	text-align: center;

}



/* numBlocks*/

p.numblocks {

	position: relative;

	min-height: 62px;

	margin: 30px 0;

	padding: 0 0 0 92px !important;

}



p.numblocks span {

	position: absolute;

	top: 4px;

	left: 0;

	height: 42px;

	width: 52px;

	color: #fff;

	display: block;

	font-size: 32px;

	line-height: 1;

	text-align: center;

	font-weight: 400;

	padding: 0 12px 0 0;

}



p.num-1 span {

	border-right: 2px solid #e5e5e5;

	color: #bbb;

}



p.num-2 span {

	border-right: 2px solid #29a5fb;

	color: #29a5fb;

}



p.num-3 span {

	border-right: 2px solid #212121;

	color: #212121;

}



p.numblocks span.highlight {

	font-size: 15px;

	position: static;

	width: auto;

	display: inline;

	border-right:none;

}



/* Blocks*/

.gkblock-1,.gkblock-2,.gkblock-3,.gkblock-4,.gkblock-5,.gkblock-6,.gkblock-7,.gkblock-8,.gkblock-9 {

	margin: 20px 0;

	padding: 15px 20px;

}



/* Blocks*/

.bubble-1,.bubble-2,.bubble-3 {

	position: relative;

	margin: 20px 0 40px;

	padding: 15px 20px;

}



.bubble-1 cite,.bubble-2 cite,.bubble-3 cite {

	height: 25px;

	position: absolute;

	bottom: -25px;

	display: block;

	left: 26px;

	font-size: 12px;

	font-weight: bold;

	line-height: 32px;

	padding-left: 32px;

	background: url('../../images/style2/typography/buble_arrow.png') no-repeat 0 0;

}



/*blockquote*/

blockquote div.gkBlockquote1 {

	background: url('../../images/style2/typography/open1.png') no-repeat left bottom;

}



blockquote div.gkBlockquote1 div {

	background: url('../../images/style2/typography/close1.png') no-repeat right top;

}



blockquote div.gkBlockquote2 {

	background: url('../../images/style2/typography/open1.png') no-repeat left top;

}



blockquote div.gkBlockquote2 div {

	background: url('../../images/style2/typography/close1.png') no-repeat right top;

}



blockquote div.gkBlockquote3 {

	background: url('../../images/style2/typography/open2.png') no-repeat left bottom;

}



blockquote div.gkBlockquote3 div {

	background: url('../../images/style2/typography/close2.png') no-repeat right top;

}



blockquote div.gkBlockquote4 {

	background: url('../../images/style2/typography/open2.png') no-repeat left top;

}



blockquote div.gkBlockquote4 div {

	background: url('../../images/style2/typography/close2.png') no-repeat right top;

}



/*tables*/

.gkTable {

	border-collapse: collapse;

	font-style: normal;

}



.gkTable thead {

	padding: 5px 10px;

	text-align: left;

	font: normal 19px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;

}



.gkTable td {

	padding: 10px;

}



.gkTable tfoot {

	margin-bottom: 10px;

	margin-top: 0px;

	padding: 0px;

	text-align: right;

	font-size: 0.8em;

	font-style: italic;

}



.gkTable2 {

	border-collapse: collapse;

	font-style: normal;

}



.gkTable2 thead {

	text-align: left;

	font: normal 20px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	padding: 5px 10px;

}



.gkTable2 td {

	padding: 10px;

}



.gkTable2 tfoot {

	margin-bottom: 10px;

	margin-top: 0px;

	padding: 0px;

	text-align: right;

	font-size: 0.8em;

	font-style: italic;

}



/*tooltips*/

.gkTooltip {

	position: relative;

	outline: none;

	cursor: help;

	text-decoration: none;

	color: #000;

	text-shadow: none;

}



.gkTooltip span {

	position: absolute;

	margin-left: -999em;

	font-size: 11px;

	line-height: 16px;

}



.gkTooltip:hover span {

	position: absolute;

	left: 0.5em;

	top: 1em;

	z-index: 99;

	width: 250px;

	margin-left: 0;

}



.gkTooltip:hover em {

	display: block;

	padding: 0;

	font-size: 16px;

	line-height: 30px;

	text-decoration: none !important;

	text-shadow: none;

	font-style: normal !important;

}



.classicTooltip {

	padding: 0.6em 0.8em;

	text-shadow: none;

}



.customTooltip {

	padding: 0.6em 0.8em;

	text-shadow: none;

}



/**

 *

 * colors

 *

 * --------------------------------------------------------------------------------------------------------

 *

 *

 *

 **/

pre,.gkCode1,.gkCode2 {

	padding-left: 32px;

	border: 1px solid #EAE8CC;

	border-left: 4px solid #212121;

	background: #FFFEF4;

	color: #333;

}



.gkCode2 {

	background: #fff;

	border: 1px solid #eee;

	border-left: 4px solid #29a5fb;

}



.gkCode3 {

	border: 1px solid #eee;

	background: #fff;

}



.gkCode3 h4 {

	background: #29a5fb;

	color: #fff;

	text-align: center;

	text-shadow: none;

}



/* Warning message */

p.gkInfo1 {

	background: #f9f9f9 url('../../images/style2/typography/info.png') no-repeat 16px 8px;

	border: 1px solid #e5e5e5

}



p.gkTips1 {

	background: #FFFEF4 url('../../images/style2/typography/tips.png') no-repeat 16px 8px;

	border: 1px solid #EAE8CC;

	color: #333;

}



p.gkWarning1 {

	background: #29a5fb url('../../images/style2/typography/warning.png') no-repeat 16px 8px;

	color: #fff;

}



/* Legends */

div.gkLegend1 {

	border: 1px solid #e5e5e5;

}



div.gkLegend2 {

	border: 1px solid #29a5fb;

}



div.gkLegend3 {

	border: 1px solid #212121;

}



div.gkLegend4 {

	border: 4px double #e5e5e5;

}



div.gkLegend1 h4 {

	background: #fff;

	color: #333;

}



div.gkLegend2 h4 {

	background: #fff;

	color: #29a5fb;

}



div.gkLegend3 h4 {

	background: #fff;

	color: #212121;

}



.gkHighlight1 {

	background: #ffd;

}



.gkHighlight2 {

	background: #eee;

	color: #212121;

}



.gkHighlight3 {

	background: #212121;

	color: #fff;

}



.gkHighlight4 {

	background: #29a5fb;

	color: #fff;

}



/* Blocks */

.gkblock-1 {

	border: 1px dashed #353639;

}



.gkblock-2 {

	border: 1px dashed #29a5fb;

}



.gkblock-3 {

	border: 1px dashed #E5E5E5;

}



.gkblock-4 {

	border: 1px solid #29a5fb;

	background: #fff;

}



.gkblock-5 {

	border: 1px solid #EAE8CC;

	background: #FFFEF4;

}



.gkblock-6 {

	border: 1px solid #e5e5e5;

}



.gkblock-7 {

	background: #212121;

	color: #fff !important;

}



.gkblock-8 {

	background: #29a5fb;

	color: #fff !important;

}



.gkblock-9 {

	background: #f5f5f5;

	

}



/* Bubbles */

.bubble-1 {

	border: 3px solid #e5e5e5;

}



.bubble-2 {

	border: 3px solid #29a5fb;

}



.bubble-3 {

	border: 3px solid #212121;

}



.bubble-2 cite {

	background-position: 0 -35px;

	color: #29a5fb;

}



.bubble-3 cite {

	background-position: 0 -70px;

	color: #212121;

}



/* list */

ul.gkBullet1 li {

	background: url('../../images/style2/typography/bullet1.png') no-repeat 0 8px !important;

}

ul.gkBullet10 li {

	background: url('../../images/style2/typography/bullet2.png') no-repeat 0 8px !important;

}



ul.gkBullet2 li,
div.product-description ul li,
#k2Container .itemFullText ul li,
#k2Container .itemIntroText ul li{

	background: url('../../images/style2/typography/bullet3.png') no-repeat 0 8px !important;

}



ul.gkBullet3 li {

	background: url('../../images/style2/typography/bullet3.png') no-repeat 0 7px !important;

}



ul.gkBullet4 li {

	background: url('../../images/style2/typography/bullet4.png') no-repeat 0 7px !important;

}



ul.gkCircle1 li {

	background: url('../../images/style2/typography/bullet-circle1.png') no-repeat 0 7px !important;

}



ul.gkCircle2 li {

	background: url('../../images/style2/typography/bullet-circle2.png') no-repeat 0 7px !important;

}



ul.gkSquare1 li {

	background: url('../../images/style2/typography/bullet-square1.png') no-repeat 0 8px !important;

}



ul.gkSquare2 li {

	background: url('../../images/style2/typography/bullet-square2.png') no-repeat 0 8px !important;

}



.gkBlockTextLeft,.gkBlockTextRight,.gkBlockTextCenter {

	color: #29a5fb;

}



span.classicTooltip {

	background-color: #ffffdd;

	color: #656565;

}



span.criticalTooltip {

	background: #cb260a;

	color: #fff;

}



span.helpTooltip {

	background: #333;

	color: #fff;

}



span.infoTooltip {

	background: #F0F0F0;

	color: #5b5b5b;

	border: 1px solid #dedede;

}



span.warningTooltip {

	background: #fff;

	color: #F93B3B;

	border: 1px solid #fff;

}



/* demo */

ul#demo-typography {

	background: transparent;

	overflow: hidden;

	padding: 10px 30px 30px 30px;

}



ul#demo-typography li {

	list-style-position: none;

	list-style-type: disc;

	line-height: 24px;

	width: 23.9%;

	float: left;

	color: #cb260a;

	font-size: 11px;

}



ul#demo-typography li a {

	font-size: 11px;

	text-shadow: 2px 2px 0 #fff;

}



.demo-typoDiv {

	clear: both;

	overflow: hidden;

	margin: 0 0 30px;

}



h4.demo-typo {

	font-size: 24px;

	font-weight: 300;

	color: #212121;

	margin: 30px 0;

	border-bottom: 1px solid #eee;

}



.demo-typo-col2 {

	width: 50%;

	float: left;

}



.demo-typo-col3 {

	width: 33%;

	float: left;

}



.demo-typo-col4 {

	width: 25%;

	float: left;

}



.demo-typo_padd {

	padding: 0 15px;

}



#warnings .demo-typo_padd p {

	margin: 1em 0 1.6em;

}



.typoDesc small {

	font: normal 10px Monaco, Consolas, "Courier News", monospace;

	color: #999;

}



.gkblock-7 small,.gkblock-9 small,.bubble-4 small,.bubble-5 small,.bubble-6 small,.gkblock-8 small {

	color: #fff !important;

}



.gkblock-9 small {

	color: #353639 !important;

}