/* -------- RESET --------- */
* {margin: 0; padding: 0;}
.clear {clear: both;}
.clr:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.clr {display: inline-block;}
html[xmlns] .clr {display: block;}
* html .clr {height: 1%;}

/* -------- LAYOUT -------- */
body {
	background: url(../images/bg.jpg) center top no-repeat fixed #fff;
	font-family: "Gill Sans", GillSans, Calibri, Trebuchet, "Trebuchet MS", sans-serif;
	font-size: 62.5%; /* resets 1em to 10px */
	color: #43606a;
	letter-spacing: 0.1em;
}
#wrapper {
	margin: 0 auto;
	width: 922px;
	font-size: 12px;
}
#header {
	position: relative;
	height: 110px;
	font-size: 11px;
	text-transform: uppercase;
}
#content {
	position: relative;
	padding: 0;
	background: url(../images/content-bg.png) center top repeat-y;
}
#footer {
	position: relative;
	height: 40px;
	background: url(../images/footer-bg.png) center top no-repeat;
}

/* -------- HEADER -------- */
#logo {
	position: absolute;
	left: 12px;
	top: 25px;
}
#logo a {
	display: block;
	width: 240px;
	height: 55px;
	background: url(../images/csepelbolt-logo.png) left top no-repeat;
	text-indent: -999em;
	outline: none;
}
#infoBar {
	position: absolute;
	right: 10px;
	top: 25px;
}
#csepelcube {
	float: right;
	border-left: 1px solid #e1e5e7;
	width: 65px;
	text-align: center;
}

#csepelcube a {
	color: #43606a;
	text-decoration: none;
}

#csepelcube a:hover {
	color: #000;
	text-decoration: none;
}

#csepelcube a img {
	border: none;
}
#topAddress {
	float: right;
	padding: 0 10px;
	border-left: 1px solid #e1e5e7;
	text-align: right;
}
#topAddress address {
	font-weight: normal;
	font-style: normal;
}
#topAddress a, #topSocial a {
	color: #43606a;
	text-decoration: none;
}
#topAddress a:hover, #topSocial a:hover {
	color: #000;
	text-decoration: none;
}
#topSocial {
	float: right;
	padding: 0 10px;
	text-align: right;
}
/* -------- NAV -------- */
#navigation {
	height: 27px;
}
#navigation ul li {
	list-style: none;
	float: left;
	display: block;
	height: 27px;
	font-size: 11px;
	text-transform: uppercase;
}
#navigation ul li a {
	display: block;
	float: left;
	padding: 0 10px;
	height: 27px;
	line-height: 27px;
	color: #000;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li.active a {
	color: #fff;
	text-decoration: none;
	background: url(../images/nav-bg-hover.png) center top no-repeat #00aeef;
}
#subMenu {
	position: relative;
	padding: 15px 23px 15px;
	/*height: 54px;*/
	background-color: #00aeef;
	color: #fff;
	font-size: 14px;
}
#subMenu ul {
	position: relative;
	height: auto;
	width: 790px;
}
#subMenu ul li {
	list-style: none;
	float: left;
	height: 18px;
	margin-right: 40px;
}
#subMenu ul li a {
	display: block;
	float: left;
	position: relative;
	text-decoration: none;
	color: #fff;
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	background: url(../images/submenu-bullet-off.gif) left center no-repeat;
	padding-left: 20px;
}
#subMenu ul li a img {
	border: none;
}

#subMenu ul li.active a, #subMenu ul li a:hover {
	background: url(../images/submenu-bullet-on.gif) left center no-repeat;
}
.leadHead a img {
	border: none;
}
.subMenuOptions {
	position: absolute;
	right: 23px;
	top: 22px;
}
.subMenuOptions a {
	color: #fff;
	text-decoration: none;
}

/* -------- OTHER -------- */

#login_error {
	color: red;
}

#fb_webshop {
	font-size: 11px;
	text-transform: none;
}

.form_header {
	font-weight: bold;
}

.form_element {
	font-size: 12px;
}

/* -------- OTHER -------- */
.other {
	//margin-bottom: 40px;
	text-align: center;
	/*background: url(../images/carousel-bg.png) center top no-repeat;*/
}

