/**aug**/
/**celebrity**/
/**#58595b**/
/**#c10c0f**/
/*****************************************************************************************************************************************************************************************************************************/
/***specific******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#bottomPrice{
color:#c10c0f;
}
/*****************************************************************************************************************************************************************************************************************************/
/***specific******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#otherItemsHeader{
color:white;
background:#58595b;
}
#otherItemsText{
color:#58595B;
}
#otherItemsModel{
color:#58595B;
}
#otherItemsDescription{
color:#58595B;
}
#otherItemsSizes{
color:#58595B;
}
#otherItemsGrade{
color:#58595B;
}
#otherItemsPrice{
color:#c10c0f;
}
#moreAnchorButton{
border:1px dashed #58595b;
color:#58595B;
}
/*****************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#contentWrapper{
width:100%;
padding-top:20px;
margin-bottom:25px;
background:white;
float:left;
}
#celebrityButtons{
width:100%;
float:left;
}
#celebrityButtons img{
width:32%;
margin-right:1.33%;
margin-bottom: 1.33%;
float:left;
}
/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#banner{
width:1200px;
margin:0 auto;
box-shadow: 5px 5px 8px 5px #888888;
margin-bottom:20px;
display:table;
}
#bannerImage{
width:1200px;
height:420px;
position: relative;
float:left;
}
#bannerImage img{
width:1200px;
height:420px;
position: absolute;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
#banner{
width:1100px;
margin: 0 auto;
box-shadow: 5px 5px 8px 5px #888888;
margin-bottom:20px;
display: table;
}
#bannerImage{
width:1100px;
height:384px;
float:left;
}
#bannerImage img{
width:1100px;
height:384px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
#banner{
width:1000px;
box-shadow: 5px 5px 8px 5px #888888;
margin: 0 auto;
margin-bottom:20px;
display: table;
}
#bannerImage{
width:1000px;
height:350px;
float:left;
}
#bannerImage img{
width:1000px;
height:350px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
#banner{
width:900px;
box-shadow: 5px 5px 8px 5px #888888;
margin: 0 auto;
margin-bottom:20px;
display: table;
}
#bannerImage{
width:900px;
height:315px;
float:left;
}
#bannerImage img{
width:900px;
height:315px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
#banner{
width:800px;
box-shadow: 5px 5px 8px 5px #888888;
margin: 0 auto;
margin-bottom:20px;
display: table;
}
#bannerImage{
width:800px;
height:280px;
float:left;
}
#bannerImage img{
width:800px;
height:280px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
#banner{
width:700px;
box-shadow: 5px 5px 8px 5px #888888;
margin: 0 auto;
margin-bottom:20px;
display: table;
}
#bannerImage{
width:700px;
height:245px;
float:left;
}
#bannerImage img{
width:700px;
height:245px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
#banner{
width:90%;
margin-left:5%;
margin-right:5%;
margin-bottom:25px;
box-shadow: 5px 5px 8px 5px #888888;
display:table;
}
#bannerImage{
width:100%;
float:left;
}
#bannerImage img{
width:100%;
display:block;
}
#celebrityButtons img{
width:48%;
margin-right:2%;
margin-bottom: 2%;
float:left;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#productOuterWrapper{
width:1200px;
margin: 0 auto;
font-size: 12px;
display: table;
}
#productInnerWrapper{
width: 1200px;
float:left;
}
/**************************/
#productMainWrapper{
width: 1200px;
float:left;
}
/**************************/
#imageSelectedWrapper{
margin-right:20px;
float:left;
}
#imageSelectedMain{
margin-bottom:10px;
float:left;
}
#imageSelectedMain img{
display:block;
}
/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#productOuterWrapper{
width:1200px;
}
#productInnerWrapper{
width: 1200px;
}
/**************************/
#productMainWrapper{
width: 1200px;
}
/**************************/
#imageSelectedWrapper{
width:600px;
margin-right:20px;
}
#imageSelectedMain{
width:600px;
height:352px;
}
#imageSelectedMain img{
width:600px;
height:352px;
}
/**********************/
#imageSelectedTriangleOuter{
width:600px;
font-size:20px;
text-align:right;
cursor:pointer;
position:absolute;
float:left;
}
#imageSelectedTriangleInner{
width: 80px;
height: 80px;
margin-top:10px;
margin-right:10px;
position:relative;
float:right;
}
#imageSelectedTriangleInner img{
width:80px;
height:80px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
#productOuterWrapper{
width:1100px;
}
/**********************/
#productInnerWrapper{
width: 1100px;
}
/**********************/
#productMainWrapper{
width: 1100px;
}
/**********************/
#imageSelectedWrapper{
width:460px;
padding-right:20px;
}
#imageSelectedMain{
width:460px;
height:262px;
}
#imageSelectedMain img{
width:460px;
height:262px;
}
/**********************/
#imageSelectedTriangleOuter{
width:460px;
font-size:20px;
text-align:right;
cursor:pointer;
position:absolute;
float:left;
}
#imageSelectedTriangleInner{
width: 80px;
height: 80px;
margin-top:10px;
margin-right:10px;
position:relative;
float:right;
}
#imageSelectedTriangleInner img{
width:80px;
height:80px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
#productOuterWrapper{
width:1000px;
}
/**********************/
#productInnerWrapper{
width:1000px;
}
/**********************/
#productMainWrapper{
width:1000px;
}
/**********************/
#imageSelectedWrapper{
width:420px;
margin-right:20px;
}
#imageSelectedMain{
width:420px;
height:240px;
}
#imageSelectedMain img{
width:420px;
height:240px;
}
/**********************/
#imageSelectedTriangleOuter{
width:420px;
font-size:20px;
text-align:right;
cursor:pointer;
position:absolute;
float:left;
}
#imageSelectedTriangleInner{
width: 80px;
height: 80px;
margin-top:10px;
margin-right:10px;
position:relative;
float:right;
}
#imageSelectedTriangleInner img{
width:80px;
height:80px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
#productOuterWrapper{
width:900px;
}
/**************************/
#productInnerWrapper{
width: 900px;
}
/**************************/
#productMainWrapper{
width: 900px;
}
/**************************/
#imageSelectedWrapper{
width:460px;
margin-right:10px;
}
#imageSelectedMain{
width:460px;
height:262px;
}
#imageSelectedMain img{
width:460px;
height:262px;
}
/**********************/
#imageSelectedTriangleOuter{
width:460px;
font-size:20px;
text-align:right;
cursor:pointer;
position:absolute;
float:left;
}
#imageSelectedTriangleInner{
width: 80px;
height: 80px;
margin-top:10px;
margin-right:10px;
position:relative;
float:right;
}
#imageSelectedTriangleInner img{
width:80px;
height:80px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
#productOuterWrapper{
width:94%;
margin-left: 3%;
margin-right: 3%;
float:left;
}
/**************************/
#productInnerWrapper{
width: 100%;
float:left;
}
/**************************/
#productMainWrapper{
width: 100%;
float:left;
}
#imageSelectedWrapper{
width:100%;
float:left;
}
#imageSelectedMain{
width:100%;
float:left;
}
#imageSelectedMain img{
width:100%;
float:left;
}
/**********************/
#imageSelectedTriangleOuter{
width:94%;
font-size:20px;
text-align:right;
cursor:pointer;
position:absolute;
float:left;
}
#imageSelectedTriangleInner{
width: 80px;
height: 80px;
margin-top:10px;
margin-right:10px;
position:relative;
float:right;
}
#imageSelectedTriangleInner img{
width:80px;
height:80px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
#productOuterWrapper{
width:90%;
margin-left: 5%;
margin-right: 5%;
float:left;
}
/**************************/
#productInnerWrapper{
width: 100%;
float:left;
}
/**************************/
#productMainWrapper{
width:100%;
float:left;
}
#imageSelectedWrapper{
width:100%;
float:left;
}
#imageSelectedMain{
width:100%;
float:left;
}
#imageSelectedMain img{
width:100%;
float:left;
}
/**************************/
#imageSelectedTriangleOuter{
width:94%;
font-size:20px;
text-align:right;
cursor:pointer;
position:absolute;
float:left;
}
#imageSelectedTriangleInner{
width: 80px;
height: 80px;
margin-top:10px;
margin-right:10px;
position:relative;
float:right;
}
#imageSelectedTriangleInner img{
width:80px;
height:80px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
#productOuterWrapper{
width:90%;
margin-left: 5%;
margin-right: 5%;
float:left;
}
/**************************/
#productInnerWrapper{
width: 100%;
float:left;
}
/**************************/
#productMainWrapper{
width:100%;
float:left;
}
#imageSelectedWrapper{
width:100%;
float:left;
}
#imageSelectedMain{
width:100%;
float:left;
}
#imageSelectedMain img{
width:100%;
float:left;
}
/**************************/
#imageSelectedTriangleOuter{
width:90%;
cursor:pointer;
position:absolute;
float:left;
}
#imageSelectedTriangleInner{
width: 80px;
height: 80px;
margin-top:10px;
margin-right:10px;
position:relative;
float:right;
}
#imageSelectedTriangleInner img{
width:80px;
height:80px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#detailImageWrapper{
width:600px;
float:left;
}
#detailImageOne{
width:186px;
margin-right:20px;
cursor:zoom-in;
float:left;
}
#detailImageOne img{
width:186px;
background:none;
float:left;
}
#detailImageTwo{
width:186px;
margin-right:20px;
cursor:zoom-in;
float:left;
}
#detailImageTwo img{
width:186px;
background:none;
float:left;
}
#detailImageThree{
width:186px;
cursor:zoom-in;
float:left;
}
#detailImageThree img{
width:186px;
background:none;
float:left;
}
#enlargedImageOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
background: rgba(0, 0, 0, 0.7);
display:none;
}
#enlargedImageInner{
width:790px;
margin: 0 auto;
margin-top: 11%;
margin-bottom:60%;
display:table;
}
#enlargedImageClose{
width:700px;
margin-left:45px;
margin-right:45px;
margin-bottom:5px;
cursor:zoom-in;
text-align:right;
font-size:16px;
color:white;
float:left;
}
#enlargedImageScrollLeft, #enlargedImageScrollRight{
padding-top:175px;
width:30px;
height:50px;
float:left;
}
#enlargedImageScrollLeft:hover, #enlargedImageScrollRight:hover{
cursor:pointer;
}
#enlargedImageScrollLeft img, #enlargedImageScrollRight img{
width:30px;
height:50px;
float:left;
}
#enlargedImage{
width:700px;
height:400px;
margin-left:15px;
margin-right:15px;
background:white;
float:left;
}
#enlargedImage img{
width:700px;
height:400px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
#detailImageWrapper{
width:460px;
float:left;
}
#detailImageOne{
width:140px;
margin-right:20px;
cursor:zoom-in;
float:left;
}
#detailImageOne img{
width:140px;
background:none;
float:left;
}
#detailImageTwo{
width:140px;
margin-right:20px;
cursor:zoom-in;
float:left;
}
#detailImageTwo img{
width:140px;
background:none;
float:left;
}
#detailImageThree{
width:140px;
cursor:zoom-in;
float:left;
}
#detailImageThree img{
width:140px;
background:none;
float:left;
}
#enlargedImageOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
background: rgba(0, 0, 0, 0.7);
display:none;
}
#enlargedImageInner{
width:730px;
margin: 0 auto;
margin-top: 11%;
margin-bottom:60%;
display:table;
}
#enlargedImageClose{
width:640px;
margin-left:45px;
margin-right:45px;
margin-bottom:5px;
cursor:zoom-in;
text-align:right;
font-size:16px;
color:white;
float:left;
}
#enlargedImageScrollLeft, #enlargedImageScrollRight{
padding-top:158px;
width:30px;
height:50px;
float:left;
}
#enlargedImageScrollLeft:hover, #enlargedImageScrollRight:hover{
cursor:pointer;
}
#enlargedImageScrollLeft img, #enlargedImageScrollRight img{
width:30px;
height:50px;
float:left;
}
#enlargedImage{
width:640px;
height:366px;
margin-left:15px;
margin-right:15px;
background:white;
float:left;
}
#enlargedImage img{
width:640px;
height:366px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
#detailImageWrapper{
width:420px;
float:left;
}
#detailImageOne{
width:126px;
margin-right:20px;
cursor:zoom-in;
float:left;
}
#detailImageOne img{
width:126px;
background:none;
float:left;
}
#detailImageTwo{
width:126px;
margin-right:20px;
cursor:zoom-in;
float:left;
}
#detailImageTwo img{
width:126px;
background:none;
float:left;
}
#detailImageThree{
width:126px;
cursor:zoom-in;
float:left;
}
#detailImageThree img{
width:126px;
background:none;
float:left;
}
#enlargedImageOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
background: rgba(0, 0, 0, 0.7);
display:none;
}
#enlargedImageInner{
width:670px;
margin: 0 auto;
margin-top: 11%;
margin-bottom:60%;
display:table;
}
#enlargedImageClose{
width:580px;
margin-left:45px;
margin-right:45px;
margin-bottom:5px;
cursor:zoom-in;
text-align:right;
font-size:16px;
color:white;
float:left;
}
#enlargedImageScrollLeft, #enlargedImageScrollRight{
padding-top:140px;
width:30px;
height:50px;
float:left;
}
#enlargedImageScrollLeft:hover, #enlargedImageScrollRight:hover{
cursor:pointer;
}
#enlargedImageScrollLeft img, #enlargedImageScrollRight img{
width:30px;
height:50px;
float:left;
}
#enlargedImage{
width:580px;
height:331px;
margin-left:15px;
margin-right:15px;
background:white;
float:left;
}
#enlargedImage img{
width:580px;
height:331px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
#detailImageWrapper{
width:460px;
float:left;
}
#detailImageOne{
width:140px;
margin-right:20px;
cursor:zoom-in;
float:left;
}
#detailImageOne img{
width:140px;
background:none;
float:left;
}
#detailImageTwo{
width:140px;
margin-right:20px;
cursor:zoom-in;
float:left;
}
#detailImageTwo img{
width:140px;
background:none;
float:left;
}
#detailImageThree{
width:140px;
cursor:zoom-in;
float:left;
}
#detailImageThree img{
width:140px;
background:none;
float:left;
}
#enlargedImageOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
background: rgba(0, 0, 0, 0.7);
display:none;
}
#enlargedImageInner{
width:612px;
margin: 0 auto;
margin-top: 11%;
margin-bottom:60%;
display:table;
}
#enlargedImageClose{
width:522px;
margin-left:45px;
margin-right:45px;
margin-bottom:5px;
cursor:zoom-in;
text-align:right;
font-size:16px;
color:white;
float:left;
}
#enlargedImageScrollLeft, #enlargedImageScrollRight{
padding-top:122px;
width:30px;
height:50px;
float:left;
}
#enlargedImageScrollLeft:hover, #enlargedImageScrollRight:hover{
cursor:pointer;
}
#enlargedImageScrollLeft img, #enlargedImageScrollRight img{
width:30px;
height:50px;
float:left;
}
#enlargedImage{
width:522px;
height:298px;
margin-left:15px;
margin-right:15px;
background:white;
float:left;
}
#enlargedImage img{
width:522px;
height:298px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
#detailImageWrapper{
width:410px;
float:left;
}
#detailImageOne{
width:123px;
margin-right:20px;
cursor:zoom-in;
float:left;
}
#detailImageOne img{
width:123px;
background:none;
float:left;
}
#detailImageTwo{
width:123px;
margin-right:20px;
cursor:zoom-in;
float:left;
}
#detailImageTwo img{
width:123px;
background:none;
float:left;
}
#detailImageThree{
width:123px;
cursor:zoom-in;
float:left;
}
#detailImageThree img{
width:123px;
background:none;
float:left;
}
#enlargedImageOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
background: rgba(0, 0, 0, 0.7);
display:none;
}
#enlargedImageInner{
width:539px;
margin: 0 auto;
margin-top: 11%;
margin-bottom:60%;
display:table;
}
#enlargedImageClose{
width:463px;
margin-left:38px;
margin-right:38px;
margin-bottom:5px;
cursor:zoom-in;
text-align:right;
font-size:16px;
color:white;
float:left;
}
#enlargedImageScrollLeft, #enlargedImageScrollRight{
padding-top:112px;
width:23px;
height:40px;
float:left;
}
#enlargedImageScrollLeft:hover, #enlargedImageScrollRight:hover{
cursor:pointer;
}
#enlargedImageScrollLeft img, #enlargedImageScrollRight img{
width:23px;
height:40px;
float:left;
}
#enlargedImage{
width:463px;
height:265px;
margin-left:15px;
margin-right:15px;
background:white;
float:left;
}
#enlargedImage img{
width:463px;
height:265px;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
#detailImageWrapper{
width:100%;
float:left;
}
#detailImageOne{
width:30%;
margin-right:5%;
cursor:zoom-in;
float:left;
}
#detailImageOne img{
width:100%;
background:none;
float:left;
}
#detailImageTwo{
width:30%;
margin-right:5%;
cursor:zoom-in;
float:left;
}
#detailImageTwo img{
width:100%;
background:none;
float:left;
}
#detailImageThree{
width:30%;
cursor:zoom-in;
float:left;
}
#detailImageThree img{
width:100%;
background:none;
float:left;
}
#enlargedImageOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
background: rgba(0, 0, 0, 0.7);
display:none;
}
#enlargedImageInner{
width:90%;
margin: 0 auto;
margin-top: 11%;
margin-bottom:130%;
display:table;
}
#enlargedImageClose{
width:100%;
margin-bottom:5px;
cursor:zoom-in;
text-align:right;
font-size:16px;
color:white;
float:left;
}
#enlargedImageScrollLeft{
width:3%;
padding:2%;
margin-left:2%;
margin-right:auto;
margin-top:25%;
position:absolute;
z-index:1001;
border-radius:50%;
background:#58595B;
display:table;
}
#enlargedImageScrollRight{
width:3%;
padding:2%;
margin-left: 80%;
margin-right:2%;
margin-top:25%;
position:absolute;
z-index:1001;
border-radius:50%;
background:#58595B;
display:table;
}
#enlargedImageScrollLeft:hover, #enlargedImageScrollRight:hover{
cursor:pointer;
}
#enlargedImageScrollLeft img, #enlargedImageScrollRight img{
width:100%;
float:left;
}
#enlargedImage{
width:100%;
position:relative;
background:white;
float:left;
}
#enlargedImage img{
width:100%;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
#detailImageWrapper{
width:100%;
float:left;
}
#detailImageOne{
width:30%;
margin-right:5%;
cursor:zoom-in;
float:left;
}
#detailImageOne img{
width:100%;
background:none;
float:left;
}
#detailImageTwo{
width:30%;
margin-right:5%;
cursor:zoom-in;
float:left;
}
#detailImageTwo img{
width:100%;
background:none;
float:left;
}
#detailImageThree{
width:30%;
cursor:zoom-in;
float:left;
}
#detailImageThree img{
width:100%;
background:none;
float:left;
}
#enlargedImageOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
background: rgba(0, 0, 0, 0.7);
display:none;
}
#enlargedImageInner{
width:90%;
margin: 0 auto;
margin-top: 11%;
margin-bottom:130%;
display:table;
}
#enlargedImageClose{
width:100%;
margin-bottom:5px;
cursor:zoom-in;
text-align:right;
font-size:16px;
color:white;
float:left;
}
#enlargedImageScrollLeft{
width:3%;
padding:2%;
margin-left:2%;
margin-right:auto;
margin-top:25%;
position:absolute;
z-index:1001;
border-radius:50%;
background:#58595B;
display:table;
}
#enlargedImageScrollRight{
width:3%;
padding:2%;
margin-left: 80%;
margin-right:2%;
margin-top:25%;
position:absolute;
z-index:1001;
border-radius:50%;
background:#58595B;
display:table;
}
#enlargedImageScrollLeft:hover, #enlargedImageScrollRight:hover{
cursor:pointer;
}
#enlargedImageScrollLeft img, #enlargedImageScrollRight img{
width:100%;
float:left;
}
#enlargedImage{
width:100%;
position:relative;
background:white;
float:left;
}
#enlargedImage img{
width:100%;
display:block;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***generic*************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#textTable{
width:100%;
margin-bottom:30px;
float:left;
}
#textTable table td{
padding-right: 20px;
text-align:left;
font-size:16px;
color:#58595B;
}
#homeConsultation{
width: 100%;
padding: 10px;
box-sizing: border-box;
border: #58595B 1px dashed;
font-size: 14px;
color:#58595B;
float: left;
}
#homeConsultation h3{
margin: 0px;
margin-bottom: 5px;
}
/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#descriptionSelectedWrapper{
width:580px;
font-size: 14px;
color:#58595B;
float:left;
}
/**************************/
#descriptionSelectedWrapper h1{
width:100%;
padding:0px;
margin:0px;
display:inline;
font-weight:400;
font-size:31px;
color:#58595B;
float:left;
}
/**************************/
#description{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#mainGrade{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#bottomPrice{
width:100%;
margin-bottom:2px;
font-weight:400;
font-size:31px;
float:left;
}
#topPriceWrapper{
width:100%;
margin-bottom:15px;
text-decoration: line-through;
font-weight:400;
font-size:13px;
color:#58595B;
float:left;
}
#offerPriceType{
width: 100%;
margin-bottom: 15px;
float: left;
}
#offerPriceType span{
font-weight:400;
font-size:17px;
color:#58595B;
background: yellow;
}
/**************************/
#leadTime{
width:100%;
margin-bottom:2px;
font-weight:400;
color:#58595B;
float:left;
}
/**************************/
#deliveryInfoButton, #sizesButton{
margin-bottom:4px;
}
/**************************/
#textWrapper{
width:100%;
margin-bottom:30px;
float:left;
}
#textBlurb{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
/**************************/
#gradesWrapper{
width:100%;
margin-bottom:30px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
#gradesWrapper table td{
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
#descriptionSelectedWrapper{
width:600px;
font-size: 14px;
color:#58595B;
float:left;
}
/**************************/
#descriptionSelectedWrapper h1{
width:100%;
padding:0px;
margin:0px;
display:inline;
font-weight:400;
font-size:31px;
color:#58595B;
float:left;
}
/**************************/
#description{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#mainGrade{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#bottomPrice{
width:100%;
margin-bottom:2px;
font-weight:400;
font-size:31px;
float:left;
}
#topPriceWrapper{
width:100%;
margin-bottom:15px;
text-decoration: line-through;
font-weight:400;
font-size:13px;
color:#58595B;
float:left;
}
#offerPriceType{
width: 100%;
margin-bottom: 15px;
float: left;
}
#offerPriceType span{
font-weight:400;
font-size:17px;
color:#58595B;
background: yellow;
}
/**************************/
#leadTime{
width:100%;
margin-bottom:2px;
font-weight:400;
color:#58595B;
float:left;
}
/**************************/
#deliveryInfoButton, #sizesButton{
margin-bottom:4px;
}
#textWrapper{
width:100%;
margin-bottom:30px;
float:left;
}
#textBlurb{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
/**************************/
#gradesWrapper{
width:100%;
margin-bottom:30px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
#gradesWrapper table td{
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
#descriptionSelectedWrapper{
width:540px;
font-size: 14px;
color:#58595B;
float:left;
}
/**************************/
#descriptionSelectedWrapper h1{
width:100%;
padding:0px;
margin:0px;
display:inline;
font-weight:400;
font-size:31px;
color:#58595B;
float:left;
}
/**************************/
#description{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#mainGrade{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#bottomPrice{
width:100%;
margin-bottom:2px;
font-weight:400;
font-size:31px;
float:left;
}
#topPriceWrapper{
width:100%;
margin-bottom:15px;
text-decoration: line-through;
font-weight:400;
font-size:13px;
color:#58595B;
float:left;
}
#offerPriceType{
width: 100%;
margin-bottom: 15px;
float: left;
}
#offerPriceType span{
font-weight:400;
font-size:17px;
color:#58595B;
background: yellow;
}
/**************************/
#leadTime{
width:100%;
margin-bottom:2px;
font-weight:400;
color:#58595B;
float:left;
}
/**************************/
#deliveryInfoButton, #sizesButton{
margin-bottom:4px;
}
#textWrapper{
width:100%;
margin-bottom:30px;
float:left;
}
#textBlurb{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
/**************************/
#gradesWrapper{
width:100%;
margin-bottom:30px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
#gradesWrapper table td{
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
#descriptionSelectedWrapper{
width:400px;
font-size: 14px;
color:#58595B;
float:left;
}
/**************************/
#descriptionSelectedWrapper h1{
width:100%;
padding:0px;
margin:0px;
display:inline;
font-weight:400;
font-size:31px;
color:#58595B;
float:left;
}
/**************************/
#description{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#mainGrade{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#bottomPrice{
width:100%;
margin-bottom:2px;
font-weight:400;
font-size:31px;
float:left;
}
#topPriceWrapper{
width:100%;
margin-bottom:15px;
text-decoration: line-through;
font-weight:400;
font-size:13px;
color:#58595B;
float:left;
}
#offerPriceType{
width: 100%;
margin-bottom: 15px;
float: left;
}
#offerPriceType span{
font-weight:400;
font-size:17px;
color:#58595B;
background: yellow;
}
/**************************/
#leadTime{
width:100%;
margin-bottom:2px;
font-weight:400;
color:#58595B;
float:left;
}
/**************************/
#deliveryInfoButton, #sizesButton{
margin-bottom:4px;
}
#textWrapper{
width:100%;
margin-bottom:30px;
float:left;
}
#textBlurb{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
/**************************/
#gradesWrapper{
width:100%;
margin-bottom:30px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
#gradesWrapper table td{
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
#descriptionSelectedWrapper{
width:370px;
font-size: 14px;
color:#58595B;
float:left;
}
/**************************/
#descriptionSelectedWrapper h1{
width:100%;
padding:0px;
margin:0px;
display:inline;
font-weight:400;
font-size:31px;
color:#58595B;
float:left;
}
/**************************/
#description{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#mainGrade{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#bottomPrice{
width:100%;
margin-bottom:2px;
font-weight:400;
font-size:31px;
float:left;
}
#topPriceWrapper{
width:100%;
margin-bottom:15px;
text-decoration: line-through;
font-weight:400;
font-size:13px;
color:#58595B;
float:left;
}
#offerPriceType{
width: 100%;
margin-bottom: 15px;
float: left;
}
#offerPriceType span{
font-weight:400;
font-size:17px;
color:#58595B;
background: yellow;
}
/**************************/
#leadTime{
width:100%;
margin-bottom:2px;
font-weight:400;
color:#58595B;
float:left;
}
/**************************/
#deliveryInfoButton, #sizesButton{
margin-bottom:4px;
}
#textWrapper{
width:100%;
margin-bottom:30px;
float:left;
}
#textBlurb{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
/**************************/
#gradesWrapper{
width:100%;
margin-bottom:30px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
#gradesWrapper table td{
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
#descriptionSelectedWrapper{
width:100%;
font-size: 14px;
color:#58595B;
float:left;
}
/**************************/
#descriptionSelectedWrapper h1{
width:100%;
padding:0px;
margin:0px;
display:inline;
font-weight:400;
font-size:31px;
color:#58595B;
float:left;
}
/**************************/
#description{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#mainGrade{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#bottomPrice{
width:100%;
margin-bottom:2px;
font-weight:400;
font-size:31px;
float:left;
}
#topPriceWrapper{
width:100%;
margin-bottom:15px;
text-decoration: line-through;
font-weight:400;
font-size:13px;
color:#58595B;
float:left;
}
#offerPriceType{
width: 100%;
margin-bottom: 15px;
float: left;
}
#offerPriceType span{
font-weight:400;
font-size:17px;
color:#58595B;
background: yellow;
}
/**************************/
#leadTime{
width:100%;
margin-bottom:2px;
font-weight:400;
color:#58595B;
float:left;
}
/**************************/
#deliveryInfoButton, #sizesButton{
margin-bottom:4px;
}
#textWrapper{
width:100%;
margin-bottom:30px;
float:left;
}
#textBlurb{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
/**************************/
#gradesWrapper{
width:100%;
margin-bottom:30px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
#gradesWrapper table td{
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
#descriptionSelectedWrapper{
width:100%;
font-size: 14px;
color:#58595B;
float:left;
}
/**************************/
#descriptionSelectedWrapper h1{
width:100%;
padding:0px;
margin:0px;
display:inline;
font-weight:400;
font-size:31px;
color:#58595B;
float:left;
}
/**************************/
#description{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#mainGrade{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size: 16px;
color:#58595B;
float:left;
}
/**************************/
#bottomPrice{
width:100%;
margin-bottom:2px;
font-weight:400;
font-size:31px;
float:left;
}
#topPriceWrapper{
width:100%;
margin-bottom:15px;
text-decoration: line-through;
font-weight:400;
font-size:13px;
color:#58595B;
float:left;
}
#offerPriceType{
width: 100%;
margin-bottom: 15px;
float: left;
}
#offerPriceType span{
font-weight:400;
font-size:17px;
color:#58595B;
background: yellow;
}
/**************************/
#leadTime{
width:100%;
margin-bottom:2px;
font-weight:400;
color:#58595B;
float:left;
}
/**************************/
#deliveryInfoButton, #sizesButton{
margin-bottom:4px;
}
#textWrapper{
width:100%;
margin-bottom:30px;
float:left;
}
#textBlurb{
width:100%;
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
/**************************/
#gradesWrapper{
width:100%;
margin-bottom:30px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
#gradesWrapper table td{
margin-bottom:10px;
font-weight:400;
font-size:16px;
color:#58595B;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***generic*************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#sizeSelect{
width:450px;
position: relative;
float:left;
}
.selectClosed{
width:450px;
margin-bottom:15px;
border: thin lightGrey solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background:white;
float:left;
}
.selectClosed #optionOne{
padding:10px;
cursor:pointer;
}
.selectClosed #optionOne #key{
width:100px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
.selectClosed #optionOne .value{
padding-right:20px;
font-weight:400;
font-size:16px;
color:#58595B;
}
.selectClosed #optionOne #caretSymbol{
height:12px;
margin-top:6px;
float:right;
}
.selectClosed #optionOne #caretSymbol img{
height:12px;
display:block;
}
/********************************/
.selectExpanded{
width:450px;
border: thin lightGrey solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position:absolute;
background:white;
display:none;
}
.selectExpanded #optionOne{
padding:10px;
cursor:pointer;
}
.selectExpanded #optionOne #key{
width:100px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
.selectExpanded #optionOne .value{
padding-right:20px;
font-weight:400;
font-size:16px;
color:#58595B;
}
.selectExpanded #optionOne #caretSymbol{
height:12px;
margin-top:6px;
float:right;
}
.selectExpanded #optionOne #caretSymbol img{
height:12px;
display:block;
}
.selectExpanded #option{
width:100%;
float:left;
display:table;
}
.selectExpanded #option ul{
padding:0px;
margin:0px;
}
.selectExpanded #option li{
padding-left:10px;
padding-top:8px;
padding-bottom:8px;
list-style-type:none;
cursor:pointer;
font-weight:400;
font-size:15px;
color:#58595B;
}
.selectExpanded #option li:hover{
background:ghostWhite;
}
/*****************************************************************************************************************************************************************************************************************************/
/***generic*************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#deliveryInfoButton, #guaranteeInfoButton, #assemblyInfoButton, #sizesButton{
width:100%;
cursor:pointer;
color:#58595B;
float:left;
}
#deliveryInfoButton a, #guaranteeInfoButton a, #assemblyInfoButton a, #sizesButton a{
text-decoration:none;
color:#58595B;
}
#deliveryInfoButtonBullet, #guaranteeInfoButtonBullet, #assemblyInfoButtonBullet, #sizesButtonBullet{
margin-top:2px;
margin-right:8px;
font-weight:400;
font-size:10px;
letter-spacing: 10px;
border:1px solid #58595B;
float:left;
}
#deliveryInfoButtonText, #guaranteeInfoButtonText, #assemblyInfoButtonText, #sizesButtonText{
font-weight:400;
float:left;
}
/**************************/
#buttonsWrapper{
width:100%;
margin-bottom: 12px;
float:left;
}
#brochureButton{
width:100%;
margin-bottom:4px;
color:#58595B;
float:left;
}
#brochureButton a{
text-decoration:none;
color:#58595B;
}
#brochureButtonBullet{
margin-top:2px;
margin-right:8px;
font-size:10px;
letter-spacing: 10px;
border:1px solid #58595B;
float:left;
}
#brochureButtonText{
font-weight:400;
float:left;
}
/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#buttonsWrapper{
width:100%;
float:left;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
#buttonsWrapper{
width:100%;
background:white;
float:left;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
#buttonsWrapper{
width:100%;
background:white;
float:left;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
#buttonsWrapper{
width:100%;
background:white;
float:left;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
#buttonsWrapper{
width:100%;
background:white;
float:left;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
#buttonsWrapper{
width:80%;
background:white;
float:left;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
#buttonsWrapper{
width:100%;
float:left;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#selectWrapper{
width:450px;
position: relative;
float:left;
}
.selectClosed{
width:450px;
margin-bottom:15px;
border: thin lightGrey solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float:left;
}
.selectClosed #optionOne{
padding:10px;
cursor:pointer;
}
.selectClosed #optionOne #key{
width:100px;
font-weight:400;
font-size:16px;
color:#58595B;
float:left;
}
.selectClosed #optionOne .value{
padding-right:20px;
font-weight:400;
font-size:16px;
color:#58595B;
}
.selectClosed #optionOne #caretSymbol{
height:12px;
margin-top:6px;
float:right;
}
.selectClosed #optionOne #caretSymbol img{
height:12px;
display:block;
}
/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#selectWrapper{
width:450px;
}
.selectClosed{
width:450px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
#selectWrapper{
width:430px;
}
.selectClosed, .selectClosed{
width:430px;
}
.selectExpanded{
width:430px;
}
.selectClosed #optionOne #key, .selectClosed #optionOne .value, .selectExpanded #optionOne #key, .selectExpanded #optionOne .value{
font-size:16px;
}
.selectExpanded #option li{
font-size:15px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
#selectWrapper{
width:430px;
}
.selectClosed, .selectClosed{
width:430px;
}
.selectExpanded{
width:430px;
}
.selectClosed #optionOne #key, .selectClosed #optionOne .value, .selectExpanded #optionOne #key, .selectExpanded #optionOne .value{
font-size:16px;
}
.selectExpanded #option li{
font-size:15px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
#selectWrapper{
width:430px;
}
.selectClosed, .selectClosed{
width:430px;
}
.selectExpanded{
width:430px;
}
.selectClosed #optionOne #key, .selectClosed #optionOne .value, .selectExpanded #optionOne #key, .selectExpanded #optionOne .value{
font-size:16px;
}
.selectExpanded #option li{
font-size:15px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
#selectWrapper{
width:430px;
}
.selectClosed{
width:430px;
}
.selectExpanded{
width:430px;
}
.selectClosed #optionOne #key, .selectClosed #optionOne .value, .selectExpanded #optionOne #key, .selectExpanded #optionOne .value{
font-size:16px;
}
.selectExpanded #option li{
font-size:15px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
#selectWrapper{
width:430px;
}
.selectClosed, .selectClosed{
width:430px;
}
.selectExpanded{
width:430px;
}
.selectClosed #optionOne #key, .selectClosed #optionOne .value, .selectExpanded #optionOne #key, .selectExpanded #optionOne .value{
font-size:16px;
}
.selectExpanded #option li{
font-size:15px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
#selectWrapper{
width:100%;
}
.selectClosed, .selectClosed{
width:100%;
}
.selectExpanded{
width:100%;
}
.selectClosed #optionOne #key, .selectClosed #optionOne .value, .selectExpanded #optionOne #key, .selectExpanded #optionOne .value{
font-size:16px;
}
.selectExpanded #option li{
font-size:15px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#yourOrderWrapper{
width:450px;
height:70px;
font-size:14px;
color:#58595B;
float:left;
}
#yourOrderTitle{
font-weight:400;
}
#yourOrder{
font-weight:400;
}
/*****************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#accessoriesHeader, #feetesHeader{
}
#accessoriesViewer, #feetesViewer{
}
#accessoriesReel, #feetesLikeReel{
position:relative;
z-index:1;
}
#leftArrow{
}
#rightArrow{
}
#leftArrow img, #rightArrow img{
}
#leftArrow:hover, #rightArrow:hover{
cursor: pointer;
}
.accessoriesSlide, .feetesSlide{
}
.accessoriesSlide a, .feetesSlide a{
text-decoration:none;
}
#slideImage{
}
#slideImage img{
}
#slideTitle{
width:100%;
margin-bottom:10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align:center;
font-size:16px;
color:#58595B;
float:left;
}
#slidePrice{
width:100%;
margin-bottom:10px;
text-align:center;
font-size:16px;
color:#58595B;
float:left;
}
#slideViewButton{
margin:0 auto;
padding:3px;
font-weight:400;
font-size:16px;
color:white;
background:#58595B;
display:table;
}
/*****************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#animatedLoader{
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
border-top: 10px dotted #595959;
border-right: 10px dotted #3b3b3b;
border-bottom: 10px dotted #1e1e1e;
border-left: 10px dotted #000000;
border-radius:50%;
-webkit-animation: spinner 1s linear infinite;
animation: spinner 1s linear infinite;
}
@-webkit-keyframes spinner {
0%{ -webkit-transform: rotate(0deg); }
100%{ -webkit-transform: rotate(360deg); }
}
@keyframes spinner {
0%{ transform: rotate(0deg); }
100%{ transform: rotate(360deg); }
}
/*****************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#windowSelectionOuterJava{
width:100%;
height:100vh;
top:0;
position:fixed;
z-index:99;
background-color:rgba(0,0,0,0.3);
display:none;
}
#windowSelectionInner{
}
.windowSelectionHeader{
width:94%;
padding-bottom:3%;
padding-left:3%;
padding-right:3%;
margin-bottom:10px;
text-align:center;
font-weight:400;
font-size:20px;
color:#58595B;
float:left;
}
#sampleWrapper::-webkit-scrollbar{
-webkit-appearance: none;
}
#sampleWrapper::-webkit-scrollbar:vertical{
width: 11px;
}
#sampleWrapper::-webkit-scrollbar:horizontal{
height: 0px;
}
#sampleWrapper::-webkit-scrollbar-thumb{
border-radius: 8px;
border: 2px solid white; /* should match background, can't be transparent */
background-color: rgba(0, 0, 0, .5);
}
#coverSampleWrapper{
padding-bottom: 300px;
float: left;
}
#windowSelectionClose{
}
#windowSelectionClose:hover{
cursor:pointer;
}
.sampleBox{
}
#sampleImage, #optionImage{
}
#sampleImage img, #optionImage img{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#sampleImage img:hover, #optionImage img:hover{
cursor:pointer;
}
#sampleText{
width:100%;
text-align:center;
font-size:13px;
color:#58595B;
float:left;
}
/********************************/
#sampleMiddlePrice{
width:100%;
text-align:center;
font-size:13px;
color:#58595B;
float:left;
}
/********************************/
#sampleBottomPrice{
width:100%;
margin-bottom:35px;
text-align:center;
font-size:13px;
color:red;
float:left;
}
/********************************/
#illustrationOuter{
width: 100%;
float: left;
}
#illustrationInner{
width:50%;
margin-left:25%;
margin-right:25%;
padding:20px;
box-sizing: border-box;
background:#dcdcdc;
float:left;
}
#illustrationImage{
width:45%;
margin-right:5%;
float:left;
}
#illustrationImage img{
width:100%;
float:left;
}
#illustrationText{
width:50%;
padding:;
float:left;
}
/********************************/
#confirmButton{
}
#confirmButton:hover{
cursor:pointer;
}
/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#windowSelectionInner{
width:100%;
height: 100vh;
position:fixed;
background: white;
float:left;
}
#windowSelectionClose{
width:96%;
padding-top:2%;
padding-left:2%;
padding-right:2%;
text-align:right;
font-size:17px;
font-weight:500;
color:#58595B;
float:left;
}
.windowSelectionHeader{
width:94%;
float:left;
}
#sampleWrapper{
width:90%;
max-height:90vh;
margin-left:5%;
margin-right:5%;
display: block;
overflow-x: scroll;
float: left;
}
#genericBoxWrapper{
margin: 0 auto;
display: table;
}
.sampleBox{
width:227px;
margin-left:19px;
margin-right:19px;
margin-bottom:20px;
float:left;
}
/**margins as percent so size for lowest width**/
#sampleImage{
width:227px;
height:227px;
margin-bottom:3px;
float:left;
}
#sampleImage img{
width:227px;
height:227px;
border: 5px solid white;
float:left;
}
#optionImage{
width:227px;
height:133px;
margin-bottom:3px;
float:left;
}
#optionImage img{
width:227px;
height:133px;
border: 5px solid white;
float:left;
}
#sampleBoxLast{
width:100%;
padding-bottom:360px;
float:left;
}
#sampleSelectionConfirmedOuter{
width:100%;
height:25vh;
position:absolute;
top:75vh;
opacity:0.9;
background:#eeeeee;
}
#sampleSelectionConfirmedInner{
width:100%;
margin-top:10px;
float:left;
}
#sampleSelected{
margin:0 auto;
margin-bottom:5px;
display:table;
}
#sampleSelectedKey{
margin-right:20px;
color:#58595B;
float:left;
}
#cover_selected_value{
color: #58595B;
}
/********************************/
#illustrationImageOnly img{
width: 40%;
padding-left: 30%;
padding-right: 30%;
float: left;
}
#illustrationInner{
width:60%;
margin-left:20%;
margin-right:20%;
}
#illustrationImage{
width:25%;
margin-right:5%;
float:left;
}
#illustrationText{
width:70%;
}
/********************************/
#confirmButton{
margin:0 auto;
padding:7px;
padding-left:20px;
padding-right:20px;
font-size:15px;
color:white;
background:#58595B;
display:table;
}
#confirmButton:hover{
cursor:pointer;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
#windowSelectionInner{
width:100%;
height: 100vh;
position:fixed;
background:white;
float:left;
}
#windowSelectionClose{
width:96%;
padding-top:2%;
padding-left:2%;
padding-right:2%;
text-align:right;
font-size:17px;
font-weight:500;
color:#58595B;
float:left;
}
.windowSelectionHeader{
width:94%;
float:left;
}
#sampleWrapper{
width:90%;
max-height:90vh;
margin-left:5%;
margin-right:5%;
margin-bottom: 270px;
display: block;
overflow-x: scroll;
float: left;
}
#genericBoxWrapper{
margin: 0 auto;
display: table;
}
.sampleBox{
width:210px;
margin-left:19px;
margin-right:19px;
margin-bottom:20px;
float:left;
}
/**margins as percent so size for lowest width**/
#sampleImage{
width:210px;
height:210px;
margin-bottom:3px;
float:left;
}
#sampleImage img{
width:210px;
height:210px;
border: 5px solid white;
float:left;
}
#optionImage{
width:210px;
height:117px;
margin-bottom:3px;
float:left;
}
#optionImage img{
width:210px;
height:117px;
border: 5px solid white;
float:left;
}
#sampleBoxLast{
width:100%;
padding-bottom:360px;
float:left;
}
#sampleSelectionConfirmedOuter{
width:100%;
height:25vh;
position:absolute;
top:75vh;
opacity:0.9;
background:#eeeeee;
}
#sampleSelectionConfirmedInner{
width:100%;
margin-top:10px;
float:left;
}
#sampleSelected{
margin:0 auto;
margin-bottom:5px;
display:table;
}
#sampleSelectedKey{
margin-right:20px;
color:#58595B;
float:left;
}
#cover_selected_value{
color: #58595B;
}
/********************************/
#illustrationImageOnly img{
width: 50%;
padding-left: 25%;
padding-right: 25%;
float: left;
}
#illustrationInner{
width:70%;
margin-left:15%;
margin-right:15%;
}
#illustrationImage{
width:25%;
margin-right:5%;
}
#illustrationText{
width:70%;
}
/********************************/
#confirmButton{
margin:0 auto;
padding:7px;
padding-left:20px;
padding-right:20px;
font-size:15px;
color:white;
background:#58595B;
display:table;
}
#confirmButton:hover{
cursor:pointer;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
#windowSelectionInner{
width:100%;
height: 100vh;
position:fixed;
background:white;
float:left;
}
#windowSelectionClose{
width:96%;
padding-top:2%;
padding-left:2%;
padding-right:2%;
text-align:right;
font-size:17px;
font-weight:500;
color:#58595B;
float:left;
}
.windowSelectionHeader{
width:94%;
float:left;
}
#sampleWrapper{
width:90%;
max-height:90vh;
margin-left:5%;
margin-right:5%;
margin-bottom: 270px;
display: block;
overflow-x: scroll;
float: left;
}
#genericBoxWrapper{
margin: 0 auto;
display: table;
}
.sampleBox{
width:263px;
margin-left:19px;
margin-right:19px;
margin-bottom:20px;
float:left;
}
/**margins as percent so size for lowest width**/
#sampleImage{
width:263px;
height:263px;
margin-bottom:3px;
float:left;
}
#sampleImage img{
width:263px;
height:263px;
border: 5px solid white;
float:left;
}
#optionImage{
width:263px;
height:147px;
margin-bottom:3px;
float:left;
}
#optionImage img{
width:263px;
height:147px;
border: 5px solid white;
float:left;
}
#sampleBoxLast{
width:100%;
padding-bottom:360px;
float:left;
}
#sampleSelectionConfirmedOuter{
width:100%;
height:25vh;
position:absolute;
top:75vh;
opacity:0.9;
background:#eeeeee;
}
#sampleSelectionConfirmedInner{
width:100%;
margin-top:10px;
float:left;
}
#sampleSelected{
margin:0 auto;
margin-bottom:5px;
display:table;
}
#sampleSelectedKey{
margin-right:20px;
color:#58595B;
float:left;
}
#cover_selected_value{
color: #58595B;
}
/********************************/
#illustrationImageOnly img{
width: 60%;
margin-left: 20%;
float: left;
}
#illustrationInner{
width:80%;
margin-left:10%;
margin-right:10%;
}
#illustrationImage{
width:25%;
margin-right:5%;
}
#illustrationText{
width:70%;
}
/********************************/
#confirmButton{
margin:0 auto;
padding:7px;
padding-left:20px;
padding-right:20px;
font-size:15px;
color:white;
background:#58595B;
display:table;
}
#confirmButton:hover{
cursor:pointer;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
#windowSelectionInner{
width:100%;
height: 100vh;
position:fixed;
background:white;
float:left;
}
#windowSelectionClose{
width:96%;
padding-top:2%;
padding-left:2%;
padding-right:2%;
text-align:right;
font-size:17px;
font-weight:500;
color:#58595B;
float:left;
}
.windowSelectionHeader{
width:94%;
float:left;
}
#sampleWrapper{
width:90%;
max-height:90vh;
margin-left:5%;
margin-right:5%;
margin-bottom: 270px;
display: block;
overflow-x: scroll;
float: left;
}
#genericBoxWrapper{
margin: 0 auto;
display: table;
}
.sampleBox{
width:230px;
margin-left:19px;
margin-right:19px;
margin-bottom:20px;
float:left;
}
/**margins as percent so size for lowest width**/
#sampleImage{
width:230px;
height:230px;
margin-bottom:3px;
float:left;
}
#sampleImage img{
width:230px;
height:230px;
border: 5px solid white;
float:left;
}
#optionImage{
width:230px;
height:133px;
margin-bottom:3px;
float:left;
}
#optionImage img{
width:230px;
height:133px;
border: 5px solid white;
float:left;
}
#sampleBoxLast{
width:100%;
padding-bottom:360px;
float:left;
}
#sampleSelectionConfirmedOuter{
width:100%;
height:25vh;
position:absolute;
top:75vh;
opacity:0.9;
background:#eeeeee;
}
#sampleSelectionConfirmedInner{
width:100%;
margin-top:10px;
float:left;
}
#sampleSelected{
margin:0 auto;
margin-bottom:5px;
display:table;
}
#sampleSelectedKey{
margin-right:20px;
color:#58595B;
float:left;
}
#cover_selected_value{
color: #58595B;
}
/********************************/
#illustrationImageOnly img{
width: 70%;
margin-left: 15%;
float: left;
}
#illustrationInner{
width:80%;
margin-left:10%;
margin-right:10%;
}
#illustrationImage{
width:25%;
margin-right:5%;
}
#illustrationText{
width:70%;
}
/********************************/
#confirmButton{
margin:0 auto;
padding:7px;
padding-left:20px;
padding-right:20px;
font-size:15px;
color:white;
background:#58595B;
display:table;
}
#confirmButton:hover{
cursor:pointer;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
#windowSelectionInner{
width:100%;
height: 100vh;
position:fixed;
background:white;
float:left;
}
#windowSelectionClose{
width:96%;
padding-top:2%;
padding-left:2%;
padding-right:2%;
text-align:right;
font-size:17px;
font-weight:500;
color:#58595B;
float:left;
}
.windowSelectionHeader{
width:94%;
float:left;
}
#sampleWrapper{
width:90%;
max-height:90vh;
margin-left:5%;
margin-right:5%;
margin-bottom: 270px;
display: block;
overflow-x: scroll;
float: left;
}
#genericBoxWrapper{
margin: 0 auto;
display: table;
}
.sampleBox{
width:220px;
margin-right:20px;
padding-bottom:20px;
float:left;
}
.baseBox, .storageBox, .headboardBox, .feetBox{
width:345px;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
float:left;
}
#baseImage, #storageImage, #headboardImage, #feetImage{
width:345px;
height:195px;
margin-bottom:3px;
float:left;
}
#baseImage img, #storageImage img, #headboardImage img{
width:345px;
height:195px;
border: 5px solid white;
float:left;
}
/**margins as percent so size for lowest width**/
#sampleImage{
width:220px;
height: 220px;
margin-bottom:3px;
float:left;
}
#sampleImage img{
width:220px;
height: 220px;
border: 5px solid white;
float:left;
}
#optionImage{
width:220px;
height:123px;
margin-bottom:3px;
float:left;
}
#optionImage img{
width:220px;
height:123px;
border: 5px solid white;
float:left;
}
#sampleBoxLast{
width:100%;
padding-bottom:300px;
float:left;
}
#sampleSelectionConfirmedOuter{
width:100%;
height:25vh;
position:absolute;
top:75vh;
opacity:0.9;
background:#eeeeee;
}
#sampleSelectionConfirmedInner{
width:100%;
margin-top:10px;
float:left;
}
#sampleSelected{
margin:0 auto;
margin-bottom:5px;
display:table;
}
#sampleSelectedKey{
margin-right:20px;
color:#58595B;
float:left;
}
#cover_selected_value{
color: #58595B;
}
/********************************/
#illustrationImageOnly img{
width: 80%;
margin-left: 10%;
float: left;
}
#illustrationInner{
width:80%;
margin-left:10%;
margin-right:10%;
}
#illustrationImage{
width:100%;
margin-right:0%;
margin-bottom:20px;
float:left;
}
#illustrationImage img{
width:100%;
float:left;
}
#illustrationText{
width:100%;
padding:;
float:left;
}
/********************************/
#confirmButton{
margin:0 auto;
padding:7px;
padding-left:20px;
padding-right:20px;
font-size:15px;
color:white;
background:#58595B;
display:table;
}
#confirmButton:hover{
cursor:pointer;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
#windowSelectionInner{
width:100%;
height: 100vh;
position:fixed;
background:white;
float:left;
}
#windowSelectionClose{
width:96%;
padding-top:2%;
padding-left:2%;
padding-right:2%;
text-align:right;
font-size:17px;
font-weight:500;
color:#58595B;
float:left;
}
.windowSelectionHeader{
width:94%;
float:left;
}
#sampleWrapper{
width:90%;
max-height:90vh;
margin-left:5%;
margin-right:5%;
margin-bottom: 270px;
display: block;
overflow-x: scroll;
float: left;
}
#genericBoxWrapper{
margin: 0 auto;
display: table;
}
.sampleBox{
width:195px;
margin-right:17px;
padding-bottom:20px;
float:left;
}
.baseBox, .storageBox, .headboardBox, .feetBox{
width:295px;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
float:left;
}
#baseImage, #storageImage, #headboardImage, #feetImage{
width:295px;
height:166px;
margin-bottom:3px;
float:left;
}
#baseImage img, #storageImage img, #headboardImage img{
width:295px;
height:166px;
border: 5px solid white;
float:left;
}
/**margins as percent so size for lowest width**/
#sampleImage{
width:195px;
height:195px;
margin-bottom:3px;
float:left;
}
#sampleImage img{
width:195px;
height:195px;
border: 5px solid white;
float:left;
}
#optionImage{
width:195px;
height:109px;
margin-bottom:3px;
float:left;
}
#optionImage img{
width:195px;
height:109px;
border: 5px solid white;
float:left;
}
#sampleBoxLast{
width:100%;
padding-bottom:300px;
float:left;
}
#sampleSelectionConfirmedOuter{
width:100%;
height:25vh;
position:absolute;
top:75vh;
opacity:0.9;
background:#eeeeee;
}
#sampleSelectionConfirmedInner{
width:100%;
margin-top:10px;
float:left;
}
#sampleSelected{
margin:0 auto;
margin-bottom:5px;
display:table;
}
#sampleSelectedKey{
margin-right:20px;
color:#58595B;
float:left;
}
#cover_selected_value{
color: #58595B;
}
/********************************/
#illustrationImageOnly img{
width: 90%;
margin-left: 5%;
float: left;
}
#illustrationInner{
width:80%;
margin-left:10%;
margin-right:10%;
}
#illustrationImage{
width:100%;
margin-right:0%;
margin-bottom:20px;
float:left;
}
#illustrationImage img{
width:100%;
float:left;
}
#illustrationText{
width:100%;
padding:;
float:left;
}
/********************************/
#confirmButton{
margin:0 auto;
padding:7px;
padding-left:20px;
padding-right:20px;
font-size:15px;
color:white;
background:#58595B;
display:table;
}
#confirmButton:hover{
cursor:pointer;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
#windowSelectionInner{
width:100%;
height: 100vh;
position:fixed;
background:white;
float:left;
}
#windowSelectionClose{
width:96%;
padding-top:2%;
padding-left:2%;
padding-right:2%;
text-align:right;
font-size:17px;
font-weight:500;
color:#58595B;
float:left;
}
.windowSelectionHeader{
width:94%;
float:left;
}
#sampleWrapper{
width:90%;
max-height:90vh;
margin-left:5%;
margin-right:5%;
margin-bottom: 270px;
display: block;
overflow-x: scroll;
float: left;
}
#genericBoxWrapper{
margin: 0 auto;
display: table;
}
.sampleBox{
width:100%;
margin-bottom:2%;
float:left;
}
.baseBox, .storageBox, .headboardBox, .feetBox{
width:100%;
margin-bottom:20px;
float:left;
}
#baseImage, #storageImage, #headboardImage, #feetImage{
width:100%;
float:left;
}
#baseImage img, #storageImage img, #headboardImage img{
width:100%;
border: 5px solid white;
float:left;
}
/**margins as percent so size for lowest width**/
#sampleImage{
width:80%;
margin-left:10%;
margin-right: 10%;
float:left;
}
#sampleImage img{
width:100%;
border: 5px solid white;
float:left;
}
#optionImage{
width:80%;
margin-left: 10%;
margin-right: 10%;
float:left;
}
#optionImage img{
width:100%;
border: 5px solid white;
float:left;
}
#sampleBoxLast{
width:100%;
padding-bottom:300px;
float:left;
}
#sampleSelectionConfirmedOuter{
width:100%;
height:25vh;
position:absolute;
top:75vh;
opacity:0.9;
background:#eeeeee;
}
#sampleSelectionConfirmedInner{
width:100%;
margin-top:10px;
float:left;
}
#sampleSelected{
margin:0 auto;
margin-bottom:5px;
display:table;
}
#sampleSelectedKey{
margin-right:20px;
color:#58595B;
float:left;
}
#cover_selected_value{
color: #58595B;
}
/********************************/
#illustrationImageOnly img{
width: 100%;
float: left;
}
#illustrationInner{
width:90%;
margin-left:5%;
margin-right:5%;
}
#illustrationImage{
width:100%;
margin-right:0%;
margin-bottom:20px;
float:left;
}
#illustrationImage img{
width:100%;
float:left;
}
#illustrationText{
width:100%;
padding:;
float:left;
}
/********************************/
#confirmButton{
margin:0 auto;
padding:7px;
padding-left:20px;
padding-right:20px;
font-size:15px;
color:white;
background:#58595B;
display:table;
}
#confirmButton:hover{
cursor:pointer;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#emailOrderButton{
width:100%;
margin-bottom:30px;
float:left;
}
#emailOrderButton .emailInput{
width:450px;
padding:7px;
margin-bottom:15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: thin lightGrey solid;
outline: none;
text-align:left;
font-weight:400;
font-size:17px;
color:#58595B;
background:white;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
width:450px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:none;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
cursor:pointer;
}
#emailOrderButton #dummyEmailButton{
width:450px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
opacity:0.5;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #dummyEmailButton:hover{
cursor:pointer;
}
#yourOrderWrapper{
width:450px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
#emailOrderButton{
width:100%;
margin-bottom:30px;
float:left;
}
#emailOrderButton .emailInput{
width:430px;
padding:7px;
margin-bottom:15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: thin lightGrey solid;
outline: none;
text-align:left;
font-weight:400;
font-size:17px;
color:#58595B;
background:white;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
width:430px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:none;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
cursor:pointer;
}
#emailOrderButton #dummyEmailButton{
width:430px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
opacity:0.5;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #dummyEmailButton:hover{
cursor:pointer;
}
#yourOrderWrapper{
width:450px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
#emailOrderButton{
width:100%;
margin-bottom:30px;
float:left;
}
#emailOrderButton .emailInput{
width:430px;
padding:7px;
margin-bottom:15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: thin lightGrey solid;
outline: none;
text-align:left;
font-weight:400;
font-size:17px;
color:#58595B;
background:white;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
width:430px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:none;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
cursor:pointer;
}
#emailOrderButton #dummyEmailButton{
width:430px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
opacity:0.5;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #dummyEmailButton:hover{
cursor:pointer;
}
#yourOrderWrapper{
width:450px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
#emailOrderButton{
width:100%;
margin-bottom:30px;
float:left;
}
#emailOrderButton .emailInput{
width:430px;
padding:7px;
margin-bottom:15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: thin lightGrey solid;
outline: none;
text-align:left;
font-weight:400;
font-size:17px;
color:#58595B;
background:white;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
width:430px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:none;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
cursor:pointer;
}
#emailOrderButton #dummyEmailButton{
width:430px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
opacity:0.5;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #dummyEmailButton:hover{
cursor:pointer;
}
#yourOrderWrapper{
width:400px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
#emailOrderButton{
width:100%;
margin-bottom:30px;
float:left;
}
#emailOrderButton .emailInput{
width:430px;
padding:7px;
margin-bottom:15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: thin lightGrey solid;
outline: none;
text-align:left;
font-weight:400;
font-size:17px;
color:#58595B;
background:white;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
width:430px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:none;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
cursor:pointer;
}
#emailOrderButton #dummyEmailButton{
width:430px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
opacity:0.5;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #dummyEmailButton:hover{
cursor:pointer;
}
#yourOrderWrapper{
width:362px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
#emailOrderButton{
width:100%;
margin-bottom:30px;
float:left;
}
#emailOrderButton .emailInput{
width:430px;
padding:7px;
margin-bottom:15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: thin lightGrey solid;
outline: none;
text-align:left;
font-weight:400;
font-size:17px;
color:#58595B;
background:white;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
width:430px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:none;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
cursor:pointer;
}
#emailOrderButton #dummyEmailButton{
width:430px;
padding:7px;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
opacity:0.5;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #dummyEmailButton:hover{
cursor:pointer;
}
#yourOrderWrapper{
width:362px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
#emailOrderButton{
width:100%;
margin-bottom:30px;
float:left;
}
#emailOrderButton .emailInput{
width:100%;
padding:1%;
margin-bottom:15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: thin lightGrey solid;
outline: none;
text-align:left;
font-weight:400;
font-size:17px;
color:#58595B;
background:white;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
width:100%;
padding:1%;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:none;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #realEmailButton{
cursor:pointer;
}
#emailOrderButton #dummyEmailButton{
width:100%;
padding:1%;
padding-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align:center;
font-weight:400;
font-size:17px;
color:white;
opacity:0.5;
background:#58595B;
display:none;
float:left;
}
#emailOrderButton #dummyEmailButton:hover{
cursor:pointer;
}
#yourOrderWrapper{
width:362px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#mainTextDeliveryInfoOuter, #mainTextGuaranteeInfoOuter, #mainTextAssemblyInfoOuter, #mainTextSizesOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
display:none;
}
#mainTextDeliveryInfoInner, #mainTextGuaranteeInfoInner, #mainTextAssemblyInfoInner, #mainTextSizesInner{
width:600px;
margin:0 auto;
margin-top:300px;
border:3px #58595B solid;
background:white;
display:table;
}
#mainTextDeliveryInfoCloseBox, #mainTextGuaranteeInfoCloseBox, #mainTextAssemblyInfoCloseBox, #mainTextSizesCloseBox{
width:98%;
margin-top:2%;
margin-bottom:2%;
margin-right:2%;
cursor:pointer;
text-align:right;
font-size:15px;
color:#58595B;
float:left;
}
#mainTextDeliveryInfoText, #mainTextGuaranteeInfoText, #mainTextAssemblyInfoText, #mainTextSizesText{
width:90%;
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
font-size:15px;
line-height:140%;
color:#58595B;
float:left;
}
#mainTextSizesText table td{
padding-right:40px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
#mainTextDeliveryInfoOuter, #mainTextGuaranteeInfoOuter, #mainTextAssemblyInfoOuter, #mainTextSizesOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
display:none;
}
#mainTextDeliveryInfoInner, #mainTextGuaranteeInfoInner, #mainTextAssemblyInfoInner, #mainTextSizesInner{
width:75%;
margin:0 auto;
margin-top:300px;
border:3px #58595B solid;
background:white;
display:table;
}
#mainTextDeliveryInfoCloseBox, #mainTextGuaranteeInfoCloseBox, #mainTextAssemblyInfoCloseBox, #mainTextSizesCloseBox{
width:98%;
margin-top:2%;
margin-bottom:2%;
margin-right:2%;
cursor:pointer;
text-align:right;
font-size:15px;
color:#58595B;
float:left;
}
#mainTextDeliveryInfoText, #mainTextGuaranteeInfoText, #mainTextAssemblyInfoText, #mainTextSizesText{
width:90%;
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
font-size:15px;
line-height:140%;
color:#58595B;
float:left;
}
#mainTextSizesText table td{
padding-right:40px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
#mainTextDeliveryInfoOuter, #mainTextGuaranteeInfoOuter, #mainTextAssemblyInfoOuter, #mainTextSizesOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
display:none;
}
#mainTextDeliveryInfoInner, #mainTextGuaranteeInfoInner, #mainTextAssemblyInfoInner, #mainTextSizesInner{
width:75%;
margin:0 auto;
margin-top:300px;
border:3px #58595B solid;
background:white;
display:table;
}
#mainTextDeliveryInfoCloseBox, #mainTextGuaranteeInfoCloseBox, #mainTextAssemblyInfoCloseBox, #mainTextSizesCloseBox{
width:98%;
margin-top:2%;
margin-bottom:2%;
margin-right:2%;
cursor:pointer;
text-align:right;
font-size:15px;
color:#58595B;
float:left;
}
#mainTextDeliveryInfoText, #mainTextGuaranteeInfoText, #mainTextAssemblyInfoText, #mainTextSizesText{
width:90%;
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
font-size:15px;
line-height:140%;
color:#58595B;
float:left;
}
#mainTextSizesText table td{
padding-right:40px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
#mainTextDeliveryInfoOuter, #mainTextGuaranteeInfoOuter, #mainTextAssemblyInfoOuter, #mainTextSizesOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
display:none;
}
#mainTextDeliveryInfoInner, #mainTextGuaranteeInfoInner, #mainTextAssemblyInfoInner, #mainTextSizesInner{
width:75%;
margin:0 auto;
margin-top:300px;
border:3px #58595B solid;
background:white;
display:table;
}
#mainTextDeliveryInfoCloseBox, #mainTextGuaranteeInfoCloseBox, #mainTextAssemblyInfoCloseBox, #mainTextSizesCloseBox{
width:98%;
margin-top:2%;
margin-bottom:2%;
margin-right:2%;
cursor:pointer;
text-align:right;
font-size:15px;
color:#58595B;
float:left;
}
#mainTextDeliveryInfoText, #mainTextGuaranteeInfoText, #mainTextAssemblyInfoText, #mainTextSizesText{
width:90%;
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
font-size:15px;
line-height:140%;
color:#58595B;
float:left;
}
#mainTextSizesText table td{
padding-right:40px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
#mainTextDeliveryInfoOuter, #mainTextGuaranteeInfoOuter, #mainTextAssemblyInfoOuter, #mainTextSizesOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
display:none;
}
#mainTextDeliveryInfoInner, #mainTextGuaranteeInfoInner, #mainTextAssemblyInfoInner, #mainTextSizesInner{
width:75%;
margin:0 auto;
margin-top:300px;
border:3px #58595B solid;
background:white;
display:table;
}
#mainTextDeliveryInfoCloseBox, #mainTextGuaranteeInfoCloseBox, #mainTextAssemblyInfoCloseBox, #mainTextSizesCloseBox{
width:98%;
margin-top:2%;
margin-bottom:2%;
margin-right:2%;
cursor:pointer;
text-align:right;
font-size:15px;
color:#58595B;
float:left;
}
#mainTextDeliveryInfoText, #mainTextGuaranteeInfoText, #mainTextAssemblyInfoText, #mainTextSizesText{
width:90%;
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
font-size:15px;
line-height:140%;
color:#58595B;
float:left;
}
#mainTextSizesText table td{
padding-right:40px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
#mainTextDeliveryInfoOuter, #mainTextGuaranteeInfoOuter, #mainTextAssemblyInfoOuter, #mainTextSizesOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
display:none;
}
#mainTextDeliveryInfoInner, #mainTextGuaranteeInfoInner, #mainTextAssemblyInfoInner, #mainTextSizesInner{
width:75%;
margin:0 auto;
margin-top:300px;
border:3px #58595B solid;
background:white;
display:table;
}
#mainTextDeliveryInfoCloseBox, #mainTextGuaranteeInfoCloseBox, #mainTextAssemblyInfoCloseBox, #mainTextSizesCloseBox{
width:98%;
margin-top:2%;
margin-bottom:2%;
margin-right:2%;
cursor:pointer;
text-align:right;
font-size:15px;
color:#58595B;
float:left;
}
#mainTextDeliveryInfoText, #mainTextGuaranteeInfoText, #mainTextAssemblyInfoText, #mainTextSizesText{
width:90%;
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
font-size:15px;
line-height:140%;
color:#58595B;
float:left;
}
#mainTextSizesText table td{
padding-right:40px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
#mainTextDeliveryInfoOuter, #mainTextGuaranteeInfoOuter, #mainTextAssemblyInfoOuter, #mainTextSizesOuter{
width:100%;
position:fixed;
top: 0;
left:0;
z-index:1000;
display:none;
}
#mainTextDeliveryInfoInner, #mainTextGuaranteeInfoInner, #mainTextAssemblyInfoInner, #mainTextSizesInner{
width:75%;
margin:0 auto;
margin-top:300px;
border:3px #58595B solid;
background:white;
display:table;
}
#mainTextDeliveryInfoCloseBox, #mainTextGuaranteeInfoCloseBox, #mainTextAssemblyInfoCloseBox, #mainTextSizesCloseBox{
width:98%;
margin-top:2%;
margin-bottom:2%;
margin-right:2%;
cursor:pointer;
text-align:right;
font-size:15px;
color:#58595B;
float:left;
}
#mainTextDeliveryInfoText, #mainTextGuaranteeInfoText, #mainTextAssemblyInfoText, #mainTextSizesText{
width:90%;
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
font-size:15px;
line-height:140%;
color:#58595B;
float:left;
}
#mainTextSizesText table td{
padding-right:40px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#videoWrapper{
width:1200px;
margin:0 auto;
display:table;
}
#videoBox{
width:50%;
padding-bottom:28.12%;
position:relative;
float: left;
}
#videoBox iframe{
width:100%;
height:100%;
position:absolute;
float: left;
}
#videoImage{
width:50%;
padding-bottom:28.12%;
position:relative;
float: left;
}
#videoImage img{
width: 100%;
height: 100%;
position:absolute;
float: left;
}
/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#videoWrapper{
width:1200px;
padding-top:0px;
margin-bottom:25px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
#videoWrapper{
width:1100px;
padding-top:15px;
margin-bottom:40px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
#videoWrapper{
width:1000px;
padding-top:15px;
margin-bottom:40px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
#videoWrapper{
width:900px;
padding-top:15px;
margin-bottom:40px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
#videoWrapper{
width:800px;
padding-top:15px;
margin-bottom:40px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
#videoWrapper{
width:700px;
padding-top:0px;
margin-bottom:20px;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width:200px) and (max-width: 719px){
#videoWrapper{
width:90%;
margin-left:5%;
margin-right:5%;
padding-top:0px;
margin-bottom:20px;
float:left;
}
#videoBox{
width:100%;
padding-bottom:56.25%;
position:relative;
float: left;
}
#videoImage{
display: none;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
#offerBanner{
width:100%;
margin-top:25px;
margin-bottom:25px;
float:left;
}
#offerBanner img{
width:100%;
float:left;
}
#offerBannerBlurb{
font-size:15px;
color:#58595b;
}
/*****************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#otherItemsWrapper{
width: 1200px;
margin-top:25px;
padding-bottom:50px;
background:white;
float:left;
}
#otherItemsHeader{
width:100%;
padding-top:8px;
padding-bottom:8px;
margin-bottom:20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align:center;
font-size:19px;
float:left;
}
/**************************/
#otherItemBox{
width:380px;
height:360px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:10px;
border-spacing: 0;
float:left;
}
/**************************/
#otherItemsThumb{
width:380px;
height:229px;
float:left;
}
#otherItemsThumb img{
width:380px;
height:229px;
display:block;
}
/****************************/
.otherItemTriangleOuter{
padding-top:10px;
padding-right:10px;
box-sizing: border-box;
font-size:20px;
text-align:right;
position:absolute;
float:left;
}
.otherItemTriangleInner{
width: 80px;
height: 80px;
position:relative;
float:right;
}
.otherItemTriangleInner img{
width:80px;
height:80px;
display:block;
}
/****************************/
#otherItemsText{
width:380px;
vertical-align:top;
float:left;
}
#otherItemsModel{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsDescription{
width:100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsSizes{
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsGrade{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsPrice{
width:100%;
font-weight:900;
font-size:14px;
padding-bottom:10px;
float:left;
}
/****************************/
#moreHyperlinkCell{
width:100%;
float:left;
}
#moreAnchorButton{
width:100%;
padding:3%;
border:1px dashed #58595B;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:7px;
font-weight:400;
text-decoration:none;
text-align:center;
color:#58595B;
display:table;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){
#otherItemsWrapper{
width: 1100px;
margin-top:25px;
padding-bottom:50px;
float:left;
}
#otherItemsHeader{
width:100%;
padding-top:8px;
padding-bottom:8px;
margin-bottom:8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align:center;
font-size:19px;
float:left;
}
/**************************/
#otherItemBox{
width:346px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:10px;
border-spacing: 0;
float:left;
}
/**************************/
#otherItemsThumb{
width:346px;
height:207px;
float:left;
}
#otherItemsThumb img{
width:346px;
height:207px;
display:block;
}
/****************************/
.otherItemTriangleOuter{
padding-top:10px;
padding-right:10px;
box-sizing: border-box;
font-size:20px;
text-align:right;
position:absolute;
float:left;
}
.otherItemTriangleInner{
width: 80px;
height: 80px;
position:relative;
float:right;
}
.otherItemTriangleInner img{
width:80px;
height:80px;
display:block;
}
/****************************/
#otherItemsText{
width:346px;
vertical-align:top;
float:left;
}
#otherItemsModel{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsDescription{
width:100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsSizes{
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsGrade{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsPrice{
width:100%;
font-weight:900;
font-size:14px;
padding-bottom:10px;
float:left;
}
/****************************/
#moreHyperlinkCell{
width:100%;
float:left;
}
#moreAnchorButton{
width:100%;
padding:3%;
border:1px dashed #58595B;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:7px;
font-weight:400;
text-decoration:none;
text-align:center;
color:#58595B;
display:table;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){
#otherItemsWrapper{
width: 1000px;
margin-top:25px;
padding-bottom:50px;
float:left;
}
#otherItemsHeader{
width:100%;
padding-top:8px;
padding-bottom:8px;
margin-bottom:8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align:center;
font-size:19px;
float:left;
}
/**************************/
#otherItemBox{
width:313px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:20px;
border-spacing: 0;
float:left;
}
/**************************/
#otherItemsThumb{
width:313px;
height:188px;
float:left;
}
#otherItemsThumb img{
width:313px;
height:188px;
display:block;
}
/****************************/
.otherItemTriangleOuter{
padding-top:10px;
padding-right:10px;
box-sizing: border-box;
font-size:20px;
text-align:right;
position:absolute;
float:left;
}
.otherItemTriangleInner{
width: 80px;
height: 80px;
position:relative;
float:right;
}
.otherItemTriangleInner img{
width:80px;
height:80px;
display:block;
}
/****************************/
#otherItemsText{
width:313px;
vertical-align:top;
float:left;
}
#otherItemsModel{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsDescription{
width:100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsSizes{
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsGrade{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsPrice{
width:100%;
font-weight:900;
font-size:14px;
padding-bottom:10px;
float:left;
}
/****************************/
#moreHyperlinkCell{
width:100%;
float:left;
}
#moreAnchorButton{
width:100%;
padding:3%;
border:1px dashed #58595B;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:7px;
font-weight:400;
text-decoration:none;
text-align:center;
color:#58595B;
display:table;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
#otherItemsWrapper{
width: 900px;
margin-top:25px;
padding-bottom:50px;
float:left;
}
#otherItemsHeader{
width:100%;
padding-top:8px;
padding-bottom:8px;
margin-bottom:8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align:center;
font-size:19px;
float:left;
}
/**************************/
#otherItemBox{
width:280px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:20px;
border-spacing: 0;
float:left;
}
/**************************/
#otherItemsThumb{
width:280px;
height:160px;
float:left;
}
#otherItemsThumb img{
width:280px;
height:160px;
float:left;
}
/****************************/
.otherItemTriangleOuter{
padding-top:10px;
padding-right:10px;
box-sizing: border-box;
font-size:20px;
text-align:right;
position:absolute;
float:left;
}
.otherItemTriangleInner{
width: 80px;
height: 80px;
position:relative;
float:right;
}
.otherItemTriangleInner img{
width:80px;
height:80px;
display:block;
}
/****************************/
#otherItemsText{
width:280px;
vertical-align:top;
font-weight:400;
float:left;
}
#otherItemsModel{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsDescription{
width:100%;
white-space: nowrap;
overflow: hidden;
font-weight:400;
text-overflow: ellipsis;
font-size: 14px;
float: left;
}
#otherItemsSizes{
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsGrade{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsPrice{
width:100%;
padding-bottom:10px;
font-weight:900;
font-size:14px;
float:left;
}
/****************************/
#moreHyperlinkCell{
width:100%;
float:left;
}
#moreAnchorButton{
width:100%;
padding:3%;
border:1px dashed #58595B;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:7px;
font-weight:400;
text-decoration:none;
text-align:center;
color:#58595B;
display:table;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
#otherItemsWrapper{
width: 800px;
margin-top:25px;
padding-bottom:50px;
float:left;
}
#otherItemsHeader{
width:100%;
padding-top:8px;
padding-bottom:8px;
margin-bottom:8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align:center;
font-size:19px;
float:left;
}
/**************************/
#otherItemBox{
width:380px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:20px;
border-spacing: 0;
float:left;
}
/**************************/
#otherItemsThumb{
width:380px;
height:217px;
float:left;
}
#otherItemsThumb img{
width:380px;
height:217px;
float:left;
}
/****************************/
.otherItemTriangleOuter{
padding-top:10px;
padding-right:10px;
box-sizing: border-box;
font-size:20px;
text-align:right;
position:absolute;
float:left;
}
.otherItemTriangleInner{
width: 80px;
height: 80px;
position:relative;
float:right;
}
.otherItemTriangleInner img{
width:80px;
height:80px;
display:block;
}
/****************************/
#otherItemsText{
width:380px;
vertical-align:top;
float:left;
}
#otherItemsModel{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsDescription{
width:100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsSizes{
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsGrade{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsPrice{
width:100%;
font-weight:900;
font-size:14px;
padding-bottom:10px;
float:left;
}
/****************************/
#moreHyperlinkCell{
width:100%;
float:left;
}
#moreAnchorButton{
width:100%;
padding:3%;
border:1px dashed #58595B;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:7px;
font-weight:400;
text-decoration:none;
text-align:center;
color:#58595B;
display:table;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
#otherItemsWrapper{
width: 700px;
margin-top:25px;
padding-bottom:50px;
float:left;
}
#otherItemsHeader{
width:100%;
padding-top:8px;
padding-bottom:8px;
margin-bottom:8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align:center;
font-size:19px;
float:left;
}
/**************************/
#otherItemBox{
width:330px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:20px;
border-spacing: 0;
float:left;
}
/**************************/
#otherItemsThumb{
width:330px;
height:188px;
float:left;
}
#otherItemsThumb img{
width:330px;
height:188px;
float:left;
}
/****************************/
.otherItemTriangleOuter{
padding-top:10px;
padding-right:10px;
box-sizing: border-box;
font-size:20px;
text-align:right;
position:absolute;
float:left;
}
.otherItemTriangleInner{
width: 80px;
height: 80px;
position:relative;
float:right;
}
.otherItemTriangleInner img{
width:80px;
height:80px;
display:block;
}
/****************************/
#otherItemsText{
width:330px;
vertical-align:top;
float:left;
}
#otherItemsModel{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsDescription{
width:100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsSizes{
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsGrade{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsPrice{
width:100%;
padding-bottom:10px;
font-weight:900;
font-size:14px;
float:left;
}
/****************************/
#moreHyperlinkCell{
width:100%;
float:left;
}
#moreAnchorButton{
width:100%;
padding:3%;
border:1px dashed #58595B;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:7px;
font-weight:400;
text-decoration:none;
text-align:center;
color:#58595B;
display:table;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
#otherItemsWrapper{
width: 100%;
margin-top:25px;
padding-bottom:50px;
float:left;
}
#otherItemsHeader{
width:100%;
padding-top:8px;
padding-bottom:8px;
margin-bottom:8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align:center;
font-size:19px;
float:left;
}
/**************************/
#otherItemBox{
width: 94%;
margin-left:3%;
margin-right:3%;
border-spacing: 0;
float:left;
}
/**************************/
#otherItemsThumb{
width:100%;
float:left;
}
#otherItemsThumb img{
width:100%;
}
/****************************/
.otherItemTriangleOuter{
padding-top:10px;
padding-right:10px;
box-sizing: border-box;
font-size:20px;
text-align:right;
position:absolute;
float:left;
}
.otherItemTriangleInner{
width: 80px;
height: 80px;
position:relative;
float:right;
}
.otherItemTriangleInner img{
width:80px;
height:80px;
display:block;
}
/****************************/
#otherItemsText{
width:100%;
vertical-align:top;
float:left;
}
#otherItemsModel{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsDescription{
width:100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsSizes{
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsGrade{
width:100%;
font-weight:400;
font-size: 14px;
float: left;
}
#otherItemsPrice{
width:100%;
font-weight:900;
font-size:14px;
padding-bottom:10px;
float:left;
}
/****************************/
#moreHyperlinkCell{
width:100%;
float:left;
}
#moreAnchorButton{
width:100%;
padding:3%;
border:1px dashed #58595B;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:7px;
font-weight:400;
text-decoration:none;
text-align:center;
color:#58595B;
display:table;
}
}/**@media**/
/*****************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
.abacusPanelTableWrapper{
width: 100%;
float: left;
}
.abacusPanelTableWrapper table{
margin:0 auto;
margin-top: 20px;
font-size:16px;
color:#58595B;
background:#dcdcdc;
display:table;
}
.abacusPanelTableWrapper table th, .abacusPanelTableWrapper table td{
padding-right:30px;
white-space: nowrap;
text-align: left;
font-size:12px;
}
/*****************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 1219px){
.abacusPanelTableWrapper{
display:none;
}
}/**@media**/