/**
 * Telerik Store
 */




/*----------------------------------------------------------------------------*/




/**
 * @region Elements
 */




/** Root elements */
html {
	margin: 0;
	padding: 0;
	background: #ffffff;
}
body {
	margin: 0;
	padding: 0;
	border-top: 6px solid #000000;
	color: #000000;
	background: transparent;
	/*background-image: url("../images/tile-24.png");*/
	font: 12px/2 "Segoe UI", Arial, sans-serif;
}
#site-wrap {
	margin: 0 auto;
	width: 960px;
	position: relative;
}




/** Block elements */
div {}


p {margin: 2em 0}
pre {margin: 2em 0; font-family: monospace; white-space: pre}
address {margin: 2em 0; font-style: italic}
blockquote {margin: 2em 40px}


header, nav, footer, article, aside {display: block}




/** Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
}
h1 {
	margin: .6667em 0;
	font-size: 3em;
	line-height: 1.3333;
}
h2 {
	margin: .8em 0;
	font-size: 2.5em;
	line-height: 1.6;
}
h3 {
	margin: 1em 0;
	font-size: 1.5em;
	line-height: 1;
}
h4 {
	margin: 1.2em 0;
	font-size: 1.25em;
	line-height: 1.2;
}
h5 {
	margin: 1.5em 0;
	font-size: 1em;
	line-height: 1.5;
	font-weight: bold;
}
h6 {
	margin: 1.5em 0;
	font-size: 1em;
	line-height: 1.5;
}




/** Tables */
table {
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 2px;
	border-collapse: separate;
}
caption {
	text-align: center;
}
thead, tbody ,tfoot {
	vertical-align: top;
}
th, td {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: inherit;
}
th {
	font-weight: bold;
}
td {}




/** Lists */
ol, ul {
	margin: 1.5em 0;
	padding: 0 0 0 40px;
}
ol ol, ol ul,
ul ul, ul ol {
	margin-top: 0;
	margin-bottom: 0;
}


li {margin: 0;padding: 0}


dl {margin: 1.5em 0}
dt {}
dd {margin: 0 0 0 40px}




/** Quotes */
blockquote {quotes: ""; quotes: none}
cite {font-style: italic}
q {quotes: "\201c" "\201d" "\2018" "\2019"}




/** Links */
a {color: #25a0da; text-decoration: none}
a:visited {}
a:hover {color: #cc0000; text-decoration: underline}
a:focus {}
a:active {}




/** Phrase elements */
i, em {font-style: italic}
b, strong {font-weight: bold}
small {font-size: smaller}
big {font-size: bigger}


sub, sup {font-size: smaller; line-height: normal}
sub {vertical-align: sub}
sup {vertical-align: super}


tt, code, kbd, samp {font-family: monospace}




/** Images */
img, a img {
	border: none;
	vertical-align: baseline;
}




/** @endregion */




/*----------------------------------------------------------------------------*/




/**
 * @region Form elements
 */
form {margin: 0; padding: 0}
input, textarea, button, option, select {margin: 0; padding: 0}




/** Fieldsets */
fieldset {border: 1px solid #cccccc}
fieldset > legend {}




/** Textboxes */
textarea,
input[type=text],
input[type=password] {
	padding: 3px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cccccc;
	font: 12px/2 "Segoe UI", Arial, sans-serif;
}




/** Single / Multiple choice */
input[type=radio],
input[type=checkbox] {
	margin: 0 3px 0 0;
	vertical-align: middle;
}




/** Dropdowns */
select {}
option {}




/** Buttons */
button,
input[type=reset],
input[type=button],
input[type=submit] {}


input[type=image] {vertical-align: middle}




/** @endregion */




/*----------------------------------------------------------------------------*/




/**
 * @region Common styles
 */




/** Self clear */
.clear-self,
.base-nav,
#site-wrap,
#header,
#nav,
	#nav ul,
	#nav p,
#middle,
	.main,
	.sidebar,
#footer,
	#footer ul,
	#footer p,
#latest-products,
	#latest-products ul,
#product-category,
#product-categories,
	#product-categories ul,
.paging,
.product-list,
	.product-list ul,
#search-form {
	min-height: 0;
	_zoom: 1;
}


.clear-self:after,
.base-nav:after,
#site-wrap:after,
#header:after,
#nav:after,
	#nav ul:after,
	#nav p:after,
#middle:after,
	.main:after,
	.sidebar:after,
#footer:after,
	#footer ul:after,
	#footer p:after,
#latest-products:after,
	#latest-products ul:after,
#product-category:after,
#product-categories:after,
	#product-categories ul:after,
.paging:after,
.product-list:after,
	.product-list ul:after,
#search-form:after {
		content: "";
		height: 0;
		clear: both;
		display: block;
}




/** @endregion */




/*----------------------------------------------------------------------------*/




/**
 * @region Header
 */
#header {
	margin-top: -6px;
	border-top: 6px solid #000000;
}


	#header h1 {
		margin: .3333em 0;
	}




