/* STYLE BEGIN */

body{
    background: #00BDDF url(../img/background-pattern.png) top center fixed;
}

a{
	color: #FF7900;
}

input[type="email"],
input[type="text"],
input[type="password"],
select{
	background: #F2F4F7;
	border: 1px solid #CACACA;
	color: #333333;
}

button{
	background: #4D6977;
	color: #FFFFFF;
	
}

h2{
	border-bottom: 1px solid #E2E2E4;
}

.wrapper{
    background: #FFFFFF;
}

.line{
	border-top: 1px solid #E2E2E4;						
}

#header{
    .header-content{
		border-bottom: 1px solid #E1E2E4;	
        .menu{
            ul{
                li{
                    a{
                        color: #000000;
                    }
                }
            }
        }
        .search{
            form{
				.glyphicon{
					color: #4D6977;
				}				
            }
        }
        .cart{
            .cart-box{
                background: #4D6977;
                color: #FFFFFF;
            }
			.arrow{
				border-color: #4D6977 transparent transparent transparent;
			}
        }
		.pop-over{
			.arrow{
				border-color: transparent transparent #F3F3F5 transparent;				
			}
			.content{
				background: #F3F3F5;
				table{
					border-bottom: 1px solid #000000;
					tr{
						th{
							border-bottom: 1px solid #000000;
						}
						&:nth-child(odd){
							td{
								background: #FFFFFF;							
							}
						}							
					}
				}							
			}
			.close-pop-over{
				color: #000;
			}
		}
    }
}

#main{
	.sidebar{
		border-right: 1px solid #E1E2E4;
		.mobile-category-menu-button{
			color: #00BDDF;
		}
		.mobile-filters-menu-button{
			color: #00BDDF;
		}				
		.category-menu{
			ul{
				li{
					background: #F3F3F5;
					a{
						color: #676B76; 
						&:hover{
							color: #000000;
						}
					}
					ul{
						background: #F3F3F5;					
						li{		
							background: transparent;
							a{
								background: transparent;
							}						
						}
						li:nth-child(even){
							background: transparent;
						}
					}
				}
				li:nth-child(even){
					background: #E5E4E9;
					ul{
						background: #E5E4E9;					
						li{
							background: transparent;						
							a{
								background: transparent;
							}						
						}
					}
				}
			}
		}		
		.filters{
			ul{
				li{
					background: #F3F3F5;
					a{
						color: #676B76; 
						&:hover{
							color: #000000;
						}
					}
					.title{
						background: #E5E4E9;
					}
					ul{
						background: #F3F3F5;					
						li{		
							background: transparent;
							a{
								background: transparent;
							}						
						}
						li:nth-child(even){
							background: transparent;
						}
					}
				}
			}
		}
		.newsletter{
			background: #00BDDF url(../img/background-pattern.png) center center;
			color: #FFFFFF;
			
		}
		.item{
			.price{
				color: #000000;
			}
		}
	}
	.content{
		.slideshow{
			#prev-model,
			#next-model{
				.glyphicon{
					color: #01A9D6;
				}
			}
		}
		.slideshow-banner{
			#prev-model,
			#next-model{
				.glyphicon{
					color: #01A9D6;
				}
			}
		}		
		.product{
			.price-box{
				background: #E5E4E9;
				color: #FF7900;
			}
			.features{
				table{
					tr:nth-child(odd){
						background: #F9F9F9;
					}
					tr:nth-child(even){
						background: #F5F5F5;
					}
				}
			}
		}
		.contact-box{
			background: #5F7C8A;
			color: #FFFFFF;
		}
	}
	.cart{
		.link{
			background: #E5E5E8;
			.number{
				background: #676A74;
				color: #FFFFFF;
			}
			a{
				color: #676A74;
			}
			.right-arrow{
				border-color: transparent transparent transparent #E5E5E8;		
			}
			.right-arrow-line{
				border-color: transparent transparent transparent #FFFFFF;		
			}				
			&.active{
				background: #FF7900;
				.number{
					background: #FFFFFF;
					color: #717171;
				}
				a{
					color: #FFFFFF;
				}
				.right-arrow{
					border-color: transparent transparent transparent #FF7900;		
				}
				.right-arrow-line{
					border-color: transparent transparent transparent #FFFFFF;		
				}					
			}
		}
		table{
			tr{
				border-top: 1px solid #E2E2E4;
				border-bottom: 1px solid #E2E2E4;			
				th{

				}
				td{
					.price{
						color: #FF7900;
					}
				}
				.product-name{
					a{
						color: #676a74;					
					}
				}
				.recount,
				.delete{
					background: #E5E5E8;
					color: #000000;
				}				
				&.bottom{
					a{
						color: #000000;
					}
				}				
			}
			tr:nth-child(even){
				background: #FFFFFF;
			}			
			tr:nth-child(odd){
				background: #F3F3F5;
			}	
			tr:first-child{
				background: #FFFFFF;
			}
			tr:last-child{
				background: #E5E5E8;
				td{
					border-top: 2px solid #FFFFFF;				
				}
			}
		}
		.mode{
			.cart-row{
				margin-bottom: 10px;
				border-bottom: 1px solid #E2E2E4;			
			}
		}
		button{
			float: right;
		}			
	}	
	.search-form{
		background: #F3F3F5;
		select{
			background: #FFFFFF;
		}
	}	
	.item.search-item{
		.price-box{
			background: #E5E4E9;
			color: #FFFFFF;
			button{
				background: #5F7C8A;
				color: #fff;
				&:hover{
					background: #E5E4E9;
					color: #FF7900;
				}
			}
		}
		button{
			background: #5F7C8A;
			color: #fff;
			&:hover{
				background: #E5E4E9;
				color: #FF7900;
			}
		}
	}	
	.pager{
		a{
			color: #000000;
			&.active{
				color: #fff ;
				background: #5F7C8A;
			}
			&:hover{
				color: #000 ;
				background: #ddd;
			}			
		}
	}	
	.item{
		a{
			color: #000000;	
			&:hover{
				color: #000000;	
				opacity: 0.8;			
			}		
		}
		button{
			font-family: 'Roboto Slab',Arial;
			color: #FF7900;
			background: #E9EFEF;
			&:hover{
				background: #5F7C8A;
				color: #fff;
			}			
		}
		.box{
			background: #E9EFEF;
		}
		.price{
			color: #FF7900;
		}		
	}
	.ribbon{
		background: #FF7900;
		color: #FFFFFF;
		.arrow{
			&.top{
				border-left: 10px solid #01A9D6;
			}
			&.bottom{
				border-left: 10px solid #01A9D6;
			}
		}			
	}
}

