html {
width : 100%;
height : 100%;
}
body {
font-size : 11px;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #989395;
margin : 0;
padding : 0;
width : 100%;
height : 100%;
background : no-repeat scroll top left #fafafa;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
}
body * {
box-sizing : border-box;
-moz-box-sizing : border-box; /* Firefox 28 and earlier*/
}
.yorum1{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
padding-top:5px;
font-weight:bold;
}
.yorum2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#1963aa;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
}
.yorum3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
font-weight:normal;
}
.ucretsiz_kargo{position:absolute; right:5px; bottom:5px; width:77px; height:35px; background-image:url(images/ucretsiz_kargo.png); background-repeat:no-repeat;}
/*------ STATIC ------*/
.clear {
clear : both;
margin : 0px;
padding : 0px;
}
.clearFix:after {
clear : both;
}
.clearFix:before,
.clearFix:after {
content : "";
display : table;
}
.fLeft {
float : left;
}
.fRight {
float : right;
}
.none {
display : none !important;
}
.alert {
display : block;
padding : 8px 35px 8px 14px;
margin : 10px 0;
text-shadow : 0 1px 0 rgba(255, 255, 255, 0.5);
background-color : #fcf8e3;
border : 1px solid #fbeed5;
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
}
.alert-success {
color : #468847;
background-color : #dff0d8;
border-color : #d6e9c6;
}
.alert-error {
color : #b94a48;
background-color : #f2dede;
border-color : #eed3d7;
}
.alert-info {
color : #3a87ad;
background-color : #d9edf7;
border-color : #bce8f1;
}
.success,
.fail {
background : #468847;
display : inline-block;
padding : 2px 4px;
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
color : #FFF;
}
.fail {
background : #999;
}
.textGreen{
color : #0ca85d;
}
.textRed{
color : #cb4040;
}
*:disabled{
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter : alpha(opacity=50);
-moz-opacity : 0.5;
-khtml-opacity : 0.5;
opacity : 0.5;
}.Status{
display : inline-block;
padding : 2px 4px;
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
color : #FFF;
}
.Status-1{
background : #999;
}
.Status-11{
background : #468847;
}
.Status-8{
background : #468847;
}
.Status-12{
background : #999;
}
.Status-9{
background : #999;
}
.Status-10{
background : #B94A48;
}
.Status-7{
background : #F89406;
}
.Status-3{
background : #468847;
}
.Status-2{
background : #3A87AD;
}
.Status0{
background : #F89406;
}
.Status1{
background : #999;
}
.Status2 {
background : #3A87AD;
}
.Status3{
background : #468847;
}
.Status4{
background : #468847;
}
.Status5{
background : #66ce00;
}
.Status6{
background : #B94A48;
}
.Status7{
background : #333;
}
.Status8{
background : #F89406;
}
.Status9{
background : #223e66;
}
.Status10{
background : #f00;
}
.Status11{
background : #3A87AD;
}
.Status12{
background : #F89406;
}
.Status13{
background : #B94A48;
}
.Status-5{
background : #66ce00;
}
.Status-6{
background : #B94A48;
}
.Status-4{
background : #468847;
}
.dataCount:before,
.dataCount:after {
content : " ";
display : table;
}
.dataCount:after {
clear : both;
}
.dataCount{
margin : 10px 0;
}
.dataCount ul li{
float : left;
margin-right : 5px;
font-size : 12px;
}
.dataCount ul li span{
font-weight : bold;
color : #cb4040;
}
.labelInput{
display : block;
width : 100%;
height : 30px;
margin-bottom : 0;
padding : 7px;
border : 1px solid #d8d9db;
background-color : #FFFFFF;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
overflow : hidden;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}
.labelInput label{
margin : 0;
}
label input[type="checkbox"]{
float : left;
margin : 2px 5px 0 0;
}
a {
display : inline-block;
text-decoration : none;
color : #272818;
}
span {
display : inline-block;
}
/*===== INPUT =====*/
label,
input,
button,
select,
textarea {
font-size : 14px;
font-weight : normal;
margin : 3px 0;
}
label {
display : block;
margin-bottom : 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display : inline-block;
height : 30px;
padding : 4px 6px;
font-size : 12px;
line-height : 20px;
color : #555555;
vertical-align : middle;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
textarea {
height : auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color : #ffffff;
border : 1px solid #e6e4e4;
-webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition : border linear 0.2s, box-shadow linear 0.2s;
-moz-transition : border linear 0.2s, box-shadow linear 0.2s;
-o-transition : border linear 0.2s, box-shadow linear 0.2s;
transition : border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color : rgba(82, 168, 236, 0.8);
outline : 0;
outline : thin dotted \9;
/* IE6-9 */
-webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="radio"],
input[type="checkbox"] {
margin : 4px 0 0;
margin-top : 1px \9;
*margin-top : 0;
line-height : normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width : auto;
}
select,
input[type="file"] {
height : 30px;
*margin-top : 4px;
line-height : 30px;
}
select {
background-color : #ffffff;
border : 1px solid #cccccc;
}
select[multiple],
select[size] {
height : auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline : thin dotted #333;
outline : 5px auto -webkit-focus-ring-color;
outline-offset : -2px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor : not-allowed;
background-color : #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
background-color : transparent;
}
.inputFull input[type="text"],
.inputFull input[type="file"],
.inputFull input[type="image"],
.inputFull input[type="submit"],
.inputFull input[type="reset"],
.inputFull input[type="button"],
.inputFull select,
.inputFull textarea {
width : 75%;
}
/*===== INPUT END =====*/
/*===== DATA TABLE ====*/
@media screen and (max-width: 1000px){
.dataTable {
overflow-x : scroll;
}
}
.dataTable.hidden {
overflow-x : scroll;
}
.dataTable {
margin : 5px 0;
}
.dataTable table{
border : 0;
}
.dataTable table{
width : 100%;
border-collapse : collapse;
border : 1px solid #d8d9db;
font-size : 13px;
}
.dataTable table thead tr th{
text-align : left;
border : 1px solid #d8d9db;
border-top : 0;
padding : 10px;
background : #f1f1f1;
}
.dataTable table thead tr th:first-child{
border-left : 0;
}
.dataTable table thead tr th:last-child{
border-right : 0;
}
.dataTable table tbody tr.title td,
.dataTable table tbody tr.title th{
font-weight : bold;
white-space : nowrap;
border : 1px solid #d8d9db;
border-top : 0;
padding : 10px;
background : url("images/box-toggle-title.png") repeat-x scroll bottom left #fff !important;
}
.dataTable table tbody tr.title td:first-child,
.dataTable table tbody tr.title th:first-child{
border-left : 0;
}
.dataTable table tbody tr.title td:last-child,
.dataTable table tbody tr.title th:last-child{
border-right : 0;
}
.dataTable table tbody tr.title td a,
.dataTable table tbody tr.title th a{
color : #666;
}
.dataTable table tbody tr td{
padding : 10px;
border-left : 1px solid #d8d9db;
}
.dataTable table tbody tr td:first-child{
border-left : 0;
}
.dataTable table tbody tr:nth-child(odd) td{
background-color : #f7f7f7;
}
.dataTable table tbody tr:nth-child(even) td{
background-color : #fff;
}
.dataTable table tbody tr:hover > td{
background-color : #efefef;
}
#orderdetail td {
border : 1px solid #d8d9db;
}
/*===== DATA TABLE END====*/
/*===== DATA PAGER ====*/
.dataPager span,
.dataPager a{
display : inline-block;
width : 26px;
height : 26px;
line-height : 26px;
float : left;
margin : 0 5px 5px 0;
text-align : center;
border : 1px solid #e1e1e1;
background-color : #fff;
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
}
.dataPager span:hover,
.dataPager a:hover{
border-color : #cb4040;
}
.dataPager span{
color : #fff;
border-color : #cb4040;
background-color : #cb4040;
}
/*===== DATA PAGER END ====*/
/*===== DATA FORM ====*/
.dataForm input[type="text"],
.dataForm select,
.dataForm textarea {
width : 100%;
}
/*===== DATA FORM END ====*/
.radius5 {
-webkit-border-radius : 3px;
-moz-border-radius : 3px;
border-radius : 3px;
border : 1px solid #ebeaea;
}
.moduleTitle {
display : block;
padding : 10px;
font-size : 13px;
font-weight : bold;
background-color : #f2f2f2;
position : relative;
border-bottom : 1px solid #e6e4e4;
}
.editTitle {
position : absolute;
background-color : #000;
color : #FFF;
padding : 5px;
}
.moduleTitle .moduleTitleEdit {
padding : 10px;
z-index : 9999;
position : absolute;
top : 0px;
right : 0px;
z-index : 99;
}
.title2{
display : block;
padding : 3px 0;
margin : 5px;
background-color : #407ac5;
color : #fff;
font-size : 12px;
text-align : center;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
.title3 {
width : 100%;
padding : 5px;
margin-bottom : 10px;
font-size : 15px;
font-weight : bold;
border-bottom : 1px solid #e6e4e4;
}
.title4 {
width : 100%;
padding : 5px;
margin-bottom : 10px;
font-size : 13px;
font-weight : bold;
border-bottom : 1px solid #e6e4e4;
}
/*==== MODULE CONTAINER
=======================*/
.module {
border : 1px solid #ebeaea;
background-color : #fff;
margin-bottom : 10px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
.moduleContent {
padding : 10px;
}
.moduleBox {
margin : 5px;
border : 1px solid #ebeaea;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
.moduleContentCol1 {
width : 100%;
padding : 5px;
margin-bottom : 10px;
text-align : left;
}
.moduleContentCol2 {
float : left;
width : 49%;
margin-right : 2%;
padding : 5px;
text-align : left;
}
.moduleContentCol2 + .moduleContentCol2 {
margin-right : 0%;
}
.moduleContentCol3 {
float : left;
width : 32%;
margin-right : 2%;
padding : 5px;
text-align : left;
}
.moduleContentCol3:nth-child(3n+0) {
margin-right : 0;
}
.moduleContentCol4 {
float : left;
width : 24.2%;
margin-right : 1%;
padding : 5px;
text-align : left;
}
.moduleContentCol4:nth-child(4n+0) {
margin-right : 0%;
}
.moduleContentCol5 {
float : left;
width : 19%;
margin-right : 1%;
padding : 5px;
text-align : left;
}
.moduleContentCol5:nth-child(5n+0) {
margin-right : 0%;
}
.moduleCol1 {
width : 100%;
padding : 5px;
text-align : left;
}
.moduleCol2 {
float : left;
width : 49%;
margin-right : 2%;
padding : 5px;
text-align : left;
}
.moduleCol2 + .moduleCol2 {
margin-right : 0%;
}
.moduleCol2:before,
.moduleCol2:after {
clear : both;
content : "";
display : table;
}
.moduleCol3 {
float : left;
width : 32%;
margin-right : 2%;
padding : 5px;
text-align : left;
}
.moduleCol3:nth-child(3n+0) {
margin-right : 0;
}
.moduleCol4 {
float : left;
width : 23.5%;
margin-right : 2%;
padding : 5px;
text-align : left;
}
.moduleCol4:nth-child(4n+0) {
margin-right : 0%;
}
.moduleContentCol1:before,
.moduleContentCol1:after {
content : "";
display : table;
clear : both;
}
.moduleContentCol2:before,
.moduleContentCol2:after {
content : "";
display : table;
clear : both;
}
.moduleContentCol3:before,
.moduleContentCol3:after {
content : "";
display : table;
clear : both;
}
.moduleContentCol4:before,
.moduleContentCol4:after {
content : "";
display : table;
clear : both;
}
.moduleContentCol5:before,
.moduleContentCol5:after {
content : "";
display : table;
clear : both;
}
@media screen and (max-width: 890px){
.moduleContentCol5 {
width : 32%;
margin-right : 2%;
}
.moduleContentCol5:nth-child(5n+0) {
margin-right : 2%;
}
.moduleContentCol5:nth-child(3n+0) {
margin-right : 0;
}
}
@media screen and (min-width: 481px) and (max-width: 768px){
.moduleContentCol2 {
width : 48%;
margin-bottom : 10px;
}
.moduleContentCol4 {
width : 49%;
margin-bottom : 10px;
}
.moduleContentCol4:nth-child(2n+0) {
margin-right : 0%;
}
}
@media screen and (min-width: 321px) and (max-width: 480px){
.moduleContentCol2 {
width : 100%;
margin-bottom : 10px;
}
.moduleContentCol3 {
width : 100%;
margin-bottom : 10px;
}
.moduleContentCol4 {
width : 49%;
margin-bottom : 10px;
}
.fourContent .moduleContentCol4 {
/*height : 329px;*/
}
.moduleContentCol4:nth-child(2n+0) {
margin-right : 0%;
}
.moduleCol2 {
display : block;
float : none;
width : 100%;
margin-right : 0%;
padding : 5px;
text-align : left;
}
.moduleContentCol5 {
width : 49%;
margin-right : 2%;
}
.moduleContentCol5:nth-child(2n+0) {
margin-right : 0%;
}
}
@media screen and (min-width: 200px) and (max-width: 320px) {
.moduleContentCol2 {
width : 100%;
}
.moduleContentCol3 {
width : 100%;
margin-bottom : 10px;
}
.moduleContentCol4 {
width : 100%;
margin-bottom : 10px;
}
.moduleContentCol4:nth-child(2n+0) {
margin-right : 0%;
}
.moduleContentCol5 {
width : 100%;
margin-right : 0;
}
}
.button,
input[type="button"],
input[type="submit"] {
display : inline-block;
padding : 5px 15px;
margin : 5px 0;
background-color : #407ac5;
color : #fff;
text-align : center;
font-size : 12px;
cursor : pointer;
-webkit-border-radius : 3px;
-moz-border-radius : 3px;
border-radius : 3px;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
border : none;
}
.button + .button {
margin-left : 5px;
}
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
background-color : #e7128f;
}
.buttonActive {
background-color : #e7128f;
}
.iButton {
display : block;
padding : 7px 5px;
font-size : 14px;
}
.buttonLink {
font-weight : bold;
color : #427fed;
}
.formContent input,
.formContent select,
.formContent .button {
width : 100%;
}
.formContent label {
min-height : 12px;
}
.formContent .inputButton input {
width : 65%;
float : left;
}
.formContent .inputButton input + input {
width : 30%;
float : left;
margin-left : 5%;
}
.formContent .inputButton input + select {
width : 30%;
float : left;
margin-left : 5%;
}
#container {
width : 100%;
}
#container:before,
#container:after {
content : "";
display : table;
clear : both;
}
@media screen and (min-width: 1120px){
#container {
min-width : 1120px;
}
.wrapper {
width : 1120px;
margin : 0 auto;
}
}
@media screen and (max-width: 768px){
#container {
max-width : 768px;
}
.wrapper {
max-width : 768px;
margin : 0 auto;
padding : 0 10px;
}
}
@media screen and (max-width: 480px){
#container {
max-width : 480px;
}
.wrapper {
max-width : 480px;
margin : 0 auto;
}
}
@media screen and (max-width: 320px){
#container {
min-width : 320px;
}
.wrapper {
min-width : 320px;
margin : 0 auto;
}
}
#container a {
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
}
/*===== MODULE CONTAINER END
=============================*/
/*------ STATIC END------*/
/*===== HEADER
=============================*/
/*-- Header Admin --*/
#header {
position : relative;
z-index : 999;
}
#header .admin-page {
display : block;
position : relative;
z-index : 0;
}
#header .admin-page .pageMenu {
display : block;
background-color : #f2f2f2;
border : 1px solid #e6e4e4;
}
#header .admin-page .pageMenuButton{
display : none;
}
#header .admin-page .pageMenu ul {
display : block;
}
#header .admin-page .pageMenu > ul li {
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
#header .admin-page .pageMenu > ul > li {
float : left;
position : relative;
background : url("images/menu-line.png") no-repeat scroll center right transparent;
}
#header .admin-page .pageMenu > ul > li:first-child a:before {
display : inline-block;
font-family : "fontello";
content : '\e84c';
font-size : 8px;
position : absolute;
top : 13px;
left : 10px;
font-size : 15px;
}
#header .admin-page .pageMenu > ul > li:first-child > a {
padding-left : 30px;
}
#header .admin-page .pageMenu > ul > li:last-child {
background : url("none.html") no-repeat scroll center right transparent;
}
#header .admin-page .pageMenu > ul > li > a {
display : block;
padding : 15px 10px;
font-size : 12px;
color : #989395;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#header .admin-page .pageMenu > ul > li:hover > a {
background-color : #407ac5;
color : #fff;
}
#header .admin-page .pageMenu > ul > li:hover > ul {
display : block;
}
#header .admin-page .pageMenu > ul > li > ul {
display : none;
padding : 10px 5px;
position : absolute;
top : 35px;
left : 0px;
background-color : #407ac5;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
#header .admin-page .pageMenu > ul > li > ul > li {
white-space : nowrap;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#header .admin-page .pageMenu > ul > li > ul > li > a {
color : #fff;
padding : 5px 10px;
}
#header .admin-page .pageMenu > ul > li > ul > li:hover {
white-space : nowrap;
background-color : #575153;
}
@media screen and (min-width: 769px) and (max-width: 1920px){
#header .admin-page .pageMenu {
display : block !important;
}
}
@media screen and (max-width: 900px){
#header .admin-page .pageMenu > ul > li > a {
padding : 9px 4px;
font-size : 11px;
}
}
@media screen and (min-width: 200px) and (max-width: 768px) {
#header .admin-page .pageMenuButton {
display : block;
text-align : center;
background-color : #575153;
padding : 5px;
color : #fff;
cursor : pointer;
}
#header .admin-page .pageMenuButton:before {
display : inline-block;
font-family : "fontello";
content : '\ed11';
padding-right : 10px;
}
#header .admin-page .pageMenu {
display : none;
}
#header .admin-page .pageMenu > ul > li {
float : none;
display : block;
width : 100%;
background : url("none.html") no-repeat scroll center right transparent;
border-bottom : 1px solid #e6e4e4;
}
#header .admin-page .pageMenu > ul > li > a {
text-align : center;
font-size : 12px;
-webkit-border-radius : 0px;
-moz-border-radius : 0px;
border-radius : 0px;
}
#header .admin-page .pageMenu > ul > li:first-child > a {
padding-left : 0px;
}
#header .admin-page .pageMenu > ul > li:first-child a:before {
}
#header .admin-page .pageMenu > ul > li > ul {
z-index : 10;
}
}
/*-- Header Admin End--*/
/*-- Header Top --*/
#header .hdr-top {
width : 100%;
padding : 10px 0;
}
#header .hdr-top .linkLeft {
float : left;
position : relative;
z-index : 9998;
font-family : 'Open Sans', sans-serif;
font-size : 12px;
color : #ffffff;
}
#header .hdr-top .linkLeft span {
display : inline-block;
float : left;
padding : 5px 0 0 5px;
cursor : pointer;
}
#header .hdr-top .linkLeft .userContent {
display : none;
padding : 10px;
position : absolute;
top : 100%;
background-color : #FFF;
}
#header .hdr-top .linkLeft .userContent a {
display : block;
font-size : 11px;
color : #999999;
padding : 5px 0;
}
#header .hdr-top .linkLeft .userContent a:hover {
color : #e7128f;
}
#header .hdr-top .linkLeft div.messageHeader {
padding : 5px 0px 0 10px;
}
#header .hdr-top .linkLeft div.messageHeader:hover a {
color : #e7128f;
}
#header .hdr-top .linkLeft div.messageHeader:before {
display : inline-block;
font-family : "fontello";
content : "\efc8";
padding : 0 5px 0 10px;
-webkit-transform : rotateY(180deg); /* Chrome, Safari, Opera */
transform : rotateY(180deg);
}
#header .hdr-top .linkLeft div.messageHeader a {
display : inline-block;
color : #999999;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
}
#header .hdr-top .linkLeft .linkSecure:before {
display : inline-block;
font-family : "fontello";
content : "\e852";
padding-right : 5px;
}
#header .hdr-top #linkButton {
display : none;
}
#header .hdr-top .linkRight {
float : right;
}
#header .hdr-top .linkRight .linkMenu {
float : left;
}
#header .hdr-top .linkRight .linkMenu li {
float : left;
}
#header .hdr-top .linkRight .linkMenu li a {
display : block;
padding : 0px 0px 0 17px;
font-family : 'Open Sans', sans-serif;
font-size : 12px;
color : #ffffff;
}
#header .hdr-top .linkRight .linkMenu li a:hover {
color : #e7128f;
}
@media screen and (max-width: 890px){
#header .hdr-top {
position : relative;
z-index : 999;
padding : 5px 10px;
}
#header .hdr-top #linkButton {
display : block;
float : right;
margin-left : 10px;
cursor : pointer;
color:#FFF;
}
#header .hdr-top #linkButton:before {
display : block;
border : 1px solid #d6d3d3;
padding : 3px 5px;
font-family : "fontello";
content : '\e88e';
font-size : 17px;
text-align : center;
}
#header .hdr-top .linkRight {
display : none;
width : auto;
float : right;
padding : 5px;
position : absolute;
top : 100%;
right : 10px;
background-color : #6d747e;
border : 1px solid #ebeaea;
padding-right : 25px;
}
#header .hdr-top .linkRight .linkMenu {
float : right;
padding-left : 20px;
margin-bottom : 5px;
}
#header .hdr-top .linkRight .linkMenu li{
float : none;
display : block;
padding : 0px;
text-align : left;
}
#header .hdr-top .linkRight .linkMenu li a {
padding : 5px 0;
white-space : nowrap;
}
#header .hdr-top .linkRight .flags {
margin : 5px 0px;
}
}
@media screen and (min-width: 891px) {
#header .hdr-top .linkRight {
display : block !important;
}
}
/*-- Header Top END --*/
#header .hdr-white-content {
padding : 20px 10px 10px 10px;
background-color : #fff;
border : 1px solid #ebebeb;
/*
-moz-border-radius-bottomright : 5px;
-webkit-border-bottom-right-radius : 5px;
border-bottom-right-radius : 5px;
-moz-border-radius-bottomleft : 5px;
-webkit-border-bottom-left-radius : 5px;
border-bottom-left-radius : 5px;
*/
}
/*- Header Middle -*/
#header .hdr-middle {
padding-bottom : 20px;
}
/*- logo-*/
#header .hdr-middle .hdr-m-left {
width : 21.5%;
position : relative;
}
#header .hdr-middle .hdr-m-left a {
display : block;
}
#header .hdr-middle .hdr-m-left a img {
max-width : 196px;
}
/*- logo end-*/
/*- search -*/
#header .hdr-middle .hdr-m-center {
width : 46.5%;
position : relative;
border : 3px solid #e3e1e1;
}
#header .hdr-middle .hdr-m-center select {
width : 28%;
border : none;
}
#header .hdr-middle .hdr-m-center input {
width : 72%;
-webkit-box-shadow : inherit;
-moz-box-shadow : inherit;
box-shadow : inherit;
border : none;
}
#header .hdr-middle .hdr-m-center #btnSearch {
position : absolute;
top : 2px;
right : 2px;
padding : 6px;
font-size : 18px;
color : #fff;
background-color : #e7128f;
}
#header .hdr-middle .hdr-m-center #btnSearch:hover {
background-color : #407ac5;
}
/*-search end-*/
/*- cart -*/
#header .hdr-middle .hdr-m-right {
margin-left : 4%;
padding-top : 5px;
position : relative;
z-index : 998;
}
#header .hdr-middle .hdr-m-right .cart-icon {
font-size : 30px;
padding-right : 15px;
background : url("images/cart-arrow.png") no-repeat scroll center right transparent;
color : #407ac5;
cursor : pointer;
}
#header .hdr-middle .hdr-m-right .m-cart-icon {
display : none;
}
#header .hdr-middle .hdr-m-right .cart-content {
padding-left : 10px;
cursor : pointer;
}
#header .hdr-middle .hdr-m-right .cart-content .cart-title {
display : block;
padding-bottom : 5px;
font-family : 'Open Sans', sans-serif;
font-size : 12px;
color : #407ac5;
font-weight : 600;
}
#header .hdr-middle .hdr-m-right .cart-content .cart-text {
cursor : pointer;
}
#header .hdr-middle .cart-images {
display : none;
width : 310px;
position : absolute;
top : 130%;
right : 0px;
z-index : 5px;
padding : 5px;
border : 1px solid #e6e4e4;
background-color : #fff;
}
#header .hdr-middle .cart-images .cartDetail {
display : block;
border-top : 1px solid #e6e4e4;
padding-top : 5px;
margin : 5px;
}
#header .hdr-middle .cart-images .cartDetail span {
display : inline-block;
width : 50%;
font-size : 12px;
margin-bottom : 5px;
}
#header .hdr-middle .cart-images .cartDetail span#totalprice {
text-align : right;
font-weight : bold;
color : #575153;
}
#header .hdr-middle .cart-images .cartDetail .button {
display : block;
}
/*- cart end -*/
/*- Header Middle End -*/
/*- header bottom -*/
#header .hdr-bottom {
border-bottom : 3px solid #e7128f;
}
#header .hdr-bottom .hdr-b-left {
position : relative;
}
#header .hdr-bottom .hdr-b-left .h-cat-title {
padding : 15px 20px;
font-family : 'Open Sans', sans-serif;
font-size : 14px;
font-weight : 700;
background-color : #e7128f;
color : #fff;
cursor : pointer;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
}
#header .hdr-bottom .hdr-b-left .h-cat-title.active,
#header .hdr-bottom .hdr-b-left .h-cat-title:hover {
background-color : #407ac5;
}
#header .hdr-bottom .hdr-b-right .campaign-button {
display : none;
}
#header .hdr-bottom .hdr-b-left .headerMenu {
display : none;
width : 100%;
position : absolute;
top : 100%;
left : 0px;
padding : 5px 0px;
background-color : #f4f4f4;
}
#header .hdr-bottom .hdr-b-left .headerMenu ul li a {
display : block;
padding : 5px 10px;
font-family : 'Open Sans', sans-serif;
font-size : 12px;
}
#header .hdr-bottom .hdr-b-left .headerMenu ul li a:hover {
color : #407ac5;
}
#header .hdr-bottom .hdr-b-left .headerMenu ul li > ul {
display : none;
}
#header .hdr-bottom .hdr-b-right ul li {
float : left;
}
#header .hdr-bottom .hdr-b-right ul li a {
display : block;
padding : 15px 20px;
font-family : 'Open Sans', sans-serif;
font-size : 13px;
color : #6f6f6f;
}
#header .hdr-bottom .hdr-b-right ul li a:hover {
color : #407ac5;
}
#header .hdr-bottom .hdr-b-right ul li a .blue {
padding-right : 5px;
color : #407ac5;
font-weight : 700;
}
#header .hdr-bottom .hdr-b-right ul li a .green {
color : #e7128f;
}
/*- header bottom End -*/
@media screen and (min-width: 710px) and (max-width: 1920px) {
#header .hdr-bottom .hdr-b-right ul {
display : block !important;
}
}
@media screen and (max-width: 1000px) {
#header .hdr-bottom .hdr-b-right ul li a {
padding : 15px 10px;
}
}
@media screen and (max-width: 910px) {
#header .hdr-bottom .hdr-b-left,
#header .hdr-bottom .hdr-b-right {
width : 100%;
text-align : center;
}
#header .hdr-bottom .hdr-b-right ul {
display : inline-block;
}
#header .hdr-bottom .hdr-b-left .headerMenu {
position : inherit;
}
}
@media screen and (max-width: 850px) {
#header .hdr-middle .hdr-m-left {
float : inherit;
width : 100%;
text-align : center;
padding-bottom : 20px;
}
#header .hdr-middle .hdr-m-center {
width : 60%;
}
}
@media screen and (max-width: 710px) {
#header .hdr-bottom .hdr-b-left .h-cat-title {
-moz-border-radius-topright : 0px;
-webkit-border-top-right-radius : 0px;
border-top-right-radius : 0px;
-moz-border-radius-bottomright : 0px;
-webkit-border-bottom-right-radius : 0px;
border-bottom-right-radius : 0px;
}
#header .hdr-bottom .hdr-b-right .campaign-button {
display : block;
padding : 15px 20px;
font-family : 'Open Sans', sans-serif;
font-size : 14px;
font-weight : 700;
background-color : #407ac5;
color : #fff;
cursor : pointer;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
}
#header .hdr-bottom .hdr-b-right ul {
display : none;
}
#header .hdr-bottom .hdr-b-right ul li {
float : inherit;
}
}
@media screen and (max-width: 620px) {
#header .hdr-middle .hdr-m-right .cart-icon,
#header .hdr-middle .hdr-m-right .cart-content .cart-title,
#header .hdr-middle .hdr-m-right .cart-content .cart-text {
display : none;
}
#header .hdr-middle .hdr-m-center {
width : 80%;
}
#header .hdr-middle .hdr-m-right .m-cart-icon {
display : block;
font-size : 30px;
padding-bottom : 10px;
color : #407ac5;
background : url("images/cart-arrow-b.png") no-repeat scroll bottom center transparent;
cursor : pointer;
}
}
@media screen and (max-width: 535px) {
#header .hdr-middle .hdr-m-right .cart-icon,
#header .hdr-middle .hdr-m-right .cart-content .cart-title,
#header .hdr-middle .hdr-m-right .cart-content .cart-text {
display : block;
}
#header .hdr-middle .hdr-m-right .m-cart-icon {
display : none;
}
#header .hdr-middle .hdr-m-right {
padding-bottom : 10px;
margin : 0 0 10px 0;
float : inherit;
width : 100%;
text-align : center;
border-bottom : 1px solid #e3e1e1;
}
#header .hdr-middle .hdr-m-right .cart-icon,
#header .hdr-middle .hdr-m-right .cart-content {
display : inline-block;
}
#header .hdr-middle .hdr-m-center {
width : 100%;
}
}
/*-- Header bottom End --*/
/*===== HEADER END
=============================*/
/*===== MAIN
=============================*/
#container #main {
padding : 10px;
margin : 0 auto;
border : 1px solid #e6e4e4;
border-top : none;
background-color : #FFF;
-webkit-box-shadow : 0px 0px 10px 0px rgba(208, 208, 208, 0.75);
-moz-box-shadow : 0px 0px 10px 0px rgba(208, 208, 208, 0.75);
box-shadow : 0px 0px 10px 0px rgba(208, 208, 208, 0.75);
}
#container #main > table.mainContainer {
table-layout : fixed;
}
#container #main > table > tbody > tr > td#left {
width : 22%;
padding-right : 1%;
position : relative;
}
#container #main > table > tbody > tr > td#center {
width : 77%;
}
#container #main > table > tbody > tr > td#center > div > table {
table-layout : fixed;
}
.middleLeftButton {
display : none;
width : 30px;
height : 30px;
line-height : 30px;
text-align : center;
background-color : #575153;
border : none;
position : absolute;
top : 0px;
right : -30px;
z-index : 900;
color : #FFF;
font-size : 15px;
cursor : pointer;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
.middleLeftButton:before {
font-family : "fontello";
display : inline-block;
content : '\eef0';
}
#container #main > table > tbody > tr > td#center > div > table #middle_left {
width : 22%;
padding-right : 1%;
background-color : #FFF;
position : relative;
}
#container #main > table > tbody > tr > td#center > div > table #middle_left > div{
background-color : #FFF;
}
#container #main > table > tbody > tr > td#center > div > table #top_center,
#container #main > table > tbody > tr > td#center > div > table #middle_center {
width : 74%;
}
#container #main > table > tbody > tr > td#center > div > table #top_right,
#container #main > table > tbody > tr > td#center > div > table #middle_right {
width : 25%;
padding-left : 1%;
}
#container #main > table > tbody > tr > td#center > div {
width : 100%;
}
#container #main > table > tbody > tr > td#right {
width : 22%;
padding-right : 1%;
}
@media screen and (min-width: 769px) and (max-width: 1920px){
#container #main > table > tbody > tr > td#center > div > table #middle_left > div {
display : block !important;
}
}
@media screen and (min-width: 1100px){
#container #main {
width : 1120px;
margin : 0 auto;
}
}
@media screen and (min-width: 801px) and (max-width: 900px){
#container #main {
min-width : 100%;
margin : 0 auto;
padding : 0 10px;
}
#container #main > table > tbody > tr > td#center > div > table #top_right,
#container #main > table > tbody > tr > td#center > div > table #middle_right {
display : none;
}
}
@media screen and (min-width: 769px) and (max-width: 800px){
#container #main {
min-width : 100%;
margin : 0 auto;
padding : 0 10px;
}
#container #main > table > tbody > tr > td#center > div > table #top_right,
#container #main > table > tbody > tr > td#center > div > table #middle_right {
display : none;
}
}
@media screen and (min-width: 481px) and (max-width: 768px){
#container #main {
min-width : 100%;
margin : 0 auto;
}
#container #main > table > tbody > tr > td#center > div > table #top_right,
#container #main > table > tbody > tr > td#center > div > table #middle_right {
display : none;
}
}
@media screen and (min-width: 321px) and (max-width: 768px){
#container #main {
min-width : 100%;
margin : 0 auto;
}
#container #main > table > tbody > tr > td#left {
width : 0px;
position : relative;
z-index : 999;
}
#container #main > table > tbody > tr > td#left > div {
display : none;
width : 206px;
}
#container #main > table > tbody > tr > td#center > div > table #top_right,
#container #main > table > tbody > tr > td#center > div > table #middle_right {
display : none;
}
#container #main > table > tbody > tr > td#center > div > table #middle_left {
width : 0px;
position : relative;
z-index : 998;
}
#container #main > table > tbody > tr > td#center > div > table #middle_left > div {
display : none;
width : 206px;
}
#container #main > table > tbody > tr > td#center > div > table #middle_left > div:first-child {
background-color : #FFF;
-webkit-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
}
#container #main > table > tbody > tr > td#center > div > table #top_center,
#container #main > table > tbody > tr > td#center > div > table #middle_center {
width : 100%;
}
}
@media screen and (min-width: 200px) and (max-width: 768px) {
#container #main {
min-width : 100%;
margin : 0 auto;
}
#container #main > table > tbody > tr > td#left {
width : 0px;
position : relative;
z-index : 999;
}
#container #main > table > tbody > tr > td#left > #categorypro ~ div {
display : none !important;
}
#container #main > table > tbody > tr > td#left > div {
display : none;
width : 206px;
}
#container #main > table > tbody > tr > td#center > div > table #top_right,
#container #main > table > tbody > tr > td#center > div > table #middle_right {
display : none;
}
#container #main > table > tbody > tr > td#center > div > table #middle_left {
width : 0px;
position : relative;
z-index : 998;
}
#container #main > table > tbody > tr > td#center > div > table #middle_left > div{
display : none;
width : 206px;
}
#container #main > table > tbody > tr > td#center > div > table #middle_left + div {
display : none;
width : 206px;
background-color : #FFF;
-webkit-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
}
#container #main > table > tbody > tr > td#center > div > table #top_center,
#container #main > table > tbody > tr > td#center > div > table #middle_center {
width : 100%;
}
}
/*===== MAIN END
=============================*/
/*===== FOOTER
=============================*/
#container #footer {
width : 100%;
padding : 0 10px;
}
#container #footer .footerContainer {
background-color : #FFF;
padding : 20px;
margin-top : 10px;
}
#container #footer .footerContainer .footerTop {
border-bottom : 1px solid #e6e4e4;
padding-bottom : 20px;
}
#container #footer .footerContainer .footerTop .footerBox {
width : 20%;
float : left;
padding-right : 2%;
}
#container #footer .footerContainer .footerTop .footerBox:last-child {
padding-right : 0;
}
#container #footer .footerContainer .footerTop .footerBox .footerBoxTitle {
font-family : 'Roboto Condensed', sans-serif;
white-space : nowrap;
font-size : 13px;
color : #575153;
padding-bottom : 5px;
font-weight : bold;
}
#container #footer .footerContainer .footerTop .footerBox ul li a {
font-family : 'Roboto Condensed', sans-serif;
font-size : 12px;
color : #747373;
padding : 3px 0;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#container #footer .footerContainer .footerTop .footerBox ul li a:hover {
color : #407ac5;
}
#container #footer .footerContainer .footerTop .footerBox ul li #bulten label {
display : block;
padding :10px 0;
}
#container #footer .footerContainer .footerTop .footerBox ul li #bulten label input[type="text"] {
float : left;
width : 70%;
padding : 12px;
-moz-border-radius-topright : 0px;
-webkit-border-top-right-radius : 0px;
border-top-right-radius : 0px;
-moz-border-radius-bottomright : 0px;
-webkit-border-bottom-right-radius : 0px;
border-bottom-right-radius : 0px;
}
#container #footer .footerContainer .footerTop .footerBox ul li #bulten label input[type="submit"] {
float : left;
margin : 3px 0 0 0px;
padding : 8px 10px;
-moz-border-radius-topleft : 0px;
-webkit-border-top-left-radius : 0px;
border-top-left-radius : 0px;
-moz-border-radius-bottomleft : 0px;
-webkit-border-bottom-left-radius : 0px;
border-bottom-left-radius : 0px;
}
#container #footer .footerContainer .footerCenter {
padding-top : 20px;
}
#container #footer .footerContainer .footerCenter > div {
float : left;
}
#container #footer .footerContainer .footerCenter > div > .lineTitle {
font-size : 13px;
color : #575153;
padding-bottom : 10px;
}
#container #footer .footerContainer .footerCenter .contact {
width : 50%;
margin-right : 5%;
}
#container #footer .footerContainer .footerCenter .contact li {
float : left;
}
#container #footer .footerContainer .footerCenter .contact li:last-child {
max-width : 277px;
}
#container #footer .footerContainer .footerCenter .contact li a {
color : #999898;
font-size : 12px;
padding-right : 30px;
margin-bottom : 10px;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#container #footer .footerContainer .footerCenter .contact li:hover a {
color : #407ac5;
}
#container #footer .footerContainer .footerCenter .contact li a:before {
display : inline-block;
width : 24px;
height : 24px;
margin-right : 10px;
line-height : 24px;
text-align : center;
font-family : "fontello";
border : 2px solid #6d686a;
-webkit-border-radius : 24px;
-moz-border-radius : 24px;
border-radius : 24px;
-webkit-transition : all 1s ease 0s;
transition : all 1s ease 0s;
}
#container #footer .footerContainer .footerCenter .contact li:hover ::before {
border-color : #407ac5;
}
#container #footer .footerContainer .footerCenter .contact li a.phone:before {
content : '\eecf';
}
#container #footer .footerContainer .footerCenter .contact li a.mail:before {
content : '\ee0f';
}
#container #footer .footerContainer .footerCenter .contact li a.map:before {
content : '\ec9a';
font-size : 12px;
}
#container #footer .footerContainer .footerCenter .social {
width : 25%;
padding-right : 5%;
}
#container #footer .footerContainer .footerCenter .social li {
float : left;
}
#container #footer .footerContainer .footerCenter .social li a {
height : 26px;
line-height : 26px;
padding-right : 10px;
color : #6d686a;
font-size : 28px;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#container #footer .footerContainer .footerCenter .social li a:hover {
color : #407ac5;
}
#container #footer .footerContainer .footerCenter .social li a:before {
display : inline-block;
font-family : "fontello";
}
#container #footer .footerContainer .footerCenter .social li a.facebook:before {
content : '\ea85';
}
#container #footer .footerContainer .footerCenter .social li a.twitter:before {
content : '\ea83';
}
#container #footer .footerContainer .footerCenter .social li a.youtube:before {
content : '\e98a';
}
#container #footer .footerContainer .footerCenter .social li a.pinterest:before {
content : '\ea8a';
}
#container #footer .footerContainer .footerCenter .logo {
width : 20%;
position : relative;
}
#container #footer .footerContainer .footerCenter .logo img {
width : 100%;
}
#container #footer .footerBottom {
display : block;
text-align : center;
}
#container #footer .footerBottom span{
display : inline-block;
text-align : center;
}
#container #footer .footerBottom span a {
display : inline-block;
text-align : center;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
#container #footer .footerContainer .footerCenter .contact {
width : 30%;
margin-right : 3.3%;
}
#container #footer .footerContainer .footerCenter .social{
width : 30%;
margin-right : 3.3%;
}
#container #footer .footerContainer .footerCenter .logo {
width : 30%;
margin-right : 3.3%;
}
}
@media screen and (max-width: 768px) and (min-width: 321px) {
#container #footer .footerContainer .footerCenter .social li {
float : none;
display : block;
padding-bottom : 10px;
}
#container #footer .footerContainer .footerTop .footerBox {
width : 48%;
padding-bottom : 25px;
}
}
@media screen and (max-width: 320px) and (min-width: 200px) {
#container #footer .footerContainer .footerTop .footerBox {
width : 100%;
padding-bottom : 20px;
text-align : center;
}
#container #footer .footerContainer .footerCenter > div {
width : 100%;
float : none;
padding-bottom : 20px;
}
#container #footer .footerContainer .footerCenter .contact {
width : 100%;
}
#container #footer .footerContainer .footerCenter .contact li {
float : none;
display : block;
}
#container #footer .footerContainer .footerCenter .social li {
float : none;
padding-bottom : 10px;
}
#container #footer .footerContainer .footerCenter .logo {
width : 100%;
text-align : center;
}
#container #footer .footerContainer .footerCenter .logo img {
width : 50%;
}
}
#container #footer .footerBottom .footer_ref * {
color : #F00;
font-weight : bold;
}
/*===== FOOTER END
=============================*/
/*===== MODULES
=============================*/
/*---- CATEGORYPRO ----*/
#categorypro {
display : block;
position : relative;
z-index : 998;
}
#categorypro a {
display : block;
color : #989395;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#categorypro a:hover {
background-color : #f2f2f2;
}
#categorypro .moduleTitle:before {
display : inline-block;
padding : 3px 5px;
font-family : "fontello";
content : '\e88e';
font-size : 11px;
}
#categorypro .Categories {
display : block;
}
#categorypro .Categories > ul {
display : block;
}
#categorypro .Categories > ul > li.main {
display : block;
white-space : nowrap;
border-bottom : 1px solid #ebeaea;
position : relative;
}
#categorypro .Categories > ul > li.main > a {
display : block;
padding : 10px;
font-size : 13px;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
@media screen and (min-width: 769px) and (max-width: 1920px){
#categorypro {
display : block !important;
}
}
@media screen and (min-width: 1000px){
}
@media screen and (min-width: 800px) and (max-width: 900px){
#categorypro .Categories > ul > li.main > a {
font-size : 11px;
}
}
@media screen and (min-width: 768px) and (max-width: 800px){
#categorypro .Categories > ul > li.main > a {
font-size : 10px;
}
}
@media screen and (min-width: 480px) and (max-width: 768px){
#categorypro .Categories > ul > li.main > a {
font-size : 10px;
}
}
@media screen and (min-width: 321px) and (max-width: 480px){
#categorypro {
display : block;
position : relative;
z-index : 998;
background-color : #FFF;
-webkit-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
}
.homeproductButton {
display : block;
}
#categorypro .Categories > ul > li.main > a {
font-size : 11px;
}
}
@media screen and (max-width: 320px) and (min-width: 200px) {
.homeproductButton {
display : block;
}
#categorypro {
display : block;
position : relative;
z-index : 998;
background-color : #FFF;
-webkit-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
}
#categorypro .Categories > ul > li.main > a {
font-size : 11px;
}
}
#categorypro .Categories > ul > li.main:hover > a {
background-color : #f2f2f2;
}
#categorypro .Categories > ul > li.main > a:after {
display : inline-block;
font-family : "fontello";
content : '\e8b7';
position : absolute;
top : 9px;
right : 7px;
}
#categorypro .Categories > ul > li.main > .sub {
display : none;
width : 500px;
padding : 10px;
background-color : #fff;
position : absolute;
top : 0px;
left : 100%;
}
#categorypro .Categories > ul > li.main:hover > .sub {
display : block;
}
#categorypro .Categories > ul > li.main > .sub > .subTitle {
display : block;
text-align : center;
padding : 5px 0;
margin-bottom : 10px;
background-color : #f2f2f2;
font-size : 13px;
}
#categorypro .Categories > ul > li.main > .sub > #sub-left {
width : 30%;
height : 250px;
float : left;
overflow : auto;
}
#categorypro .Categories > ul > li.main > .sub > #sub-left > ul > li {
display : block;
border-bottom : 1px solid #ebeaea;
}
#categorypro .Categories > ul > li.main > .sub > #sub-left > ul > li > a {
display : block;
padding : 5px;
}
#categorypro .Categories > ul > li.main > .sub > #sub-right {
width : 68%;
float : right;
}
#categorypro .Categories > ul > li.main > .sub > #sub-right .s_categories_img {
display : block;
}
#categorypro .Categories > ul > li.main > .sub > #sub-right .s_categories_img li {
float : left;
width : 32.3%;
height : 116px;
overflow : hidden;
margin : 0 0 5px 1%;
padding : 5px;
border : 1px solid #ebeaea;
}
#categorypro .Categories > ul > li.main > .sub > #sub-right .s_categories_img li:hover {
border-color : transparent;
border : 1px solid #ebeaea;
}
#categorypro .Categories > ul > li.main > .sub > #sub-right .s_categories_img li span {
display : block;
text-align : center;
}
#categorypro .Categories > ul > li.main > .sub > #sub-right .s_categories_img li span img {
width : 70px;
}
#categorypro .Categories > ul > li.main > .sub > #sub-right .s_categories_img li span#category-title {
line-height : normal;
padding : 5px;
white-space : normal;
}
/*-- Kırılım --*/
#categorypro .Categories > .sub {
}
#categorypro .Categories .sub > li > a.selected {
display : block;
margin : 5px;
padding : 5px;
font-size : 12px;
}
#categorypro .Categories .sub > li > a.selected:before {
display : inline-block;
font-family : "fontello";
content : '\e944';
font-size : 10px;
padding-right : 5px;
}
#categorypro .Categories .sub > li > a.selected + ul > li {
}
#categorypro .Categories .sub > li > a.selected + ul > li > a {
display : block;
margin : 3px 10px;
padding : 5px 0px 5px 5px;
font-size : 12px;
color : #407ac5;
}
#categorypro .Categories .sub > li > a.selected + ul > li > a:before {
display : inline-block;
font-family : "fontello";
content : '\ea2a';
padding-right : 5px;
}
#categorypro .Categories .sub > li > a.selected + ul > li > a + ul {
}
#categorypro .Categories .sub > li > a.selected + ul > li > a + ul > li > a {
display : block;
margin : 5px 5px 5px 15px;
padding : 3px 5px;
color : #407ac5;
}
#categorypro .Categories .sub > li > a.selected + ul > li > a + ul > li > a:before {
display : inline-block;
font-family : "fontello";
content : '\ea2a';
padding-right : 5px;
}
#categorypro .Categories .sub > li > a.selected + ul > li > a + ul > li > ul {
}
#categorypro .Categories .sub > li > a.selected + ul > li > a + ul > li > ul > li > a {
display : block;
margin : 5px 0px 5px 20px;
padding : 3px 5px;
color : #407ac5;
}
#categorypro .Categories .sub > li > a.selected + ul > li > a + ul > li > ul > li > a:before {
display : inline-block;
font-family : "fontello";
content : '\ea2a';
padding-right : 5px;
}
#categorypro .Categories .sub2 {
margin : 0px 5px 5px 20px;
}
#categorypro .Categories .sub2 > .submain {
margin : 5px;
}
#categorypro .Categories .sub2 .submain > div > a {
display : block;
border : 1px solid #ebeaea;
margin-bottom : 3px;
}
#categorypro .Categories .sub2 .submain > div > a:before {
display : inline-block;
font-family : "fontello";
content : '\ea2a';
padding-right : 5px;
}
#categorypro .Categories .sub2 .submain > div > ul {
padding-left : 20px;
}
#categorypro .Categories .sub2 .submain > div > ul > li > a {
display : block;
padding : 5px;
margin-right : 5px;
font-size : 11px;
}
#categorypro .Categories .sub2 .submain > div > ul > li > a:before {
display : inline-block;
font-family : "fontello";
content : '\ea2a';
padding-right : 5px;
}
#categorypro .Categories .submain > div > a {
display : block;
padding : 3px 5px 3px 10px;
margin : 0 5px;
border-bottom : 1px solid #ebeaea;
white-space : nowrap;
}
#categorypro .Categories > .submain:last-child > div > a {
border-bottom : 1px solid transparent;
}
#categorypro .Categories > .moduleBox > ul > li > a {
display : block;
padding : 3px 5px;
}
#categorypro .Categories > .moduleBox > ul > li > a > img {
display : none;
}
#categorypro .Categories .title2 > a {
float : right;
padding-right : 3px;
color : #fff;
}
#categorypro .Categories > table {
margin : 0 5px;
}
#categorypro .Categories .checkFilter {
padding : 5px;
}
#categorypro .Categories .checkFilter span.filterContent {
display : block;
}
#categorypro .Categories .checkFilter > .title2 {
margin : 0 0 5px 0;
background-color : #f2f2f2;
border : 1px solid #e6e4e4;
color : #989395;
text-align : left;
font-weight : bold;
text-indent : 10px;
cursor : pointer;
-moz-border-radius-topleft : 5px;
-webkit-border-top-left-radius : 5px;
border-top-left-radius : 5px;
-moz-border-radius-topright : 5px;
-webkit-border-top-right-radius : 5px;
border-top-right-radius : 5px;
-moz-border-radius-bottomright : 10px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius : 0px;
-moz-border-radius-bottomleft : 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
}
#categorypro .Categories .checkFilter > .title2 i {
float : right;
margin : 5px 15px 0 0px;
}
#categorypro .Categories .checkFilter .remove {
padding : 5px 0;
}
#categorypro .Categories .checkFilter ul li {
float : left;
margin-right : 5px;
}
#categorypro .Categories .checkFilter ul li a {
font-size : 14px;
}
#categorypro .Categories .checkFilter ul li input {
border : 2px solid #e6e4e4;
padding : 2px;
background-color : #FFF;
height : 25px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
#categorypro .Categories .checkFilter ul li input.active {
border : 2px solid #407ac5;
}
#categorypro .Categories .checkFilter > span > input {
display : inline-block;
margin : 3px 5px 0 0px;
float : left;
}
#categorypro .Categories .checkFilter > span > input + label {
display : inline-block;
min-width : 40px;
margin : 0px;
float : left;
}
#categorypro .Categories .checkFilter > span > input + label:after {
display : inline-block;
float : right;
content : "|";
padding : 0 5px;
color : #e6e4e4;
}
#categorypro .Categories .checkFilter.bigCheck > span > input {
width : 8%;
margin-bottom : 5px;
}
#categorypro .Categories .checkFilter.bigCheck > span > input + label {
width : 80%;
margin-bottom : 5px;
}
#categorypro .Categories .checkFilter.bigCheck > span > input + label:after {
display : none;
}
#categorypro .Categories .markFilter input{
width : 20%;
}
#categorypro .Categories .markFilter label {
width : 75%;
}
#categorypro .Categories .markFilter label:after {
display : none !important;
}
#categorypro .Categories .checklist.checkFilter input[type="checkbox"] {
width : 8%;
float : left;
}
#categorypro .Categories .checklist.checkFilter input + label {
width : 80%;
float : left;
margin-top : 0px;
}
/*Kırılım End*/
/*CATEGORYPRO END*/
/*CATEGORY*/
#category .main_menuv li {
display : block;
white-space : nowrap;
border-bottom : 1px solid #ebeaea;
position : relative;
z-index : 999;
}
#category .main_menuv > li > a {
display : block;
padding : 10px;
font-size : 13px;
width : 100%;
text-overflow : ellipsis;
overflow : hidden;
color : #989395;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#category .main_menuv > li > a:after {
display : inline-block;
float : right;
font-family : "fontello";
content : '\e8b7';
}
#category .main_menuv > li ul {
position : absolute;
top : 0px;
left : 100%;
background-color : #fff;
}
#category .main_menuv li:hover > ul {
display : block;
}
#category .main_menuv li:hover > a {
background-color : #f2f2f2;
}
#category .main_menuv > li ul {
display : none;
position : absolute;
top : 0px;
left : 100%;
border : 1px solid #ebeaea;
}
#category .main_menuv > li ul li {
position : relative;
width : 100%;
}
#category .main_menuv > li ul li a {
display : block;
min-width : 200px;
padding : 5px 10px;
color : #989395;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
/*CATEGORY END*/
/*-Categories page-*/
#categoriesPage .moduleContent {
text-align : center;
}
#categoriesPage .categories {
display : inline-block;
}
#categoriesPage ul li.depth0 {
padding : 5px;
height : 150px;
overflow : auto;
border : 1px solid #e2e1dd;
float : left;
margin : 10px 2% 10px 0;
width : 22.5%;
padding : 5px;
text-align : left;
-webkit-border-radius : 6px;
-moz-border-radius : 6px;
border-radius : 6px;
}
#categoriesPage ul li.depth0:nth-child(4n){
margin-right : 0px;
}
@media screen and (min-width: 481px) and (max-width: 768px){
#categoriesPage ul li.depth0 {
width : 49%;
margin-bottom : 10px;
}
#categoriesPage ul li.depth0:nth-child(2n+0) {
margin-right : 0%;
}
}
@media screen and (max-width: 480px){
#categoriesPage ul li.depth0 {
width : 100%;
margin-bottom : 10px;
}
#categoriesPage ul li.depth0:nth-child(2n+0) {
margin-right : 0%;
}
}
#categoriesPage ul li.depth0 > a {
display : block;
color : #000;
padding-bottom : 5px;
border-bottom : 1px dotted #e2e1dd;
display : block;
}
#categoriesPage ul li.depth0 ul {
margin : 0 0 0 10px;
}
#categoriesPage ul.depth1 li a {
color : #ea3f13;
}
#categoriesPage ul.depth2 li a {
color : #666666;
}
#categoriesPage ul li.depth0 ul ul {
margin : 0 0 0 10px;
}
/*-Categories page End-*/
/*NAVIGASYON*/
.navigasyon {
padding : 0px 0px;
margin-bottom : 21px;
border : 1px solid #D4D4D4;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
-ms-border-radius : 5px;
-o-border-radius : 5px;
border-radius : 5px;
background-color : #fff;
color : #e9e9e9;
font-family : Tahoma, Geneva, sans-serif;
font-size : 12px;
}
.navigasyon span {
display : block;
padding : 10px;
float : left;
}
.navigasyon span:last-child a {
color : #407ac5;
}
.navigasyon .line {
border-image : none;
border-style : solid none solid solid;
border-color : rgba(0,0,0,0) #000000 rgba(0,0,0,0) #e9e9e9;
border-width : 18px 1px 18px 12px;
z-index : 50;
display : block;
height : 0;
position : relative;
right : -12px;
top : 0;
width : 0;
padding : 0px;
margin-right : 15px;
}
.navigasyon .line:before {
content : "";
border-color : rgba(0,0,0,0) #000000 rgba(0,0,0,0) #fff;
border-image : none;
border-style : solid none solid solid;
border-width : 18px 1px 18px 12px;
display : block;
height : 0;
left : -13px;
overflow : hidden;
position : absolute;
text-indent : 9999px;
top : -18px;
white-space : nowrap;
width : 0;
z-index : 51;
}
.navigasyon a {
color : #9e9e9e;
font-weight : normal;
}
/*NAVİGASYON END*/
/*TOP 10*/
#home-urunler .top-title {
padding : 15px;
margin-bottom : 13px;
font-family : 'Open Sans', sans-serif;
font-size : 14px;
color : #fff;
font-weight : 700;
letter-spacing : 0.5px;
background-color : #e7128f;
}
.jcarousel-skin-tango .jcarousel-item-horizontal > a > span.image {
padding-bottom : 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal > a > span.name {
padding : 10px;
height : 50px;
margin-bottom : 10px;
font-family : 'Open Sans', sans-serif;
font-size : 15px;
color : #6f6f6f;
text-align : center;
overflow : hidden;
}
.jcarousel-skin-tango .jcarousel-item-horizontal > a > #homelabels {
float : left;
border-right : 1px solid #e6e4e4;
}
.jcarousel-skin-tango .jcarousel-item-horizontal > a > #homelabels #IndirimliUrun {
display : block;
font-family : 'Open Sans', sans-serif;
font-size : 24px;
font-weight : 700;
color : #e7128f;
padding : 0 10px;
text-align : center;
}
.jcarousel-skin-tango .jcarousel-item-horizontal > a > #homelabels #IndirimliUrun span {
display : block;
font-family : 'Open Sans', sans-serif;
font-size : 14px;
font-weight : normal;
}
.jcarousel-skin-tango .jcarousel-item-horizontal > a > .price {
float : right;
width : 55%;
padding-bottom : 12px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal > a > .price span {
/*display : block;*/
text-align : left;
}
.jcarousel-skin-tango .jcarousel-item-horizontal > a > .price span.oldPrice {
display : block;
font-family : 'Open Sans', sans-serif;
font-size : 15px;
color : #6f6f6f;
text-decoration : line-through;
}
.jcarousel-skin-tango .jcarousel-item-horizontal > a > .price span.productPrice {
font-family : 'Open Sans', sans-serif;
font-size : 18px;
font-weight : 700;
color : #6f6f6f;
}
.jcarousel-skin-tango {
background-color : #FFF;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
direction : rtl;
}
.jcarousel-skin-tango .jcarousel-clip {
overflow : hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width : 200px;
}
#home-urunlerbir .jcarousel-skin-tango .jcarousel-clip-horizontal {
width : 200px;
margin-left : 242px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
width : 170px;
height : 298px;
}
.jcarousel-skin-tango .jcarousel-item {
width : 190px !important;
text-align : left !important;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-left : 0;
margin : 0px 5px;
text-align : center;
position : relative;
}
.jcarousel-skin-tango .jcarousel-item-horizontal > a{
display : block;
}
.jcarousel-skin-tango .jcarousel-item-horizontal > a > span{
display : block;
text-align : center;
}
.jcarousel-prev {
position : absolute;
top : 40%;
left : 5px;
color : #575153;
cursor : pointer;
font-size : 20px;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
.jcarousel-prev:before {
display : block;
width : 20px;
height : 40px;
font-family : "fontello";
content : '\e8b8';
font-size : 30px;
}
.jcarousel-prev:hover {
color : #e7128f;
}
.jcarousel-next {
position : absolute;
top : 40%;
right : 0px;
color : #575153;
cursor : pointer;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
.jcarousel-next:before {
display : block;
width : 20px;
height : 40px;
font-family : "fontello";
content : '\e8b7';
font-size : 30px;
}
.jcarousel-next:hover {
color : #e7128f;
}
/*TOP 10 END*/
/*HOMEPRODUCT*/
#homeproducts {
display : block;
padding : 10px;
}
#homeproducts .r-product-title {
display : block;
font-family : 'Open Sans', sans-serif;
font-weight : 700;
font-size : 17px;
letter-spacing : 1px;
color : #6f6f6f;
}
#homeproducts .r-product-title:before {
float : left;
display : inline-block;
content : "";
width : 1%;
height : 2px;
margin : 10px 1% 0 0;
background-color : #e3e1e1;
}
#homeproducts .r-product-title:after {
float : right;
display : inline-block;
content : "";
width : 75%;
height : 2px;
margin-top : 10px;
margin-left : 1%;
background-color : #e3e1e1;
}
#homeproducts label input[type="checkbox"] {
float : inherit;
margin : 0px;
}
#homeproducts .homeProductFilter {
display : block;
padding-bottom : 10px;
font-size : 13px;
}
#homeproducts .homeProductFilter ul {
display : block;
}
#homeproducts .homeProductFilter ul li {
float : left;
padding : 0px 20px 0 0px;
}
#homeproducts .homeProductFilter ul li.hmp-select {
padding : 0px;
}
#homeproducts .homeProductFilter ul li label {
margin : 0px;
background-color : #efefef;
border : 1px solid #dedcdc;
}
#homeproducts .homeProductFilter ul li label span {
height : 30px;
padding : 0 10px;
font-size : 12px;
letter-spacing : 0.5px;
}
#homeproducts .homeProductFilter ul li label span:last-child {
float : right;
height : 30px;
background-color : #fff;
}
#homeproducts .homeProductFilter ul li.chkStock label span {
padding : 8px 10px;
}
#homeproducts .homeProductFilter ul li.hmp-select label span:first-child {
padding : 8px 10px;
}
#homeproducts .homeProductFilter ul li .dropdownlist {
width : 100%;
padding : 0px;
margin : 0px;
border : inherit;
}
#homeproducts .homeProductFilter ul li span {
display : inline-block;
padding : 0px 5px 0 0px;
}
#homeproducts .homeProductFilter ul li a {
display : block;
padding-top : 7px;
cursor : pointer;
font-family : "fontello";
font-size : 14px;
color : #6f6f6f;
text-align : center;
}
#homeproducts .homeProductFilter ul li a:before {
display : inline-block;
}
#homeproducts .homeProductFilter ul li a.collFilter:before {
content : '\ee88';
}
#homeproducts .homeProductFilter ul li a.collFilterTwo:before {
content : '\ee86';
}
#homeproducts .homeProductFilter ul li a.collFilterFour:before {
content : '\ee87';
}
#homeproducts .homeProductContent {
position : relative;
margin-bottom : 10px;
}
@media screen and (min-width: 200px) and (max-width: 768px){
#homeproducts .homeProductFilter {
display : none;
}
#homeproducts.hBook .filterContainer {
display : none;
}
}
@media screen and (min-width: 768px) and (max-width:1920px){
#homeproducts .fourContent .homeProductContent {
margin-bottom : 10px;
position : relative;
overflow : hidden;
}
#homeproducts .productSearchResult .fourContent .homeProductContent {
height : 355px;
}
}
#homeproducts .homeProductContent .productImage {
width : 100%;
}
#homeproducts .homeProductContent .productImage a {
display : block;
text-align : center;
}
#homeproducts .homeProductContent .productImage a img {
width : 100%;
}
#homeproducts .homeProductContent .productImage {
width : 100%;
}
#homeproducts .homeProductContent .quick-button {
display : none;
width : 80%;
padding : 13px;
font-family : 'Open Sans', sans-serif;
font-size : 13px;
color : #FFF;
text-align : center;
font-weight : 700;
position : absolute;
top : 25%;
left : 10%;
background-color : rgba(0,0,0,0.75);
-webkit-border-radius : 3px;
-moz-border-radius : 3px;
border-radius : 3px;
}
#homeproducts .homeProductContent:hover .quick-button {
display : block;
}
#homeproducts .homeProductContent .quick-button:hover {
background-color : rgba(0,0,0,0.50);
}
#homeproducts .homeProductContent .hmp-text {
width : 100%;
height : 140px;
overflow : hidden;
}
#homeproducts fourContent .homeProductContent .productName {
height : auto;
}
#homeproducts .homeProductContent .productName {
overflow : hidden;
margin : 10px 0 15px 0;
font-family : 'Open Sans', sans-serif;
font-size : 14px;
color : #6f6f6f;
text-align : left;
}
#homeproducts .fourContent .homeProductContent:hover .productName {
height : auto;
}
#homeproducts .homeProductContent .productName a{
display : block;
}
#homeproducts .homeProductContent .productPrice {
height : 50px;
overflow : hidden;
}
#homeproducts .homeProductContent .productPrice > span {
display : block;
padding-right : 15px;
}
#homeproducts .homeProductContent .productPrice .old_price {
display : block;
padding-bottom : 5px;
font-family : 'Open Sans', sans-serif;
font-size : 11px;
color : #6f6f6f;
text-decoration : line-through;
}
#homeproducts .homeProductContent .productPrice .old_price + span {
display : block;
padding-bottom : 5px;
font-family : 'Open Sans', sans-serif;
font-size : 23px;
color : #e7128f;
font-weight:bold;
}
#homeproducts .fourContent .homeProductContent:hover .hmp-text .productPrice {
}
#homeproducts .fourContent .homeProductContent:hover .hmp-text .productPrice span {
}
#homeproducts .fourContent .homeProductContent:hover .hmp-text .productPrice span.old_price {
}
#homeproducts .fourContent .homeProductContent .productAdd {
margin : 5px 0;
position : absolute;
bottom : -100px;
left : 10px;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
}
#homeproducts .fourContent .homeProductContent:hover .productAdd {
bottom : -5px;
}
#homeproducts .homeProductContent .productAdd li {
float : left;
}
#homeproducts .homeProductContent .productAdd .button {
padding : 5px 10px;
text-align : center;
font-family : 'Open Sans', sans-serif;
font-size : 13px;
font-weight : 600;
}
#homeproducts .homeProductContent .productAdd li .lightbox {
padding : 8px 5px;
margin : 2px 0 0 5px;
border : 1px solid #ebeaea;
font-size : 15px;
color : #6f6f6f;
}
#homeproducts .homeProductContent .productAdd li .lightbox:hover {
color : #e7128f;
border-color : #e7128f;
}
@media screen and (min-width: 200px) and (max-width: 768px) {
#homeproducts .homeProductContent .productPrice {
float : none;
display : block;
width : 100%;
text-align : center;
font-size : 13px;
}
#homeproducts .homeProductContent .productAdd {
width : 100%;
float : none;
display : block;
}
#homeproducts .homeProductContent .productAdd a {
width : 100%;
float : none;
display : block;
text-align : center;
}
}
#homeproducts #homelabels {
display : block;
}
#homeproducts #homelabels li {
}
#homeproducts #homelabels #FirsatUrunu {
}
#homeproducts #homelabels #FirsatUrunu:after {
display : inline-block;
width : 4px;
content : "";
background : url("images/home-label-firsat-icon.png") no-repeat scroll center right transparent;
}
#homeproducts #homelabels #IndirimliUrun {
padding : 5px;
position : absolute;
top : 10px;
right : 10px;
background-color : #de1c2d;
font-family : 'Open Sans', sans-serif;
font-size : 11px;
color : #fff;
}
#homeproducts #homelabels #HizliKargo {
background : url("images/homelabel-ucretsiz-icon.png") no-repeat scroll center center #84bd3c;
}
#homeproducts #homelabels #YeniUrun {
}
/*list*/
#homeproducts .listContent .moduleContentCol4 {
width : 100%;
}
#homeproducts .listContent .moduleContentCol4 > span,
#homeproducts .twoContent .moduleContentCol4 > span {
float : left;
width : 80%;
}
#homeproducts .listContent .moduleContentCol4 > span > div,
#homeproducts .twoContent .moduleContentCol4 > span > div {
float : left;
width : 32.33333333333333%;
height : 100px;
margin-right : 1%;
padding : 0px;
}
#homeproducts .listContent .moduleContentCol4 > span > div:last-child,
#homeproducts .twoContent .moduleContentCol4 > span > div:last-child {
margin-right : 0%;
}
#homeproducts .listContent .moduleContentCol4 > span > div * ,
#homeproducts .twoContent .moduleContentCol4 > span > div * {
position : relative;
top : 50%;
-webkit-transform : translateY(-50%);
-ms-transform : translateY(-50%);
transform : translateY(-50%);
}
#homeproducts .listContent .moduleContentCol4 .productImage ,
#homeproducts .twoContent .moduleContentCol4 .productImage {
float : left;
width : 17%;
margin-right : 3%;
-webkit-transform : translateY(15%);
-ms-transform : translateY(15%);
transform : translateY(15%);
}
#homeproducts .listContent .homeProductContent .productAdd li,
#homeproducts .twoContent .homeProductContent .productAdd li {
display : none;
}
#homeproducts .listContent .homeProductContent .productAdd li:first-child,
#homeproducts .twoContent .homeProductContent .productAdd li:first-child {
display : block;
margin-right : 3%;
-webkit-transform : translateY(30%);
-ms-transform : translateY(30%);
transform : translateY(30%);
}
#homeproducts .listContent .moduleContentCol4 .quick-button,
#homeproducts .twoContent .moduleContentCol4 .quick-button {
display : none;
}
#homeproducts .listContent .moduleContentCol4 .productImage img,
#homeproducts .twoContent .moduleContentCol4 .productImage img {
-webkit-transform : translateY(0%);
-ms-transform : translateY(0%);
transform : translateY(0%);
}
#homeproducts .listContent .moduleContentCol4 > .productPrice * ,
#homeproducts .twoContent .moduleContentCol4 > .productPrice * {
float : none !important;
padding : 5px 0;
text-align : center;
}
#homeproducts .listContent .moduleContentCol4 .productAdd ,
#homeproducts .twoContent .moduleContentCol4 .productAdd {
display : block;
}
#homeproducts .listContent .moduleContentCol4 .productAdd .button,
#homeproducts .twoContent .moduleContentCol4 .productAdd .button {
float : right;
display : block !important;
}
#homeproducts .listContent #homelabels,
#homeproducts .listContent #ud_container,
#homeproducts .twoContent #homelabels,
#homeproducts .twoContent #ud_container {
display : none;
}
/*list End*/
/*two*/
#homeproducts .twoContent .moduleContentCol4 {
width : 50%;
margin-right : 1%;
}
#homeproducts .twoContent .moduleContentCol4:nth-child(even) {
width : 49%;
margin-right : 0%;
}
@media screen and (max-width: 1080px) {
#homeproducts .homeProductContent .productPrice .old_price + span {
font-size : 16px;
}
#homeproducts .homeProductContent .productAdd .button {
padding : 5px 5px;
font-size : 12px;
}
#homeproducts .homeProductContent .productAdd li .lightbox {
font-size : 13px;
}
}
@media screen and (max-width: 960px) {
#homeproducts .fourContent .homeProductContent .productAdd {
display : none;
}
#homeproducts .fourContent .homeProductContent:hover .hmp-text .productPrice span {
float : inherit;
}
}
@media screen and (max-width: 585px) {
#homeproducts .twoContent .moduleContentCol4 {
width : 100%;
margin-right : 0;
}
}
#homeproducts .homeProductContent .productImage.time-box {
position : relative;
}
#homeproducts .homeProductContent .productImage.time-box #reyon-date .time-content {
width : 100%;
padding : 10px;
font-family : 'Open Sans', sans-serif;
font-size : 14px;
font-weight : 700;
color : #fff;
text-align : center;
background-color : rgba(150,190,14,0.70);
position : absolute;
bottom : 0px;
left : 0px;
}
/*two End*/
.paging {
float : right;
}
.paging span {
float : right;
}
.paging span:last-child {
margin : 6px;
padding : 5px 17px;
background-color : #f2f2f2;
border : 1px solid #e6e4e4;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
#homeproducts #pagingtable a {
display : inline-block;
padding : 5px 15px;
margin : 5px 0;
background-color : #407ac5;
color : #fff;
text-align : center;
font-size : 14px;
font-weight : bold;
cursor : pointer;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
border : none;
}
#homeproducts #pagingtable a:hover {
background-color : #575153;
}
#homeproducts #pagingtable .pagingselected a {
background-color : #575153;
}
/*HOMEPRODUCT END*/
/*dynamicform*/
#dynamicform input[type="text"],
#dynamicform textarea,
#dynamicform select {
width : 95%;
display : inline-block;
}
#dynamicform input + span,
#dynamicform input + label,
#dynamicform select + span,
#dynamicform textarea + span {
display : inline-block;
padding-left : 5px;
}
/*dynamicform END*/
/*survey*/
.survey {
font-size : 14px;
}
.survey span {
display : block;
padding : 5px 0;
font-weight : bold;
border-bottom : 1px solid #ebeaea;
}
.survey input {
display : inline-block;
width : 20%;
margin : 5px 0 0 0;
}
.survey input + label {
display : inline-block;
width : 75%;
}
/*survey END*/
/*brands*/
#brands .letter {
padding-bottom : 10px;
}
#brands span {
display : block;
}
#brands li {
float : left;
border : 1px solid #ebeaea;
margin : 5px 5px 0px 0;
}
#brands li a {
display : block;
padding : 5px 7px;
font-size : 14px;
text-align : center;
color : #989395;
}
#brands li:hover {
background-color : #f2f2f2;
}
#brands li a img {
display : block;
width : 100%;
}
#brands .list li{
width : 80px;
height : 120px;
text-align : center;
}
/*brands END*/
/*authors*/
.athrs-pblshrs li {
float : left;
border : 1px solid #ebeaea;
margin : 5px 5px 0 0;
}
.athrs-pblshrs li a {
display : block;
padding : 5px 7px;
font-size : 14px;
text-align : center;
color : #989395;
}
.athrs-pblshrs li a:hover {
background-color : #f2f2f2;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
}
.athrs-pblshrs .list li {
float : left;
border : 1px solid #ebeaea;
margin : 5px 5px 0 0;
}
.athrs-pblshrs .content {
display : block;
padding : 10px 0px;
font-size : 14px;
}
/*authors END*/
/*sss*/
#faq dt {
font-weight : normal;
font-size : 12px;
cursor : pointer;
margin-bottom : 5px;
}
#faq dt:before {
display : inline-block;
padding-right : 10px;
font-family : "fontello";
content : '\ec99';
font-size : 18px;
}
#faq dd {
background-color : #575153;
padding : 10px;
margin-bottom : 5px;
font-size : 12px;
color : #fff;
}
#faq dd a {
color : #407ac5;
}
/*sss End*/
/*billing*/
#billings input,
#billings select,
#billings textarea,
#shipping input,
#shipping select,
#shipping textarea {
width : 75%;
}
/*billing End*/
/*affiliate Menu*/
#affiliatemenu li {
display : block;
white-space : nowrap;
border-bottom : 1px solid #ebeaea;
position : relative;
}
#affiliatemenu li a {
display : block;
padding : 10px;
font-size : 12px;
color : #989395;
-webkit-transition: all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#affiliatemenu li a:hover {
background-color : #f2f2f2;
}
/*affiliate Menu End*/
/*affiliateInviter*/
#affiliateinviter #providerstable li {
float : left;
text-align : center;
margin-right : 3px;
}
#affiliateinviter #providerstable li img{
width : 100%;
}
#affiliateinviter .button a {
color : #fff;
}
#affiliateinviter #share li {
float : left;
margin-right : 5px;
}
#affiliateinviter textarea {
width : 75%;
min-height : 150px;
}
/*affiliateInviter End*/
/*productsearchfilter*/
#productsearchfilter select,
#productsearchfilter input {
width : 165px;
}
#productsearchfilter {
float : left;
width : 22%;
padding-right : 1%;
}
#productsearchfilter li {
padding : 5px 0;
font-size : 14px;
}
#productsearchfilter + #homeproducts {
float : right;
width : 77.6%;
}
#productsearchfilter select,
#productsearchfilter input,
#productsearchfilter a {
width : 100%;
}
@media screen and (max-width: 950px){
#productsearchfilter {
width : 24%;
}
#productsearchfilter + #homeproducts {
width : 75%;
}
}
@media screen and (max-width: 750px){
#productsearchfilter {
width : 100%;
float : inherit;
}
#productsearchfilter + #homeproducts {
width : 100%;
float : inherit;
}
}
/*productsearchfilter End*/
/*AdvancedSearchFilter*/
#AdvancedSearchFilter input,
#AdvancedSearchFilter select,
#AdvancedSearchFilter textarea,
#AdvancedSearchFilter input,
#AdvancedSearchFilter select,
#AdvancedSearchFilter textarea {
width : 75%;
}
/*AdvancedSearchFilter End*/
/*===== MODULES END
=============================*/
/*===== PAGE
=============================*/
/*--- LOGIN ---*/
#login .loginContainer {
margin : 30px;
padding : 15px;
background-color : #f2f2f2;
}
#login .loginContainer .loginLeft {
padding : 15px;
background-color : #fff;
}
#login .loginContainer .loginRight {
height : 363px;
padding : 15px;
background-color : #fff;
}
#login .button {
display : block;
padding : 10px 20px;
}
#login .loginContainer input[type="text"],
#login .loginContainer input[type="password"] {
padding : 0px 0px;
text-indent : 20px;
}
#login .loginContainer .textContent,
#login .loginContainer .passwordContent {
position : relative;
}
#login .loginContainer .forgotPass {
text-align : right;
}
#login .loginContainer .forgotPass a {
padding-bottom : 5px;
border-bottom : 1px solid #ebeaea;
}
#login .loginContainer .textContent:after,
#login .loginContainer .passwordContent:after {
display : block;
position : absolute;
top : 9px;
right : 10px;
font-family : "fontello";
width : 12px;
font-size : 14px;
color : #cccccc;
}
#login .loginContainer .textContent:after {
content : "\e82d";
}
#login .loginContainer .passwordContent:after {
content : '\ed21';
}
/*--- LOGIN END ---*/
/*--- REGISTER ---*/
#register .registerContent {
margin : 15px;
padding : 15px;
background-color : #f2f2f2;
}
#register .registerTop {
background-color : #fff;
margin-bottom : 10px;
}
#register .registerLeft {
background-color : #fff;
}
#register .registerRight {
background-color : #fff;
}
#register .registerFacebook {
float : right;
padding : 20px;
}
#register .registerRight .moduleCol2,
#register .registerLeft .moduleCol2 {
margin-right : 2% !important;
}
#register .registerRight .moduleCol2:nth-child(2n+0),
#register .registerLeft .moduleCol2:nth-child(2n+0),
#register .captha .moduleCol2:nth-child(2n+0) {
margin-right : 0% !important;
}
#register input[type="text"],
#register input[type="password"],
#register textarea {
width : 95%;
padding : 0px 0;
float : left;
text-indent : 10px;
}
#register .moduleCol2 > span {
float : right;
}
#register select {
width : 95%;
padding : 0px 0;
}
#register .captha {
width : 49%;
padding : 10px;
float : right;
background-color : #FFF;
}
#register .captha .moduleCol2 {
height : 70px;
}
#register .captha .moduleCol2 input[type="checkbox"]{
float : left;
}
#register .captha .moduleCol2 input[type="checkbox"] + a{
float : left;
padding-left : 5px;
}
@media screen and (min-width: 321px) and (max-width: 480px){
#register .captha {
width : 100%;
}
}
@media screen and (min-width: 200px) and (max-width: 320px) {
#register .captha {
width : 100%;
}
#register .registerTop .moduleCol2,
#register .registerLeft .moduleCol2,
#register .registerRight .moduleCol2,
#register .captha .moduleCol2 {
width : 100%;
}
#register .registerFacebook img {
width : 100%;
}
}
/*--- REGISTER END ---*/
/*--- PRODUCT ---*/
/*--- PRODUCT ---*/
#productDetail .col-left {
width : 39%;
margin-right : 1%;
}
/*-- IMAGES --*/
#productDetail #imageTabContainer {
width : 100% !important;
}
#productDetail #imageTabContainer .imagesTabs li {
float : left;
margin-left : 2px;
}
#productDetail #imageTabContainer .imagesTabs li a {
white-space : nowrap;
padding : 5px 10px;
}
#productDetail #imageTabContainer .zoomPad > img {
width : 100%;
}
.slidercontainer {
padding : 5px;
background : #FFF;
}
.slidercontainer span,
.slidercontainer a {
display : block;
}
.image_slider {
width : 100% !important;
}
.image_slider li{
width : 100% !important;
text-align : center;
}
.slider_nav li{
width : 22%;
float : left;
border : 1px solid #e2e1dd;
padding : 3px;
vertical-align : middle;
text-align : center;
margin : 0 5px 5px 0 !important;
display : inline-block;
}
.slider_nav li img{
width : 100%;
vertical-align : middle;
}
/*-- IMAGES END--*/
#productDetail .col-right,
#productDetail .product-fix .fix-name {
width : 60%;
}
#productDetail .col-right .product-name-container,
#productDetail .product-fix .product-name-container {
padding : 10px 0;
}
#productDetail .col-right .product-name-container,
#productDetail .col-right .product-name-container .prd-name,
#productDetail .col-right .product-name-container .prd-mark,
#productDetail .product-fix .product-name-container,
#productDetail .product-fix .product-name-container .prd-name,
#productDetail .product-fix .product-name-container .prd-mark {
display : block;
width : 100%;
}
#productDetail .col-right .product-name-container .prd-name h1,
#productDetail .product-fix .product-name-container .prd-name h1 {
display : block;
font-family :'Roboto Condensed', sans-serif;
font-size : 20px;
color : #272818;
}
#productDetail .col-right .product-name-container .prd-mark,
#productDetail .col-right .product-name-container .prd-code,
#productDetail .product-fix .product-name-container .prd-mark,
#productDetail .product-fix .product-name-container .prd-code {
padding : 0px 0;
font-family :'Roboto Condensed', sans-serif;
font-size : 14px;
color : #989395;
}
#productDetail .col-right .product-name-container .description h2,
#productDetail .product-fix .product-name-container .description h2 {
font-family :'Roboto Condensed', sans-serif;
font-size : 14px;
color : #989395;
font-weight : normal;
}
#productDetail .col-right .cr-left {
display : block;
width : 50%;
margin-right : 2%;
border : 1px solid #ebebeb;
font-family : 'Roboto Condensed', sans-serif;
font-size : 13px;
}
#productDetail .col-right .cr-left strong {
color : #73b74a;
}
#productDetail .col-right .cr-left ul {
display : block;
padding : 10px;
}
#productDetail .col-right .cr-left .prd-text-title {
width : 30%;
}
#productDetail .col-right .cr-left li {
float : left;
padding-right : 10px;
}
#productDetail .col-right .cr-left .status {
display : block;
}
#productDetail .col-right .cr-left .status li {
float : left;
padding-right : 10px;
}
#productDetail .col-right .cr-left .status li h2 {
font-family : 'Roboto Condensed', sans-serif;
font-size : 13px;
font-weight : normal;
}
#productDetail .col-right .cr-left .price-content,
#productDetail .col-right .cr-left .cargo-label,
#productDetail .col-right .cr-left .prd-add-content {
background-color : #f2f2f2;
border : 1px solid #ebebeb;
position : relative;
}
#productDetail .col-right .cr-left .prd-add-content select {
width : 90%;
}
#productDetail .col-right .cr-left .price-content .prd-price span {
display : block;
}
#productDetail .col-right .cr-left .price-content .prd-text-title,
#productDetail .col-right .cr-left .price-content .prd-text-title + li {
padding-top : 15px;
}
#productDetail .col-right .cr-left .price-content .prd-price .price {
padding : 10px 0;
font-family :'Roboto Condensed', sans-serif;
font-size : 22px;
color : #272818;
}
#productDetail .col-right .cr-left .price-content .prd-price .old-price {
padding-top : 15px;
text-decoration : line-through;
font-size : 13px;
}
#productDetail .col-right .cr-left .price-content .prd-price #IndirimliUrun {
width : 64px;
padding : 15px 10px;
background-color : #73b74a;
font-size : 11px;
color : #fff;
text-align : center;
position : absolute;
top : -10px;
right : 5px;
z-index : 900;
}
#productDetail .col-right .cr-left .price-content .prd-price #IndirimliUrun .percent {
font-family :'Roboto Condensed', sans-serif;
font-size : 13px;
}
#productDetail .col-right .cr-left .price-content .prd-price #IndirimliUrun:before {
display : inline-block;
content : "";
position : absolute;
top : 0px;
left : 50%;
margin-left : -10px;
border-style : solid;
border-width : 5px 10px 0 10px;
border-color : #fff transparent transparent transparent;
}
#productDetail .col-right .cr-left .price-content .prd-price #IndirimliUrun:after {
display : inline-block;
content : "";
border-style : solid;
border-width : 10px 32px 0 32px;
border-color : #73b74a transparent transparent transparent;
position : absolute;
top : 100%;
left : 0px;
}
/* Variant */
.variantWarning {
color : #407ac5;
font-weight : bold;
}
#tblvariant .selected {
border : 2px solid #407ac5 !important;
margin : 1px;
background : #407ac5 !important;
color : #fff;
}
#tblvariant .hover {
border-style : solid !important;
border-color : #FECE2F;
border : 2px;
background : #fff;
margin : 1px;
color : #000;
}
#tblvariant .normal {
border : 2px solid #575153;
margin : 1px;
}
#tblvariant .soldOut {
border : 2px dotted #aaa;
background-color : #f5f5f5;
color : #AAAAAA;
margin : 1px;
}
#tblvariant .selectedSoldOut {
border : 2px dotted #ff0000 !important;
background : #fff !important;
color : #aaaaaa;
margin : 1px;
}
#tblvariant button, #tblvariant input {
display : inline-block;
padding : 2px;
float : left;
text-align : center;
vertical-align : middle;
margin : 1px;
cursor : pointer;
font-size : 11px;
font-weight : bold;
color : #fff;
background : #989395;
border : 2px solid #666;
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
}
#tblvariant #sizes1 button {
width : 28px;
text-align : center;
}
#tblvariant input {
height : 25px !important;
width : 25px !important;
}
#tblvariant #size0SelectorContent {
}
#tblvariant #size0SelectorContent label,
#tblvariant #size1SelectorContent label,
#tblvariant #size2SelectorContent label {
display : inline-block !important;
font-size : 12px;
}
#tblvariant #size2SelectorContent p label {
float : left;
height : 20px;
}
#tblvariant #size0SelectorContent label#textSize0,
#tblvariant #size1SelectorContent label#textSize1,
#tblvariant #size2SelectorContent label#textSize2 {
color : #407ac5;
padding-left : 5px;
font-weight : bold;
font-size : 13px;
}
#tblvariant #size0SelectorContent p,
#tblvariant #size1SelectorContent p,
#tblvariant #size2SelectorContent p {
margin : 5px 0;
}
#productDetail .productBuyContent .variantContainer {
margin : 10px;
}
#productDetail .productBuyContent .variantContainer select {
width : 90% !important;
margin : 0px 2%;
float : left;
font-size : 12px;
}
#productDetail .productBuyContent .variantContainer span {
float : left;
}
#productDetail .productBuyContent .variantContainer .CheckBoxList input[type="checkbox"]{
display : inline-block;
}
#productDetail .productBuyContent .variantContainer .CheckBoxList input[type="checkbox"] + label{
display : inline-block;
padding-left : 5px;
font-size : 11px;
}
/* Variant End*/
/*-- BUY CONTENT --*/
#productDetail .QtyContainer {
padding : 10px;
border-bottom : 1px solid #e6e4e4;
}
#productDetail .QtyContainer .QtyText {
float : left;
height : 40px;
line-height : 40px;
padding-right : 5px;
font-size : 13px;
}
#productDetail .QtyContainer #txtQty {
float : left;
width : 30px;
height : 44px;
margin : 0px;
-moz-border-radius-topleft : 5px;
-webkit-border-top-left-radius : 5px;
border-top-left-radius : 5px;
-moz-border-radius-topright : 0px;
-webkit-border-top-right-radius : 0px;
border-top-right-radius : 0px;
-moz-border-radius-bottomright : 0px;
-webkit-border-bottom-right-radius : 0px;
border-bottom-right-radius : 0px;
-moz-border-radius-bottomleft : 5px;
-webkit-border-bottom-left-radius : 5px;
border-bottom-left-radius : 5px;
border-right : none;
}
#productDetail .QtyContainer .quantityArrow {
float : left;
width : 20px;
}
#productDetail .QtyContainer .quantityArrow .btnQtyPlus {
float : left;
border : 1px solid #e6e4e4;
cursor : pointer;
background-color : #fff;
font-size : 12px;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
}
#productDetail .QtyContainer .quantityArrow .btnQtyPlus:hover {
color : #fff;
background-color : #575153;
}
#productDetail .QtyContainer .quantityArrow .btnQtyPlus:before {
display : block;
font-family : "fontello";
content : '\e8b6';
padding : 2px 4px 2px 4px;
}
#productDetail .QtyContainer .quantityArrow .btnQtyMinus {
float : left;
border : 1px solid #e6e4e4;
background-color : #fff;
font-size : 12px;
cursor : pointer;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
}
#productDetail .QtyContainer .quantityArrow .btnQtyMinus:hover {
color : #fff;
background-color : #575153;
}
#productDetail .QtyContainer .quantityArrow .btnQtyMinus:before {
display : block;
font-family : "fontello";
content : '\e8b5';
padding : 2px 4px 2px 4px;
}
#productDetail .QtyContainer .qty-right {
padding : 5px 10px;
font-size : 11px;
}
#productDetail .prd-add-content .button {
display : block;
font-size : 16px;
padding : 9px 7%;
margin : 5px;
}
#productDetail .cr-left .label-panel {
border-bottom : 1px solid #ebebeb;
}
#productDetail .cr-left .label-panel li {
width : 33.3%;
border-right : 1px solid #ebebeb;
text-align : center;
}
#productDetail .cr-left .label-panel li:last-child {
border-right : inherit;
}
#productDetail .cr-left .label-panel li a {
color : #989395;
cursor : pointer;
}
#productDetail .cr-left .label-panel li a:hover {
color : #73b74a;
}
/*-- Share --*/
#productDetail .shareContent {
display : none;
padding : 10px 0 0 20px;
position : relative;
}
#productDetail .shareContent a {
float : left;
text-align : center;
margin-right : 10px;
color : #989395;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
}
#productDetail .shareContent a:hover {
color : #575153;
border-color : #575153;
}
#productDetail .shareContent a.facebook:before {
display : block;
font-family : "fontello";
content : '\ea84';
font-size : 14px;
}
#productDetail .shareContent a.twitter:before {
display : block;
font-family : "fontello";
content : '\ed8a';
font-size : 14px;
}
#productDetail .shareContent a.google:before {
display : block;
font-family : "fontello";
content : '\edfc';
font-size : 14px;
}
#productDetail .shareContent a.friendfeed:before {
display : block;
font-family : "fontello";
content : '\ee52';
font-size : 17px;
}
#productDetail .shareContent a.myspace:before {
display : block;
font-family : "fontello";
content : '\ee52';
font-size : 17px;
}
/*- share end -*/
/*-- Share End --*/
/*-labels -*/
#productDetail .labels {
width : 100%;
float : left;
}
#productDetail .labels li {
float : left;
width : 46px;
height : 69px;
margin : 0 8px 5px 0px;
}
#productDetail .labels li#HizliKargo {
background : url("images/label_hizlikargo.png") no-repeat scroll top left transparent;
}
#productDetail .labels li#EnUcuzUrun {
background : url("images/label_enucuzurun.png") no-repeat scroll top left transparent;
}
#productDetail .labels li#AyniGunTeslim {
background : url("images/label_aynigunteslim.png") no-repeat scroll top left transparent;
}#productDetail .labels li#OzelUrun {
background : url("images/label_ozelurun.png") no-repeat scroll top left transparent;
}
#productDetail .labels li#IndirimliUrun {
background : url("images/label_indirimliurun.png") no-repeat scroll top left transparent;
}
#productDetail .labels li#SinirliSayidaUrun {
background : url("images/label_sinirlisayida.png") no-repeat scroll top left transparent;
}
#productDetail .labels li#FirsatUrunu {
background : url("images/label_firsaturunu.png") no-repeat scroll top left transparent;
}
#productDetail .labels li#YeniUrun {
background : url("images/label_yeniurun.png") no-repeat scroll top left transparent;
}
#productDetail .labels li#SokFiyatliUrun {
background : url("images/label_sokfiyatliurun.png") no-repeat scroll top left transparent;
}
#productDetail .labels li#HediyeliUrun {
background : url("images/label_hediyeliurun.png") no-repeat scroll top left transparent;
}
#productDetail .kargosatinal {
width : 35%;
float : right;
}
#productDetail .kargosatinal .SatinalPanel {
float : right;
width : 100%;
}
#productDetail .kargosatinal .SatinalPanel li {
}
#productDetail .kargosatinal .SatinalPanel li a {
display : block;
padding : 5px 10px;
margin : 3px 0;
background-color : #f2f2f2;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
}
#productDetail .kargosatinal .SatinalPanel li a.postButton{
background-color : #407ac5;
padding : 10px 0;
font-size : 13px;
}
#productDetail .kargosatinal .SatinalPanel li a:hover {
background-color : #575153;
color : #fff;
}
#productDetail .kargosatinal .cargo {
float : right;
width : 100%;
}
#productDetail .kargosatinal .cargo li {
padding : 5px 10px;
}
#productDetail .kargosatinal .cargo li span {
display : inline-block;
}
/*-labels End -*/
#productDetail .col-right .cr-right {
display : block;
width : 48%;
border : 1px solid #ebebeb;
}
#productDetail .col-right .cr-right .label-panel {
padding : 10px;
}
#productDetail .col-right .cr-right .label-panel ul li {
float : left;
border-right : 1px solid #ebebeb;
}
#productDetail .col-right .cr-right .label-panel ul li:last-child {
border-right : inherit;
}
#productDetail .col-right .cr-right .label-panel ul li a {
padding : 0 5px;
font-family :'Roboto Condensed', sans-serif;
font-size : 12px;
}
/*-alternative -*/
#alternatives #product-alternatives {
display : block;
}
#alternatives #product-alternatives .alt-product {
padding : 10px;
border-bottom : 1px solid #ebebeb;
}
#alternatives .alt-product .alt-images {
width : 30%;
}
#alternatives .alt-product .alt-text {
width : 68%;
}
#alternatives .alt-product .alt-text a {
padding : 5px 10px;
display : block;
font-family : 'Roboto Condensed', sans-serif;
font-size : 12px;
}
#alternatives .alt-product .alt-text span{
padding : 5px 10px;
display : block;
font-family : 'Roboto Condensed', sans-serif;
font-size : 12px;
}
@media screen and (max-width: 959px){
#productDetail .product-fix.product-fix-block {
display : none !important;
}
#productDetail .col-left {
width : 30%;
}
#productDetail .col-right {
width : 69%;
}
}
@media screen and (max-width: 750px){
#productDetail .col-left {
width : 40%;
}
#productDetail .col-right {
width : 59%;
}
#productDetail .col-right .cr-left {
width : 100%;
}
#productDetail .col-right .cr-right {
width : 100%;
}
}
@media screen and (max-width: 660px){
#productDetail .col-left {
width : 100%;
}
#productDetail .col-right {
width : 100%;
}
.detailsTabContainer > ul > li.button {
width : 100%;
}
.zoomWindow {
display:none !important;
}
}
/*-fix -content-*/
#productDetail .product-fix {
display : none;
width : 100%;
padding : 15px 0 15px 0;
background-color : #fff;
border-bottom : 1px solid #ebebeb;
position : fixed;
top : 0px;
left : 0px;
z-index : 999;
-webkit-box-shadow : 0px -5px 48px 2px rgba(194, 194, 194, 0.87);
-moz-box-shadow : 0px -5px 48px 2px rgba(194, 194, 194, 0.87);
box-shadow : 0px -5px 48px 2px rgba(194, 194, 194, 0.87);
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
-webkit-animation : product-fix 0.9s; /* Chrome, Safari, Opera */
animation : product-fix 0.9s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes product-fix {
0% {top:-100%;}
100% {top:0;}
}
/* Standard syntax */
@keyframes product-fix {
0% {top:-100%;}
100% {top:0;}
}
#productDetail .product-fix.product-fix-block {
display : block;
}
#productDetail .product-fix .fix-images {
width : 9%;
float : left;
margin-right : 3%;
}
#productDetail .product-fix .fix-images .cboxElement,
#productDetail .product-fix .fix-images .slider_nav {
display : none;
}
#productDetail .product-fix .fix-images img {
width : 100% !important;
}
#productDetail .product-fix .fix-name {
float : left;
width : 50%;
}
#productDetail .product-fix .fix-name h1 {
display : block;
font-family :'Roboto Condensed', sans-serif;
font-size : 20px;
color : #272818;
}
#productDetail .product-fix .fix-price {
float : left;
width : 20%;
margin-right : 2%;
position : relative;
}
#productDetail .product-fix .fix-price li {
float : left;
padding-right : 10px;
}
#productDetail .product-fix .fix-price .prd-text-title,
#productDetail .product-fix .fix-price .prd-text-title + li {
padding-top : 15px;
font-size : 14px;
}
#productDetail .product-fix .fix-price .price {
display : block;
padding : 10px 0;
font-family :'Roboto Condensed', sans-serif;
font-size : 20px;
color : #272818;
}
#productDetail .product-fix .fix-price .old-price {
padding-top : 15px;
text-decoration : line-through;
font-size : 13px;
}
#productDetail .product-fix .fix-price #IndirimliUrun {
width : 64px;
padding : 15px 10px;
background-color : #73b74a;
font-size : 11px;
color : #fff;
text-align : center;
position : absolute;
top : 0px;
right : 120%;
z-index : 900;
}
#productDetail .product-fix .fix-price #IndirimliUrun .percent {
font-family :'Roboto Condensed', sans-serif;
font-size : 13px;
}
#productDetail .product-fix .fix-price #IndirimliUrun:before {
display : inline-block;
content : "";
position : absolute;
top : 0px;
left : 50%;
margin-left : -10px;
border-style : solid;
border-width : 5px 10px 0 10px;
border-color : #fff transparent transparent transparent;
}
#productDetail .product-fix .fix-price .prd-price #IndirimliUrun:after {
display : inline-block;
content : "";
border-style : solid;
border-width : 10px 32px 0 32px;
border-color : #73b74a transparent transparent transparent;
position : absolute;
top : 100%;
left : 0px;
}
#productDetail .product-fix .fix-button {
float : left;
width : 15%;
}
#productDetail .product-fix .fix-button a {
padding : 15px 0;
width : 100%;
font-family :'Roboto Condensed', sans-serif;
font-size : 16px;
}
/*-kargo-*/
#productDetail .kargosatinal {
width : 35%;
float : right;
}
#productDetail .kargosatinal .SatinalPanel {
float : right;
width : 100%;
}
#productDetail .kargosatinal .SatinalPanel li {
}
#productDetail .kargosatinal .SatinalPanel li a {
display : block;
padding : 5px 10px;
margin : 3px 0;
background-color : #f2f2f2;
-webkit-transition : all 0.4s ease 0.1s;
transition : all 0.4s ease 0.1s;
}
#productDetail .kargosatinal .SatinalPanel li a.postButton{
background-color : #407ac5;
padding : 10px 0;
font-size : 13px;
}
#productDetail .kargosatinal .SatinalPanel li a:hover {
background-color : #575153;
color : #fff;
}
#productDetail .kargosatinal .cargo {
float : right;
width : 100%;
}
#productDetail .kargosatinal .cargo li {
padding : 5px 10px;
}
#productDetail .kargosatinal .cargo li span {
display : inline-block;
}
/*-- BUY CONTENT --*/
/*-- TAB CONTENT --*/
/*-- GROUP CONTENT --*/
#productDetail .prd-grp {
display : block;
}
#productDetail .prd-grp li {
padding : 10px;
margin-bottom : 10px;
border : 1px solid #e6e4e4;
}
#productDetail .prd-grp li .prd-grp-img img {
width : 100%;
}
#productDetail .prd-grp li .prd-grp-img,
#productDetail .prd-grp li .prd-grp-img a {
display : block;
padding : 10px 0;
text-align : center;
}
#productDetail .prd-grp li .prd-grp-name {
display : block;
height : 35px;
overflow : hidden;
text-align : left;
margin-bottom : 10px;
font-size : 13px;
}
#productDetail .prd-grp li .prd-grp-nbr {
padding : 5px 0;
display : block;
font-size : 12px;
text-align : center;
}
#productDetail .prd-grp li .prd-grp-price {
display : block;
font-size : 14px;
text-align : center;
}
#productDetail .prd-grp li .button{
display : block;
text-align : center;
}
#productDetail .dis-grp .dis-content {
border-width : 1px 0 0 1px;
border-style : solid;
border-color : #e6e4e4;
}
#productDetail .dis-grp .dis-content span {
display : block;
padding : 10px;
border-bottom : 1px solid #e6e4e4;
font-size : 14px;
}
#productDetail .dis-grp .dis-content li {
float : left;
border-right : 1px solid #e6e4e4;
}
/*-- GROUP CONTENT END --*/
.detailsTabContainer {
position : relative;
}
.detailsTabContainer ul {
border-bottom : 1px solid #e6e4e4;
}
.detailsTabContainer > ul > li.button {
padding : 0px;
margin : 0px 0px 0px 0px;
float : left;
border : 1px solid #e6e4e4;
border-bottom : inherit;
border-left : inherit;
}
.detailsTabContainer > ul > li.button.buttonActive {
background-color : #fff;
border-top : 3px solid #e7128f;
border-bottom : inherit;
}
.detailsTabContainer > ul > li.button.buttonActive > a {
color : #272818;
}
.detailsTabContainer > ul > li.button > a {
padding : 5px 20px;
font-family :'Roboto Condensed', sans-serif;
font-size : 13px;
color : #FFF;
}
.detailsTabContainer .tabsContent {
padding : 10px;
border : 1px solid #e6e4e4;
}
.detailsTabContainer .tabsContent .button {
padding : 5px 1px;
}
.detailsTabContainer .tabsContent .tabImages li {
float : left;
}
.detailsTabContainer .tabsPasive {
display : none;
}
/*-- TAB CONTENT END --*/
#addreview label * {
display : inline-block;
padding : 0 5px;
}
#addreview label > label {
width : 75px;
}
#addreview textarea {
width : 50%;
min-height : 100px;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
}
@media screen and (min-width: 321px) and (max-width: 768px){
#productDetail .productName {
width : 100%;
float : none;
text-align : center;
}
.image_slider {
height : 425px !important;
}
#PriceContainer #FiyatPanel > div {
text-align : center;
}
#productDetail .shareContent {
float : none;
text-align : center;
}
}
@media screen and (min-width: 200px) and (max-width: 320px) {
#productDetail .productName {
width : 100%;
float : none;
text-align : center;
}
#productDetail .productName span {
font-size : 20px;
color : #575153;
}
.image_slider {
height : 266px !important;
}
#PriceContainer #FiyatPanel > div {
text-align : center;
}
#productDetail .shareContent {
float : left;
}
}
.product-body #header,
.product-body #footer {
display : none;
}
/*--- PRODUCT END ---*/
/*--- ACCOUNT ---*/
#account #accountMenu > ul > li {
display : block;
white-space : nowrap;
border-bottom : 1px solid #ebeaea;
position : relative;
z-index : 998;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#account #accountMenu > ul > li > a{
display : inline-block;
padding : 10px;
font-size : 13px;
color : #989395;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#account #accountMenu > ul > li.contentMenu:before {
display : inline-block;
float : right;
line-height : 38px;
font-family : "fontello";
content : '\e8b7';
}
#account #accountMenu > ul > li:hover {
background-color : #f2f2f2;
}
#account #accountMenu > ul > li:hover > ul {
display : block;
}
#account #accountMenu > ul > li > ul {
display : none;
position : absolute;
top : 0px;
left : 100%;
z-index : 998;
padding : 10px;
background-color : #f2f2f2;
}
#account #accountMenu > ul > li > ul > li {
display : block;
white-space : nowrap;
position : relative;
}
#account #accountMenu > ul > li > ul > li:hover > a {
background-color : #fff;
}
#account #accountMenu > ul > li > ul > li > a{
display : block;
padding : 5px 10px;
font-size : 13px;
color : #989395;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
@media screen and (min-width: 769px) and (max-width: 1920px){
#account {
display : block !important;
}
}
@media screen and (max-width: 900px) and (min-width: 800px) {
#account #accountMenu li a {
font-size : 11px !important;
}
}
@media screen and (max-width: 768px) and (min-width: 481px) {
#account #accountMenu li a {
font-size : 11px !important;
}
}
@media screen and (max-width: 768px) and (min-width: 321px) {
.middleLeftButton{
display : nene;
}
#account {
background-color : #FFF;
-webkit-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
}
#account #accountMenu a {
font-size : 11px !important;
}
}
@media screen and (min-width: 200px) and (max-width: 768px) {
#account #accountMenu > ul > li > ul {
display : block;
position : relative;
left : 0px;
}
#account #accountMenu > ul > li > ul > li {
padding-left : 15px;
}
}
@media screen and (max-width: 320px) and (min-width: 200px) {
#account {
background-color : #FFF;
-webkit-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
}
.middleLeftButton {
display : none;
}
#account #accountMenu a {
font-size : 11px !important;
}
}
/*USER*/
#user .moduleContentCol1 .moduleContentCol2:first-child {
margin-right : 0px;
}
/*USER END*/
/*--- ACCOUNT END ---*/
/*--- REPORT ---*/
#report_container {
width : 940px;
margin : 0 auto;
padding-bottom : 30px;
}
#report_container #report_history {
display : inline-block;
float : right;
}
#report_container #report_button {
float : right;
margin : 20px 20px 0 0;
}
#report_container .user {
display : block;
}
#report_container #report_content {
float : left;
width : 620px;
}
#report_container #report_content > div {
width : 300px;
display : inline-block;
float : left;
margin : 0px 5px;
}
#report_container .daytable {
width : 300px;
min-height : 500px;
float : left;
}
/*--- REPORT END ---*/
/*--- CART ---*/
#cart .multiCart .moduleContentCol3 {
min-width : 100px;
height : 40px;
line-height : 34px;
}
#cart .multiCart .multiCartTitle{
display : block;
}
#cart .multiCart .moduleContentCol3 .button {
line-height : normal;
margin : 0px;
}
#cart {
display : block;
}
#cart .ajax__tab_xp ajax__tab_container {
display : block;
}
#cart .ajax__tab_default .ajax__tab_header {
display : block;
height : 36px !important;
margin : 0;
padding : 3px 3px;
-webkit-border-radius : 7px;
-moz-border-radius : 7px;
border-radius : 7px;
border : 1px solid #E2E1DD;
background : #F5F4F1 url(images/ui-bg_highlight-soft_75_f5f4f1_1x100.html) 50% 50% repeat-x;
color : #272818;
font-weight : bold;
}
#cart .ajax__tab_default .ajax__tab_header > span {
display : inline-block !important;
float : left;
height : 30px;
margin : 3px 5px;
-moz-border-radius-topleft : 7px;
-webkit-border-top-left-radius : 7px;
border-top-left-radius : 7px;
-moz-border-radius-topright : 7px;
-webkit-border-top-right-radius : 7px;
border-top-right-radius : 7px;
background-color : #FFF;
}
#cart .ajax__tab_default .ajax__tab_header .ajax__tab_outer {
height : 30px;
padding : 5px 10px;
border : none;
background : #407ac5 url(images/none.html) 50% 50% repeat-x;
color : #fff;
-moz-border-radius-topleft : 7px;
-webkit-border-top-left-radius : 7px;
border-top-left-radius : 7px;
-moz-border-radius-topright : 7px;
-webkit-border-top-right-radius : 7px;
border-top-right-radius : 7px;
}
#cart .ajax__tab_default .ajax__tab_header > span > span:hover {
height : 30px;
padding : 5px 10px;
border : 1px solid #fff;
background : #fff url(images/ui-bg_glass_75_ea9715_1x400.html) 50% 50% repeat-x !important;
color : #000;
-moz-border-radius-topleft : 7px;
-webkit-border-top-left-radius : 7px;
border-top-left-radius : 7px;
-moz-border-radius-topright : 7px;
-webkit-border-top-right-radius : 7px;
border-top-right-radius : 7px;
}
#cart .ajax__tab_default .ajax__tab_header .ajax__tab_outer .ajax__tab_inner {
height : 30px;
background : url("none.html") no-repeat center left transparent !important;
}
#cart .ajax__tab_default .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab{
height : 24px;
background : url("none.html") no-repeat center left transparent !important;
font-weight : normal;
}
/*------ ACTİVE -------*/
#cart .ajax__tab_default .ajax__tab_header .ajax__tab_active {
}
#cart .ajax__tab_default .ajax__tab_header .ajax__tab_active > span {
display : block;
padding : 5px 10px;
color : #000;
border : 1px solid #fff;
background : #fff url(none.html) 50% 50% repeat-x;
-moz-border-radius-topleft : 7px;
-webkit-border-top-left-radius : 7px;
border-top-left-radius : 7px;
-moz-border-radius-topright : 7px;
-webkit-border-top-right-radius : 7px;
border-top-right-radius : 7px;
}
#cart .ajax__tab_default .ajax__tab_header .ajax__tab_active > span > span{
display : block;
background : url("none.html") no-repeat center left transparent !important;
}
#cart .ajax__tab_default .ajax__tab_header .ajax__tab_active > span > span > span{
display : block;
background : url("none.html") no-repeat center left transparent !important;
}
#cart .ajax__tab_default .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
display : block;
height : 30px;
background-color : #fff;
}
/*------ ACTİVE END-------*/
#cart .ajax__tab_default .ajax__tab_body {
border : none !important;
font-size : 11px !important;
}
#cart .ajax__tab_default .ajax__tab_body .ajax__tab_panel > table > tbody > tr {
border : 1px solid #CCC;
}
#cart .ajax__tab_default .ajax__tab_body .ajax__tab_panel > table > tbody > tr > td{
border : 1px solid #CCC;
text-align : center;
padding : 5px;
}
#cart .ajax__tab_default .ajax__tab_body .ajax__tab_panel > table > tbody > tr > td:nth-child(7){
display : none;
}
#cart .ajax__tab_default .ajax__tab_body .ajax__tab_panel > table > tbody > tr > td:nth-child(8){
display : none;
}
#cart .ajax__tab_default .ajax__tab_body .ajax__tab_panel > table > tbody > tr > td:nth-child(9){
display : none;
}
#cart .ajax__tab_default .ajax__tab_body .ajax__tab_panel > table > tbody > tr > td:nth-child(10){
display : none;
}
#cart .puan ,
#cart .texModul{
display : block;
}
@media screen and (min-width: 200px) and (max-width: 768px) {
#cart .cartDetail {
table-layout : fixed;
}
#cart .cartDetail tr {
width : 100%;
}
#cart .cartDetail tr td {
width : 100%;
display : block;
border : none;
}
#cart .cartDetail .unitPrice,
#cart .cartDetail .detailPrice,
#cart .cartDetail .adetDetail,
#cart .cartDetail .kdvDetail,
#cart .cartDetail > tbody > tr:first-child > td,
#cart .cartDetail > tbody > tr:first-child > td:nth-child(3),
#cart .cartDetail > tbody > tr:first-child > td:nth-child(4),
#cart .cartDetail > tbody > tr:first-child > td:nth-child(5),
#cart .cartDetail > tbody > tr:first-child > td:nth-child(6) {
display : none;
}
.ajax__tab_xp .ajax__tab_body {
padding : 0px;
}
#cart .ajax__tab_default .ajax__tab_body .ajax__tab_panel > table > tbody > tr > td {
border : none;
}
#cart .totalPriceDetail {
color : #407ac5;
font-weight : bold;
}
#cart .multiCart .moduleContentCol3 {
margin-bottom : 0px;
height : auto;
line-height : normal;
}
}
/*--- CART END ---*/
/*--- ORDERSTEP2 ---*/
#orderstep2 .moduleContentCol2 .moduleCol1:before,
#orderstep2 .moduleContentCol2 .moduleCol1:after {
content : "";
display : table;
clear : both;
}
#orderstep2 .moduleContentCol2 .moduleCol1 label{
width : 35%;
line-height : 30px;
float : left;
font-size : 12px;
}
#orderstep2 .moduleContentCol2 .moduleCol1 label + *{
width : 60%;
float : left;
}
#orderstep2 .moduleContentCol2 .moduleCol1 span {
padding : 5px;
}
#orderstep2 .button {
display : block;
padding : 10px 0;
font-weight : bold;
font-size : 14px;
}
@media screen and (max-width: 768px) and (min-width: 200px) {
#orderstep2 .moduleContentCol2 .moduleCol1 label{
width : 100%;
float : none;
font-size : 12px;
}
#orderstep2 .moduleContentCol2 .moduleCol1 label + *{
width : 90%;
float : none;
}
}
/*--- ORDERSTEP2 END ---*/
/*--- ORDERSTEP3 ---*/
#OrderStep3d .orderstep3dRight .moduleCol1 {
}
#OrderStep3d .summaryTitle {
display : block;
padding-bottom : 5px;
margin-bottom : 5px;
border-bottom : 1px solid #989395;
font-size : 17px;
color : #407ac5;
font-weight : bold;
}
#OrderStep3d .summaryTitle2 {
display : block;
text-align : right;
font-size : 12px;
}
#OrderStep3d .orderstep3dRight {
float : right;
width : 30%;
background-color : #f2f2f2;
padding : 10px;
margin-top : 10px;
}
#OrderStep3d .orderstep3dRight .moduleCol13d {
padding : 10px;
background-color : #FFF;
}
#OrderStep3d .orderstep3dRight span {
display : block;
text-align : right;
}
#OrderStep3d .orderstep3dRight span.priceContent {
font-size : 17px;
color : #353535;
}
#OrderStep3d .topPrice span:last-child {
text-align : right;
font-size : 25px;
font-weight : bold;
color : #353535;
}
#OrderStep3d .orderKdv{
padding-bottom : 10px;
border-bottom : 1px solid #CCC;
}
#OrderStep3d .orderstep3dLeft {
float : left;
width : 68%;
}
#OrderStep3d .orderKdv span:nth-child(2) {
font-size : 13px;
}
#OrderStep3d .orderKdv span:nth-child(2):before {
display : inline-block;
content : "(";
}
#OrderStep3d .orderKdv span:nth-child(2):after {
display : inline-block;
content : ")" ;
}
#OrderStep3d .orderKdv span:nth-child(3) {
font-size : 12px;
padding : 3px 5px 0 0;
}
#OrderStep3d .orderKdv span {
float : right;
}
#OrderStep3d .cargoPrice {
border-bottom : 1px solid #ccc;
padding-bottom : 10px;
margin-bottom : 10px;
}
#OrderStep3d .cargoPrice select {
float : right;
margin-top : 5px;
}
#OrderStep3d .contractContent span,
#OrderStep3d .contractContent input {
display : inline-block;
font-size : 11px;
float : left;
margin-right : 5px;
text-align : left;
}
#OrderStep3d .contractContent .contractTwo {
width : 200px;
display : none;
}
#OrderStep3d .contractContent span,
#OrderStep3d .contractContent input {
display : inline-block;
font-size : 11px;
float : left;
margin-right : 5px;
}
#OrderStep3d .contract label {
float : left;
}
#OrderStep3d .contract label input {
margin-right : 5px;
}
#OrderStep3d .contract span {
float : right;
margin-right : 5px;
font-size : 17px;
}
#OrderStep3d .paymentContent {
display : block;
background-color : #f2f2f2;
border : 1px solid #e6e4e4;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
position : relative;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#OrderStep3d #divcontractform #contractform1 {
margin-bottom : 10px;
width : 100%;
height : 110px;
overflow : auto;
-webkit-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.48);
-moz-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.48);
box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.48);
}
#OrderStep3d #divcontract #contractform2 {
margin-bottom : 10px;
width : 100%;
height : 110px;
overflow : auto;
-webkit-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.48);
-moz-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.48);
box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.48);
}
#OrderStep3d #divcontractform .moduleTitle,
#OrderStep3d #divcontract .moduleTitle {
text-align : center;
-moz-border-radius-topleft : 5px;
-webkit-border-top-left-radius : 5px;
border-top-left-radius : 5px;
-moz-border-radius-topright : 5px;
-webkit-border-top-right-radius : 5px;
border-top-right-radius : 5px;
}
#OrderStep3d .paymentContent:hover {
background-color : #407ac5;
color : #fff;
}
#OrderStep3d .paymentContent + div {
width : auto;
padding : 10px;
background-color : #f2f2f2;
margin : 5px;
}
#OrderStep3d .paymentContent label {
padding : 10px 15px;
height : 38px;
margin : 0px;
cursor : pointer;
position : relative;
}
#OrderStep3d .paymentContent label > span:last-child {
}
#OrderStep3d .paymentContent input[type="radio"] {
visibility : hidden;
position : absolute;
top : 0px;
left : 0px;
width : 100%;
height : 38px;
-webkit-appearance : none;
padding : 10px 0px;
margin : 0px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
cursor : pointer;
}
#OrderStep3d .paymentContent input[type="radio"]:checked {
background-color : #407ac5;
}
#OrderStep3d .paymentContent input[type="radio"]:checked + span {
position : absolute;
top : 0px;
left : 0px;
width : 100%;
height : 38px;
-webkit-appearance : none;
padding : 10px;
margin : 0px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
cursor : pointer;
background-color : #407ac5;
color : #fff;
}
#OrderStep3d .pnlPaytypes {
margin : 5px;
background-color : transparent;
border : none;
}
#OrderStep3d .pnlPaytypes:hover{
margin : 5px;
background-color : transparent;
border : none;
color : inherit;
}
#OrderStep3d .pnlPaytypes .module_box {
margin : 10px 0;
background-color : #f2f2f2;
position : relative;
min-height : 36px;
}
#OrderStep3d .pnlPaytypes .module_box #module_title > span > div:hover{
background-color : #407ac5;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
#OrderStep3d .pnlPaytypes .module_box #module_title > span > div:hover > .SiparisOdeme_Banner_Label{
color : #fff;
}
#OrderStep3d .paymentContent .module_box #module_title + div {
padding : 40px 10px 10px 10px;
}
#OrderStep3d .paymentContent .module_box #module_title input[type="radio"]{
visibility : initial;
}
#OrderStep3d .paymentContent .module_box #module_title span {
display : block;
}
#OrderStep3d .paymentContent .module_box #module_title span div {
position : relative;
}
#OrderStep3d .paymentContent .module_box #module_title span div > span {
padding : 10px 15px;
margin : 0px;
cursor : pointer;
font-size : 14px;
}
#OrderStep3d .contract label {
float : left;
}
#OrderStep3d .button {
width : 100%;
padding : 10px 0;
font-weight : bold;
}
@media screen and (min-width: 200px) and (max-width: 400px) {
.basketOrder {
display : none;
}
}
@media screen and (min-width: 200px) and (max-width: 480px) {
#OrderStep3d .contractOne {
display : none !important;
}
#OrderStep3d .orderstep3dLeft {
float : none;
width : 100%;
}
#OrderStep3d .orderstep3dRight {
float : none;
width : 100%;
}
#OrderStep3d .paymentContent + div table td {
display : block;
}
#OrderStep3d .contractform {
display : none;
}
#OrderStep3d .contractContent .contractTwo {
width : 200px;
display : block;
}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
#OrderStep3d .orderstep3dLeft {
float : none;
width : 100%;
}
#OrderStep3d .orderstep3dRight {
float : none;
width : 100%;
}
}
/*--- ORDERSTEP3 END ---*/
/*--- SALE --- */
#sales select,
#sales input {
width : 100%;
}
#sales input[type="checkbox"]{
width : 50%;
}
#sales .inptSelect > input {
float : left;
width : 65%;
-moz-border-radius-topleft : 5px;
-webkit-border-top-left-radius : 5px;
border-top-left-radius : 5px;
-moz-border-radius-topright : 0px;
-webkit-border-top-right-radius : 0px;
border-top-right-radius : 0px;
-moz-border-radius-bottomright : 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius : 0px;
-moz-border-radius-bottomleft : 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius : 5px;
}
#sales .inptSelect > input + select {
float : left;
width : 34%;
-moz-border-radius-topleft : 0px;
-webkit-border-top-left-radius : 0px;
border-top-left-radius : 0px;
-moz-border-radius-topright : 5px;
-webkit-border-top-right-radius : 5px;
border-top-right-radius : 5px;
-moz-border-radius-bottomright : 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius : 5px;
-moz-border-radius-bottomleft : 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius : 0px;
}
#sales .inptSelect > select {
width : 50%;
float : left;
-moz-border-radius-topleft : 5px;
-webkit-border-top-left-radius : 5px;
border-top-left-radius : 5px;
-moz-border-radius-topright : 0px;
-webkit-border-top-right-radius : 0px;
border-top-right-radius : 0px;
-moz-border-radius-bottomright : 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius : 0px;
-moz-border-radius-bottomleft : 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius : 5px;
}
#sales .inptSelect > select + select {
-moz-border-radius-topleft : 0px;
-webkit-border-top-left-radius : 0px;
border-top-left-radius : 0px;
-moz-border-radius-topright : 5px;
-webkit-border-top-right-radius : 5px;
border-top-right-radius : 5px;
-moz-border-radius-bottomright : 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius : 5px;
-moz-border-radius-bottomleft : 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius : 0px;
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
.sales .fourContent .homeProductContent {
height : auto !important;
}
}
.sales .fourContent .homeProductContent #Div1 input,
.sales .fourContent .homeProductContent #Qty input{
width : 75%;
margin : 0 5%;
text-align : center;
}
.sales .fourContent .homeProductContent #Div1 label,
.sales .fourContent .homeProductContent #Qty label{
text-align : center;
padding : 5px 0;
}
.sales .plasiyerButton {
display : block;
}
.sales .plasiyerButton input[type="submit"]{
width : 100%;
padding : 10px 0;
text-align : center;
font-size : 15px;
}
/*--- SALE END--- */
/*================== PAGE END ==================*/
/*- home-cat-topon -*/
.show-container {
padding-right : 75px;
margin-bottom : 10px;
border-bottom : 1px solid #e3e1e1;
}
.show-container .show-title {
float : left;
font-family : 'Open Sans', sans-serif;
font-size : 17px;
color : #6f6f6f;
position : relative;
}
.show-container .show-title:before{
display : block;
content : "";
width : 120%;
height : 2px;
background-color : #e7128f;
position : absolute;
bottom : -11px;
left : 0px;
}
.show-container .show-title h1 {
float : left;
padding-right : 5px;
font-size : 17px;
font-weight : 700;
}
.show-container .show-title h2 {
float : left;
font-size : 17px;
font-weight : 300;
}
.show-container .show-content {
float : right;
}
.show-container .show-content ul > li {
float : left;
padding : 7px 13px;
border : 1px solid #fff;
cursor : pointer;
position : relative;
font-family : 'Open Sans', sans-serif;
font-size : 12px;
color : #6f6f6f;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
.show-container .show-content ul > li:hover {
color : #e7128f;
}
.show-container .show-content ul > li.active {
color : #e7128f;
border : 1px solid #e3e1e1;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.show-container .show-content ul > li.active:before {
display : block;
content : "";
width : 100%;
height : 2px;
background-color : #e7128f;
position : absolute;
top : 0px;
left : 0px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.show-container .show-content ul > li.active:after {
display : block;
content : "";
width : 100%;
height : 2px;
background-color : #fff;
position : absolute;
bottom : -2px;
left : 0px;
}
/*- ovl -*/
.owl-pagination {
display : none;
}
.owl-buttons {
position : absolute;
top : -45px;
right : 0px;
}
.owl-buttons > div {
display : inline-block;
margin-left : 10px;
width : 25px;
height : 25px;
border : 1px solid #e3e1e1;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
font-family : "fontello";
content : '\e8b7';
font-size : 18px;
text-align : center;
-webkit-transition : all 0.4s ease 0s;
transition : all 0.4s ease 0s;
}
.owl-buttons > div:hover {
color : #e7128f;
border-color : #e7128f;
}
.owl-buttons .owl-next:before {
display : block;
content : '\e8b7';
}
.owl-buttons .owl-prev:before {
display : block;
content : '\e8b8';
}
.owl-carousel .owl-item {
padding : 7px;
}
.owl-carousel .owl-item .item {
padding : 15px 15px 0px 15px;
}
.owl-carousel .owl-item .item .cs-images a,
.owl-carousel .owl-item .item .cs-images a img {
display : block;
width : 100%;
}
.owl-carousel .owl-item .item .cs-text {
padding : 15px 0;
}
.owl-carousel .owl-item .item .cs-text .cs-name {
height : 50px;
overflow : hidden;
margin-bottom : 15px;
font-family : 'Open Sans', sans-serif;
font-size : 12px;
color : #6f6f6f;
text-align : left;
}
.owl-carousel .owl-item .item .cs-text .cs-price-content {
height : 50px;
overflow : hidden;
}
.owl-carousel .owl-item .item .cs-text .cs-price-content .cs-oldPrice {
display : block;
padding-bottom : 5px;
font-family : 'Open Sans', sans-serif;
font-size : 12px;
color : #6f6f6f;
text-decoration : line-through;
}
.owl-carousel .owl-item .item .cs-text .cs-price-content .cs-price {
display : block;
padding-bottom : 5px;
font-family : 'Open Sans', sans-serif;
font-size : 17px;
color : #e7128f;
}
/*- home-cat-topon end -*/
/*- about -*/
.about {
position : relative;
}
.about dt {
width : 20%;
margin-right : 75%;
}
.about dd {
width : 80%;
min-height : 400px;
position : absolute;
top : 0px;
right : 0px;
}
/*---*/
/** explorer için rounded corner olayı Not: aktif edilince site yavaşlıyor *** /
/*
.ui-corner-tl { border-top-left-radius: 8px; behavior: url(/border-radius.htc);}
.ui-corner-tr { border-top-right-radius: 8px; behavior: url(/border-radius.htc);}
.ui-corner-bl { border-bottom-left-radius: 8px; behavior: url(/border-radius.htc);}
.ui-corner-br { border-bottom-right-radius: 8px; behavior: url(/border-radius.htc);}
.ui-corner-top { border-top-left-radius: 8px; border-top-right-radius: 8px; behavior: url(/border-radius.htc);}
.ui-corner-bottom { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; behavior: url(/border-radius.htc);}
.ui-corner-right { border-top-right-radius: 8px; border-bottom-right-radius: 8px; behavior: url(/border-radius.htc);}
.ui-corner-left { border-top-left-radius: 8px; border-bottom-left-radius: 8px; behavior: url(/border-radius.htc);}
.ui-corner-all { border-radius: 8px; behavior: url(/border-radius.htc); }
*/
.help-msg {
padding-top : 10px;
font-size : 12px;
}
.help-msg .help-msg-detail {
display : none;
padding : 0 10px;
position : absolute;
bottom : 100%;
font-style : normal;
background-color : #fff;
border : 1px solid #c9c9c9;
box-shadow : 1px 2px 2px 0 rgba(0,0,0,0.18);
}
.help-msg > i {
position : relative;
cursor : pointer;
}
.help-msg > i:hover > .help-msg-detail {
display : block;
width : 300px;
}
#register .moduleCol2 .help-msg {
padding : 0 20px;
}
.baslik{background-color:#f4f4f4; padding:15px 0px 15px 15px; font-size:12px; color:#000; font-weight:bold;}
.yazi{ padding:15px 15px 15px 15px; font-size:12px; color:#000; font-weight:normal; text-align:justify;}
A.linka:link{font-weight:normal; }
A.linka:visited {font-weight:normal;}
A.linka:active {font-weight:normal;}
A.linka:hover {font-weight:bold;}
.kategorilerbaslik {
background-color: #fff;
font-size: 17px;
font-family: Tahoma,'Tahoma Regular';
color: #3d67a2;
padding: 20px;
font-weight: bold;
}
.kategorileryazi {
font-size: 12px;
font-family: Tahoma,'Tahoma Regular';
color: #3e4040;
line-height: 26px;
font-weight: bold;
padding-left: 20px;
}
.kargosure1{
float:left;
padding-right:10px;
width: 146px;
height: 66px;
display: block;
background-image:url(../images/kargo_sure.png);
background-repeat:no-repeat;
position: relative;
background-position: 0px -66px;
}
.kargosure2{
float:left;
padding-right:10px;
width: 146px;
height: 66px;
display: block;
background-image:url(../images/kargo_sure.png);
background-repeat:no-repeat;
position: relative;
background-position: -159px -66px;
}
.kargosure3{
float:left;
padding-right:10px;
width: 146px;
height: 66px;
display: block;
background-image:url(../images/kargo_sure.png);
background-repeat:no-repeat;
position: relative;
background-position: -319px -66px;
}
.kargosure4{
float:left;
padding-right:10px;
width: 146px;
height: 66px;
display: block;
background-image:url(../images/kargo_sure.png);
background-repeat:no-repeat;
position: relative;
background-position: 0px -144px;
}
.kargosure5{
float:left;
padding-right:10px;
width: 146px;
height: 66px;
display: block;
background-image:url(../images/kargo_sure.png);
background-repeat:no-repeat;
position: relative;
background-position: -159px -144px;
}
.kargosure6{
float:left;
padding-right:10px;
width: 146px;
height: 66px;
display: block;
background-image:url(../images/kargo_sure.png);
background-repeat:no-repeat;
position: relative;
background-position: -319px -144px;
}
.kargosure7{
float:left;
padding-right:10px;
width: 146px;
height: 66px;
display: block;
background-image:url(../images/kargo_sure.png);
background-repeat:no-repeat;
position: relative;
background-position: 0px -222px;
}
.kargosure8{
float:left;
padding-right:10px;
width: 146px;
height: 66px;
display: block;
background-image:url(../images/kargo_sure.png);
background-repeat:no-repeat;
position: relative;
background-position: -159px -222px;
}
.kargosure9{
float:left;
padding-right:10px;
width: 146px;
height: 66px;
display: block;
background-image:url(../images/kargo_sure.png);
background-repeat:no-repeat;
position: relative;
background-position: -319px -222px;
}
.buton{background-color:#407ac5; margin-top:10px; float:right; padding:10px 20px; color:#FFF; font-size:12px;}
.basliklar {
font: 13px OpenSans,Arial,Helvetica,sans-serif;
font-weight: bold;
color: #FFF;
background-color: #6e747d;
}
.urunisim {
font: 13px OpenSans,Arial,Helvetica,sans-serif;
font-weight: normal;
color: #989dac;
}
.solbaslik {
font: 13px OpenSans,Arial,Helvetica,sans-serif;
font-weight: bold;
color: #989395;
border:solid 1px #ebeaea;
padding:10px 0px 10px 20px;
}
.solicerik {
border:solid 1px #ebeaea;
padding:10px 0px 10px 0px;
}
@media screen and (min-width: 900px){
.resim{float:left; margin-right:20px;}
.detaytablo{float:right; margin-right:2px; width:65%;}
.col-md-3{padding:10px 0px 10px 10px; font-size:13px; color:#000; font-weight:bold; width:24%; min-width:100px; font-family: 'Roboto Condensed', sans-serif;}
.col-md-9{padding:10px 0px 10px 10px; font-size:13px; color:#000; font-weight:normal; font-family: 'Roboto Condensed', sans-serif;}
.uyegirisi{float:left; width:48%; border:solid 1px #e2e4e9; margin-right:3%;}
.zatenuyeyim{float:left; width:48%; border:solid 1px #e2e4e9;}
.adam{position:absolute; height:100px; margin-left:220px; margin-top:-20px;}
}
@media screen and (max-width: 900px){
.resim{float:left; margin-right:20px;}
.detaytablo{float:right; margin-right:2px; width:100%;}
.col-md-3{padding:10px 0px 10px 10px; font-size:13px; color:#000; font-weight:bold; width:24%; min-width:100px; font-family: 'Roboto Condensed', sans-serif;}
.col-md-9{padding:10px 0px 10px 10px; font-size:13px; color:#000; font-weight:normal; font-family: 'Roboto Condensed', sans-serif;}
.uyegirisi{float:left; width:100%; border:solid 1px #e2e4e9; margin-bottom:10px;}
.zatenuyeyim{float:left; width:100%; border:solid 1px #e2e4e9;}
.adam{position:absolute; height:100px; margin-left:180px; margin-top:-20px;}
}
@media screen and (min-width: 484px)
{
.kargoucret{position:absolute; margin-left:180px; margin-top:-30px; font-size:18px; color:#f48c00;}
.havaleresim{margin-left:20px;}
.havaleucret{position:absolute; margin-left:346px; margin-top:-30px; font-size:18px; color:#f48c00;}
}
@media screen and (max-width: 484px)
{
.kargoucret{position:absolute; margin-left:10px; margin-top:-30px; font-size:18px; color:#f48c00;}
.havaleresim{margin-left:0px;}
.havaleucret{position:absolute; margin-left:10px; margin-top:-30px; font-size:18px; color:#f48c00;}
.adam{position:absolute; height:100px; margin-left:120px; margin-top:-20px;}
}
@media screen and (min-width: 0px) and (max-width: 350px){.daralt{display:none;} }
.quantity {
position: relative;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
-webkit-appearance: none;
margin: 0;
}
input[type=number]
{
-moz-appearance: textfield;
}
.quantity input {
width: 70px;
height: 42px;
line-height: 1.65;
float: left;
display: block;
padding: 0;
margin: 0;
padding-left: 20px;
border: 1px solid #eee;
}
.quantity input:focus {
outline: 0;
}
.quantity-nav {
float: left;
position: relative;
height: 42px;
}
.quantity-button {
position: relative;
cursor: pointer;
border-left: 1px solid #eee;
width: 20px;
text-align: center;
color: #333;
font-size: 13px;
font-family: "Trebuchet MS", Helvetica, sans-serif !important;
line-height: 1.7;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.quantity-button.quantity-up {
position: absolute;
height: 50%;
top: 0;
border-bottom: 1px solid #eee;
}
.quantity-button.quantity-down {
position: absolute;
bottom: -1px;
height: 50%;
}
@font-face {
font-family: 'AbakuTLSymSansRegular';
src: url('fonts/abakutlsymsans-regular-AbakuTLSymSans.eot');
src: url('fonts/abakutlsymsans-regular-AbakuTLSymSans.eot?#iefix') format('embedded-opentype'),
url('fonts/abakutlsymsans-regular-AbakuTLSymSans.woff') format('woff'),
url('fonts/abakutlsymsans-regular-AbakuTLSymSans.ttf') format('truetype'),
url('fonts/abakutlsymsans-regular-AbakuTLSymSans.svg#AbakuTLSymSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
.price {
font-family: "AbakuTLSymSansRegular",Verdana,Arial;
}