/** @endregion */




/*----------------------------------------------------------------------------*/




/**
 * @region Cart overview
 */
#cart-overview {
	width: 100%;
	height: 10em;
	color: #ffffff;
	background-color: #000000;
	position: absolute;
	top: -10em;
	left: 0;
	z-index: 20;
}
	#cart-overview:hover {
		top: .5em;
}
	#cart-overview .toggler {
		padding: 0 .5em;
		color: #ffffff;
		background-color: #000000;
		position: absolute;
		top: 100%;
		right: 0;
}
	#cart-overview .item-count {
		width: 60px;
		position: absolute;
		top: 1em;
		right: 144px;
}
	#cart-overview .total-price {
		width: 120px;
		position: absolute;
		top: 1em;
		right: 1em;
}
	#cart-overview .item-count strong,
	#cart-overview .total-price strong {
		font-size: 2em;
		line-height: 1;
		font-weight: 100;
		display: block;
}
	#cart-overview .btn {
		padding: 0 1em;
		height: 24px;
		text-transform: uppercase;
		position: absolute;
		top: 72px;
}
	#cart-overview .btn-buy {
		background-color: #25a0da;
		right: 12px;
}
	#cart-overview .btn-empty {
		background-color: #404040;
		text-transform: lowercase;
		font-variant: small-caps;
		right: 130px;
}




/** @endregion */




/*----------------------------------------------------------------------------*/




/**
 * @region Navigation
 */
#nav {
	font-size: 2em;
	font-weight: 100;
}


	#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		float: right;
	}


	#nav li {
		margin: 0 20px;
		float: left;
		display: inline;
	}
	#nav li.current {
		font-size: 1.25em;
		line-height: 1.6;
	}




/** @endregion */




/*----------------------------------------------------------------------------*/




/**
 * @region Middle
 */
#middle {
	margin-bottom: 4em;
}


.main,
.sidebar {
	position: relative;
}


.layout-sc {}
	.layout-sc #content {
		width: 720px;
		float: right;
	}
	.layout-sc #sb-1 {
		width: 240px;
		float: left;
	}




/** @endregion */




/*----------------------------------------------------------------------------*/




/**
 * @region Footer
 */
#footer {
	padding: 1em 2em;
	color: #2f2f2f;
	background-color: #e9e9e9;
}



	/** Footer navigation */
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#footer p {
		margin: 0;
	}




	/** Footer primary */
	#footer .primary {}




/** @endregion */




/*----------------------------------------------------------------------------*/




/**
 * @region Generic modules
 */




