/*.ds_header{
	background:#000 !important;	
}*/
/*----- Layout -----*/
div.pagecon_out * { margin: 0; padding: 0; }
div.pagecon_out img { border: 0 none;  }
div.pagecon_out { text-align: center; background: url('https://www.sayanchaga.com/ebaytemplate/sayan/bg1.png') repeat left top; }
div.pagecon {
width: 100%;
min-width: 300px;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
background-color: #FFFFFF;
text-align: left;
}
div.ds_header { background:#01204e; }
div.ds_left {}
div.ds_right {}
div.ds_footer {
clear: both;
background-color:#01204e;
border-radius: 8px;
color: #EFEFEF;
font-size: 12px;
text-align: center;
padding: 13px 2px;
}
@media all and (min-width: 350px) {
div.pagecon { width: 92%; }
}
@media all and (min-width: 600px) {
div.pagecon { width: 570px; }
div.ds_header { }
}
@media all and (min-width: 700px) {
div.pagecon { width: 650px; }
}
@media all and (min-width: 800px) {
div.pagecon_out { padding: 30px 0; }
div.pagecon { width: 750px; }
div.ds_left {
clear: both;
float: left;
width: 25%;
margin-top: 15px;
}
div.ds_right {
float: left;
width: 75%;
margin-top: 15px;
overflow: hidden;
}
div.ds_footer {
text-align: left;
padding: 0 15px;
height: 50px;
line-height: 50px;
}
}
@media all and (min-width: 900px) {
div.pagecon { width: 850px; }
div.ds_left { width: 22%; }
div.ds_right { width: 78%; }
}
@media all and (min-width: 1100px) {
div.pagecon { width: 1050px; }
div.ds_left { width: 20%; }
div.ds_right { width: 80%; }
}
@media all and (min-width: 1300px) {
div.pagecon { width: 1200px; }
}
/*----- Mobile Contact Button -----*/
a.contact_mobile {
float: right;
margin-right: 5px;
color: #FFFFFF!important;
font-size: 12px;
text-decoration: none!important;
text-transform: uppercase;
height: 36px;
line-height: 36px;
}
@media all and (min-width: 600px) {
a.contact_mobile { display: none; }
}
/*----- Mobile Menu Icon -----*/
input#menubtn { display: none; }
label.menu_mobile { float: left; margin: 3px 0 0 3px; }
label.menu_mobile:hover { cursor: pointer; }
label.menu_mobile img { display: block; }
input#menubtn:checked ~ div.topnav { display: block; }
@media all and (min-width: 600px) {
label.menu_mobile { display: none; }
}
/*----- Header Logo -----*/
a.headerlogo {
clear: both;
display: block;
width: 42%;
margin: 0 auto;
padding: 14px 0;
}
a.headerlogo img { width: 100%; }
@media all and (min-width: 600px) {
a.headerlogo {
float: left;
width: auto;
margin: 15px 0 12px 10px;
padding: 0;
}
a.headerlogo img { width: auto; height: 70px; }
}
@media all and (min-width: 900px) {
a.headerlogo { margin: 15px 0 12px 15px; }
a.headerlogo img { height: 80px; }
}
@media all and (min-width: 1100px) {
a.headerlogo img { height: 90px; }
}
/*----- Top Links -----*/
div.toplinks { display: none; }
@media all and (min-width: 600px) {
div.toplinks {
display: block;
float: right;
color:#ffffff;
margin-top: 42px;
}
div.toplinks a {
text-decoration: none!important;
color:#D1D1D1!important;
padding: 0 10px;
}
div.toplinks a:hover { color: #8CBA63!important; }
}
@media all and (min-width: 900px) {
div.toplinks { margin-top: 47px; }
div.toplinks a { padding: 0 15px; }
}
@media all and (min-width: 1100px) {
div.toplinks { margin-top: 51px; }
}
/*----- Top Navigation Bar -----*/
div.topnav {
display: none;
background-color: #fff;
border-radius: 8px;
margin-bottom: 15px;
padding: 3px 8px;
}
div.topnav a {
display: block;
text-decoration: none!important;
text-transform: uppercase;
font-size: 12px;
color: #000!important;
border-top: 1px dotted #CCCCCC;
padding: 10px 0;
}
div.topnav a.tfirst { border-top: 0 none; }
@media all and (min-width: 600px) {
div.topnav {
display: block;
clear: both;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 0 0 10px;
border-radius: 0px;

}
div.topnav a {
float: left;
padding: 0 10px;
border-top: 0 none;
}
div.topnav a:hover { background-color: #EFEFEF; color: #222222!important; }
}
@media all and (min-width: 800px) {
div.topnav { padding: 0 0 0 15px; }
div.topnav a { padding: 0 15px; font-size: 13px; }
}
/*----- Leftbox -----*/
div.leftbox { display: none; }
div.leftcatbox { display: block; margin-bottom: 15px; }
div.leftcatbox div.lefttitle { display: none; }
@media all and (min-width: 600px) {
div.leftcatbox { margin: 15px 0; }
}
@media all and (min-width: 800px) {
div.leftbox { display: block; margin-bottom: 15px; }
div.leftcatbox { margin: 0 0 15px 0; }
div.leftbox div.lefttitle {
background-color:#01204e;
border-radius: 8px;
line-height: 42px;
height: 42px;
color: #FFFFFF;
text-transform: uppercase;
text-align: left;
padding-left: 15px;
}
div.leftcatbox div.lefttitle { display: block; }
div.leftbox1 { text-align: center; }
div.leftbox1 img { width: 100%; padding: 5px 0; }
}
/*----- Left Category Button -----*/
input#leftcatbtn { display: none; }
label.leftcat_mobile {
display: block;
text-transform: uppercase;
color: #FFFFFF;
height: 36px;
line-height: 36px;
padding-left: 2%;
background: #01204e url('https://www.sayanchaga.com/ebaytemplate/sayan/leftcat-btn-down1.png') no-repeat 98% 50%;
border-radius: 8px;
margin-top:10px;
}
label.leftcat_mobile:hover { cursor: pointer; }
input#leftcatbtn:checked ~ div.leftcat { display: block; }
@media all and (min-width: 800px) {
label.leftcat_mobile { display: none; }
}
/*----- Left Category Box -----*/
div.leftcat { display: none; }
div.leftcat a {
display: block;
text-decoration: none!important;
color: #555555!important;
font-size: 14px;
line-height: 18px;
padding: 10px 2%;
border-bottom: 1px solid #E5E5E5;
}
@media all and (min-width: 800px) {
div.leftcat { display: block; }
div.leftcat a { padding: 11px 5%; }
div.leftcat a:hover { background-color: #EFEFEF; }
}
/*----- Item Title -----*/
div.itemtitle {
text-align: center;
color: #FFFFFF;
font-size: 15px;
line-height: 22px;
margin-bottom: 15px;
padding: 10px;
background-color: #01204e;
border-radius: 8px;
}
@media all and (min-width: 800px) {
div.itemtitle { margin: 0 0 15px 15px; }
}
/*----- Item Images -----*/
div.gallerybox { margin: 0 15px 20px 15px; text-align: center; }
div.largepic { display: none; margin-top: 10px; }
div.largepic img { max-width: 100%; max-height: 500px; }
input.picbtn { display: none; }
label.piclabel { display: inline-block; }
label.piclabel img {
display: block;
height: 40px;
margin: 0 1px;
padding: 1px;
border: 1px solid #CCCCCC;
}
label.piclabel img[src=""], label.piclabel img[src*="TagBot:Thumbnail"] { display: none; }
label.piclabel:hover img, input.picbtn:checked + label.piclabel img { cursor: pointer; border: 1px solid #111111; }
#thumb1:checked ~ #pic1,
#thumb2:checked ~ #pic2,
#thumb3:checked ~ #pic3,
#thumb4:checked ~ #pic4,
#thumb5:checked ~ #pic5,
#thumb6:checked ~ #pic6,
#thumb7:checked ~ #pic7,
#thumb8:checked ~ #pic8 { display: block; }
@media all and (min-width: 700px) {
label.piclabel img { height: 60px; }
}
@media all and (min-width: 800px) {
div.gallerybox { margin: 0 15px 20px 30px; }
label.piclabel img { height: 68px; }
}
/*----- Buttons -----*/
div.buttonbox { margin-bottom: 20px; text-align: center; }
div.buttonbox a {
display: block;
background-color:#01204e;
border-radius: 8px;
margin-bottom: 1px;
height: 35px;
line-height: 35px;
color: #FFFFFF!important;
font-size: 12px;
text-decoration: none!important;
text-transform: uppercase;
}
@media all and (min-width: 500px) {
div.buttonbox a {
display: inline-block;
margin-bottom: 0;
padding: 0 25px;
}
div.buttonbox a:hover { background-color: #EFEFEF; color: #222222!important; }
}
@media all and (min-width: 600px) {
div.buttonbox a { margin: 0 5px; }
}
@media all and (min-width: 800px) {
div.buttonbox { margin: 0 0 20px 15px; }
}
/*----- Item Description -----*/
div.desbox {
background-color: #EFEFEF;
border-radius: 8px;
margin: 0 2px 20px 2px;
}
div.destitle {
background-color:#01204e;
border-radius: 8px;
line-height: 36px;
height: 36px;
color: #FFFFFF;
font-size: 12px;
text-transform: uppercase;
padding-left: 15px;
}
div.des {
padding: 5px 13px;
font-size: 13px;
color: #333230;
line-height: 16px;
}
div.des p { margin: 12px 0; }
div.des li { margin: 1px 0 1px 20px; }
div.des ul, div.des ol { margin: 12px 0; padding: 0 0 0 20px; }
div.des ul li, div.des ol li { margin: 1px 0; }
div.des a { color: #111111!important; text-decoration: underline!important; }
div.des a:hover { color: #777777!important; text-decoration: none!important; }
div.des img { max-width: 100%; }
@media all and (min-width: 800px) {
div.desbox { margin: 0 2px 20px 17px; }
}
@media all and (min-width: 1100px) {
div.des { padding: 5px 20px; }
}
/*----- You May Also Like -----*/
div.alsolike { padding: 13px; }
div.alsolike a {
display: block;
float: left;
width: 47.5%;
border: 1px solid #CCCCCC;
margin-bottom: 10px;
text-decoration: none!important;
color: #FFFFFF!important;
}
div.alsolike a.alsecond, div.alsolike a.allast { float: right; }
div.alsolike a.althird, div.alsolike a.allast { margin-bottom: 0; }
div.alsolike a:hover { border: 1px solid #222222; }
div.alsolike a img { display: block; width: 100%; 

height: 255px;

}
div.alsolike a span {
display: block;
background-color:#01204e;
text-align: center;
font-size: 12px;
height: 22px;
line-height: 22px;
}
div.alsolike a:hover span { background-color: #222222; }
div.ds_clear { clear: both; }
@media all and (min-width: 500px) {
div.alsolike { padding: 13px 0 13px 3%; }
div.alsolike a { width: 31.4%; margin: 0 1% 0 0; }
div.alsolike a.alsecond, div.alsolike a.allast { float: left; }
div.alsolike a.allast { margin-right: 0!important; }
}
@media all and (min-width: 600px) {
div.alsolike { padding: 13px 0 13px 2%; }
div.alsolike a { margin: 0 1.5% 0 0; }
}
@media all and (min-width: 1100px) {
div.alsolike { padding: 20px 0 20px 3%; }
div.alsolike a { width: 30.456%; margin: 0 2.7% 0 0; }
}
/*----- Tab Box -----*/
div.tabbox { margin: 20px 2px; }
div.tabcontent {
display: none;
padding: 11px 13px 1px 13px;
background-color: #EFEFEF;
border-radius: 0 8px 8px 8px;
line-height: 18px;
}
div.tabcontent h3 {
margin-bottom: 18px;
color: #000000;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
}
div.tabcontent p { margin: 15px 0; }
div.tabcontent li { margin: 5px 0 5px 20px; }
div.tabcontent ul, div.tabcontent ol { margin: 15px 0; padding: 0 0 0 20px; }
div.tabcontent ul li, div.tabcontent ol li { margin: 5px 0; }
div.tabcontent a { color: #111111!important; text-decoration: underline!important; }
div.tabcontent a:hover { color: #777777!important; text-decoration: none!important; }
div.tabcontent img { max-width: 100%; }
input.tabbtn { display: none; }
label.tablabel {
display: inline-block;
margin-right: -3px!important;
padding: 0 6px!important;
text-align: center;
color: #FFFFFF;
font-size: 12px;
text-transform: uppercase;
height: 36px;
line-height: 36px;
background-color: #01204e;
border-radius: 8px 8px 0 0;
}
label.tablabel:hover, input.tabbtn:checked + label.tablabel {
cursor: pointer;
background-color: #EFEFEF;
color: #222222!important;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 { display: block; }
@media all and (min-width: 400px) {
label.tablabel { padding: 0 11px!important; }
}
@media all and (min-width: 500px) {
label.tablabel { padding: 0 20px!important; }
}
@media all and (min-width: 600px) {
label.tablabel { padding: 0 25px!important; }
}
@media all and (min-width: 800px) {
div.tabbox { margin: 20px 2px 20px 17px; }
div.tabcontent { height: 110px; overflow: auto; }
}
@media all and (min-width: 1100px) {
div.tabcontent { padding: 15px 20px 1px 20px; }
}
/*----- Footer -----*/
div.footerright { display: none; }
div.footerleft a, div.footerright a {
color: #FFFFFF!important;
text-decoration: none!important;
text-transform: uppercase;
}
div.footerleft a:hover, div.footerright a:hover { text-decoration: underline!important; }
@media all and (min-width: 800px) {
div.footerright { display: block; float: right; }
}



@media all and (max-width: 768px){

a.headerlogo {
   
    display: none !important;
    
}

div.ds_header {
    background: #efefef;
}

a.contact_mobile {
    
    color: #000000 !important;

}


div.topnav {
   
    padding: 37px 8px;
}



}



@media all and (max-width :480px){



div.alsolike a img {
    height: 250px;

}

div.alsolike a span {
    height: 34px;
    line-height: 16px;
    padding-top: 9px;
}

div.alsolike a {
    display: block;
    float: left;
    width: 100%;
}








}