/* timestamp 13:44 2013-05-10 */

	/***************************RESET**********************************/
	/******************************************************************/
	html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
	input {-webkit-appearance: none; border-radius: 0;}
	html {    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}

    /*************************RE-USABLE******************************/
    /******************************************************************/
    
    .right        	{float:right;}
    .left          	{float:left;}

    .center      {text-align:center;}
    .right-text  {text-align:right;}
    .left-text    	{text-align:left;}
    
    .push-60 		{margin-top:60px;}
    .push-55 		{margin-top:55px;}
	.push-50 		{margin-top:50px;}
    .push-40 		{margin-top:40px;}
    .push-35 		{margin-top:35px;}
	.push-25 		{margin-top:25px;}
    .push-20 		{margin-top:20px;}
	.push-15 		{margin-top:15px;}
 	.push-10 		{margin-top:10px;}
	.push-5 		{margin-top:5px;}

    .push-btm-50 	{margin-bottom:50px;}
    .push-btm-40 	{margin-bottom:40px;}
    .push-btm-35 	{margin-bottom:35px;}
	.push-btm-30 	{margin-bottom:30px;}
	.push-btm-25 	{margin-bottom:25px;}
	.push-btm-20 	{margin-bottom:20px;}	
	.push-btm-15 	{margin-bottom:15px;}
	.push-btm-10 	{margin-bottom:10px;}
	.push-btm-5 		{margin-bottom:5px;}
    
	.push-top-15 	{margin-top:15px;}
	
    .push-r10 		{margin-right:10px;}
    .push-r15 		{margin-right:15px;}
	.push-r20 		{margin-right:20px;}
	.push-r30 		{margin-right:30px;}
    .push-r40 		{margin-right:40px;}

    .push-l5 		{margin-left:5px;}
   	.push-l10 		{margin-left:10px;}
    .push-l20 		{margin-left:20px;}
	.push-l30 		{margin-left:30px;}
	.push-l50 		{margin-left:50px;}
	
	.push-topminus-10{ margin-top:-10px;}
	.push-topminus-35{ margin-top:-35px;}
	
    .separate-40	{margin-top: 40px; margin-bottom: 40px;}

	.pad_separate-20-10{ padding:20px 0 10px 0;}

    .spacer-15 	{padding: 15px;}
	.spacer-5 		{padding: 5px;}
    
    .sticky 		{margin-bottom: 5px;}
    
    .hide			{display:none;}
    
    .nomar  		{margin: 0 !important ;}
    .nopad  		{padding: 0;}
    .clearmp 		{margin:0; padding;0;}
    
    .no-bor 		{border: none !important;}

    /*Layout*/
	
	hr{ clear:both; border:none; border-top:1px solid #95b0c1; height:10px; background:none; color:#E7EBEC; }
	
	
	
	.box_bckg{ background-color:#FFF;}
	
	.box_bckg hr{margin-left:0; color:#FFF;}
	
    .carousel-border-shadow {
		border: 15px solid #fff;
		-webkit-box-shadow: 0px 0px 8px #a8a8a8;/* webkit browser*/ 
		-moz-box-shadow: 0px 0px 8px #a8a8a8;	/* firefox */ 
		box-shadow: 0px 0px 8px #a8a8a8;
	}

    .border-shadow {
		border: 15px solid #fff;
		-webkit-box-shadow: 0px 0px 8px #a8a8a8;/* webkit browser*/ 
		-moz-box-shadow: 0px 0px 8px #a8a8a8;	/* firefox */ 
		box-shadow: 0px 0px 8px #a8a8a8;
	}
	
	.border-shadow:hover {
		border: 5px solid #91b0c4;
		background-color:#FFF;
		padding:10px;
	}
	
	 .lt-ie8 .product_item.border-shadow:hover {
		border: 5px solid #91b0c4;
		background-color:#FFF;
		padding:10px 10px 25px 10px;
	}
	
	 .border-shadow.small {
		border: 5px solid #fff;
		-webkit-box-shadow: 0px 0px 8px #a8a8a8;/* webkit browser*/ 
		-moz-box-shadow: 0px 0px 8px #a8a8a8;	/* firefox */ 
		box-shadow: 0px 0px 8px #a8a8a8;
		float: left;  /* chrome */
		margin: 0px 0px 0px 10px;   /* chrome */
	}
	
	.border-shadow.small:hover {
		border: 5px solid #91b0c4;
		background-color:#FFF;
		padding:0;
	}
	
	 .border-shadow.makeborder {
		border: 5px solid #91b0c4;
		background-color:#FFF;
		padding:10px 10px 25px 10px;
	}
	
	 #front_gallery .border-shadow.makeborder {
		border: 5px solid #91b0c4;
		background-color:#FFF;
		padding:10px;
	}
	
	

    /*************************STRUCTURE******************************/
    /******************************************************************/

    body {
    	background: #e7ebec;
    }
	
	.social_wrapper{ float:right; background: url(../_img/sprite-master.png) no-repeat 0  -800px; padding:24px 0 0 57px;  margin:50px -20px 0 0; text-align:right; width:150px; height:20px; text-align:left; }
	
	.social_box{ padding:15px 0; }
	
	.fb-like{}
	
    #header-wrapper {background: #fff;}

	    #header {
	    	margin-top: 30px;
	    	height: 125px;
	    }

		    .logo	{
		    	background: url(../_img/sprite-master.png) no-repeat 0 0;
		    	display: block;
		    	width: 197px;
		    	height: 85px;
		    	float: left;
		    }

		    .service-bar {width: 730px;}

			#lang_switcher li {
				display: inline;
				float: left;
				margin-left: 7px;
				border: 1px solid #92b1c4;
			}

				#lang_switcher li a {
					display: block;
					height: 21px;
					padding: 3px 6px;
					line-height: 21px;
				}

		#lang_switcher li a.active { color: #92b1c4; padding:1px 5px; border: 2px solid #92b1c4; cursor:default;}
		#lang_switcher li a.active:hover { color: #92b1c4; padding:1px 5px; border: 2px solid #92b1c4; cursor:default;}
		#lang_switcher li a:hover { color: #92b1c4; padding:1px 4px; border: 2px solid #92b1c4; }


			#main_navi  {margin: 39px 0 0 13px;}

				#main_navi li {
					display: inline;
					margin-right: 40px;
				}

				.upper-arrow,
				#main_navi li a {
					font-size: 17px;
					padding: 10px 10px 0 0;
					background: url(../_img/sprite-master.png) no-repeat right -146px;
					text-transform: uppercase;
					color:#666;
				}
				
				#main_navi li a:hover {
					text-decoration:none;
					color: #000;
				}
				
				#main_navi li a.active {
					text-decoration:none;
					color: #000;
				}

			/*#shop_navi {margin: 40px 0 0 0; min-width:230px; text-align:right; }*/
			#shop_navi {margin: 40px 0 0 0; min-width:280px; text-align:right; }

			#shop_navi li {display: inline; margin-left: 10px}

			#shop_navi li a {font-size: 15px}

		/* Pop-up */

		#popup{ background-color:#FFF; margin:0; padding:0; height:190px;overflow:hidden}
		#popup .container{padding:20px;  background-color:#FFF;}
		#popup h2 {text-align:center; font-size:20px; font-weight:300; color:#666; margin-bottom:45px;}
		

		/* BreadCrumbs */
		
		#breadcrumbs{ text-transform:uppercase; border:1px solid #95b0c1; padding:6px 0; margin-bottom:35px;
		border-left:none; border-right:none; font-size:13px;  }
		#breadcrumbs .bread{ float:left; color:#858585; margin-right:5px; }
		#breadcrumbs .crumb{ float:left; color:#858585; margin-right:5px; }
		#breadcrumbs a.crumb, a.bread{ color:#000; cursor:pointer; }
		#breadcrumbs a.crumb:hover{ color:#000; }
		
		#breadcrumbs .separator{ float:left; width:5px; height:6px; background: url(../_img/sprite-master.png) -264px 0px no-repeat;  margin:6px 7px; border-bottom:none;}
		
		/* Page Header Topic*/
		#topicSpace{ background-color:#FFF;}
		#pagetopic{ text-transform:uppercase; padding:15px 0; width: 930px;  }

		
		/* Sidebar */
		
		#sidebar{ }
		#sidebar h2{ border-bottom:1px solid #92b1c4; padding:0 0 5px 0; margin:0 0 30px 0; }
		#sidebar h3{ padding:5px 0; }
		
		#sidebar ul{ list-style-type:none; margin-bottom:25px; }
		#sidebar li{ margin-bottom:5px;}
		#sidebar li.indent{ margin-left:20px;}
		#sidebar li.outdent{ margin-left:-20px;}

		/* Pagination */
		
		.pagination{ float:right; width:auto; font-size:15px; font-weight:normal; line-height:12px;}
		.pagination span{ float:left; width:auto; margin-top:5px;}
		
		.pagination a.page{ float:left; color:#000; padding:4px; margin:0 2px; }
		.pagination a.page:hover{ float:left; color:#FFF; background:#94b5c8; text-decoration:none;  }
		.pagination a.page.active{ float:left; color:#FFF; background:#94b5c8;  }
		
		.pagination a.arrow{ float:left; width:10px; height:10px; background-repeat:no-repeat; background: url(../_img/sprite-master.png) no-repeat;}
		.pagination a.arrow.left{ margin:7px 5px 0 0; background-position:-280px 0;  }
		.pagination a.arrow.right{margin:7px 0 0 5px; background-position:-300px 0; }

		/*Tag cloud*/
		
		#tag_cloud{}
		#tag_cloud a{ color:#666; -webkit-transition: 0.4s;  -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
		#tag_cloud a:hover{ text-decoration:none; color:#000; -webkit-transition: 0.4s;  -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
		
			.tags {text-align: center;}
			.tags a {
				display: inline-block;
				font-weight: 300;
				color: #000;
				padding: 0 20px 0 20px;
				line-height: normal;
			}

		/*Front Gallery*/

			.gallery_item_pic,
			.gallery_item_text {
				margin-bottom: 30px; 
				-webkit-transition: 0.3s;  -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
			}
			
			.gallery_item_text:hover{ text-decoration:none; /*opacity:0.8; filter:alpha(opacity=80);*/ color:#908e8e; cursor:pointer; -webkit-transition: 0.3s;  -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

			.gallery_item_pic {line-height: 0;}
			
			
		/* Products */
		
		#products{ padding-top:10px;}
		
		.product_item {
				background-color:#FFF;
				padding-bottom:15px;
				height:375px;
			}
			
			
			.product_row {
				
				border:15px solid #fff;
				
				-webkit-box-shadow: 0px 0px 8px #a8a8a8;/* webkit browser*/ 
				-moz-box-shadow: 0px 0px 8px #a8a8a8;	/* firefox */ 
				box-shadow: 0px 0px 8px #a8a8a8;
		
				background-color:#FFF;
				margin:15px 0;
				min-height:100px;
				
				position: relative;
			}
			
			
			.product_row .product_image{ float:left;}
			
			.product_item .bigger{ height:27px; }
			
			.product_box{ margin-bottom:30px; }
			.product_box .caption p{ text-align:left;}
			
			.prices{ position: absolute;  padding:0 0 25px 0; bottom:0px; right: 0px}
			
			.box_price{ color:#a6a6a6; /* float:left; */text-align:left; height:30px; border:0px solid red; }
			
			.box_price .ebook_price{ font-size:12px; padding-bottom:5px;}
			.box_price .paper_price{ font-size:12px; padding-bottom:5px;}
		
			.box_price.left{  float:left; margin-left:0px; width:90px;}
			.box_price.right{ position:absolute; right:15px;  margin-right:0px; width:auto;}
			/*.box_price.right{ position:absolute; right:-70px; float:right; margin-right:-55px;}*/
			.box_price .price{ font-size:15px; color:#000; }

			.product_item_pic {line-height: 0;}

			.thumbs a.thumb{ margin-right:10px;}
			
			.full_btn{ display:none; position:absolute; float:right; width:20px; height:20px; right:5px; bottom:13px; padding:10px;
			background:#FFF url(../_img/sprite-master.png) no-repeat -254px -118px;  
			}
			
			.title_foto:hover .full_btn{ display:block;-webkit-transition: 0.3s;  -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;  }
		
	/* Checkout formitems */
	
	input.amount{ text-align:center; width:40px; font-size:22px; padding:5px; margin:-1px 0 0 5px; }
	
	.prod_desc{ margin-left:15px; float:left;}
	
	.prod_amount{bottom:10px; right:0; position:absolute; text-align:right;}
	.prod_amount.small{bottom:5px; right:0; position:absolute; text-align:right;}
	
	.prod_amount .price_box{font-size:30px; padding-top:20px;}
	.prod_amount.small .price_box{font-size:30px; padding-top:15px;}
	
	.sums{ width:auto; padding:2px 0 5px 0;  }
	.sum_label{ width:290px; float:right; margin-right: 15px}
	
	.formitem{ clear:both; padding:5px 0; margin-bottom:30px;}
	.formitem label{ font-weight:bold; padding:5px 0; float:left;}
	
	.formitem input{ float:right; }
	
	.formitem select{ margin-bottom:25px;}
	 
	 /* ie 8 hacks */
	 
	.ie8 .formitem .longinput{ margin-right:-20px; } 
	.ie8 .formitem .mediuminput{ margin-right:-20px; } 
	.ie8 .formitem .selectWrap{ margin-right:-25px; } 

	
	/* Checkout progress  */
	
.checkout_progress{ height:50px; margin:15px 0; text-transform:uppercase; color:#666 }
.checkout_progress .progress_step{ font-size:14px; width:202px; text-align:center;  padding:15px; float:left; } 
.checkout_progress .progress_step{ background-color:#FFF;} 
.checkout_progress .progress_step.current{ background-color:#92b1c4; color:#FFF} 
.checkout_progress .progress_step.past{ background-color:#bfd1dd; color:#FFF; }
.checkout_progress .progress_step.current .leftSeparator{ width:20px; height:50px; float:left; margin:-15px 0 -15px -20px; background: url(../_img/sprite-master.png) -35px -918px no-repeat; position:relative;  } 
.checkout_progress .progress_step.past .leftSeparator{ width:20px; height:50px; float:left; margin:-15px 0 -15px -20px; background: url(../_img/sprite-master.png) -4px -918px no-repeat; position:relative;  } 
.checkout_progress .progress_step.current .rightSeparator{ width:20px; height:50px; float:right; margin:-15px -30px -15px 0; background: url(../_img/sprite-master.png) -345px -918px no-repeat;   position:relative; } 
.checkout_progress .progress_step.future .rightSeparator{ width:20px; height:50px; float:right; margin:-15px -30px -15px 0; background: url(../_img/sprite-master.png) -388px -918px no-repeat;   position:relative; } 
	
	/*Carousel*/
		
		
		.list_carousel {
			position: relative;
			/*overflow: hidden;*/
			background: #fff;
			height:390px;
		}
		.list_carousel ul {
			margin: 0;
			padding: 0;
			list-style: none;
			display: block;
		}
		.list_carousel li {
			width: 50px;
			height: 391px;
			padding: 0;
			display: block;
			float: left;
			position: relative;
		}
		
		#next,
		#prev {
			z-index:9;
			position: absolute;
			top: 157px;
			width: 50px;
			height: 93px;
			background: url(../_img/sprite-master.png) no-repeat 0px -272px;
		}

		#prev {left:10px;}
		#next {
			right:10px;
			background-position: -45px -272px; 
		}

	/*Captions*/

		.caption {
			position: absolute;
			top: 0px;
			right:0px;
			z-index: 1;
			display: none;
			width: 100%;
			height:100%;
		} 
		
		#main_carousel.caption_container{ cursor:pointer; }
		
		.caption_box1 {
			position: absolute;
			bottom: 15px;
			right:0;
			z-index: 1;
			display: none;
			width: 210px;
			height:140px;
		} 
		
		.caption_box {
			position: absolute;
			bottom: 15px;
			right:15px;
			z-index: 1;
			display: none;
			width: 180px;
			height:10px;
			border:none;
			background:none;
			
		} 
		
		
		.slider_capture_bg {
			position: absolute;
			top: 0;
			left:0;
			width: 100%;
			height:100%;
			background: #000;
			opacity: 0.7;
		}
		
		.slider_capture_label {
			color: #fff;
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 0 27px 27px 27px;
			z-index: 2;
		}

		.caption_label_white {
			background: #fff; 
			line-height: normal;
			position: absolute;
			bottom: 0;
			width: 100%;
			padding: 0;
			text-align: left;
			
		}
		
		#front_gallery .caption_label_white { padding:10px 0 0 10px; }
		#front_gallery .caption_box { margin-right:10px; }



		.box_buy {
			border: 1px solid #dbdcdc;
			height: 75px;
			width: 75px;
			padding: 5px;
			float: right;
			margin: 0 0 0 5px;
			display: block;
			cursor: pointer;
			color: #000;
			text-align:left;
		}

		.box_buy:hover {
			text-decoration: none;
			border: 1px solid #aaa;
		}
			
	/*Footer*/

	#footer {
		background:#97b2c3; 
		padding: 15px 0;
		font-size: 13px;
		font-weight: bold;
	}

	#footer a {
		font-size: 13px;
		color: #000;
		font-weight: normal;
	}

	.footer_navi {padding: 50px 0 100px 0;}
	.footer_navi li {display: inline; margin-right: 15px;}
	.footer_navi li a {
		font-size: 13px;
		color: #000;
	}

	.column {
		float:left;
		margin-right: 30px;
		margin-bottom: 10px;
	}

	.logo-wrapper {
		margin-top: 20px;
	}
		






    /*************************TYPO******************************/
    /******************************************************************/

    body 		{font: 400 12px/20px 'Lato', Arial, serif}

    a 			{text-decoration: none; color: #858585;}
    a:hover		{text-decoration: underline;}
	
	p a 			{text-decoration: none; color: #92b1c4;}
    p a:hover		{text-decoration: underline;}
	
	.bigger a{ color:#333; }
	.bigger a:hover{ color:#000; }
	
    p 			{margin-bottom: 15px;}
	.stnd p {margin-bottom: 8px;}

    h1, h2, h3, h4, h5 {font-weight: 700; margin-bottom: 15px; line-height: normal; text-transform: uppercase;}

    h1 {font-size: 25px; }
    h2	{font-size: 18px; }
    h3	{font-size: 15px; }
    h4 {font-size: 14px; }
    h5	{font-size: 12px;  }
    h6	{font-size: 11px; font-style: italic;}

    /*Font*/
	
    	/*Weight*/
		.skiny      {font-weight: 300}
		.normal		{font-weight: 400}
		.fat        {font-weight: 700}
		.ultra_fat  {font-weight: 900}
	    
        
        /*size*/
        
	    .tiny       {font-size: 10px;}
	    .small a,
	    .small      {font-size: 11px; line-height: 15px;}
	    .stnd       {font-size: 12px;}
		/*.stndplus{ font-size:15px;}*/
		.stndplus{ font-size:15px;}
		.stndplus-right{  float: right;  width: 47%;}
	    .semi       {font-size: 16px;}
	    .bigger     {font-size: 14px;}
		.big     {font-size: 18px;}
		.large{ font-size:30px;}

	    /*style*/
	    .upper,
	    .upper a 	{text-transform: uppercase;}
		.normaltext{ text-transform:none;}
	    .italic 	{font-style: italic;}
		.underline{ text-decoration:underline;}

		.alert_text{ font-weight:bold; color:#fc0404; text-transform:uppercase; z-index:3; position:absolute; }


/* Standard textBox */

		.textBox{ line-height:24px;}
		.textBox ul{ margin-left:15px;}
		.textBox li{ list-style:square; margin-left:25px}

    /*Forms*/

    	input {
    		border: 1px solid #92b1c4;
    		height: 21px;
    		padding: 3px;
    	}
		
		textarea {
    		border: 1px solid #92b1c4;
    		height: 21px;
    		padding: 3px;
    	}
		
		
		.shortinput{ width:80px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ height: 30px; line-height: 30px;}
		.mediuminput{ width:142px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ height: 30px; line-height: 30px;}
		.longinput{ width:233px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ height: 30px; line-height: 30px;}

    	.inp_search {
    		border: none;
    		width:30px;
    		background: url(../_img/sprite-master.png) 0 -90px no-repeat;
    		height: 29px;
    		cursor: pointer;
			margin-left:5px;
    	}

    	.inp_search:hover {opacity: 0.8;}

    	#main_search .inp_text {width: 222px;}

    	.tbl-form {}
		
			
	/* Custom Select */
		
	.selectWrap{ margin-right:-5px; margin-bottom:15px;}

	.styledSelect{width:231px; margin:0 0 0 -2px;}
	.styledSelect.short{ width:90px;}
	.styledSelect.medium{ width:130px;}
	
	.customSelect {
	font-size:12px;
    height: 21px;
    padding: 5px;
	}
	span.customSelect.changed {
	background-color: #fff;
	}
	.customSelectInner {
		border: 1px solid #92b1c4;
		padding:3px 3px 3px 5px;
		 margin:0;
		background:#FFF url(../_img/sprite-master.png) right -232px no-repeat;
	}
	.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
	}
	.customSelect.customSelectOpen {
/* Styles for when the select box is open */
	}
	.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
	}
	
		
		/* Button */
		
		input[type=reset]{ background: #9eb8c7; cursor: pointer; color: #fff;  padding:5px 15px;  font-size:15px; height:30px; }
		input[type=reset]:hover{ background: #53839e; } 
		
		input[type=button]{ background-color:#92b1c4; border:1px solid #FFF; padding:4px 5px;}
		
		
		/* Secondary Address Box*/
		
		.sec_addr_box{}
		.sec_addr_box.fade{opacity:0.2; filter:alpha(opacity=20); }
			
		
/* Checkbox */
		
.styled-checkbox {
			clear:both;
    		opacity: 0;
    		filter: alpha(opacity=0);
			
}
		
.styled-checkbox + label {
    position: relative;	
	color:#333;
}

.goodBrowser .styled-checkbox + label:before{
    display: inline-block;
    visibility: visible;
	content:'';
    left: 0;
	line-height:1px;
    width: 11px;
    height: 11px;
    text-align: left;	
   	background:#FFF;
	border:2px solid #92b1c4;	
	
	margin: 3px 10px 0 0;
	float:left;
}

.ie8 .checkbox-replacement {
    display: inline-block;
    visibility: visible;
	content:'';
    left: 0;
	line-height:1px;
    width: 11px;
    height: 11px;
    text-align: left;	
	background:#FFF;
	border:2px solid #92b1c4;	
	
    margin: 5px -30px 0 0;
	float:left;
}

.lt-ie8 .checkbox-replacement {
    display: inline-block;
    visibility: visible;
	content:'';
    left: 0;
	line-height:1px;
    width: 11px;
    height: 11px;
    text-align: left;	
	background:#FFF;
	border:2px solid #92b1c4;	
	
    margin: 5px -30px 0 0;
	float:left;
}

.goodBrowser .styled-checkbox:checked + label:before,
.ie8 .styled-checkbox.checked + label:before{ background:#92b1c4; }
.lt-ie8 .styled-checkbox.checked + label:before{ background:#92b1c4; }

.goodBrowser .styled-label{ height:auto; float:left; padding:2px 0 0 10px; margin-left:-10px; text-align:left;}
.ie8 .styled-label{ float:left; padding:5px 0 0 50px; margin-left:-20px; text-align:left;}
.lt-ie8 .styled-label{ float:left; padding:5px 0 0 50px; margin-left:-20px; text-align:left;}

/* .lt-ie8 input[type=checkbox].styled-checkbox{ display:inline-block; border:none; }	 */

/* checkbox style for lists */

	.lt-ie8 li .checkbox-replacement{ margin-top:9px; width:5px; height:5px; clear:left; }
	.ie8 li .checkbox-replacement{ margin-top:9px; width:5px; height:5px; }
	.goodBrowser li .styled-checkbox + label:before{ margin-top:5px; width:5px; height:5px; }

	.lt-ie8 li .styled-label{ float:left; padding:0 0 10px 40px; margin-top:-24px; margin-bottom:10px; margin-left:-20px; text-align:left; margin-bottom:0;}
	.ie8 li .styled-label{ float:left; padding:5px 0 0 40px; margin-left:-20px; text-align:left; margin-bottom:0;}
	.goodBrowser li .styled-label{  float:left; padding:0 0 0 10px; margin-left:-10px; margin-bottom:0; text-align:left;}


/* radio buttons */

input[type=radio].styled-radio{
		display:inline-block;
		background:none;
		}
		
.styled-radio {
			clear:both;
    		opacity: 0;
    		filter: alpha(opacity=0);
			}
		
.styled-radio + label {
    position: relative;	
	color:#333;
}

.goodBrowser .styled-radio + label:before{
    display: inline-block;
    visibility: visible;
	content:'';
    left: 0;
	line-height:1px;
    width: 15px;
    height: 15px;
    text-align: left;	
	background: url(../_img/sprite-master.png) no-repeat ;	
	background-position: -268px -206px;
	float:left;	
	
	margin: 3px 10px 0 0;
}

.ie8 .radio-replacement {
    display: inline-block;
    visibility: visible;
	content:'';
    left: 0;
	line-height:1px;
    width: 15px;
    height: 15px;
    text-align: left;	
	background: url(../_img/sprite-master.png) no-repeat ;	
	background-position: -268px -206px;
	float:left;	
	
    margin: 10px -30px -20px 0;
}

.lt-ie8 .radio-replacement {
    display: inline-block;
    visibility: visible;
	content:'';
    left: 0;
	line-height:1px;
    width: 15px;
    height: 15px;
    text-align: left;	
	background: url(../_img/sprite-master.png) no-repeat ;	
	background-position: -268px -206px;
	float:left;	
	
    margin: 10px -30px -20px 0;
}

.goodBrowser .styled-radio:checked + label:before,
.ie8 .styled-radio.checked + label:before{  background-position: -268px -231px; }
.lt-ie8 .styled-radio.checked + label:before{  background-position: -268px -231px; }

.goodBrowser .styled-label{ height:auto; float:left; padding:2px 0 0 10px; margin-left:-10px; text-align:left;}
.ie8 .styled-label{ float:left; padding:5px 0 0 50px; margin-top:-2px; margin-left:-20px; text-align:left;}
.lt-ie8 .styled-label{ float:left; padding:8px 0 0 50px; margin-top:-2px; margin-left:-20px; text-align:left;}

/* radio style for lists */

.goodBrowser li .styled-radio.list + label:before{ background-position: -340px 0; margin-top:5px; width:9px; height:9px; padding:0; }
.ie8 li .radio-replacement{ background-position: -340px 0; margin-top:11px; width:9px; height:9px; margin-top:9px; padding:0; }
.lt-ie8 li .radio-replacement{ background-position: -340px 0; margin-top:11px; width:9px; height:9px; margin-top:9px; padding:0; }

.goodBrowser li .styled-label{  float:left; padding:0 0 0 10px; margin-left:-10px; margin-bottom:0; text-align:left;}
.ie8 li .styled-label{ float:left; padding:5px 0 0 40px; margin-left:-20px; text-align:left; margin-bottom:0;}
.lt-ie8 li .styled-label{ float:left; padding:5px 0 0 40px; margin-left:-20px; text-align:left; margin-bottom:0;}

.goodBrowser li .styled-radio.list:checked + label:before,
.ie8 li .styled-radio.list.checked + label:before{ background:#92b1c4;}
.lt-ie8 li .styled-radio.list.checked + label:before{ background:#92b1c4;}

/* ie7 helpers */
.lt-ie8 .checker .styled-label{ margin-top:-23px;}

    /*Icons*/

    	.basket 		{background: url(../_img/sprite-master.png) no-repeat left -210px; padding: 5px 0 0 30px;}
		
    	.arrow_right 	{background: url(../_img/sprite-master.png) no-repeat right -473px; padding: 0 30px 0 0;}
    	.ebook_price,
    	/*.paper_price	{/*background: url(../_img/sprite-master.png) no-repeat left -536px;*//* padding: 5px 0 0 3px; font-size: 14px;}
    	.ebook_price	{background-position: left -597px; padding: 5px 0 0 3px;}*/
    	.paper_price	{background: url(../_img/sprite-master.png) no-repeat left -536px; padding: 5px 0 0 25px; font-size: 14px;}
    	.ebook_price	{background-position: left -597px; padding: 5px 0 0 19px;}
    	/*.itunes_icon {background: url(../_img/sprite-master.png) no-repeat 22px -736px; padding: 45px 0 0 0; font-size: 9px; font-weight: 300; text-align: center}*/
    	/*.shopcart_icon	{background: url(../_img/sprite-master.png) no-repeat 22px -642px; padding: 45px 0 0 0; font-size: 9px; font-weight: 300; text-align: center}*/

    	.upper-arrow {
					font-size: 26px;
					padding: 10px 10px 0 0;
					background: url(../_img/sprite-master.png) no-repeat right -880px;
					text-transform: uppercase;
					color: #000;
					/*background: #9eb8c7; cursor: pointer; color: #fff;  padding:5px 15px;  font-size:15px; height:30px;*/
				}



	/* Common Buttons */ 
	
	
    	.btn { 
    		padding: 7px 20px;
    		background-color: #9eb8c7;
    		cursor: pointer;
    		color: #fff;
    		display: inline-block;
    		float: left;
    	}

		.btn.right{ float:right; }

    	.btn:hover {
    		text-decoration: none;
    		background-color: #53839e;
    	}	
		
		.btn.light{ background-color:#FFF; color:#7f7f7f;}
		.btn.light:hover{ background-color:#FFF; color:#333;}
		
		input.btn { 
    		padding: 7px 20px 22px 20px;
    		background-color: #9eb8c7;
			border:none;
    		cursor: pointer;
    		color: #fff;
    		display: inline-block;
    		float: left;
    	}
		
		 
		
		.btn.ico_left{ background: #9eb8c7 url(../_img/sprite-master.png) no-repeat left  -446px; padding-left:30px;}
		.btn.ico_left:hover{ background-color:#53839e;}
		 
		.btn.light.ico_left{ background: #FFF url(../_img/sprite-master.png) no-repeat left  -478px; padding-left:30px;}
		.btn.light.ico_left:hover{ background-color:#FFF;}
		
		.btn.ico_right{background: #9eb8c7 url(../_img/sprite-master.png) no-repeat right -426px; padding-right:30px;}
    	.btn.ico_right:hover{ background-color:#53839e;}
		
		 /* Function Related Buttons*/ 
	
		.back_btn{ background: url(../_img/sprite-master.png) no-repeat -263px -27px; color:#333; padding-left:15px;}
		
		.edit_btn{background:#92b1c4 url(../_img/sprite-master.png) no-repeat -5px -704px; width:20px; position:absolute; margin-left:40px; height:20px;  } 
		.edit_btn:hover{background-color:#588099;  -webkit-transition: 0.3s;  -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
		
		.delete_box{ width:115px; height:35px; text-align:left; cursor:pointer; }
		.tip{  color:#666; float:left; padding:7px 5px; font-size:14px;}
		
		.delete_btn{ margin:0 0 -30px -30px; width:35px; height:35px; background:#92b1c4 url(../_img/sprite-master.png) no-repeat -257px -161px; }
		.delete_btn:hover{ background-color:#588099;  -webkit-transition: 0.3s;  -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
		
		.delete_box:hover .delete_btn{ background-color:#588099;  -webkit-transition: 0.3s;  -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
		.delete_box:hover .tip{ text-decoration:underline;}
		
		.print_btn{ padding:3px 0 15px 40px; margin-bottom:15px; color:#333; background: url(../_img/sprite-master.png) no-repeat -229px -531px; }
		
		.print_ico{ padding:3px 0 15px 40px; margin-bottom:15px; color:#333; background: url(../_img/sprite-master.png) no-repeat -229px -531px; }
		/*.print_ico_small{ padding:0 0 15px 25px; margin-bottom:4px; color:#000; background: url(../_img/sprite-master.png) no-repeat 0 -538px; }*/
		.print_ico_small{ padding:0 0 15px 25px; margin-bottom:4px; color:#000; background: url(../_img/sprite-master.png) no-repeat 0 -538px;  width:40px;}
		
		.prev_btn{ float:left;width:32px; height:66px;/*padding-left:15px;background: url(../_img/sprite-master.png) no-repeat -263px -67px;*/ /*background:url(../_img/carosel-arrow.png) no-repeat center center; color:#333; */}
		.next_btn{ float:right; /*padding-right:40px;width:auto; background: url(../_img/sprite-master.png) no-repeat -200px -92px;*/ /* background:url(../_img/carosel-arrow-left.png)no-repeat center center;color:#333; */ }

		.btn.white_basket{ width:195px; margin-top:30px; padding:10px 0 10px 65px; font-size:18px; background: #9eb8c7 url(../_img/sprite-master.png) no-repeat left -155px; }
		.btn.white_basket:hover{ background-color:#53839e;} 
		
		/* Tabs */
		
		
		.tabContent{ padding:15px; clear:both; height:335px; background-color:#FFF;}
		
		.tabContent .foot{margin-bottom:15px; position:absolute; bottom:0;}
		.tabContent .foot .price{ font-size:25px;}
		.tabContent .foot .price .notice{ color:#53839e; }
		
		
		.tab{
			margin-top:3px;
    		padding: 13px 20px 4px 55px;
			height:32px;
    		background-color: #9eb8c7;
    		cursor: pointer;
			font-size:18px;
    		color: #fff;
    		display: inline-block;
    		float: left;
			width:70px;
			border-bottom:1px solid #8ba5b6;
			
    	}

    	.tab:hover {
    		text-decoration: none;
			color:#FFF;
    		background-color: #53839e;
			border-bottom:1px solid #366682;
    	}
		
		.tab.active
		{
			margin-top:0;
			padding:16px 20px 4px 54px;
    		text-decoration: none;
			
			color:#333;
			border-bottom:1px solid #FFF;
			cursor:default;
    	}
		
		.tab_1.notactive{ background:#8ba5b6 url(../_img/sprite-master.png) no-repeat -215px -612px;}
	    .tab_1.active{ background:#FFF url(../_img/sprite-master.png) no-repeat -215px -518px; }
		
		.tab_2.notactive{background:#8ba5b6 url(../_img/sprite-master.png) no-repeat -215px -664px;} 
	    .tab_2.active{ background:#FFF url(../_img/sprite-master.png) no-repeat -215px -562px; }
		
		.tab_1.notactive:hover{ background-color: #53839e;}
		.tab_2.notactive:hover{ background-color: #53839e;}
		
		.tab.right{ border-left:1px solid #8ba5b6;}



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}


.blue-btn{ cursor: pointer; color: #000000;  padding:5px 15px;  font-size:15px; height:30px; 
					/*border:1px solid #92b1c4;*/ /*color:#ffffff;*/ 
					color:#000000;  width:220px; font-size: 26px;
					padding: 7px 0px 0px 0px;
					/*background:#9eb8c7 url(../_img/corner-image.png) no-repeat right top;*/
					background:url(../_img/black-corner-image.png) no-repeat right top;
					text-transform: uppercase;
					text-align:center;
					}

.blue-btn:hover{/*background: #53839e;*/ background:none;}

/*  Team Inertia */
.itunes_icon {background: url(../_img/sprite-master.png) no-repeat 22px -736px; padding: 45px 0 0 0; font-size: 9px; font-weight: 300; text-align: center; font-family: Arial; color: #7d7d7d;}
.shopcart_icon	{background: url(../_img/sprite-master.png) no-repeat 22px -642px; padding: 45px 0 0 0; font-size: 9px; font-weight: 300; text-align: center; font-family: Arial; color: #7d7d7d;}


.btn.itune_basket{ width:195px; margin-top:30px; padding:10px 0 10px 65px; font-size:18px; background: #9eb8c7 url(../_img/sprite-master.png) no-repeat 22px -736px;}
.btn.itune_basket:hover{ background-color:#53839e;} 

.formitem label.bdt{ padding-left:100px;}

.formitem input.txtbox{
height:15px;
width:100px;
float:left;
margin-left:5px;
}

.product-rgt{
width:280px;}

.product-width{
width:500px;}


a p.book{ font-size: 11px;
    line-height: 15px;
	color:#858585;
	margin-bottom:15px;
	}

a:hover p.book{color:#858585;}

/*-----------------agb page start--------------------*/

.separator{border-bottom:1px solid #000000;
margin:5px 0px 40px 0px;}

h3.header{color:#000000;
font-weight:900;
font-size:16px;
line-height:26px;
margin-bottom:0px;}

h3.header span{margin:10px 0px;}

h3.header label{color:#000000;
font-weight:600;
font-size:14px;
line-height:22px;}

h5.header{color:#000000;
font-weight:900;
font-size:14px;
line-height:22px;
padding:0px;
margin:0px 0px 5px 0px;
text-transform:none;}

h4.header{text-transform:none;}

p.content{color:#000000;
font-weight:700;
font-size:14px;
line-height:22px;
padding:0px;
margin:0px;}

.float-left{float:left;
width:22%;
margin:0 3% 5% 0;}



select.agb{width:530px;
border:4px solid #93b1c4;
border-radius:3px;
padding:4px;
margin:0px 0px 0px 8px;
font-weight:normal;
font-size:14px;
line-height:20px;}


.spacer5 {
	font-size:1px;
	height:5px;
	background:transparent;
}

/*label{width:300px;
margin-right:10px}*/


.image-left{float:left;
width:215px;
border:0px solid #bebebe;
/*background:url(../images/agb-block-img.jpg) no-repeat left top;*/
padding:0;
margin:0% 2% 5% 0;
text-align:center;}


.image-left .dummy{/*background:url(../images/agb-block-img.jpg) no-repeat left top;*/
width:215px;
height:152px;
margin:0 0 4% 0;
}


.image-left .dummy:hover{background:url(../images/download.jpg) no-repeat left bottom;
width:215px;
height:152px;
margin:0 0 4% 0;
}

.image-left img{/*width:215px;*/
height:152px;
margin:0 auto;}

/*-----------------agb page end--------------------*/

.disbale-chkbx {opacity:0.3}

.btn.updatecart{ background-color:#e7ebec; color:#7f7f7f;}
.btn.updatecart:hover{ background-color:#FFF; color:#333;}


<!--- Validation CSS -->
.formitem span.red-txt{color: #e50404; font-size:10px;}
.validation_message {

	top:80px;
	left: 130px;
	width: 124px;}
	
.input_text_validation_error {
	border: 1px solid #d92a36;
	background: #ffffff url(../_img/sprite-typo.png) no-repeat right -1437px;
}


.input_text_validation_ok {background: url(../_img/sprite-typo.png) no-repeat right -1483px;}

.formitem .rgt-txt{
float:left; margin-left:10px;}

.formitem input.txtbx{
float:none;
}


.tbl-form{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

.tbl-form th{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font: 400 12px/20px 'Lato',Arial,serif;
font-weight:bold;
height:35px;
text-align:left;
}

.tbl-form td{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:40px;
text-align:left;
}


.tbl-form select.input_text_validation_error {
	border: 1px solid #d92a36;
	background: #ffffff url(../_img/sprite-typo.png) no-repeat right -1437px;
}

.inactive_box_buy{
opacity:0.5;
cursor:default;
	border: 1px solid #dbdcdc;
	height: 75px;
	width: 75px;
	padding: 5px;
	float: right;
	margin: 0 0 0 5px;
	display: block;
	color: #000;
	text-align:left;
}	

.inactive_box_buy:hover {
	text-decoration: none;
	border: 1px solid #dbdcdc;
	opacity:0.5;
}

		.btn_inactive{width:195px; margin-top:30px; padding:10px 0 10px 65px; font-size:18px; background: #9eb8c7 url(../_img/sprite-master.png) no-repeat left -155px; opacity:0.5; cursor:default;}
		
		.btn_inactive:hover{ background-color:#9eb8c7; opacity:0.5;} 

	
	/*Footer*/
	.column {width:23%;margin:0px; padding:30px 0px; color:#000000; font-size:13px; float:left;text-transform:uppercase;}	
	.column ul{margin:5px 0px 0px 0px;padding:0px;}
	.column ul li {margin:0px; padding:0px 0px 5px 0px;font-size:12px; text-transform:none;}
	.column ul li a {color:#000000; text-decoration:none;}
	.column ul li a:hover{text-decoration:underline;}
	.logo-wrapper{margin:0px;padding:0px 0px 30px;}

	/*************************THE GRID*********************************/
	/******************************************************************/

	/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/



/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.container_3{ width:720px; float: right;}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
}
.grid_13 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
}




.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0 !important}
.omega {margin-right: 0 !important;}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {width:50px;}
.container_12 .grid_2 {width:130px;}
.container_12 .grid_3 {width:210px;}
.container_12 .grid_4 {width:290px;}
.container_12 .grid_5 {width:370px;}
.container_12 .grid_6 {width:450px;}
.container_12 .grid_7 {width:530px;}
.container_12 .grid_8 {width:610px;}
.container_12 .grid_9 {width:690px;}
.container_12 .grid_10 {width:770px;}
.container_12 .grid_11 {width:850px;}
.container_12 .grid_12 {width:930px;}
.container_12 .grid_13 {width:945px;}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {padding-left:80px;}
.container_12 .prefix_2 {padding-left:160px;}
.container_12 .prefix_3 {padding-left:240px;}
.container_12 .prefix_4 {padding-left:320px;}
.container_12 .prefix_5 {padding-left:400px;}
.container_12 .prefix_6 {padding-left:480px;}
.container_12 .prefix_7 {padding-left:560px;}
.container_12 .prefix_8 {padding-left:640px;}
.container_12 .prefix_9 {padding-left:720px;}
.container_12 .prefix_10 {padding-left:800px;}
.container_12 .prefix_11 {padding-left:880px;}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {padding-right:80px;}
.container_12 .suffix_2 {padding-right:160px;}
.container_12 .suffix_3 {padding-right:240px;}
.container_12 .suffix_4 {padding-right:320px;}
.container_12 .suffix_5 {padding-right:400px;}
.container_12 .suffix_6 {padding-right:480px;}
.container_12 .suffix_7 {padding-right:560px;}
.container_12 .suffix_8 {padding-right:640px;}
.container_12 .suffix_9 {padding-right:720px;}
.container_12 .suffix_10 {padding-right:800px;}
.container_12 .suffix_11 {padding-right:880px;}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {left:80px;}
.container_12 .push_2 {left:160px;}
.container_12 .push_3 {left:240px;}
.container_12 .push_4 {left:320px;}
.container_12 .push_5 {left:400px;}
.container_12 .push_6 {left:480px;}
.container_12 .push_7 {left:560px;}
.container_12 .push_8 {left:640px;}
.container_12 .push_9 {left:720px;}
.container_12 .push_10 {left:800px;}
.container_12 .push_11 {left:880px;}


/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {left:-80px;}
.container_12 .pull_2 {left:-160px;}
.container_12 .pull_3 {left:-240px;}
.container_12 .pull_4 {left:-320px;}
.container_12 .pull_5 {left:-400px;}
.container_12 .pull_6 {left:-480px;}
.container_12 .pull_7 {left:-560px;}
.container_12 .pull_8 {left:-640px;}
.container_12 .pull_9 {left:-720px;}
.container_12 .pull_10 {left:-800px;}
.container_12 .pull_11 {left:-880px;}



		/* #Tablet (Portrait) */

		    /* Note: Design for a width of 768px */
		    @media only screen and (min-width: 768px) and (max-width: 959px) {

		    		

		    		.grid_1,
					.grid_2,
					.grid_3,
					.grid_4,
					.grid_5,
					.grid_6,
					.grid_7,
					.grid_8,
					.grid_9,
					.grid_10,
					.grid_11,
					.grid_12 {
						margin-left: 10px;
						margin-right: 10px;
					}

		    		.container_12 {width: 768px;}

		    		.container_12 .grid_1 	{width:50px;}
					.container_12 .grid_2 	{width:130px;}
					.container_12 .grid_10 	{width:770px;}
					.container_12 .grid_11 	{width:850px;}
					.container_12 .grid_13 	{width:945px;}

					.container_12 .grid_3 	{width:172px;}
					.container_12 .grid_4 	{width:236px;}
					.container_12 .grid_6 	{width:364px;}
					.container_12 .grid_5 	{width:300px;}
					.container_12 .grid_7 	{width:428px;}
					.container_12 .grid_8 	{width:492px;}
					.container_12 .grid_9 	{width:556px;}
					.container_12 .grid_12 	{width:748px;}

					/*images*/
					.container_12 .grid_3 .border-shadow img {max-width: 142px; height: auto;}
					.container_12 .grid_4 img {max-width: 196px; height: auto;}
					.container_12 .grid_6 .border-shadow img {max-width: 334px; height: auto;}
					.container_12 .grid_9 .border-shadow img {max-width: 526px; height: auto;}
					.container_12 .grid_12 .border-shadow img {max-width: 718px; height: auto;}

					/*Navi*/
					.service-bar 	{width: 540px;}
					#main_navi 		{margin-left: 0;}
					#main_navi li	{margin-left: 15px; margin-right: 0;}
					#shop_navi		{min-width: 243px;}

					/*footer*/
					.footer_navi li			{margin-right: 13px;}
					.footer_navi li a		{font-size: 12px;}



					/*home*/
					.gallery_item_pic, 
					.gallery_item_text {margin-bottom: 20px;}

					.container_12 .grid_3 .caption_box {width: 151px;}

					/*Archive*/

					input[type=reset] {font-size: 14px; padding: 5px 9px}

					#sidebar .styled-checkbox 	{height: 13px;}
					#sidebar h3 				{margin-bottom: 5px;}
					#sidebar ul 				{margin-bottom: 10px;}
					#pagetopic 					{width: 748px;}

					.container_3{ width:576px;}

					/*detail*/

					.btn.white_basket {width: 125px; font-size: 16px; padding: 10px 15px 10px 65px;}
					#products .list_carousel li	{width:192px;}

					/*Warenkorb*/
					.product-width {width:320px;}

					/*checkout*/
					.checkout_progress .progress_step {width: 219px !important; font-size: 14px;}
					#gutschein { width:158px;}




		    	
		    }

		    /*  #Mobile (Portrait)
			================================================== */

			    /* Note: Design for a width of 320px */

			    @media only screen and (max-width: 767px) {

			    	

			    	.grid_1,
					.grid_2,
					.grid_3,
					.grid_4,
					.grid_5,
					.grid_6,
					.grid_7,
					.grid_8,
					.grid_9,
					.grid_10,
					.grid_11,
					.grid_12 {
						margin-left: 0;
						margin-right: 0;
					}

					.container_12,
		    		.container_12 .grid_1,
					.container_12 .grid_2,
					.container_12 .grid_3,
					.container_12 .grid_4,
					.container_12 .grid_5,
					.container_12 .grid_6,
					.container_12 .grid_7,
					.container_12 .grid_8,
					.container_12 .grid_9,
					.container_12 .grid_10,
					.container_12 .grid_11,
					.container_12 .grid_12,
					.container_12 .grid_13 {width: 300px;}

					/*images*/
		    		.container_12 .grid_1 .border-shadow img,
					.container_12 .grid_2 .border-shadow img,
					.container_12 .grid_3 .border-shadow img,
					.container_12 .grid_4 .border-shadow img,
					.container_12 .grid_5 .border-shadow img,
					.container_12 .grid_6 .border-shadow img,
					.container_12 .grid_7 .border-shadow img,
					.container_12 .grid_8 .border-shadow img,
					.container_12 .grid_9 .border-shadow img,
					.container_12 .grid_10 .border-shadow img,
					.container_12 .grid_11 .border-shadow img,
					.container_12 .grid_12 .border-shadow img,
					.container_12 .grid_13 .border-shadow img {max-width: 270px; height: auto;}

					
					/*Navi*/
					#header 				{height: 115px; margin-top: 10px;}
					.logo					{height: 29px; width: 65px; background-position: 0px -1171px; margin-bottom: 5px;}
					#shop_navi				{position: absolute; top: -34px; right: 0; }
					.service-bar			{width: 300px;}
					#main_search			{margin-right: 0;}
					#main_search .inp_text 	{width: 180px;}
					#main_navi 				{margin: 16px 0 0 0;}
					#main_navi li 			{margin-right: 17px;}
					#main_navi li a 		{font-size: 15px;}

					/*footer*/
					.footer_navi			{width: 121px; padding: 20px 0 20px 0}
					.footer_navi li			{display: block; margin-right: 0;}
					.social_wrapper			{float: right; margin: 24px 0 0 0; width: 116px}

					/*home*/
						#tag_cloud a 		{padding: 0; word-break: break-all;}

					/*Program*/
					#pagetopic				{ width: 300px;}
					#sidebar 					{margin-bottom: 30px;}
					#sidebar .styled-checkbox 	{height: 13px;}
					#sidebar h3 				{margin-bottom: 5px;}
					#sidebar ul 				{margin-bottom: 10px;}
					.container_3				{ width:300px;}
					.product_item 				{height: auto;}
					#sidebar #filter_opener		{border: none; padding: 4px 5px; background: #9eb8c7; color:#fff; text-align: center; margin-bottom:0;}
					#sidebar #filter_opener:hover {background: #53839e; cursor:pointer;}
					.filter-wrapper				{display:none;  padding:10px; background:#fff; border: 1px solid #9eb8c7;}

					/*Detail*/
					.tabs 						{margin-top: 20px;}
					#tag_cloud a  				{padding: 0 5px;} 
					#products .list_carousel li  			{width: 300px;}
					#products .list_carousel li .grid_3 	{width: 280px; margin: 0 10px;}

					.stndplus-right {float: left; width:auto;}
					.caption_box {width:170px;}

					#products {overflow: hidden;}


					/*Warenkorb*/

					.product_row		{padding-bottom: 100px;}
					.delete_box  		{margin-bottom: 15px;}
					.product-width 		{width: 255px; margin-left: 0;}
					.prod_desc	.bigger {margin-bottom: 5px;}
					.print_ico 			{margin-bottom: 0; padding: 3px 0 5px 40px;}
					.sum_label			{margin: 0;}
					#gutschein 			{width: 190px; margin: 0 0 10px 0;}
					#dicount_code input.btn {margin-right: 0;}
					.cta_warenkorb .btn.light {float:right; margin: 10px 10px 0 0;}
					#popup h2{margin-bottom:25px;}

					/*checkout*/

					.checkout_progress .progress_step {width: 270px !important; position:relative; margin-bottom: 3px;}
					.formitem .longinput {width: 150px;}
					.container_12 .push_1 {left:0;}
					#txtordnote 	{width: 292px !important;}
					.styledSelect 	{width:176px;}

					.longinput {width: 178px;}
					.mediuminput {width:86px;}
					.customSelectInner {width:168px !important;}


					.checkout_progress .progress_step.future .rightSeparator,
					.checkout_progress .progress_step.current .rightSeparator {
						-moz-transform: rotate(45deg) ;
						-webkit-transform: rotate(45deg) ;
						-o-transform: rotate(45deg) ;
						-ms-transform: rotate(45deg);
						transform: rotate(45deg) ;
						position: absolute;
						bottom: 11px;
						left:140px;
						background: #92b1c4;
						height: 8px;
						width:8px;
						z-index: 10;
					}

					.checkout_progress .progress_step.future .rightSeparator {
						background: #fff;
						border-right: 1px solid #e7ebec;
						border-bottom: 1px solid #e7ebec;
					}

					.checkout_progress .progress_step.past .leftSeparator,
					.checkout_progress .progress_step.current .leftSeparator {display: none;}

					.prod_desc {margin: 10px 0 0 0;}


					/*static*/

					.float-left {width:100%;}

					select.agb {width:222px;}

					/*Footer*/
					.column {
						width: 100%;
						text-align: center;
						padding: 20px 0;
					}

					.logo-wrapper {
						margin-top: 20px;
						text-align: center;
					}

			    }

			    /* #Mobile (Landscape)
				================================================== */

				/* Note: Design for a width of 480px */

			    @media only screen and (min-width: 480px) and (max-width: 767px) {
			    	.container_12,
		    		.container_12 .grid_1,
					.container_12 .grid_2,
					.container_12 .grid_3,
					.container_12 .grid_4,
					.container_12 .grid_5,
					.container_12 .grid_6,
					.container_12 .grid_7,
					.container_12 .grid_8,
					.container_12 .grid_9,
					.container_12 .grid_10,
					.container_12 .grid_11,
					.container_12 .grid_12,
					.container_12 .grid_13 {width: 420px;}

					.container_12 .grid_1 .border-shadow img,
					.container_12 .grid_2 .border-shadow img,
					.container_12 .grid_3 .border-shadow img,
					.container_12 .grid_4 .border-shadow img,
					.container_12 .grid_5 .border-shadow img,
					.container_12 .grid_6 .border-shadow img,
					.container_12 .grid_7 .border-shadow img,
					.container_12 .grid_8 .border-shadow img,
					.container_12 .grid_9 .border-shadow img,
					.container_12 .grid_10 .border-shadow img,
					.container_12 .grid_11 .border-shadow img,
					.container_12 .grid_12 .border-shadow img,
					.container_12 .grid_13 .border-shadow img {max-width: 390px; height: auto;}

					/*header*/

					.logo 					{width: 211px;}
					.service-bar 			{width: 420px;}
					#main_search .inp_text 	{width: 300px;}
					#main_navi				{margin: 17px 0 0 0px;}
					.container_3				{ width:420px;}

					/*Program*/
					#pagetopic				{width:420px;}

					/*Detail*/
					#products .list_carousel li  			{width: 210px;}
					#products .list_carousel li .grid_3 	{width: 190px;}
					#products .list_carousel li .grid_3 img {max-width: 160px; height:auto;}
					.product_item .bigger  					{margin-bottom: 70px;}

					/*Warenkorb*/
					.product-width {width:390px;}

					/*checkout*/

					.checkout_progress .progress_step {width: 389px !important;}
					.checkout_progress .progress_step.future .rightSeparator, .checkout_progress .progress_step.current .rightSeparator {left:205px;}
					.formitem .longinput {width:220px;}

					.container_12 .push_1 {
						left:0px;
					}

					.styledSelect {width:222px} 

					.longinput {width:226px;}
					.mediuminput {width: 135px;}
					.customSelectInner {width: 217px !important;}

			    }


			    /*If retina iphone*/
        
		        @media only screen 
		        and (max-width: 767px) 
		        and (-webkit-min-device-pixel-ratio: 2) {
		        	.inp_search {padding-top: 5px;}
		        }



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

.blue-btn{ cursor: pointer; color: #000000;  padding:5px 15px;  font-size:15px; height:30px; 
					/*border:1px solid #92b1c4;*/ /*color:#ffffff;*/ 
					color:#000000;  width:220px; font-size: 26px;
					padding: 7px 0px 0px 0px;
					/*background:#9eb8c7 url(../_img/corner-image.png) no-repeat right top;*/
					background:url(../_img/black-corner-image.png) no-repeat right top;
					text-transform: uppercase;
					text-align:center;
					}

.blue-btn:hover{/*background: #53839e;*/ background:none;}

/*  Team Inertia */
.itunes_icon {background: url(../_img/sprite-master.png) no-repeat 22px -736px; padding: 45px 0 0 0; font-size: 9px; font-weight: 300; text-align: center; font-family: Arial; color: #7d7d7d;}
.shopcart_icon	{background: url(../_img/sprite-master.png) no-repeat 22px -642px; padding: 45px 0 0 0; font-size: 9px; font-weight: 300; text-align: center; font-family: Arial; color: #7d7d7d;}


.btn.itune_basket{ width:195px; margin-top:30px; padding:10px 0 10px 65px; font-size:18px; background: #9eb8c7 url(../_img/sprite-master.png) no-repeat 22px -736px;}
.btn.itune_basket:hover{ background-color:#53839e;} 

.formitem label.bdt{ padding-left:100px;}

.formitem input.txtbox{
height:15px;
width:100px;
float:left;
margin-left:5px;
}

.product-rgt{
width:280px;}

.product-width{
width:500px;}


a p.book{ font-size: 11px;
    line-height: 15px;
	color:#858585;
	margin-bottom:15px;
	}

a:hover p.book{color:#858585;}

/*-----------------agb page start--------------------*/

.separator{border-bottom:1px solid #000000;
margin:5px 0px 40px 0px;}

h3.header{color:#000000;
font-weight:900;
font-size:16px;
line-height:26px;
margin-bottom:0px;}

h3.header span{margin:10px 0px;}

h3.header label{color:#000000;
font-weight:600;
font-size:14px;
line-height:22px;}

h5.header{color:#000000;
font-weight:900;
font-size:14px;
line-height:22px;
padding:0px;
margin:0px 0px 5px 0px;
text-transform:none;}

h4.header{text-transform:none;}

p.content{color:#000000;
font-weight:700;
font-size:14px;
line-height:22px;
padding:0px;
margin:0px;}

.float-left{float:left;
width:22%;
margin:0 3% 5% 0;}



select.agb{width:530px;
border:4px solid #93b1c4;
border-radius:3px;
padding:4px;
margin:0px 0px 0px 8px;
font-weight:normal;
font-size:14px;
line-height:20px;}


.spacer5 {
	font-size:1px;
	height:5px;
	background:transparent;
}

/*label{width:300px;
margin-right:10px}*/


.image-left{float:left;
width:215px;
border:0px solid #bebebe;
/*background:url(../images/agb-block-img.jpg) no-repeat left top;*/
padding:0;
margin:0% 2% 5% 0;
text-align:center;}


.image-left .dummy{/*background:url(../images/agb-block-img.jpg) no-repeat left top;*/
width:215px;
height:152px;
margin:0 0 4% 0;
}


.image-left .dummy:hover{background:url(../images/download.jpg) no-repeat left bottom;
width:215px;
height:152px;
margin:0 0 4% 0;
}

.image-left img{/*width:215px;*/
height:152px;
margin:0 auto;}


/*-----------------agb page end--------------------*/
.disbale-chkbx {opacity:0.3}

.btn.updatecart{ background-color:#e7ebec; color:#7f7f7f;}
.btn.updatecart:hover{ background-color:#FFF; color:#333;}


#tooltip { position:absolute;
	background:#fffdc2;
	padding:5px 10px;
	color:#000000;
	display:none;
	box-shadow:0px 0px 3px #bcbcbc;
	font: 300 12px/16px 'Lato', arial;
	font-family:Arial;
	border-radius:5px;
	cursor:pointer;
	text-align:center;} 
	
h4.slide-name{font-size: 14px; text-transform:none; }

.more-btn{background:#9eb8c7 url(../images/book-more-btn.png)no-repeat center right;
color:#ffffff;
width:220px;
border:1px solid #92B1C4;
padding:10px;
text-align:left;
font-size:26px;}

.more-btn:hover{background:#9eb8c7;
text-decoration:underline;
color:#ffffff;}


<!--- Validation CSS -->
.formitem span.red-txt{color: #e50404; font-size:10px;}
.validation_message {

	top:80px;
	left: 130px;
	width: 124px;}
	
.input_text_validation_error {
	border: 1px solid #d92a36;
	background: #ffffff url(../_img/sprite-typo.png) no-repeat right -1437px;
}


.input_text_validation_ok {background: url(../_img/sprite-typo.png) no-repeat right -1483px;}

.formitem .rgt-txt{
float:left; margin-left:10px;}

.formitem input.txtbx{
float:none;
}


.tbl-form{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

.tbl-form th{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font: 400 12px/20px 'Lato',Arial,serif;
font-weight:bold;
height:35px;
}

.tbl-form td{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:40px;
}


.tbl-form select.input_text_validation_error {
	border: 1px solid #d92a36;
	background: #ffffff url(../_img/sprite-typo.png) no-repeat right -1437px;
}

.inactive_box_buy{
opacity:0.5;
cursor:default;
	border: 1px solid #dbdcdc;
	height: 75px;
	width: 75px;
	padding: 5px;
	float: right;
	margin: 0 0 0 5px;
	display: block;
	color: #000;
	text-align:left;
}	

.inactive_box_buy:hover {
	text-decoration: none;
	border: 1px solid #dbdcdc;
	opacity:0.5;
}

		.btn_inactive{width:195px; margin-top:30px; padding:10px 0 10px 65px; font-size:18px; background: #9eb8c7 url(../_img/sprite-master.png) no-repeat left -155px; opacity:0.5; cursor:default;}
		
		.btn_inactive:hover{ background-color:#9eb8c7; opacity:0.5;}