/** Paging */
.paging {
}


	.paging .RadButton {
		margin: 0;
		padding: 0;
		background: none;
	}
	.paging .RadButton:hover {
		background: none;
	}
	.paging .RadButton.rbDisabled:hover {
		text-decoration: none;
	}


	.paging .RadButton input {
		margin: 0;
		padding: 0;
		border: 0;
		color: inherit;
		background: none;
		text-transform: uppercase;
		text-decoration: inherit;
	}
	.paging .RadButton:hover input {
		background: none;
	}




	/** Simple paging */
	.simple-paging .RadButton {
		color: #25a0da;
		position: relative;
	}
	.simple-paging .RadButton:before {
		content: "";
		width: 15px;
		height: 15px;
		border: 1px solid #25a0da;
		border-radius: 1.5em;
		font-family: monospace;
		line-height: 15px;
		display: block;
		position: absolute;
		top: 2px;
	}


	.simple-paging .prev {
		padding-left: 25px;
	}
	.simple-paging .prev:before {
		content: "\2190";
		right: auto;
		left: 0;
	}
	.simple-paging .next {
		padding-right: 25px;
	}
	.simple-paging .next:before {
		content: "\2192";
		right: 0;
		left: auto;
	}




	/** Numeric paging */
	.numeric-paging {}


	.numeric-paging .rdpWrap {
		margin: 0;
		float: none;
		text-align: center;
	}


	.numeric-paging .rdpNumPart a {
		margin: 0 0.5em 0 0;
		padding: 0;
		width: 3em;
		border: 2px solid transparent;
		border-radius: 3em;
		line-height: 3;
		text-align: center;
		cursor: pointer;
		float: none;
		display: inline-block;
	}
	.numeric-paging .rdpNumPart a:hover {
		border: 2px solid;
		color: #25a0da;
	}


	.numeric-paging .rdpNumPart a span {
		padding: 0;
		float: none;
		display: inline;
	}
	.numeric-paging .rdpNumPart a.rdpCurrentPage {
		color: #000000;
		border: 2px solid #cccccc;
	}


	/** in grid */
	.rgPager {
		font-size: .8em;
	}
	.numeric-paging .rgNumPart {
		float: left;
	}
	.numeric-paging .rgInfoPart {
		float: right;
	}


	.numeric-paging .rgNumPart a {
		margin: 0 0.5em 0 0;
		padding: 0;
		width: 2em;
		border: 1px solid transparent;
		border-radius: 2em;
		line-height: 2;
		text-align: center;
		cursor: pointer;
		float: none;
		display: inline-block;
	}
	.numeric-paging .rgNumPart a:hover {
		border: 1px solid;
		color: #25a0da;
	}


	.numeric-paging .rgNumPart a span {
		padding: 0;
		float: none;
		display: inline;
	}
	.numeric-paging .rgNumPart a.rgCurrentPage {
		color: #000000;
		border: 1px solid #cccccc;
	}




/** Grid */
.RadGrid {
}


	.RadGrid table {}


	.RadGrid th,
	.RadGrid td {
		padding: 2px 5px;
	}


	.RadGrid .rgMasterTable {
		border: 1px solid #e5e5e5;
		border-spacing: 0;
	}


	.RadGrid thead {
		color: #ffffff;
		background-color: #25a0da;
	}


	.RadGrid tbody {}
	.RadGrid tbody .rgRow{}
	.RadGrid tbody .rgAltRow{
		background-color: #e5e5e5;
	}




/** @endregion */




/*----------------------------------------------------------------------------*/




/**
 * @region Main modules
 */




/** Latest products */
#latest-products {}


	#latest-products h2 {
		margin: 0;
		padding: 0 .75em;
		color: #ffffff;
		background-color: #25a0da;
		float: left;
		display: inline;
		position: relative;
	}
	#latest-products h2:after {
		content: "";
		border-bottom: 1.6em solid #25a0da;
		border-right: 1.6em solid transparent;
		display: block;
		position: absolute;
		left: 100%;
		top: 0;
	}


	#latest-products ul {
		margin: 0;
		padding: 0;
		list-style: none;
		clear: both;
	}
	#latest-products li {
		padding: 24px 24px 24px 144px;
		width: 320px;
		min-height: 120px;
		-webkig-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 24px;
		position: relative;
		float: left;
	}


	#latest-products li .thumb {
		margin-left: -132px;
		width: 120px;
		height: 120px;
		text-align: center;
		overflow: hidden;
		float: left;
	}
	#latest-products li .thumb img {
		min-width: 120px;
	}


	#latest-products li .title {
		margin: 0;
		height: 72px;
		font-size: inherit;
		line-height: inherit;
		overflow: hidden;
	}


	#latest-products li .price-and-buy {
		margin: 24px 0 0;
	}
	#latest-products li .price {
		padding: 0 .5em;
		color: #ffffff;
		background-color: #25a0da;
		display: inline-block;
		position: relative;
	}
	#latest-products li .price:after {
		content: "";
		border-top: 24px solid #25a0da;
		border-right: 24px solid transparent;
		display: block;
		position: absolute;
		left: 100%;
		top: 0;
	}




/** Product category */
#product-category {
	margin: 0 320px 0 0;
	position: relative;
}
	#product-category h2 {
		margin: 0;
		padding: 0 .75em;
		min-height: 1.6em;
		color: #ffffff;
		background-color: #2f2f2f;
	}




