/*  
Theme Name: Genesis
Theme URI: http://www.sitegraphic.com/
Version: 2.0
Author: Site Graphic
Author URI: http://www.sitegraphic.com/
*/
/*
File Name: style.css
*/

/* body */
	body {
		margin:0px auto;
		padding:0px;
		font-family: Tahoma, Arial, san-serif;
		font-size:12px;
		line-height:21px;
	}

/*reset*/
	ul, ol,li, h1,h2,h3,h4,h5,h6,h7,form,p,a{
		margin:0;
		padding:0;
		border:0;
	}

/* layouts */
	/* containers */
	#con0{
		clear:both;
	}

	#con0_sub{
		clear:both;
	}

	#con01{
		margin: 0 auto 0 auto;
		clear:both;
		padding-top:4px;
	}

	#con01_sub{
		margin: 0 auto 0 auto;
		clear:both;
		padding-top:4px;
	}

	/* header */
	#header{
		display:block;
		width:950px;
		margin: 0 auto 0 auto;
		clear:both;
	}

	/* logo */
	#logo{
		float:right;
		width:400px;
		padding: 14px 0 0 0 ;
		text-align:right;
	}

	/* header left area */
	#header_left{
		float:left;
		width:550px;
		text-align:left;
		padding: 14px 0 0 0 ;
	}

	/* content */
	#content{
		display:block;
		width:960px;
		margin: 0 auto 0 auto;
		padding-left:10px;
		text-align:right; direction:rtl
	}

	/* space for paragraps -  home page boxes and contents */
	.content p,  .textarea p, .sub_page p{
		margin: 10px 0;
	}

	/* navigation */
	#navigation {
		display:block;
		width:950px;
		height:47px;
		margin: 0 auto 0 auto;
		clear:both;
right: 0px;


		
	}

	.clear_space{
		clear:both;
		width:900px;
	}

	.clear_space_h{
		clear:both;
		height:10px;
	}

/* header links & slogan */
	.top_links{
		margin: 10px auto 0 auto;
	}

	ul.top_links {
		float:left;
		margin:0 0 10px 0px !important;
		padding:0 !important;
		list-style-type:none;
		list-style-position:outside;
	}

	ul.top_links li{
		float:left;
		margin:0 0 0 0 !important;
		padding:0 !important; 
	}

	ul.top_links li a{ 
		margin:0 0 0 0 !important;
		padding:0 5px!important;
		border-left:1px solid #bdcccf;
		line-height:11px;
	}	

	ul.top_links li a.heder_menu_first{ 
		border-left:0px !important;
	}		

	.top_links a{
		font-size:11px;
		text-decoration:none;
	}

	.top_links a:hover{
		font-size:11px;
		text-decoration:none;
	}

	.top_slogan, .top_slogan h4, .top_slogan h4 a, .top_slogan h4 a:hover{
		text-decoration:none;
	}


