
#page-wrapper #page .banner-img img { display:inherit; width:inherit;}
#trends .espot-3, #page-wrapper #page .banner-img { margin-bottom: 0px;}

figure {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

/*  EXP ============================================================================ */

a.exp-header-CTA  span { background: url(../images/exp_RB_SolidGold_cta.png) top right no-repeat; }
a.exp-header-CTA:hover span { background-position: top right; color:#ff861c !important;}
a.exp-header-CTA:hover {color:#9b824d !important;}

.exp-oo-cheatsheet  {background: #fff; }
.exp-row h2 {line-height: 28px;}

.exp-oo-cheatBanner {background: #866f51 ; position:relative; text-align:right; margin-bottom:25px;}
.exp-oo-cheatBanner h1, .exp-oo-cheatBanner h5 { color:#fff; }
.exp-oo-cheatBanner h5  {margin-bottom: 0px !important; width: 520px; font-size:24px; line-height: 30px; font-family: "brandon_medium", Helvetica, Arial,sans-serif;  font-weight:normal; }
.exp-oo-cheatBanner header { padding: 0px 0px 5% 3%;  position:absolute; left: 20px; top: 0px; text-align:left; width:auto !important; top: 50%;
transform: translateY( -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);}
.exp-oo-cheatBanner .exp-oo-cheat-logo-img { margin-bottom: 20px;}
.exp-oo-cheatBanner .exp-oo-cheat-background-img { width: 100% !important;}
.exp-oo-cheatBanner .exp-oo-cheat-header-img { width: auto !important; position:absolute; bottom: 20px; right: 20px; z-index: 2;}

.exp-oo-cheat-row {padding: 0px 0px 35px; background:#fff; margin-bottom: 35px; width: 98%; padding-right:2%; background: url(../images/Oakley_OO_Cheat_div-line.png) bottom left no-repeat;}
.exp-oo-cheat-row .exp-col-3 .exp-section {border-right: #e0e0de solid 1px; margin-right: 1px ; position:relative; }
.exp-oo-cheat-row .exp-col-3:nth-child(4) .exp-section { border-right: none;}
.exp-oo-cheat-row .exp-col-3:first-child, .exp-oo-cheat-row .exp-col-3:last-child { border:none;}

.exp-oo-cheat-row .exp-section .exp-create-rollover img.slider-main-img {display: block !important;}
.exp-oo-cheat-row .exp-section .exp-create-rollover img.slider-main-img-rollover {display: none  !important;}

.exp-oo-cheat-row .exp-section .exp-create-rollover:hover img.slider-main-img {display: none  !important;}
.exp-oo-cheat-row .exp-section .exp-create-rollover:hover img.slider-main-img-rollover {display: block  !important;}


.exp-oo-cheatsheet  .exp-col-3 p {margin:0; padding:0; font-size:15px !important;}
.exp-oo-cheat-info {background: #111; text-align:left;}
.exp-oo-cheat-info  img.exp-oo-polar  {position:relative; width: auto !important; float:left; right: 5px;} 
.exp-oo-cheat-info .exp-section {padding: 15% 12% !important; min-height:110px; border-right: none !important; margin: 0px !important;} 
.exp-oo-cheat-info .exp-section h2, .exp-oo-cheat-info .exp-section h2  a, .exp-oo-cheat-info .exp-section p {color:#fff;} 
.exp-oo-cheat-info .exp-section h2  a:hover {color:#fff !important;} 
.exp-oo-cheat-info .exp-section h2, .exp-oo-cheat-info .exp-section h2  a {font-size:27px; line-height:27px; margin-bottom:15px;}
.exp-oo-cheat-info .exp-section p {font-size:13px; line-height:16px; margin-bottom: 30px; text-transform:none;}
.exp-section img.exp-img-r { width: 99% !important; margin: 0 auto}

.exp-oo-product-style {color: #666;  font-family: "brandon_medium", Helvetica, Arial,sans-serif;  font-weight:normal; }
.exp-oo-product-price { color:#999; display:block;}
.exp-oo-product-style,
.exp-oo-product-price {font-size:15px; line-height: 24px;}
.exp-oo-product-cta { text-transform:uppercase; float:right; margin-right:20px; display:none;}
.exp-oo-cheat-row-cta { display:block; margin-top:20px; color:#fff; text-transform:uppercase; font-size:15px !important; padding-left: 0px !important;}



.exp-oo-cheatlogo  { width:97px; height:69px; background:  url(../images/Ray_Ban_CheatSheet_rb_logo.png) center right no-repeat; position: absolute; right: 0px; bottom: 10px;}


.exp-oo-cheat-cta, .exp-oo-product-cta {color:#3399cc;}

.exp-oo-products-nostars { margin-top:5px !important;}

.exp-oo-cheat-bottom  { padding:30px 0 30px; background:#121212} 
.exp-oo-cheat-bottom .exp-col-4 .exp-section {border-right: #e0e0de solid 1px; padding: 0px 10%;}
.exp-oo-cheat-bottom .exp-col-4:last-child .exp-section  {border-right:none; }
.exp-oo-cheat-bottom .exp-col-4.exp_alpha .exp-section {padding-left:40px;}
.exp-oo-cheat-bottom .exp-col-4 h2 a  {font-size:21px;}
.exp-oo-cheat-bottom .exp-col-4 p {font-size:13px; text-transform:none; margin-bottom: 10px;}
.exp-oo-cheat-bottom .exp-col-4 h2 a, .exp-oo-cheat-bottom .exp-col-4 p {color:#fff;}

img.exp-oo-cheat-P {position:relative; top: -5px; float:left; width: 25px !important}

.exp-oo-cheat-polar h2 a{ padding-left: 30px;  background:  url('../images/Ray_Ban_CheatSheet_polar2.png') top left no-repeat; background-position-y: 5px;}


.exp-oo-cheat-bottom .exp-col-4  .exp_omega {border-right: none;}
.exp-oo-cheat-bottom .exp-col-4 a.exp-oo-cheat-cta {color:#fff; text-transform:capitalize;}

img.exp-oo-polar {position:absolute; top: 20px; right: 20px; z-index:5; width: 20px !important;}



/*  Sliders ============================================================================ */

.exp-oo-cheatsheet  a.button.button-white {
    border: 2px solid #fff;
    color: #fff;
    line-height: 20px;
    margin-top: 0px;
    min-height: 15px;
    padding: 5px 18px;
    font-family: "brandon_bold",  Helvetica, Arial,sans-serif; font-weight:normal;  
}

.exp-nav { margin-top:6px; padding: 0; float:right;}
.exp-nav li {list-style:none;  display:inline-block;}
.exp-nav  a { text-decoration: none; margin: 0 6px 0 0; float:left; width:15px; height:15px; text-indent:-999px; background: url(../images/LP_RB_SolidGold_dots.png) 0 0 no-repeat;  }
.exp-nav  a.activeSlide { background-position:  -18px 0;  }

.exp-nav a:focus { outline: none; }

.exp-main-slider {height: 416 !important; width: 620 !important; overflow:hidden; }
.exp-main-slide img {height: 416px; width: 620px; }

.exp-mobile {display: none;}
.exp-desktop {display:block ;}

/*  Footer
--------------------------------------------------------------------------------*/

.exp-oo-footer {background: #dee1de url('../images/Oakley_OO_Cheat_footer-back.png') bottom center no-repeat; background-size:cover; }
.exp-oo-footer footer { padding: 50px 0px;}
.exp-oo-footer footer .exp-col-4 section {padding: 0 15%; border-right: solid 1px #ccd0be;}
.exp-oo-footer footer .exp-col-4:last-child section{ border: none !important;}
.exp-oo-footer h2 { margin-bottom: 5px; color:#333; font-size: 20px;}
.exp-oo-footer p {color:#666; height: 35px; text-transform:none;}
.exp-oo-footer a.black-button.bordered  {margin-top: 25px;}
.exp-oo-footer .exp-footer-polar {width:auto !important; float: left; margin-right: 5px;}




/* = @media < 1100
--------------------------------------------------------------------------------*/	
    
@media (max-width:1100px) {
	.exp-oo-cheat-info .exp-section h2, .exp-oo-cheat-info .exp-section h2 a { font-size: 24px; letter-spacing: 4px;}
}


/* = @media < 680
--------------------------------------------------------------------------------*/	
    
@media (max-width:680px) {
	/*  EXP ============================================================================ */

a.exp-header-CTA  span { background: url(../images/exp_RB_SolidGold_cta.png) top right no-repeat; }
a.exp-header-CTA:hover span { background-position: top right; color:#ff861c !important;}
a.exp-header-CTA:hover {color:#9b824d !important;}

.exp-oo-cheatsheet  {background: #fff; }
.exp-oo-cheatsheet p:before {content: normal !important;}
.exp-oo-cheat-row { width: 100%;}


.exp-oo-cheatBanner {background: #fff ;   position:relative;  background-size: auto 120%; margin-bottom:0px; }
.exp-oo-cheatBanner h1, .exp-oo-cheatBanner h5 { color:#fff; font-size: 18px; line-height:24px;}
.exp-oo-cheatBanner h1 { margin-top: 0px;}
.exp-oo-cheatBanner h5  {margin-bottom: 0px !important; text-transform: none; width: 100%;}
.exp-oo-cheatBanner header {
    left: inherit;
    position: static;
    text-align: center;
    top: inherit;
    transform: none;
-ms-transform:none;
-webkit-transform:none;
	padding: 0px  !important;
}
.exp-oo-cheatBanner .exp-oo-cheat-logo-img { margin-bottom: 10px;}
.exp-oo-cheat-logo-img {
    width: 170px;
}
.exp-oo-cheatlogo {
    background: url("../images/Ray_Ban_CheatSheet_rb_logo.png") no-repeat scroll right top / 100% auto rgba(0, 0, 0, 0);
    bottom: 10px;
    height: 69px;
    position: absolute;
    right: 0;
    width: 98px;
    z-index: 10;
}

.exp-oo-cheat-row {padding:15px 0px 20px; background:#fff; margin-bottom: 30px !important;}
.exp-oo-cheat-row .exp-col-3 {width: 50%;}
.exp-oo-cheat-row .exp-col-3:nth-child(3n) { display: none !important;}
.exp-oo-cheat-row .exp-col-3 .exp-section { padding: 0px 0% 15px; position:relative; text-align:center;  border: none;}
.exp-oo-cheat-row .exp-col-3 .exp-section p  {padding-left: 1%; margin: 0px 0px 6px !important; } 
.exp-oo-cheat-row .exp-col-3:first-child, .exp-oo-cheat-row .exp-col-3:last-child { border:none;}

.exp-oo-cheat-info { width: 100% !important; background: #fff;}
.exp-oo-cheat-info .exp-section {padding: 5% 3% !important; } 
.exp-oo-cheat-info .exp-section h2, .exp-oo-cheat-info .exp-section h2  a, .exp-oo-cheat-info .exp-section p {color:#000; text-align:center} 
.exp-oo-cheat-info .exp-section h2  a:hover {color:#000 !important;} 
.exp-oo-cheat-info .exp-section h2, .exp-oo-cheat-info .exp-section h2  a {font-size:24px; line-height:24px; width:auto; display:inline-block; margin-bottom:12px; color:#000 !important; text-align:center}
.exp-oo-cheat-info .exp-section p { margin: 0px !important; padding: 0px 5% !important; font-size: 15px;text-align:center}
.exp-oo-cheat-info img.exp-oo-polar {top: -2px;}

.exp-oo-product-style {color: #666; font-size:13px;}
.exp-oo-product-price { color:#999; font-size:13px;}
.exp-oo-product-cta { text-transform:uppercase; float:right; margin-right:20px; display:none;}
.exp-oo-cheat-row-cta { display: inline-block; margin-top:15px !important;     border: 2px solid #111;
    color: #111;
    line-height: 20px;
    margin-top: 0px;
    min-height: 15px;
    padding: 5px 18px;
    font-size:12px !important;
    }

.exp-oo-footer a.black-button.bordered  {margin-top: 10px; display:inline-block;}
.exp-oo-footer footer { padding:  0px;}

.exp-oo-cheatlogo  {background: url(../images/Ray_Ban_CheatSheet_rb_logo.png) top right no-repeat; background-size: 100%; width:98px; height: 69px; position:absolute; right: 0px; bottom: 10px; z-index:10;}

.exp-oo-cheat-cta, .exp-oo-product-cta {color:#3399cc; font-size: 15px; text-transform:uppercase;}

.exp-oo-cheat-bottom  { padding:0px; background:#121212} 
.exp-oo-cheat-bottom .exp-col .exp-section {padding: 30px 10%; text-align:center;}
.exp-oo-cheat-bottom .exp-col:last-child .exp-section  {border-right:none; }
.exp-oo-cheat-bottom .exp-col h2 a  {font-size:21px;}
.exp-oo-cheat-bottom .exp-col p {font-size:13px; color:#fff;}
.exp-oo-cheat-bottom .exp-col h2 a, .exp-oo-cheat-bottom .exp-col-4 p {color:#fff;}

.exp-oo-cheat-P {position:relative; top: -5px; }

.exp-oo-cheat-polar h2 a{ background-position-y: 0px; line-height: 30px !important;}

.exp-oo-cheat-bottom .exp-col-4  .exp_omega {border-right: none;}
.exp-oo-cheat-bottom .exp-col-4 a.exp-oo-cheat-cta {  color: #3399cc;font-size: 15px;  text-transform: uppercase;}

.exp-oo-polar {position:absolute; top: 30px; right: 35px; z-index:5; width: 20px;}

a.exp-main-cta i:before { top: 0px;}

.exp-oo-cheatsheet a.button.button-white {
    border: 2px solid #111;
    color: #111;
    display: inline-block;
    font-size: 12px !important;
    line-height: 24px;
    margin-top: 15px !important;
    min-height: 15px;
    padding: 5px 18px;
    width: inherit;
}

.exp-oo-cheat-bottom  .exp-col-4 {width:100%; text-align:center; border: none;}

.exp-oo-cheat-polarh2 a {
    padding-left: 28px;
}

.exp-oo-cheatsheet p::before {  content: normal !important;}
img.exp-oo-cheat-P {display: none;}
.exp-oo-cheat-bottom .exp-col-4 .exp-section { border: none;}

figure {
	margin:0px !important;
	padding: 0px !important;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px !important;
  -webkit-margin-end: 0px !important;
}


/* = SGH changes
--------------------------------------------------------------------------------*/	

.catalog-sortby-pagination { display:none;}

.exp-oo-cheatBanner .exp-col-5 {width: 35%;}
.exp-desktop {display:none !important;}
.exp-mobile {display:block !important;}

}

/* = @media < 480
--------------------------------------------------------------------------------*/	
    
@media (max-width:480px) {
	/*.exp-row { width: 680px;}*/
	.exp-oo-cheatBanner .exp-col-6{width:60%;}
	.exp-oo-cheatBanner header { padding: 8% 6%;}
	.exp-oo-cheatBanner { background-position:top right -150px; background-size: auto 85%;}
	.exp-oo-cheatlogo { width: 70px; height: 49px;}
	.exp-oo-cheat-row .exp-col-3,
	.exp-col-4 {width: 100%;}
	.exp-oo-footer footer .exp-col-4 section {padding-top: 40px; padding-bottom: 40px;  border-bottom: solid 1px #ccd0be;  border-right: none;}
	img.exp-oo-polar {top: 40px;}
}






