/*
Theme Name: Carrigaline Tiles
Theme URI: http://www.carrigalinetiles.ie/
Description: Szablon na zamówienie, Carrigaline Tiles. Dopasowanie gotowego szablonu HTML do WordPress
Version: 1.0
Author: Mephi
Author URI: http://mephi.pl

*/

div#header,
div#header h1,
div#header h1 a,
h1, h2, h3,
ul#menuTop
{
	margin:		0;
}



html {
	width:	100%;
	height:	auto;
}

body {
	width:			100%;
	height:			auto;
	font-family:	Tahoma, Verdana, Arial, Helvetica, Sans-Serif, "Lucida Sans Unicode";
	font-size:		12px;
	color:			#acacac;
	background:		#000 url('img/tanie-zarowki-pl-bg-t.jpg') 0 40px repeat-x;
        margin:0;
        padding:0
}

img { border: 0; margin:0; padding:0;}

table {
	border-collapse:	collapse;
	empty-cells:		show;
}

td {
	vertical-align:	middle;
}

a {
	color:	#fff;
	cursor:	pointer;
        outline: 0;
}

/*
a:hover img  {
	filter:			alpha(opacity=70); 
	-moz-opacity:	0.7; 
	opacity:		0.7; 
}
*/
p {
	text-align:	justify;
}

ul {
	list-style:	none;
}

h1 {
	color:			#242424;
	font-size:		14px;
	font-weight:	normal;
	font-family:	Verdana, Tahoma, Sans-Serif;
	text-transform:	uppercase;
}

h2 {
	padding:		11px 0 15px 0;
	font-size:		12px;
}

input, textarea {
	margin:			2px 0;
	border:			1px solid #999;
	width:			408px;
	padding:		2px;
	background:		#fff;
	color:			#000;
	font-size:		12px;
}

textarea {
	overflow:	auto;
	height:		108px;
	padding:	2px;
	font-size:	11px;
}


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


div#wrap0 {
	overflow:	hidden;
	position:	relative;
	z-index:	0;
	width:		100%;
	background:	#9d9d9d url('img/wrap0_bg.png') left bottom repeat-x;
}

div#wrap1 {
	overflow:	hidden;
	position:	relative;
	z-index:	1;
	width:		100%;
	background:	url('img/top_bg.png') 0 0 repeat-x;
}

div#centered {
	/*
	overflow:		hidden;
	*/
	position:		relative;
	z-index:		2;
	margin:			0 auto;
	width:			962px;
	padding:		104px 0 0 0;
	/*
	background:		#acacac url('img/centered_bg.gif') 0 0 repeat-y;
	*/
}

div#header {
	position:	absolute;
	top:		0;
	left:		0;
	z-index:	3;
	width:		962px;
	height:		104px;
	background:	url('img/header_bg.png') left bottom no-repeat;
}

div#header h1 {
/*
	position:		relative; // crashes IEPNGFix
	top:			0;
	left:			-4px;
	z-index:		4;
*/
	width:			966px;
	height:			102px;
	background:		url('img/logo.png') 0 0 no-repeat;
}

div#header h1 a {
/*
	position:		absolute;
	top:			0;
	left:			0;
	z-index:		5;
*/
	overflow:		hidden;
	display:		block;
	width:			500px;
	height:			102px;
	line-height:	102px;
	text-indent:	2000px;
}

div#phone {
	position:		absolute;
	top:			10px;
	right:			10px;
	z-index:		3;
	color:			#decd72;
	font-size:		30px;
	font-weight:	bold;
}

div#title {
	position:		absolute;
	top:			50px;
	right:			10px;
	z-index:		3;
	color:			#decd72;
	font-size:		11px;
	/*
	letter-spacing:	1px;
	*/
}

ul#menuTop {
	position:	absolute;
	top:		85px;
	right:		6px;
	z-index:	5;
}

ul#menuTop li {
	float:	left;
}

ul#menuTop li a {
	display:			block;
	float:				left;
	padding:			0 11px;
	color:				#47000d;
	font-size:			20px;
	font-weight:		bold;
	text-decoration:	none;
	background:			url('img/separator.png') 0 5px no-repeat;
}

ul#menuTop li a:hover, ul#menuTop li.active a {
	color:	#fff;
	
}


div#contener {
	overflow:		hidden;
	position:		relative;
	border:			1px solid #d4d4d4;
	border-width:	0 1px;
	width:			936px;
	min-height:		764px;
	padding:		0 11px 23px 13px;
	background:		#acacac url('img/contener_bg.png') left bottom repeat-x;
}

div.contenerSide {
	padding-top:	19px;
}

div.contenerSide img {
	display: block;
} 

div#contenerLeft {
	display:		inline;
	float:			left;
	width:			228px;
}

ul#menuMain, ul#menuMain ul  {padding:0;}

ul#menuMain {
	margin:			0 1px 2px 1px;
	width:			222px;
	padding-bottom:	2px;
	background:		#000 url('img/main_menu_bg.png') 0 0 repeat-y;
}

ul#menuMain li {}

ul#menuMain li a {
	display:			block;
	padding:			0 0 0 19px;
	width:				203px;
	height:				35px;
	line-height:		35px;
	color:				#888;
	text-decoration:	none;
	font-size:			16px;
	background:			url('img/main_menu_li_bg.png') 0 0 no-repeat;
}

ul#menuMain li a:hover, ul#menuMain li.active a {
	color:		#fff;
	background:	url('img/main_menu_li_selected_bg.png') 0 0 no-repeat;
}