/* slider area */
	#slider_con{
		display:block;
		clear:both;
		padding:0px;
		
	}

	#slider_area{
		position:relative;
		display:block;
		width:950px;
		height:325px;
		margin: 5px auto 0 auto;
		clear:both;
		padding:0px;
		overflow:hidden;
		
	}

	.slide{
		width:950px;
		height:325px;
		z-index:-3;
		clear:both;
		padding:0px;
		margin:0;
		overflow:hidden;
	}

	/* sliding texts on main page slider */
	/* slider title text */
	.sliding_text_text{
		font-size:12px;
		text-align:right;
		float:right;
		position:absolute;
		overflow:hidden;
		top:0px;
		right:0px;
		padding:0px;
			}

	.sliding_text_text p{
		clear:right;
		direction:rtl;
		margin:0;
		padding:0px 0px 0px 0px;
	}

	/* slider title title*/
	.sliding_text_text h1{
		font-size:13px;
		float:right;
		direction:rtl;
		font-weight:normal;
		text-align:right;
		text-decoration:none;
		margin-top:25px;
		padding:0px;
		margin-bottom:0px;
	}

	/* slider text link */
	.sliding_text_text  h1 a{
		text-decoration:none;
	}

	.sliding_text_text  h1 a:hover{
		text-decoration:none;
	}

	/* slider title 2*/
	.sliding_text_text h2{
		font-size:13px;
		float:right;
		font-weight:normal;
		text-align:right;
		direction:rtl;
		text-decoration:none;
		margin-top:0px;
		padding:0px;
		width:450px;
		clear:both;
	}

	/* slider title 2 link */
	.sliding_text_text  h2 a{
		text-decoration:none;
		padding:0px;
	}

	.sliding_text_text  h2 a:hover{
		text-decoration:none;
	}

	#slider_area .right_side{
		width:430px;
		float:left;
		margin-top:11px;
		padding:0px;
		text-align:center;
	}

	#slider_area .left_side{
		float:right;
		width:500px;
		margin-top:10px;
		margin-right:20px;
		padding:0px;
	}
	/* slider numbers*/
	#numbers{
		position:absolute;
		top:360px;
		z-index: 999;
		padding:0px 0px 0px 900px;
		
	}

	#number_con{
		width:950px;
		margin: 0 auto 0 auto;
		padding:0px;
	}

	#numbers li { 
		float:left; 
		list-style-type:none; 
		overflow:hidden; 
		width:8px;
		height:8px;
		text-align:center;
		margin:0 3px 0 0;
		padding:0;
	}

	/* active number style*/
	#numbers  li a { 
		font-size:6px;
		text-decoration:none; 
		display:block;  
		padding:0;
		margin:0;
	}

	#numbers  li a.activeSlide { 
		font-size:6px;
		text-decoration:none; 
		display:block;  
	}

	.border{
		padding:9px;
	}
	
/* page navigation */
	 #sub_nav{
		font-size:11px;
		padding:0px;
		margin:0px;
		
	 }
	#sub_nav  a{	
		margin-right:0px;
		text-decoration:none;
		background-position: right;	
		background-repeat: repeat-y;	
	}

	#sub_nav a:hover{
		text-decoration:none;
	}

/* sub page header  */
	#sub_page_header{
		height:5px; 
		width:950px;
		text-align:center;
		z-index:-1;
		clear:both;
		display:block;
		margin:0px auto 0 auto;

	}

	#sub_page_header .left{
		float:right;
		padding-top:0px;
		text-align:right; direction:rtl
	}

	#sub_page_header .right{
		float:right;
		padding-top:0px;
		padding-right:5px;
		margin:0;
		
	}

	#sub_page_header .right h2{
		float:left;
		font-size:12px;
		padding-top:0px;
		line-height:16px;
		margin-top:0px;
	}

/* sub page */
	.sub_page{
		width:960px;
		margin:30px auto 0 auto;
		padding-left:10px;
		background:url(../images/sub_background.png) 689px 0  repeat-y;
	}

	.sub_page.clean{
		background:transparent;
	}


	.sub_page.clean2{
		background:transparent;
		width:950px;
	}

	.page_left{
		width:680px;
		margin-right:10px;
		float:left;



	}

	.page_left.content{
		width:670px;
		margin-right:10px;
		overflow:hidden;
        direction:rtl;
        text-align:right;
	}

	.page_right{
		width:270px;
		float:right;
		direction:rtl
		
		
	}

	.page_right ul li{
 		list-style-type:disc;
		
	}
	
/* sub navigation */

	.middle ul, .middle ul li ul, .middle ul ul, .commentlist li{
		margin:0;
		padding:0;
		list-style-type:none;
		border:0;
		
	}		

 	.middle ul ul li{
		padding-left:8px;
		border:0px;
	}		

	#sub_menu, #sub_menu li{	
		margin:0;
		padding:0;
		list-style-type:none;
		border:0;
	}

	#sub_menu  li, .middle li{	
		line-height:30px;
	}

	#sub_menu  li a, .middle  li a{	
		font-size:13px;
		margin-left:21px;
		text-decoration:none;
		padding-right:21px;
		padding-left:0px;
		
	}

	#sub_menu  li a:hover, .middle  li a:hover{
		color:#478898;
		text-decoration:none;
		background-position: left;	
		background-repeat: no-repeat;	
		padding-right:21px;
		margin-left:21px;
		
	}


