/* ------------------------------
// Social Slides for OpenCart
// By Best-Byte
// www.best-byte.com
// ------------------------------ */
img, a { border: 0; }
#on {visibility:visible;}
#on1 {visibility:visible;}
#on2 {visibility:visible;}
#on3 {visibility:visible;}
#on4 {visibility:visible;}
#on5 {visibility:visible;}
#off {visibility:hidden;}
#off1 {visibility:hidden;}
#off2 {visibility:hidden;}
#off3 {visibility:hidden;}
#off4 {visibility:hidden;}
#off5 {visibility:hidden;}
#facebook_div {width:296px;height: 345px;overflow: hidden;}
#twitter_div {width:246px;height: 353px;overflow: hidden;}
#google_plus_div {width:316px;height: 108px;overflow: hidden;}
#pinterest_div {width:200px;height: 105px;overflow: hidden;}
#youtube_div {width:275px;height: 100px;overflow: hidden;}
#linkedin_div {width:125px;height: 97px;overflow: hidden;}

/* [+ab] Icon Containers */
#outer_right {z-index: 10005;position: fixed;}
#outer_left {z-index: 10005;position: fixed;}

/* Right side style */
#facebook_right {z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:296px;height: 345px;position: fixed;right: -300px;}
#facebook_right img {position: absolute;top: -2px;left: -50px;width: 50px;}
#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-2px;top:-3px;}
#twitter_right {z-index: 10004;border:2px solid #6CC5FF;background-color: #6CC5FF;width:246px;height: 353px;position: fixed;right: -250px;}
#twitter_right_img {position: absolute;top: -2px;left: -50px;border: 0;width: 50px;}
#google_plus_right {z-index: 10003;background-color: #222;border:2px solid #222;border-top:2px solid #222;border-bottom: 0;border-right:hidden;border-left: hidden;width:316px;height: 108px;position: fixed;right: -316px;}
#google_plus_right_img {position: absolute;top: -2px;left: -47px;border: 0;width: 50px;}
#pinterest_right {z-index: 10002;background-color: #fff;border:2px solid #c31c27;border-top:2px solid #c31c27;border-bottom:2px solid #c31c27;border-right:2px solid #c31c27;border-left:2px solid #c31c27;width:200px;height: 105px;position: fixed;right: -205px;}
#pinterest_right_img {position: absolute;top: -2px;left: -50px;border: 0;width: 50px;}
#youtube_right {z-index: 10001;background-color: #fff;border:2px solid #222;border-top:2px solid #222;border-bottom: 2px solid #222;border-right:2px solid #222;border-left: 2px solid #222;width:275px;height: 100px;position: fixed;right: -279px;}
#youtube_right_img {position: absolute;top: -2px;left: -50px;border: 0;width: 50px;}
#linkedin_right {z-index: 10000;background-color: #fefefe;border:2px solid #4f85ad;border-top:2px solid #4f85ad;border-bottom: 2px solid #4f85ad;border-right:2px solid #4f85ad;border-left: 2px solid #4f85ad;width:125px;height: 97px;position: fixed;right: -130px;}
#linkedin_right_img {position: absolute;top: -2px;left: -51px;border: 0;width: 50px;}

/* Left side style */
#facebook_left {z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:296px;height: 345px;position: fixed;left: -300px;}
#facebook_left img {position: absolute;top: -2px;right: -33px;}
#facebook_left iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;right:-2px;top:-3px;}
#twitter_left {z-index: 10004;border:2px solid #6CC5FF;background-color: #6CC5FF;width:246px;height: 353px;position: fixed;left: -250px;}
#twitter_left_img {position: absolute;top: -2px;right: -34px;border: 0;}
#google_plus_left {z-index: 10003;background-color: #222;border:2px solid #222;border-top:2px solid #222;border-bottom: 0;border-right:hidden;border-left: hidden;width:316px;height: 108px;position: fixed;left: -316px;}
#google_plus_left_img {position: absolute;top: -2px;right: -31px;border: 0;}
#pinterest_left {z-index: 10002;background-color: #fff;border:2px solid #c31c27;border-top:2px solid #c31c27;border-bottom:2px solid #c31c27;border-right:2px solid #c31c27;border-left:2px solid #c31c27;width:200px;height: 105px;position: fixed;left: -205px;}
#pinterest_left_img {position: absolute;top: -2px;right: -34px;border: 0;}
#youtube_left {z-index: 10001;background-color: #fff;border:2px solid #222;border-top:2px solid #222;border-bottom: 2px solid #222;border-right:2px solid #222;border-left: 2px solid #222;width:275px;height: 100px;position: fixed;left: -279px;}
#youtube_left_img {position: absolute;top: -2px;right: -34px;border: 0;}
#linkedin_left {z-index: 10000;background-color: #fefefe;border:2px solid #4f85ad;border-top:2px solid #4f85ad;border-bottom: 2px solid #4f85ad;border-right:2px solid #4f85ad;border-left: 2px solid #4f85ad;width:125px;height: 97px;position: fixed;left: -130px;}
#linkedin_left_img {position: absolute;top: -2px;right: -34px;border: 0;}


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

    #outer_right {
        margin-top: -120px;
    }
    
    #outer_right img {
    	width: 40px;
    }

}

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

    #outer_right img {
        width: 30px;
    }

}