/** Product categories */
#product-categories {
	margin: 0 320px 0 0;
	color: #ffffff;
	background-color: #25a0da;
	position: relative;
}


	#product-categories h2 {
		margin: 0;
		padding: 0 .75em;
		min-height: 1.6em;
		background-color: #2f2f2f;
	}
	#product-categories p {
		margin: 0;
		padding: 1em;
	}


	#product-categories ul {
		margin: 0;
		padding: 1em;
		font-size: 14px;
		line-height: 24px;
		text-transform: uppercase;
		list-style: none;
	}
	#product-categories li {
		width: 50%;
		float: left;
	}
	#product-categories li a {
		padding: 0 2%;
		color: #ffffff;
		display: block;
	}
	#product-categories li a:hover {
		color: #000000;
		background-color: #ffffff;
		text-decoration: none;
	}



	/** paging */
	#product-categories .paging {
		padding: .5em;
		height: 2em;
		background-color: #25a0da;
		position: absolute;
		top: 100%;
		right: 0;
		left: auto;
	}
	#product-categories .paging:before {
		content: "";
		border-top: 36px solid #25a0da;
		border-left: 36px solid transparent;
		display: block;
		position: absolute;
		top: 0;
		left: auto;
		right: 100%;
	}


	#product-categories .paging .RadButton,
	#product-categories .paging .RadButton input {
		color: #ffffff;
	}
	#product-categories .paging .RadButton:before {
		border: 1px solid #ffffff;
	}




/** Search form */
#search-form {
	padding: 12px;
	width: 276px;
	-webkig-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 48px;
	color: #ffffff;
	background-color: #000000;
	position: relative;
}
	#search-form:before {
		content: "";
		border-left: 48px solid #000000;
		border-top: 48px solid transparent;
		display: block;
		position: absolute;
		left: 100%;
		top: 0;
	}


	#product-category #search-form {
		position: absolute;
		top: 0;
		left: 100%;
	}
	#product-categories #search-form {
		position: absolute;
		top: 0;
		right: 48px;
		left: 100%;
	}


	#search-form .riTextBox {
		padding: .5em;
		width: 216px !important;
		height: 2em;
		-webkig-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 0;
		float: left;
	}
	#search-form .RadButton {
		margin: 0 0 0 10px;
		padding: 0;
		width: 24px;
		height: 24px;
	}
		#search-form .RadButton input {
			padding: 0;
			margin: 0;
			width: 24px;
			height: 24px;
			background: black url("../icons/search-button-bg.png") center center no-repeat;
			text-indent: -9999em;
			overflow: hidden;
		}




	/** Hide redundant fields */
	#search-form .rdfd_ {display: none;}




/** Product */
.main .product {
	padding: 2em 2em 2em 320px;
	position: relative;
}


	.main .product .title {
		margin: 0 0 .8em;
	}

	.main .product .thumb {
		margin-top: -2px;
		margin-left: -295px;
		padding: 1em;
		width: 240px;
		height: 240px;
		border: 1px solid #cccccc;
		background-color: #ffffff;
		text-align: center;
		float: left;
		display: inline;
		overflow: hidden;
	}
	.main .product .thumb img {
		min-width: 100%;
	}


	.main .product .desc {
		margin: 2em 0;
	}


	.main .product .price-and-buy {
		margin: 2em 0;
		height: 4em;
	}
	.main .product .price {
		color: #25a0da;
		font-size: 3em;
		line-height: 1.3333;
		float: left;
	}


	.main .product .buy {
		margin: 0 0 0 1em;
		height: 4em;
		float: left;
	}
	.main .product .buy .RadButton {
		padding: 0;
		background: none;
		font-size: 3em;
		line-height: 1.3333em;
		display: block;
		position: relative;
	}
	.main .product .buy .RadButton:after {
		content: "";
		border-top: 48px solid #25a0da;
		border-right: 48px solid transparent;
		display: block;
		position: absolute;
		left: 100%;
		top: 0;
	}
	.main .product .buy .RadButton input {
		padding: 0 .3333em;
		height: auto !important;
		color: #ffffff;
		background: #25a0da;
		font-size: inherit;
	}
	.main .product .buy .RadButton:hover {
		color: #ffffff;
		text-decoration: none;
	}
	.main .product .buy .RadButton:hover input {
		color: #ffffff;
		text-decoration: underline;
	}

	.main .product .buy .rbSkinnedButton {
		padding: 0 !important;
		height: auto !important;
	}