/* -------- SPACER -------- */
.spacer {
	margin-bottom: 40px;
	/*background: url(../images/carousel-bg.png) center top no-repeat;*/
}

/* -------- CAROUSEL -------- */
.carousel {
	position: relative;
	/*margin-top: -3px;*/
	padding: 0px 1px 1px 1px;
	height: 328px;
	margin-bottom: 40px;
	/*background: url(../images/carousel-bg.png) center top no-repeat;*/
}
.carouselImages {
	width: 920px;
	height: 328px;
	overflow: hidden;
}
.carousel .previous {
	display: block;
	position: absolute;
	left: -29px;
	top: 144px;
	height: 57px;
	width: 57px;
	background: url(../images/carousel-prev-bg.png) left top no-repeat;
	text-indent: -999em;
	z-index: 10;
	cursor: pointer;
}
.carousel .next {
	display: block;
	position: absolute;
	right: -29px;
	top: 144px;
	height: 57px;
	width: 57px;
	background: url(../images/carousel-next-bg.png) left top no-repeat;
	text-indent: -999em;
	cursor: pointer;
}
.carousel ul li {
	position: relative;
	display: block;
	float: left;
	list-style: none;
	height: 328px;
	width: 920px;
}
.carousel ul li a {
	position: relative;
	display: block;
	float: left;
	width: 928px;
	height: 328px;
}
.carousel ul li a img {
	display: block;
	border: none;
}
/* -------- CONTENT -------- */
.threeCol {
	padding-left: 21px;
	padding-bottom: 40px;
}
.threeCol .col1 {
	float: left;
	margin-right: 60px;
	width: 252px;
}
.threeCol .col2 {
	float: left;
	margin-right: 60px;
	width: 252px;
}
.threeCol .col3 {
	float: left;
	width: 252px;
}
.threeCol .leadHead {
	border: 1px solid #d9ddde;
}
.threeCol .leadHead img {
	display: block;
}
.threeCol .leadHead h2 a {
	display: block;
	padding: 9px;
	/*border-top: 1px solid #008eb6;*/
	color: #fff;
	background-color: #00aeef;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}
.threeCol .leadCont {
	padding: 10px 9px 0 9px;
	line-height: normal;
}
.twoCol {
	padding-left: 21px;
	padding-bottom: 40px;
}
.twoCol .col1 {
	position: relative;
	float: left;
	margin-right: 20px;
	width: 448px;
}
.twoCol .col2 {
	position: relative;
	float: left;
	width: 408px;
}
.article-box {
	position: relative;
	margin-bottom: 20px;
}

.article-box p {
	text-align: left;
	margin-right: 20px;
}

.article-image {
	position: relative;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
}
.article-image a img {
	border: none;
}
.content {
	padding: 0 21px;
	margin-bottom: 40px;
}
#content p a {
	color: #00AEEF;
	text-decoration: underline !important;
}
#content p a {
	color: #00AEEF;
	text-decoration: none;
}
#content table {
	margin-bottom: 20px;
}
#content table th {
	font-weight: bold;
}
#content table td, #content table th {
	padding: 1px;
	margin: 0;
	text-align: center;
	font-size: 10px;
}
#content table td a, #content table th a {
	color: #00AEEF;
	text-decoration: none;
}
/* -------- PRODUCT -------- */
.prodDetails {
	position: relative;
	height: 315px;
}
.prodDetails h2 {
	font-size: 30px;
	color: #43606a;
	font-weight: normal;
	padding-bottom: 15px;
}
.prodDetails table {
	width: 408px;
	text-transform: uppercase;
	font-size: 11px;
}
.prodDetails table td {
	padding: 3px;
	border-bottom: 1px solid #e5e5e5;
	text-align: left !important;
}
.prodDetails table td.specName {
	color: #000;
}
.prodDetails table td.specValue {
	text-align: right !important;
}
.prodDetailsMenu {
	width: 408px;
	height: 30px;
}
.prodDetailsMenu li {
	position: relative;
	float: left;
	list-style: none;
}
.prodDetailsMenu li a {
	display: block;
	position: relative;
	float: left;
	margin-right: 15px;
	padding: 3px 5px;
	text-decoration: none;
	color: #fff;
	background-color: #a0bbc4;
}
.prodDetailsMenu li a.selected {
	background-color: #e5e5e5;
}
.prodBuy {
	position: absolute;
	right: -40px;
	bottom: 0;
}
.prodBuy a {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	width: 175px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	background: url(../images/btn-prodbuy.png) left top no-repeat;
}
.prodShare {
	position: absolute;
	left: 0;
	bottom: 0;
}
.prodShare p {
	text-transform: uppercase;
	font-size: 11px;
}
.prodPic {
	position: relative;
	height: 330px;
	overflow: hidden;
}
.prodPic a img {
	border: none;
	display: block;
}
.prodGal {
	position: absolute;
	bottom: -80px;
	left: 0;
	width: 413px;
	height: 80px;
	padding: 0 10px 0 17px;
	overflow: hidden;
	background: url(../images/prodgal-bg.png) left top repeat;
}
.prodGal ul {
	width: 438px;
}
.prodGal ul li {
	list-style: none;
	position: relative;
	float: left;
	display: block;
	padding: 10px 0;
	margin-right: 10px;
}
.prodGal ul li a {
	position: relative;
	float: left;
	display: block;
	width: 99px;
	height: 60px;
	outline: none;
}
.prodGal ul li a img {
	border: none;
	display: block;
}
/* -------- GALLERY -------- */
.gallery {
	position: relative;
}
.gallery .col1 {
	position: relative;
	float: left;
	width: 262px;
	margin-left: 23px;
	margin-right: 45px;
	margin-bottom: 40px;
	z-index: 10;
}
.gallery .col2 {
	position: relative;
	float: left;
	width: 262px;
	margin-right: 45px;
	margin-bottom: 40px;
	z-index: 10;
}
.gallery .col3 {
	position: relative;
	float: left;
	width: 262px;
	margin-bottom: 40px;
	z-index: 10;
}
.gallery a.galleryThumb, .gallery a.galleryThumb-test {
	display: block;
	position: relative;
	z-index: 100;
}
.gallery a.galleryThumb img, .gallery a.galleryThumb-test img {
	display: block;
	border: none;
	margin: 0 auto;
}
.gallery .galleryThumbHover {
	position: absolute;
	left: -20px;
	top: -20px;
	width: 302px;
	height: 287px;
	z-index: 99;
	background: url(../images/gallerythumb-hover-bg.png) center top no-repeat;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	display: none;
}
.gallery .galleryThumbHover h2 {
	position: absolute;
	left: 27px;
	top: 225px;
	font-size: 10px;
	font-weight: normal;
}
.gallery .galleryThumbHover table {
	position: absolute;
	bottom: 0px;
	left: 20px;
	width: 260px;
}
.gallery .galleryThumbHover table td {
	padding: 3px 0;
}
/* -------- LOGIN -------- */
.mediaLogin input {
	height: 25px;
	width: 120px;
	border: none;
	background: #fff;
	margin-left: 10px;
}
.mediaLogin label {
	margin-left: 20px;
}
.cat-sep {
	position: relative;
	float: left;
	margin-bottom: 40px;
	width: 836px;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	color: #fff;
	text-transform: uppercase;
	background: #00AEEF;
}
.sep {
	padding: 0 20px;
	padding-left: 50px;
	margin-bottom: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-transform: uppercase;
	background: url("../images/submenu-bullet-on.gif") no-repeat 20px center #00AEEF;
}
.bigPic {
	position: relative;
	padding: 0px 1px 1px 1px;
	height: 328px;
	padding-bottom: 40px;
}
/* -------- FOOTER -------- */
#footer {
	position: relative;
	font-size: 10px;
	padding: 10px;
	background: #00aeef;
	color: #fff;
}
#footer ul li {
	text-transform: uppercase;
	list-style: none;
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
}
#footer ul li a {
	color: #000;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #43606A;
	text-decoration: underline;
}
#footer .copyright, #footer .developed {
	float: right;
	margin-left: 20px;
}
#footer .developed a {
	color: #000;
	text-decoration: none;
}
#fotoer .developed a:hover {
	color: #43606A;
	text-decoration: underline;
}