/* boxes  */
	/* home page left side boxes  */
	.box{
		width:310px;
		float:left;
		margin:10px 10px 10px 0px;	
		position:relative;
		overflow:hidden;
		direction:rtl
	}

	 .middle{
		width:259px;
		float:left;
		margin:0px 0px 10px 0px;	
	}

	 .product{
		width:225px;
		float:right;
		margin:0px 0px 0px 0px;
	}

	.box .imgarea{
		text-align:center;
		display:block;
	}
	
	.magnifier{
		display:block;
	}


	.product_image {
		display:block;
	}
	
	.play{
		display:block;
	}
	
	.box .image{
		padding:9px;
		margin:0 auto 0 auto;
	}
	
	.box .image.product_image{
		padding:8px 0 8px 0;
		border:0px;
	}
	
	.box.middle .image{
		border-left:0px;
		border-right:0px;
		margin:0;
		padding:10px 0;
	}
	
	.price{
		font-size:12px;
		clear:both;
		display:block;
		float:left;
	}

	.box .textarea h2{
		font-size:13px;
		font-weight:normal;
		line-height:19px;
		letter-spacing:0px;
		padding:0px;
		margin:8px 0 0 0;
			}
	
	.box .textarea h2 a{
		text-decoration:none;
	}
	

	.box .textarea h2 a:hover{
		text-decoration:none;
	}
	
	.box .textarea{
		font-size:11px;
		margin:0;
		padding:0 5px 0 5px;
	}
	
	.box.product .textarea{
		padding:0 15px 0 15px;
		margin:10px 0 20px 0 ;
	}
	
	.box.middle .textarea{
		padding:0 ;
	}
	
/* product detail */
	#product_detail_left{
		width:330px;
		margin-right:10px;
		float:left;
			}

	#product_detail_right{
		width:330px;
		float:left;
		text-align:right; direction:rtl
	}


	.image{
		padding:9px;
		margin:0 auto 0 auto;
	}
	
	#product_detail_right h2{
		font-size:13px;
		font-weight:normal;
		line-height:19px;
		letter-spacing:0px;
		padding:0px;
		margin:8px 0 0 0;
	}
	
/* Products detail tabs */
	#tabs{
		clear:both;
		display:block;
			}

	.product_tabs {
		clear:both;
		margin:0;
		padding:5px;
			}

	.product_tabs li{
 		list-style-type:none;
 		list-style-position:inside;
		float:right;
		padding:5px;
		margin:6px 3px 0 0 ;
		line-height:30px;
		cursor:pointer;
	}

	.product_tabs li img{
		float:left;
	}

	.product_tabs li.active, .product_tabs li:hover{
		float:right;
		padding:6px 5px 6px 5px;
		margin-top:3px;
	}

	.product_tabs li:hover{
		cursor:pointer;
	}


	#tabs #content{
		clear:both;
		width:650px;
		margin:0px;
		padding:10px;
	}

	#photos img{
		display:inline;
	}

/* read more button  */
	a.read_more{
		position:relative;
		display:inline;
		padding:1px 3px 1px 16px;
		text-decoration:none;
		clear:both;
		font-size:10px;
		float:right;
				margin:1px 1px 1px;
			
		 
	}

	a.read_more:hover{
		padding:1px 3px 1px 16px;
		text-decoration:none;
		clear:both;
		font-size:10px;
		float:right;
				margin:1px 1px 1px;
				
		 
	}

/*contact form */
	#contact_form ul, #contact_form ul li{
		list-style-type:none;
		border:0;
	}

	#contact_form ul li {
		margin:0px 0 4px 0px;
		padding:4px 0 4px 0px;
	}

/*contact form validation*/
	#validate_form	label{
		display: block;
		}

	#validate_form	label.error {
		display: block;
		font-style: italic;
		font-weight: normal;
		}

	#contact_form input, #contact_form select{
		width:300px;
	}

	#contact_form	textarea{
		width:500px;
	}


	#contact_form .button{
		width:100px;
	}

/*	Forms */
	input, select, textarea{
		font-size:12px;
		font-family: tahoma, Helevtica, Verdana, san-serif;
		position:relative;
		outline: none;
		padding:4px;
		outline: none;

	}

	input#s
	 {

		width:140px;

	 }
	input#searchsubmit{
		width:60px;		
		font-size:11px;
		cursor:pointer;
		padding: 4px;
		outline: none;
        float:left;
		overflow:visible;
	}