ul#menuMain li.active ul li a {
	color:				#decd72;
	background-image:	none;
}

ul#menuMain li ul {
	display:	none;
}

ul#menuMain li.active ul {
	display:	block;
}

ul#menuMain ul li a {
	display:		block;
	padding:		0 0 0 27px;
	width:			195px;
	height:			18px;
	line-height:	18px;
	color:			#decd72;
	font-size:		11px;
	background:		none;
}

ul#menuMain ul li a:hover, ul#menuMain ul li.active a {
	color:				#fff !important;
	background-color:	#161616;
	background-image:	none;
}


div#contenerMain {
	overflow:		hidden;
	display:		inline;
	float:			left;
	width:			542px;
	padding:		0 11px;
}

div#content {
	width:		542px;
}

div#content h1 {}
div#content h2 {
	color:	#fff;
	font-size:	20px;
}
div#content h3 {
	color:	#fff;
	font-size:	18px;
}
div#content h3 {}
div#content h4 {}
div#content h5 {}
div#content h6 {}

div#content p {}
div#content span {}
div#content a {}
div#content img {}

.more, .more a {width:65px; float:right;color:#fff;font-weight:bold;position: absolute; bottom: 0px; right: 0px;}
.price {float:left;color:#fff;font-size: 18px;font-weight:bold;position: absolute; bottom: 0px;}
.product {clear:both;position:relative;float:left;margin-bottom:20px;width:490px;}
.product_image {width:170px;height:155px;float:left;}
.product_image img {padding: 0 20px 5px 0;}
.product_content {width:320px;float:left;margin-bottom: 30px;}


div#content ul {
	list-style:	none;
	margin:		10px 0 10px 20px;
}

div#content ul li {
	color:		#ef9b00;
	padding:	2px 0 2px 18px;
	background:	url('img/ul-arrow.png') 5px 6px no-repeat;
}

div#content ul li a {
	color:				#ed9801;
	text-decoration:	none;
}

div.nav {
	display:	none;
}

div#nav {
	overflow:	hidden;
}

div#nav a {
	display:			inline-block;
	float:				left;
	width:				22px;
	height:				18px;
	line-height:		18px;
	padding-top:		1px;
	color:				#acacac;
	text-align:			center;
	text-decoration:	none !important;
	background:			url('img/slider_bg.png') 0 0 no-repeat;
}

div#nav a:focus { outline: none; }
div#nav a:hover { color: #fff; }

div#nav a.activeSlide {
	color:		#fff;
	background:	url('img/slider_selected_bg.png') 0 0 no-repeat;
}

div.content {
	margin:		19px 1px;
	padding:	0 0 8px 0;
	background:	url('img/content_grad_bg.png') left bottom no-repeat;
}

div.content div.inner1 {
	background:	#000 url('img/content_bottom_bg.jpg') left bottom no-repeat;
}

div.content div.inner2 {
	min-height:	160px;
	padding:	25px;
	background:	url('img/content_top_bg.jpg') 0 0 no-repeat;
}

* html div.content div.inner2 {
	overflow:	visible;
	height:		160px;
	padding:	25px;
	background:	url('img/content_top_bg.jpg') 0 0 no-repeat;
}

a.more {
	margin-left:	10px;
	display:		block;
	padding-left:	15px;
	line-height:	20px;
	color:			#8e8e8e;
	font-family:	Tahoma, Verdana, Sans-Serif;
	font-size:		12px;
	background:		url('img/red-arrow.png') 0 7px no-repeat;
}

a.more:hover {
	color:	#616161;
}

div#contenerRight {
	display:		inline;
	float:			left;
	width:			144px;
}

div#menuRight {
	overflow:		hidden;
	border:			1px solid #515151;
	margin-bottom:	20px;
	width:			129px;
	padding:		5px 4px 5px 6px;	
	background:		#000 url('img/menu_right_bg.png') 0 0 repeat-y;
}

div#menuRight a {
	overflow:			hidden;
	display:			inline-block;
	margin:				3px 0;
	border:				1px solid #6e6e6e;
	width:				127px;
	height:				55px;
	color:				#8e9183;
	line-height:		55px;
	text-align:			center;
	text-transform:		uppercase;
	text-decoration:	none;
	background:			url('img/menu_right_item_bg.png') 0 0 no-repeat;
}

div#menuRight a:hover, div#menuRight a.active {
	color:		#fff;
	background:	url('img/menu_right_item_selected_bg.png') 0 0 no-repeat;
}



div#bottom {
	position:	relative;
	border-top:	1px solid #818181;
	background:	url('img/bottom_bg.jpg') 0 0 repeat-x;
}

div#footer {
	overflow:		hidden;
	position:		relative;
	margin:			0 auto;
	height:			217px;
	width:      	962px;
	padding-top:	19px;
}

div#footer a {
	color:				#acacac;
	text-decoration:	none;
}

div#footer a:hover {
	color: #ffcc00;
}

div#footer a.created {
	position:	absolute;
	top:		88px;
	right:		0;
}

ul#menuFooter {
	float:		right;
}

ul#menuFooter li {
	float:	left;
}

ul#menuFooter li a {
	display:		block;
	float:			left;
	padding-left:	4px;
}

ul#menuFooter li a:hover {}
ul#menuFooter li a.selected {}


div.back {
  margin-top: 15px;
}

div.back a {
  font-weight:      normal;
  text-decoration:	none !important;
}

div.clear {
  clear:  both;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */