body		{ color: #595959; }
a 			{ color:#777; outline:none; text-decoration:none; }
a:hover		{ color:#00a6d0; text-decoration:underline; }
.imgborder 		{ background:#FFFFFF; padding:1px; border:1px solid #bbb; }
.divider 		{ clear:both; background:url(../images/divider.gif) scroll center center repeat-x; height:1px;  padding:10px 0; margin:0 auto; display:block; width:100%; }
a.button 			{ display:inline-block; height:32px; margin:0 5px 0 0px; padding:0 20px 0 0;  text-transform:uppercase; color:#ccc; font-size:11px; background:transparent url(../images/button.gif) right -32px scroll no-repeat; text-decoration:none; }
a.button span 		{ background:transparent url(../img/button.gif) -2px -32px scroll no-repeat; display:block; line-height:10px;padding:10px 0 11px 15px;} 
a.button:hover 		{ background-position: right 0; color:#fff;}
a.button:hover span { background-position:-2px 0;}	
h1, h2, h3, h4, h5, h6 {
	color: #000;}
h1	strong,
h2	strong,
h3	strong,
h4	strong,
h5	strong,
h6	strong	{ font-weight:bold; color:#00a6d0;}

body#mainpage 	{ background: #fff; outline:none; }
#topWrapper {
	background: transparent url(../img/bg_slide.jpg)  center 146px no-repeat;
	padding-bottom: 55px;
}
#topContentWrapper {
	background: transparent url(../img/bg_slide.jpg)  center 146px no-repeat;
}
.contnetContent {
	width: 940px;
	margin: 0 auto;
	margin-top: 30px;
}
.ccTop {
	background: transparent url(../img/c1.png)  center top no-repeat;
	height: 10px;
}
.ccCenter {
	background: transparent url(../img/c2.png)  center top repeat-y;
}
.ccBottom {
	background: transparent url(../img/c3.png)  center bottom no-repeat;
	height: 90px;
}
.logo 			{
	width: 300px;
	float: left;
	padding-top: 12px;
	
}
.logo img {
}

/* ################################################
	total 
################################################### */	
#total { width:960px; background:#FFFFFF; height:100%; margin:60px auto 0 auto; padding-bottom:30px;}


/* ################################################
	Sub Header
################################################### */

.subheader			{ width:960px; height:100px; background:url(../img/cyan/subheader.png) no-repeat; margin:20px auto; padding:0; z-index:1; }
.subheader_title 	{ text-align:center; padding:35px 0 0 0; }
.subheader_title h1	{ color:#fff; font-size:2em; }		


/*#########################################################
	Top Menu Background
##########################################################*/

.menu_left 		{ background:url(../img/cyan/menu_left.png) 0 0 no-repeat; height:50px; width:70px; float:left;

}
.menu_mid 		{  
	float:left; 
	width: 920px;
	padding: 0px;
	padding-top: 50px;
 }
			
/*	Superfish ------------*/		

.sf-menu 			{ margin:0; }
.sf-menu a 			{ padding: 5px 5px 0px 5px; text-decoration:none; line-height:1.5}

.sf-menu a, 
.sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#fff; 	
	text-decoration:none;
	}
	
.sf-menu li a		{ font-weight:bold; font-size: 17px; }
.sf-menu li li a	{ font-weight:normal; text-align: left; }

/* Dropdown menu color*/	
.sf-menu li ul		{ background:#fff4d2; margin: 0px; padding: 0px; margin-top: -20px; }
.sf-menu li li 		{ background:#fff4d2; border-bottom:1px solid #b4a179; padding: 5px 2px; }
.sf-menu li ul li ul{ border-top:0px solid #e6e6e6;}

.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active 	{ color:#ffffff; outline:0;	text-decoration:none; }

.sf-menu li li:hover, 
.sf-menu li li.sfHover,
.sf-menu li li a:focus, 
.sf-menu li li a:hover, 
.sf-menu li li a:active { color:#fff; background:#bd1149; text-decoration:none; outline:0; }

/* Active Page Status CSS for all the browsers*/	
.sf-menu li.current a, 
.sf-menu li.current-cat a, 
.sf-menu li.current_page_item a { color:#EFEFEF; font-weight:normal;}

.sf-menu li.current-cat a:visited, .sf-menu li.current_page_item a:visited { color:#c9722f; font-weight:normal;	}
li.sfLi1 {
	width: 110px;
	margin: 5px 5px;
	text-align: center;
}
li.sfLi2 {
	width: 110px;
	margin: 5px 5px;
	text-align: center;
}
li.sfLi3 {
	width: 120px;
	margin: 5px 10px;
	text-align: center;
}
li.sfLi4 {
	width: 250px;
	margin: 5px;
	text-align: center;
}
li.sfLi5 {
	width: 120px;
	margin: 5px;
	text-align: center;
}
li.sfLi6 {
	width: 100px;
	margin: 5px;
}	
/*#########################################################
	Featured Slider Background
##########################################################*/

.slider_bottom 		{ background: url(../img/slider_bottom.png) 0 0 no-repeat; height:48px; }


/*#########################################################
	Top Search and Shopping Cart Box
##########################################################*/

.cart-box				{ background:#d7ecb0; border:1px solid #aac96e; }
.login-box 				{ background:#e7f3ff; border:1px solid #c4d8ea; }

			
/*#########################################################
	Index page Featured Box
##########################################################*/

.grey 			{ background:#f4f4f4; border:1px solid #dddddd; }
.yellow 		{ background:#F9F2E1; border:1px solid #DFC27D; }


/*#########################################################
	Left Sidebar Menu 
##########################################################*/

#sidebar .box ul				{ list-style:none; margin:0 0 0 10px; padding:0; }
#sidebar .box ul li				{ height:100%; color:#777; }
#sidebar .box ul li a			{ background:url(../img/bullet.gif) 0 50% no-repeat; padding:0; height:100%; text-decoration:none; border-bottom:1px solid #e6e6e6; color:#00a6d0; }
#sidebar .box ul li li a		{ background:url(../img/bullet.gif) 0 50% no-repeat;	margin:0 0 0 10px; }				

#sidebar .box ul li a:link, 
#sidebar .box ul li a:visited	{ color:#777; display:block; padding:7px 0 7px 10px; }

#sidebar .box ul li.current a	{ color:#00a6d0 !important; border-bottom:1px solid #00a6d0; }
#sidebar .box ul li a:hover		{ text-decoration:none; color:#00a6d0 !important; border-bottom:1px solid #00a6d0; }


/*#########################################################
	Product Page Product Box
##########################################################*/

.product_box 		{ width:570px; background:#f8f8f8; padding:15px; border:1px solid #ccc; margin-bottom:20px; float:left;
						-moz-box-shadow:0px 0px 5px #ddd; /* CSS3 Shadow */ 
						-webkit-box-shadow:0px 0px 5px #ddd; /* CSS3 Shadow */
						box-shadow:0px 0px 10px #ddd; /* CSS3 Shadow */	
						}

div.price 			{ font-weight:bold; font-size:18px; color:#000000; float:left;}


/*#########################################################
	Portfolio Boxes
##########################################################*/

.portfolio_box 		{ width:280px; float:left; margin-left:30px; margin-bottom:20px;}
.portfolio_box h4	{ margin-bottom:5px;}
.portfolio_box a	{ color:#00a6d0; }
.portfolio_box 	.imgborder 		{ background:#FFFFFF; padding:1px; border:1px solid #bbb; margin-bottom:15px; }


/*#########################################################
	Footer
##########################################################*/


								
#footer_wrapper 	{ background: url(../img/bg_footer.png) 0 70px repeat-x; margin:0 auto; overflow:hidden; height:100%; padding:15px; color:#FFFFFF; }
#footer_wrapper p 	{ margin:0; color:#FFFFFF; }
#footer_wrapper h4, 
#footer_wrapper a 	{ margin:0; color:#FFFFFF; }

.footerright ul		{ margin:0; color:#FFFFFF; }
.footerright li		{ display:inline; float:right; padding-left:5px; color:#FFFFFF; }
			
#footer_wrapper a:hover { color:#fff;}
#footer_wrapper h2 {
	text-align: center;
	color : #8f9396;
}
h3.sFooter {
	background: url(../img/s_footer.png)  center 70px no-repeat;
	width: 464px;
	height: 35px;
	padding: 40px 40px 0px 60px;
	color: #333;
	padding-top: 80px;
}
/*#########################################################
	Blog post
##########################################################*/

.post h2 a			{ text-decoration:none;}
.post h2 a:hover	{ color:#00a6d0; }

.post-info			{ padding:5px 0; margin-bottom:5px; font-size:12px;   }
.post-info a 		{ color:#00a6d0;}


/*#########################################################
	Contact Form
##########################################################*/
#form 			{ padding: 0; }
#form label 	{ width: 140px; display: inline-block; margin-right: 0px; margin-bottom: 15px; }		
#form .input 	{ background:#fbfbfb; border: 1px solid #e5e5e5; padding: 5px 7px; margin-bottom: 15px; width: 360px; }
#form select 	{ background:#fbfbfb; width: 375px; border: 1px solid #e5e5e5; padding: 5px 6px; margin-bottom: 15px; }
#form textarea 	{ background:#fbfbfb; border: 1px solid #e5e5e5; vertical-align: top; width: 355px; line-height: 1.7em; padding: 9px; height: 200px; }
#form .indent 	{ padding-left: 145px; padding-top: 15px; }

/* The button */
#form .submitbutton { background:url(../img/button.gif) no-repeat; width: 105px; border:none; height:28px; }
.address 		{ padding:0 0 10px 0;}


/*#########################################################
	Full width page
##########################################################*/	
	
.three_column	 	{ width:280px; float:left; margin:0 25px 0 0; }
.two_column	 		{ width:440px; float:left; margin:0 30px 20px 0; }
.last	 			{ clear:right; margin-right:0 !important; }	
hr 					{ border:1px solid #eee; margin:20px 0; clear:both; }	

/*#########################################################
	Form input
##########################################################*/

#forms .input_small 	{ width:25%; background:#f8f8f8; }
#forms .input_medium 	{ width:50%; background:#f8f8f8; }
#forms .input_large 	{ width:90%; background:#f8f8f8; }

/*#########################################################
	Table
##########################################################*/

table 				{ border: none; border-collapse: collapse; margin: 10px 0; }
td,th 				{ border-bottom: 1px solid #cacaca; border-collapse: collapse; color: #4c4c4c; padding: 10px 15px; }
tbody td 			{ border: 1px solid #cacaca; border-collapse: collapse; color: #4c4c4c; }
th 					{ background:#1a1a1a; padding-left: 20px; text-align: left; color:#CCCCCC; }
th.lefthead 		{ background:#1a1a1a; padding-left: 20px; text-align: left; color:#CCCCCC; }
th.righthead 		{ background:#1a1a1a; text-align: left; color:#CCCCCC;	}
table a 			{ text-decoration: none; }
tbody tr:hover 		{ background: #eee; }	
blockquote 			{ font-style: italic; font:italic normal 14px/24px Georgia, Arial, Sans-serif; width: auto; padding: 20px; margin:0;}
blockquote before:	{ content:"-";}

.one_fourth{
	width:300px; margin:8px;  float:left; 
	height: 350px;
	}

.one_fourth h5 {
	padding: 4px;
	margin: 0px;
	font-size: 16px;
	text-align: left;
}
.threecolumns {
	width:170px;
	margin:4px; 
	padding: 6px; 
	background:url(../img/bg_urun.jpg) center top no-repeat;
	float:left; 
	height: 160px;
}

.threecolumns h4 {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
.hImg {
	background:url(../img/bg_home.jpg) center top no-repeat;
	height: 182px;
	width: 292px;
	padding: 5px 4px 15px 4px;
}
.content11 {
	background:url(../img/bg_content.jpg) center top repeat-x;
}
.bgTop {
	background:url(../img/bg_top.png) center top no-repeat;
	height: 20px;
}


#tnt_pagination {
	display:block;
	text-align:left;
	height:22px;
	line-height:21px;
	clear:both;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#tnt_pagination span a:link, #tnt_pagination a:visited{
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#0072bc;
	width:22px;
	font-weight:normal;
}

#tnt_pagination a:hover {
}

#tnt_pagination .current {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-left:10px;
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
}

#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid #EBEBEB;
	margin:0px 10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}
.mainMenu {
	width: 960px;
	margin: 0 auto;
	
}
.etiketTop {
	background: url(../img/bg_etiket.png) center top no-repeat;
}
h1.mainH1 {
	text-align: center;
	background:url(../img/main_h1.png) center 7px no-repeat;
}
.productDiv {
	width: 276px;
	margin: 8px;
	height: 250px;
	background:url(../img/bg_product.png) center top no-repeat;
	float: left;
	padding: 10px;
	text-align: center;
}
.productDiv h3 {
	text-align: left;
	font-size: 16px;
	padding: 6px 10px;
	background: #c73738;
	margin: -7px;
	margin-top: 16px;
	color: #fff;
	overflow: hidden;
}
.productDiv img {
	border: 5px solid #f0f0f0;
	width: 265px;
	height: 170px;
}
.productDiv p {
	padding: 14px 0px;
	height: 70px;
}
.productDiv span {
	text-align: right;
	float: right;
	color: #000;
	font-weight: bold;
	font-size: 14px;
}
.productDiv span a {
	color: #000;
}
.productDiv span a:hover {
	text-decoration: underline;
}
img.pDetailImg {
	max-width: 900px;
	max-height:600px;
	padding: 5px;
	margin: 10px;
	border: 2px solid #dcdcdc;
}

img.pDetailImgD {
	padding: 5px;
	margin: 10px;
	border: 1px solid #d3d3d3;
}

.hCate {
	width: 640px;
	float: left;
}
.hCate p {
	margin-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
}
.hCate img {
	width: 620px;
	padding: 5px;
	border: 5px solid #dcdcdc;
}
.hCate h3 {
	font-size: 16px; padding: 0px;
	margin: 0px;
}
.addressList {
	width: 440px;
	overflow: hidden;
	float: left;
	margin: 5px;
}