/** Product list view-mode swticher */
.main .view-mode-switcher {
	padding: .75em 0;
	height: 2.5em;
	position: absolute;
	top: 4em;
	right: 0;
	z-index: 10;
}


	.main .view-mode-switcher .RadButton {
		margin: 0;
		padding: 0;
		width: 26px;
		height: 26px;
		border: 1px solid #25a0da;
		border-radius: 1.5em;
		background-color: none;
		background-position: center 6px;
		background-repeat: no-repeat;
		position: relative;
	}
	.main .view-mode-switcher .RadButton + .RadButton {
		margin-left: .5em;
	}


	.main .view-mode-switcher .RadButton.btn-list {
		background-image: url("../images/view-mode-grid-sprite.png");
	}
	.main .view-mode-switcher .RadButton.btn-grid {
		background-image: url("../images/view-mode-list-sprite.png");
	}


	.main .view-mode-switcher .RadButton input {
		margin: 0;
		padding: 0;
		width: 16px;
		height: 16px;
		background: none;
		text-indent: -999em;
		overflow: hidden;
	}




/** Product list */
.product-list {
	padding: 4em 2em 0;
	position: relative;
}
	.product-list h2 {
		margin: 0;
		padding: 0 .75em;
		color: #ffffff;
		background-color: #2f2f2f;
	}


	.product-list ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.product-list li {
		padding: 0 0 0 156px;
		margin-bottom: 24px;
		width: 50%;
		min-height: 120px;
		-webkig-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 24px;
		float: left;
		display: inline;
		position: relative;
	}


	.product-list li .thumb {
		margin-left: -156px;
		margin-bottom: 2px;
		width: 140px;
		height: 140px;
		border: 1px solid #cccccc;
		background-color: #ffffff;
		text-align: center;
		float: left;
		overflow: hidden;
	}
	.product-list li .thumb img {
		min-width: 100%;
	}


	.product-list li .title {
		margin: 0;
		height: 72px;
		font-size: inherit;
		line-height: inherit;
		overflow: hidden;
	}


	.product-list li .price-and-buy {
		margin: 24px 0 0;
	}
	.product-list li .price {
		margin-left: -2em;
		padding: 0 .5em;
		color: #ffffff;
		background-color: #25a0da;
		display: inline-block;
		position: relative;
	}
	.product-list li .price:before {
		content: "";
		border-right: 24px solid #25a0da;
		border-top: 24px solid transparent;
		display: block;
		position: absolute;
		right: 100%;
		top: 0;
	}


	.product-list li .buy {
		display: inline-block;
	}
	.product-list li .buy .RadButton {
		padding: 0;
		background: none;
	}
	.product-list li .buy .RadButton input {
		color: #25a0da;
		background: none;
	}
	.product-list li .buy .RadButton:hover {
		color: #25a0da;
		text-decoration: none;
	}
	.product-list li .buy .RadButton:hover input {
		color: #25a0da;
		text-decoration: underline;
	}


	.product-list .paging .RadDataPager {
		margin: -4px 0 0 0;
		padding: .5em 0;
	}




/** @endregion */




/*----------------------------------------------------------------------------*/




/**
 * @region Sidebar modules
 */




/** Sidebar menu */
.sidebar .menu {
	background-color: #25a0da;
	float: none;
}
	.sidebar .menu.RadMenu .rmRootGroup {
		padding: 1em;
		width: auto !important;
		float: none !important;
		display: block !important;
}
	.sidebar .menu.RadMenu .rmItem {
		width: auto !important;
		height: 2em;
		float: none !important;
		display: block !important;
}
	.sidebar .menu.RadMenu .rmLink {
		padding: 0;
		width: auto !important;
		color: #ffffff;
		display: block !important;
		cursor: pointer;
}
		.sidebar .menu.RadMenu .rmLink:hover {
			margin: 0 -1em;
			padding: 0 1em;
			color: #000000;
			background-color: #ffffff;
}
	.sidebar .menu.RadMenu .rmText {
		padding: 0 !important;
		width: auto !important;
		display: inline !important;
}




/** @endregion */




/*----------------------------------------------------------------------------*/




/**
 * @region Fixes
 */
/** @endregion */