.inputbox
{
border:solid 1px #c4c3ba;
 padding:3px 2px 2px 2px;
 margin-right:3px;
 margin-top:10px;
text-align:right; direction:rtl;
 vertical-align:middle;
 width:170px
}
.but
{
border:solid 0px #0187d0;
 font-family:tahoma;
margin-top:10px;
 font-size:11px;
 background-color:#ca0e0d;
 color:#fff;
 padding:0px 5px 5px 8px;
 height:22px;
 cursor:pointer;
 vertical-align:middle;
 text-transform:uppercase
}
a.but, a.but:hover
{
text-decoration:none; 
color:#fff!important; 
padding:6px 10px !important
}
	.button{
		cursor:pointer;
		padding:4px 100px;
		color:#fff;
		clear:both;
		border:none;
		
	}

	.button:hover{
		border:none;
	}

/* blog*/
	.blog_box{
		padding-top:0px;
		clear:both;
	}

	.blog_box p{
		clear:both;
	}

	.blog_box h2{
		line-height:23px;
		padding:0px;
		margin:0px;
	}

	.blog_box h2 a{
		text-decoration:none;
	}

	.blog_box h2 a:hover{
		text-decoration:none;
	}

 	.blog_box .dateandcategories{
		margin-bottom:0px;
		font-size:10px;
		padding:1px 0 1px 0px;
		margin-top:10px;
		padding:0px;
		clear:both;
		display:block;
	}

	.blog_box .aligncenter.post_image{
		border-right:0;
		border-left:0;
		padding:14px 0 14px 0;
		margin:0px;
	}

	.line{
		clear:both;
		display:block;
		margin-top:10px;
		margin-bottom:30px;
	}
	
	p.meta {
		display:inline;
	}

/* paging*/
	#paging{
		display:block;
		clear:both;
		margin-top:20px;
	}

	#paging ul, #paging ul li{
		margin:0;
		padding:0;
		list-style-type:none;
		border:0;
	}

	#paging ul li{
		margin-right:3px;
float:left;
text-align:right; direction:rtl;
		overflow: hidden;
		position: relative;
		text-align:center;
	}

	 /* paging active*/
	#paging ul li.active a{
		padding:2px 8px 2px 8px;
	}

	 /* paging arrows*/
	#paging ul li.arrow a{
		padding:2px 8px 2px 8px;
	}

	#paging ul li.arrow a:hover{
		padding:2px 8px 2px 8px;
	}

	 /* paging link*/
	#paging ul li a{
		font-size:11px;
		line-height:13px;
		padding:2px 8px 2px 8px;
		text-decoration:none;
	}

	 /* paging mouseover*/
	#paging ul li a:hover{
		font-size:11px;
		line-height:13px;
		padding:8px;
		text-decoration:none;
	}

/* footer */
	#footer{
		clear:both;
		display:block;
		width:960px;
		margin: 0 auto 0 auto;
		padding-right:10px;
		padding-top:15px;
		font-size:11px;
        text-align:right;

	}


	#footer .footer_row{
		width:310px;
		float:left;
		text-align:right;
		margin:0px 10px 0px 0px;

	
	}

	#footer ul, #footer ul li{
		margin:0;
		padding:0;
		list-style-type:none;
direction:rtl

	}

	#footer .list ul li, #footer .social_icons{
		clear:both;

	}

	#footer .list ul li a{
		font-size:11px;
		text-decoration:none;
		display:block;
		padding:5px;

	}

	#footer .list ul li a:hover {
		text-decoration:none;
		padding:5px;


	}

	#footer .contact ul li{
		padding-left:5px;


	}

	#footer .social_icons{
		margin-top:2px;
	}

	#footer .social_icons li{
		display:inline;

	}

	#footer h4{
		display:block;
		clear:both;
		margin:0px 0 0 0;
		padding:0px 0 5px 5px;
		font-size:12px;


	}