#footer-content{
	.wrapper{
		border-top: 1px solid #E2E2E4;	
		background: #E9EFEF;
		.title{
			color: #222;
		}
		p{
			color: #222;
			a{
				color: #FF7900;
				font-weight: 700;
			}
		}
	}
}

#footer{
	.wrapper{
		background: #5F7C8A;
		color: #FFFFFF;
		border-top: 1px solid #E2E2E4;
		a{
			color: #03D1D1;
		}
	}
}

#callModal{
  .modal-body{
	background:#ffffff;
  }
  .modal-footer{
    button{
      color: #000000;
	  background-color:#E5E5E8;	   
    }	
  }
  form.contact{
    textarea, input[type="text"], input[type="password"], select{
      background-color: #FFFFFF;
      border: 1px solid #CDCDD1;
    }
    button{
	  background-color: #4D6977;		   
    }
  }
}

@media(max-width: @screen-xs-max){
	#header{
		.header-content{
			.menu{
				ul{
					li{
						a{
							border-bottom: 1px solid #CACACA;
						}
					}
				}
			}
			.mobile-menu-button{
				color: #00BDDF;
			}
		}
	}
}

@media(min-width: @screen-tablet){

}

@media(min-width: @screen-desktop){

}

@media(min-width: @screen-lg-desktop){

}

.modal{
	.modal-content{
		.cart-button{
			background: #FF7900;
		}
	}
	.modal-body{
		background: #F1F1F1;
	}
}

.next{
	background: #4D6977;
}

.arak {
	color: #01A9D6;
}

/* STYLE END */


/* PRODUCT SLIDESHOW BEGIN */

#cycle-2 .cycle-slide { border: 1px solid #E0E2E7;}
#cycle-2 .cycle-slide-active { border:1px solid #004; }

/* PRODUCT SLIDESHOW  END*/

/* RADIO BUTTON START */

input[type="radio"] + label {
    color: #000000;
}
input[type="radio"] + label span.radio {
    color: #FFFFFF;
	background-color:#FFFFFF;
	border: 1px solid #CACED4;
}

input[type="radio"]:checked + label span.radio{
    background-color:#01A9D6;
    color: #FFFFFF;
	border: 1px solid #01A9D6;	
}

/* RADIO BUTTON END */


.blue-button {
	background-color: #E5E5E5 !important;
	color: #000;
}

.black-button {
	background-color: #333645 !important;
}