/* headings*/
	h1,h2,h3,h4,h5,h6,h7{
		letter-spacing: 0px;
		font-weight:normal;
		padding-bottom:5px;
		line-height:1.4em;
		
	}

	h1,h2{ 
		clear:both;
	}

	h3,h4,h5,h6,h7 { 
		font-weight:normal;
		clear:both;
	}

	h1{
		font-size: 13px;
		margin: 5px 0px 10px;
	}

	h2{
		font-size: 13px;
	}

	h3{
		font-size: 13px;
		margin: 15px 0px 10px;
	}

	h4{
		font-size: 18px;
		margin: 13px 0px 10px;

	}

	h5{
		font-size: 13px;
		margin: 5px 0px 10px;
		}

	h6{
		font-size: 13px; 
		margin: 5px 0px 10px;
		}
	h7{
		font-size: 13px; 
		margin: 13px 0px 10px;
		font-weight:normal;
		clear:both;

		}
/* images and alignments */
	img {
		border:0px;
		margin:0px;
		padding:0px;
	}

	img.aligncenter{
		display:block;
		text-align:center;
		display: block;
		margin:0 auto 0 auto;
		padding:9px;
	}

	img.alignleft{
		float:left;
		margin: 0 7px 2px 0;
		display: inline;
		padding:9px;
	}

	img.alignright{
		float:right;
		margin: 0 0px 2px 7px;
		padding:9px;
	}

	/* Lists */
	ul, ol{
		list-style-position:outside;
		margin-left:20px;
	}
	
	/* content list */
	 .content ul , .content ol  {	
		list-style-position:inside;
		margin:0;
		padding:0 0 20px 0;
	}

	.content ul{
		list-style-type:disc;
	}

	.content ul li ul{
		list-style-type:circle;
	}

	.content ol{
		list-style-type:decimal;
	}

	.content ol li ol{
		list-style-type:upper-alpha;
	}

	 .content li{
		padding:3px 2px;
	}

	.content ul li ul, .content ul li ul li, .content ol li ol, .content ol li ol li{
		border:0;
		padding:3px 10px;
	}
 
/* tables */
	table{
		border-collapse:collapse;
		border-spacing:0;
	}

	table caption strong{
		text-align:left;
		font-size: 14px;
		font-weight: normal;
		line-height:20px;
		font-weight:bold;
	}

	table caption{
		text-align:left;
		padding-bottom: 10px;
		padding-top: 5px;
	}

	table th {
		padding: 13px;
		font-size: 12px;
	}

	table td {
		padding: 10px;
		text-align: left;
	}

/* text elements */
	blockquote {
		font-family:Tahoma, san-serif;
		letter-spacing:0px;
		font-size:15px;
		line-height: 24px;
		padding-left:70px;
		padding-top:10px;
		padding-bottom:10px;
		margin:30px 0;
		font-style:italic;
		color:#A0A0A0;
	}

	blockquote em, blockquote i, blockquote cite {
		font-style:normal;
	}

	pre {
		font:11px tahoma, monospace;
		line-height:18px;
		margin-bottom:18px;
	}

	code {
		font:12px tahoma, monospace;

	}

	ins {
		text-decoration:none;
	}

	sup {
		bottom: 1ex;
	}

	sub {
		top: .5ex;
	}



/*	Comment-Styles */

	.fn, .says{
		color:#A3A3A3;
	}

	.commentlist p{
		padding:12px 67px;
	}

	.commentlist li  {
		font-size: 100%;
		list-style-type: none;
		padding-top:10px;
	}

	.avatar {
		float: left;
		margin-right: 25px;
		border: 1px dotted #ccc;
		padding: 4px;
	}
	 .comment-meta.commentmetadata{
		font-size:10px;
	}

	#respond p label{
		margin-left:10px;
	}

	#respond p {
		padding:2px 0;
	}
	
	#comment {
		
		width:98%;
	}

	#bilder {
		
		width:400px;
	}

/* WP Photo Captions */

	.wp-caption.alignleft {
		float:left;
	}
	.wp-caption.alignright {
		float:right;
	}
	.wp-caption.alignright , .wp-caption.alignleft, .wp-caption.aligncenter  {
		text-align:center;
		background:#FDFDFD;
		display:inline;
		overflow:hidden;
		padding:10px 6px;
		border:1px solid #EFEFEF;
		margin: 7px 7px;
	}

	.wp-caption.aligncenter {
		display:block;
		margin: 2px auto 2px auto;
	}


/* change navigation bar case*/
	.dropdown ul{
		text-transform: uppercase;
	}