/*	================================================== //
 * 
 * 		----
 * 
 * 		SUNSET MOULDINGS --
 * 		© 2015 - Alonzi Design
 * 
 *		----
 * 
 * 	================================================== // 	
 */
/* CSS RESET 	--- */
html, body, div, span, applet,
object, iframe,h1, h2, h3, h4,
h5, h6, p, blockquote, pre,a,
abbr, acronym, address, big,
cite, code,del, dfn, em, img,
ins, kbd, q, s, samp,small, strike,
strong, sub, tt, var,b, u, i,
center,dl, dt, sup, dd, ol, ul, li,fieldset,
form, label, legend,caption,
article, aside,
canvas, details, embed, figure,
figcaption, footer, header, hgroup,
menu, nav, output, ruby, section,
summary,time, mark, audio,
video,
table, td, tr, tbody {
	margin: 0;	padding: 0;	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup { vertical-align: top; font-size:9px; position: relative; top: -0.2em; }

/* ===================================================== */

/* INSTALL FONTS	--- */

/* ===================================================== */

@font-face {
    font-family: IsadoraStd-Bold;
    src: url('/template/sunset-mouldings/font/isadora/IsadoraStd-Bold.otf');
    /*
    src: url('/template/paramount/lb/font/helvetica-light/helvetica-light.eot?#iefix') format('embedded-opentype'),
         url('/template/paramount/lb/font/helvetica-light/helvetica-light.woff') format('woff'),
         url('/template/paramount/lb/font/helvetica-light/helvetica-light.ttf') format('truetype'),
         url('/template/paramount/lb/font/helvetica-light/helvetica-light.svg#source_sans_proregular') format('svg');
    */
    font-weight: 700;
    font-style: normal;
}


/* ===================================================== */

/* SCROLL BAR	--- */

/* ===================================================== */
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background-color:#FFF;
}
::-webkit-scrollbar-thumb {
    background:rgba(0,0,0,0.2) url('/template/sunset-mouldings/img/SM-Scrollbar-Arrows.png') no-repeat center center;
    border-radius:5px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}
/* ===================================================== */

/* WEBSITE STYLESHEET 	--- */

/* ===================================================== */
body,html {
	margin:0 auto;
	background:#CCC;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
    color:#4C4C4C;
	-webkit-font-smoothing:antialiased;
	/*-webkit-transform:translateZ(0);*/
}
strong {
    font-weight:bold;
}
.page-container {
    position:relative;
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding:1px 0;
}
header {
    margin-top:15px;
    background:#4d4d4d;
    text-align:left;
    height:95px;
    overflow-y:hidden;
}
#logo {
    float:left;
    width:200px;
}
#header-mid {
    float:left;
    width:555px;
    width:calc(100% - 400px);
    overflow-y:hidden;
    text-align:center;
}
#header-mid img {
    display:inline-block;
    margin-top:10px;
}
#header-right {
    float:right;
    width:150px;
    height:96px;
    background:transparent url('/template/sunset-mouldings/img/SM_Header-Right.png') no-repeat top right;
}
#header-right-cta {
    position:relative;
    color:#FFF;
    font-size:11px;
    line-height:16px;
    margin:30px 0 0 -95px;
}
#header-right-cta a {
    color:#FFF;
    text-decoration:none;
    font-size:11px;
    line-height:16px;
}
.header-cta {
    position:relative;
    width:100%;
    overflow-y:auto;
    padding:5px 0;
    margin-bottom:-10px;
}
.header-cta-left {
    float:left;
    width:25px;
}
.header-cta-right {
    float:right;
    width:calc(100% - 45px);
}
.header-cta input {
    width:150px!important;
    padding:2px 5px;
    margin-left:25px;
}
#search-cta {   
    margin-top:-35px;
}
#search-cta button {
    outline:none;
    text-align:center;
    background:#EFEFEF;
    color:#333;
    padding:3px 8px 2px;
    font-size:12px;
    text-decoration:none;
    border:1px #888 solid;
    box-shadow:0 2px 1px rgba(0,0,0,0.15);
    border-radius:5px;
}
    
.menu {
    background:#f29a23;
    overflow-y:auto;
}
nav {
    float:left;
    width:70%;
    text-align:left;
}
#sub-nav {
    display:none;
    background:transparent;
    overflow-y:auto;
    margin-bottom:-34px;
    z-index:25;
}
#sub-nav li:first-child {
    margin-left:90px;
}
nav ul li,
#footer-nav ul li,
#sub-nav ul li {
    float:left;
}
nav li a,
#footer-nav li a,
#sub-nav li a {
    display:block;
    text-decoration:none;
    text-transform:uppercase;
    transition:400ms;
}
nav li.selected a {
    background:#4d4d4d;
    color:#f29a23;
}
#footer-nav li.selected a {
    color:#FFF!important;
}
nav li a,
#sub-nav li a {   
    padding:10px 0 10px 25px;
    color:#000;
}
#sub-nav li a {
    padding-right:25px;
}
#sub-nav li a {
    background:#fab155;
}
#sub-nav li a:hover {
    background:#fbcb8d;
    transition:400ms;
}

nav li a:hover {
    color:#f29a23;
    background:#4d4d4d;
    transition:400ms;
}
nav li a span:after,
#footer-nav li a span:after {
    content:"  |";
}
nav li a span:after {
    color:#4d4d4d;
    padding-left:24px;
}
#footer-nav li:last-child a span:after {
    content: "";
}


#menu-block ul li {
	float: left;
	width:156px;
	height:120px;
	background:#0066A4;
	margin:0 3px;
    overflow-y:hidden;
}


#footer-nav li a span:after {
    color:#f29a23;
    padding-left:14px;
}
#mobile-nav { display:none; }
#num-info {
    float:right;
    width:25%;
    width:calc(30% - 20px);
    text-align:right;
    padding-right:8px;
}
#sample-list {
    border-left:1px rgba(255,255,255,0.25) solid;
}
#phone-num,
#sample-list {
    display:inline-block;
}
#phone-num,
#sample-list a {
    padding:10px 15px;
}
#sample-list a {
    color:#333;
    text-decoration:none;
}
#sample-list a:hover {
    color:#f29a23;
    background:#4d4d4d;
    transition:400ms;
}

.content-body {
    background:#FFF;
    padding:25px 0 0 0;
}
.products-height {
    min-height:652px;
}
.section-wrap {
    position:relative;
    width:100%;
    margin:0 auto;
    padding:1px 0;
    overflow-y:hidden!important;
}

.section-wrap h1,
.search-cat {
    font-family:"Helvetica",sans-serif;
    color: #000;
    font-size: 26px;
    margin-bottom:15px;
}
.search-cat {
    font-size:18px;
    border:1px #CCC solid;
    border-left:0;
    border-right:0;
    padding-bottom:15px;
    padding-top:15px;
    text-transform:uppercase;
}
.section-wrap p {
    margin:15px 0;
}

footer {
    position:relative;
    background:#4d4d4d;
    padding:10px 0;
    color:#f29a23;
    overflow-y:auto;
    margin-bottom:15px;
}
#footer-left {
    float:left;
    width:350px;
    padding:10px 0 0 25px;
}
#footer-nav {
    float:left;
    width:calc(100% - 495px);
}
#footer-nav li a {
    color:#f29a23;
     padding:10px 0 10px 15px;
}
#footer-nav li a:hover {
    color:#FFF;
}

#social-nav {
    float:right;
    width:120px;
    margin-top:5px;
}
#social-nav ul li {
    float:left;
}
#social-nav ul li:first-child {
    color:#FFF;
    margin:6px 10px 0 0;
    font-size:11px;
}
#social-nav ul li a {
    display:block;
}
#social-nav ul li a img {
    padding:5px 7px;
    /*background:rgba(0,0,0,0.45);*/
    margin:0 1px;
    opacity:0.75;
}
#social-nav ul li:nth-child(2) a img {
    background:#C92228;
}
#social-nav ul li:nth-child(3) a img {
    background:#3b5998;
}
#social-nav ul li a img:hover {
    opacity:1;
    transition:400ms;
}


/* HOMEPAGE     --- */
#hp-content,
#nf-content {
    position:relative;
    width:98%;
    padding-bottom:15px;
    min-height:450px;
    margin:0 auto;
    overflow-y:auto;
}
#hp-left {
    float:right;
    width:643px;
}
#slideshow,
#active-slide,
#nxt-slide {
    position:relative;
    width:100%;
    border-radius:5px;
    min-height:346px;
    overflow-y:auto;
    background-size:cover;
    overflow-x:hidden;
}
#active-slide {
    z-index:2;
}
#nxt-slide {
    margin-top:-346px;
    z-index:1;
}
#slideshow-data {
    display:none;
}
#slide-indicators {
    position:relative;
    overflow-y:auto;
    width:100%;
    margin-top:-25px!important;
    padding:1px 0;
    z-index:200;
    text-align:center;
}
.slide-ind {
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:50%;
    margin:0 5px;
    border:1px rgba(255,255,255,0.75) solid;
}
.slide-ind.selected {
    background:rgba(255,255,255,0.55);
}
.slide-tag,
.slide-title_top,
.slide-title_bottom {
    position:absolute;
    opacity:0;
}
#hp-right {
    float:right;
    width:400px;
    margin-right:2%;
    text-align:right;
}
#hp-right h2 {
    
    font-family: IsadoraStd-Bold, "Helvetica Neue", Arial;
    color: #000;
    width:80%;
    font-size: 40px;
    text-align: right;
    margin: 5px 0 0 20%;
}
#hp-right p {
    font-size:10px;
    line-height:14px;
    margin-bottom:10px;
}

/* INNER PAGE     --- */
.content-wrapper {
    position:relative;
    width:100%;
    margin:15px 0 0 0;
}
.content-wrapper a {
    color:#222;
}
.content-left {
    float:right;
    width:25%;
}
.content-left img {
    position:relative;
    margin:0 auto;
    width:80%;
}
.content-right {
    float:right;
    width:73%;
}
#content-right-info,
#content-right-image {
    vertical-align:top;
}
#content-right-info {
    display:inline-block;
    width:55%;
}
/*
#content-right-image {
    display:inline-block;
    width:40%;
    margin-left:3%;
}*/
#content-right-image {
    position:absolute;
    right:0;
    top:100%;
    margin-top:5px;
    width:300px;
}
#content-right-image img {
    position:relative;
    width:100%;
}

/* FORM STYLES     --- */
.form-wrap {
    position:relative;
    width:200px;
    margin:15px 0;
    background:#EFEFEF;
    border:1px #999 solid;
    border-radius:5px;
    box-shadow:0 2px 1px rgba(0,0,0,0.15);
}
.form-title {
    position:relative;
    width:95%;
    width:calc(100% - 30px);
    padding:10px 15px;
    margin:-1px 0 0 -1px;
    color:#FFF;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border:1px #999 solid;
    background:#4d4d4d;
}
.form-content {
    position:relative;
    width:100%;
}
.form-content-inner {
    position:relative;
    width:90%;
    margin:15px auto;
    color:#000;
    font-weight:bold;
    font-size:11px;
}
input,
textarea,
select {
    position:relative;
    width:90%!important;
    width:calc(100% - 14px);
    padding:5px 7px;
    border-radius:3px;
    outline:none;
    border:1px #666 solid;
    margin:5px 0;
}
.content-left .form-wrap {
    margin-left:auto;
    margin-right:auto;
}
.form-submit a {
    display:block;
    width:100%;
    text-align:center;
    text-decoration:none;
    color:#FFF;
    font-weight:bold;
    padding:10px 0;
    background:#4d4d4d;
    border-radius:3px;
    box-shadow:0 2px 1px rgba(0,0,0,0.15);
}
.err-message,
#err-frame {
    position:relative;
    display:none;
    width:100%;
    width:calc(100% - 20px);
    background:#FFF;
    box-shadow:0 2px 1px rgba(0,0,0,0.15);
    padding:10px;
    margin:10px 0;
    font-size:11px;
    line-height:14px;
}
#err-frame ul li,
#err-frame-bam ul li {
    margin:5px 0 5px 15px;
    padding-left:15px;
    border-left:1px #AAA solid;
}
.err-text {
    position:relative;
    width:100%;
    border:1px #FF0000 dotted;
    box-sizing:border-box;
    padding:10px;
    font-style:normal;
}
.err-text a {
    color:#f29a23;
    text-decoration:none;
}
.catalogue-wrapper {
    padding-bottom:15px;
    overflow-y:auto;
}
.catalog-img {
    text-align:center;
    font-size:11px;
}

/* PRODUCTS PAGE     --- */
.search-field {
    position:relative;
    width:100%;
    display:block;
    padding:5px 0;
}
.products-wrapper {
    position:relative;
    width:100%;
    /*min-height:650px;*/
    overflow-y:auto;
}
.products-left {
    position:fixed;
    top:200px;
    left:50%;
    margin-left:-530px;
    z-index:15;
}
.products-list {
    float:right;
    width:72%;
    margin-right:3%;
    max-height:556px;
    margin-bottom:94px;
    overflow-y:auto;
}
.profile-row {
    position:relative;
    width:96%;
    overflow-y:auto;
    padding:15px 0;
    border-bottom:1px #DDD solid;
    margin:15px 0;
}
.profile-img {
    float:left;
    width:15%;
}
.profile-img img {
    position:relative;
    margin:0 auto;
    max-width:80%;
}
.profile-items {
    float:right;
    width:80%;
}
.prod-item {
    display:inline-block;
    vertical-align:top;
    text-align:center;
    width:60px;
    margin:10px 15px;
}
.prod-item a {
    text-decoration:none;
    color:#999;
    font-size:9px;
}

.prod-item-wrapper {
    position:relative;
    width:98%;
    margin-left:2%;
    padding-bottom:15px;
    overflow-y:hidden;
}
.prod-item-info {
    float:left;
    width:55%;
    padding-bottom:15px;
}
.prod-item-info.feat-prod {
    width:70%;
}
.prod-item-image {
    float:right;
    width:40%;
}
.prod-item-image.feat-prod {
    width:25%;
}
.prod-item-image img {
    position:relative;
    max-width:100%;
    margin-top:25px;
}

.prod-item-title {
    position:relative;
    width:100%;
    border-top:1px #DDD solid;
    border-bottom:1px #DDD solid;
    padding:15px 0;
    font-size:16px;
    text-transform:uppercase;
    margin-bottom:15px;
}
.prod-item-title strong {
    font-weight:bold;
}
.prod-item-frame {
    position:relative;
    width:100%;
    background:rgba(0,0,0,0.1);
   /* background:#EFEFEF url('/content/images/assets/products-bg_wood.jpg') repeat center center; */
    border-radius:5px;
    border:1px #999 solid;
    box-shadow:0 2px 1px rgba(0,0,0,0.15);
    box-sizing:border-box;
    overflow-y:auto;
    padding:2px 0;
}
.prod-item-frame-dimensions {
    position:relative;
    width:90%;
    margin:0 auto;
    padding:1px 0;
    text-align:center
}
.prod-item-frame-dimensions img {
    display:inline-block;
    max-width:70%;
}
.img-measurement {
    margin:0 25px 0 0;
}
.prod-item-frame-info {
    display:inline-block;
    width:90%;
    margin:15px auto;
    text-align:center;
}
.prod-item-image-title {
    position:relative;
    margin-top:45px;
    width:50%;
    font-family:'Myriad Pro';
    font-size:28px;
}
.prod-btn {
    position:relative;
    width:40%;
    padding-bottom:25px;
}
.prod-btn a,
.pst-right a,
#sample-email a {
    display:block;
    text-align:center;
    background:#EFEFEF;
    color:#333;
    margin:15px 0 25px;
    padding:10px 0;
    font-size:12px;
    text-decoration:none;
    border:1px #888 solid;
    box-shadow:0 2px 1px rgba(0,0,0,0.15);
    border-radius:5px;
}
.prod-btn a {
    background:#4d4d4d;
    color:#FFF;
    font-weight:bold;
    text-transform:uppercase;
    text-shadow:0 2px 3px #000;
}
.prod-btn a span,
.prod-col-info a span {
    color:#FF9400!important;
    text-shadow:0 2px 3px #000;
}
.prod-col-info a span.mobile-arr {
   display:none;
}

.pst-right a {
    width:150px;
    margin:0;
}

#prod-item-frame-left {
    float:left;
    display:block;
    width:60%;
    margin-left:5%;
}
#prod-side-img {
    position:absolute;
    left:100%;
    top:100%;
    width:400px;
    margin:-560px 0 0 -450px;
}
#prod-side-img img {
    max-width:100%;
}
#product-img {
    float:left;
    margin:95px 0 0 25px;
}
#products-feat-img {
    margin-top:60px;
}

.img-display {
    vertical-align:top;
    max-width:100%;
}


.prod-col {
    display:inline-block;
    width:30%;
    vertical-align:top;
    margin:10px 1%;
    text-align:left;
}
.prod-col-info-title,
.prod-col-info {
    font-size:14px;
}
.prod-col-info {
    margin:3px 0;
    font-weight:bold;
}
.prod-col-info a,
.fppi-num-cta a,
.fppi-num-left a {
    display:block;
    width:80%;
    margin:3px 0;
    font-size:11px;
    text-align:center;
    text-decoration:none;
    color:#FFF;
    font-weight:bold;
    padding:10px 0;
    background:#4d4d4d;
    border-radius:3px;
    box-shadow:0 2px 1px rgba(0,0,0,0.15);
}
.fppi-num-left a {
    padding:5px 0;
    width:100%;
}
.list-added {
    position:relative;
    width:100%;
    overflow-y:auto;
    padding:3px 0;
}
.sample-list {
    float:right;
    width:200px;
}
.list-added-ico,
.list-added-txt {
    display:inline-block;
    vertical-align:middle;
}
.list-added-ico {
    width:35px;
    margin-right:5px;
}
.list-added-ico img {
    width:100%;
}
.list-added-txt {
    width:80%;
    width:calc(100% - 60px);
    font-size:12px;
}
.prod-sample {
    width:60%;
}
.prod-cta {
    width:96%;
    width:calc(100% - 80px);
    padding:0 20px 0 40px;
}
.prod-cta .prod-col:first-child {
    float:left;
    width:100px;
    display:block;
}
.prod-cta .prod-sample {
    float:right;
    width:200px;
}

.featured-prod {
    display:inline-block;
    width:48%;
    margin:0 0 10px;
}

.prod-specials-text {
    position:relative;
    width:96%;
    width:calc(100% - 5px);
    padding:0 0 15px 5px;
    text-align:left;
    overflow-y:auto;
    
}
.pst-left,
.pst-right {
    display:inline-block;
    vertical-align:middle;
}
.pst-note span {
    position:relative;
    padding:10px 0 0 5px;
    font-size:10px;
    font-style:italic;
}
.pst-right {
    margin-left:10px;
}


.fp-info,
.fp-prod {
    position:relative;
    width:90%;
    margin:15px auto;
    overflow-y:auto;
    padding:2px 0;
    overflow-x:hidden;
}
.fp-info-left {
    float:left;
    width:95%;
    width:calc(100% - 25px);
    font-size:20px;
    font-weight:bold;
}
.fp-info-right {
    float:right;
    width:20px;
    font-size:18px;
    line-height:22px;
    font-weight:bold;
    overflow:hidden;
}
.fp-prod-measure {
    float:left;
    width:40%;
}
.fp-prod-measure img {
    width:100%;
    margin-top:5px;
}
.fp-prod-item {
    float:right;
    width:55%;
}
.fppi-img img,
.fppi-num {
    width:100%;
}
.fppi-num-left {
    width:80%;
    margin-left:5%;
    font-size:12px;
    line-height:18px;
}
.fppi-num-left em {
    color:#FF0000;
    text-decoration:line-through;
}
.fppi-num-left span {
    color:#235f0c;
    font-size:16px;
    font-weight:bold;
}
.fppi-num-left span.search-col {
    color:#333;
    font-weight:bold;
    font-size:18px;
}

.fppi-num-cta {
    margin:10px 0 0 15px;
    float:right;
    text-align:right;
    width:65%;
}
.prod-results {
    height:500px;
    overflow-y:auto;
}
.prod-results .featured-prod {
    width:48%;
    width:calc(50% - 8px);
    margin-left:4px;
    margin-right:-4px;
}
.prod-results .featured-prod a {
    color:#FFF;
}
.prod-results .featured-prod .fppi-num-cta  {
    margin-left:-45px;
}


#prod-featured-frame,
#prod-featured-frame-special {
    position:relative;
    width:100%;
    overflow-x:auto;
    padding:1px 0;
}
#prod-featured-frame {
    min-height:80px;
}
#prod-featured-frame::-webkit-scrollbar-thumb,
#prod-featured-frame-special::-webkit-scrollbar-thumb {
    width:50px!important;
    background:rgba(0,0,0,0.2) url('/template/sunset-mouldings/img/SM-Scrollbar-Arrows_horizontal.png') no-repeat center center!important;
}

#prod-featured-frame tr,
#prod-featured-frame-special tr { 
	vertical-align:top;
}
#prod-featured-frame td,
#prod-featured-frame-special td {
    padding-right:15px;
}
#prod-featured-frame .featured-prod,
#prod-featured-frame-special .featured-prod {
    vertical-align:top;
    margin:10px 0;
}
#prod-featured-frame .featured-prod {   
    width:300px!important;
}
#prod-featured-frame-special .featured-prod {
    width:48%;
    width:calc(50% - 8px);
    margin-left:4px;
    margin-right:-4px;
    margin-top:10px;
}
#prod-featured-frame td:last-child,
#prod-featured-frame-special td:last-child {
    padding-right:1px;
}

#login-frame,
#upload-frame {
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: rgba(0,0,0,0.55); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(125,125,125,0.05) 0%, rgba(14,14,14,0.95) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(125,125,125,0.05)), color-stop(100%,rgba(14,14,14,0.95))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(125,125,125,0.05) 0%,rgba(14,14,14,0.95) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(125,125,125,0.05) 0%,rgba(14,14,14,0.95) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(125,125,125,0.05) 0%,rgba(14,14,14,0.95) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(125,125,125,0.05) 0%,rgba(14,14,14,0.95) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(125,125,125,0.05)', endColorstr='rgba(14,14,14,0.95)',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    overflow-y:auto;
    z-index:30;
}
#login-close,
#upload-close {
    position:fixed;
    top:15px;
    right:0;
    margin:0 25px 0 0;
}
#login-close a,
#upload-close a {
    text-transform:uppercase;
    color:#FFF;
    font-size:26px;
    text-decoration:none;
    padding:7px 10px;
    background:rgba(0,0,0,0.35);
}
#login-frame-inner,
#upload-frame-inner {
    position:relative;
    width:1003px;
    margin:100px auto 50px;
    background:rgba(255,255,255,0.65);;
    border:1px #999 solid;
    box-shadow:0 2px 1px rgba(0,0,0,0.1);
    padding:35px 35px 45px 35px;
    overflow-y:auto;
}
#login-frame-left {
    float:left;
    width:25%;
}
#login-frame-right {
    float:right;
    width:70%;
}
#sign-up_frame,
.success-frame {
    position:relative;
    width:100%;
    background:#FFF;
    padding-bottom:1px;
    margin-top:15px;
    overflow-y:auto;
    border:1px #999 solid;
    box-shadow:0 2px 1px rgba(0,0,0,0.15);
}
.success-frame {
    text-align:center;
}
.success-frame img {
    position:relative;
    margin:15px auto!important;
}
.success-txt {
    position:relative;
    padding:0 15px;
    margin-bottom:25px;
    font-size:14px;
    text-align:center;
}
.verify-frame {
    height:450px;
}
.verify-frame a {
    color:#333;
}
#su_frame-left {
    float:left;
    width:25%;
}
#su_frame-right {
    float:right;
    width:70%;
}
#su_frame-right img {
    position:relative;
    width:100%;
}

#su_frame-header {
    position:relative;
    width:95%;
    width:calc(100% - 30px);
    padding:10px 15px;
    color:#FFF;
    background:#4d4d4d;
}
#su_frame-content {
    position:relative;
    width:90%;
    margin:15px auto;
}
#su_frame-left p {
    padding:0 0 15px 0;
    line-height:16px;
}
#su_frame-left a {
    display:block;
    width:150px;
    margin:3px 0;
    font-size:12px;
    text-align:center;
    text-decoration:none;
    color:#FFF;
    font-weight:bold;
    padding:10px 0;
    background:#4d4d4d;
    border-radius:3px;
    box-shadow:0 2px 1px rgba(0,0,0,0.15);
}

#login-frame-inner .form-wrap {
    position:relative;
    width:100%;
}

.form-submit.login-form a {
    display:inline-block;
    width:45%;
}
.form-submit.login-form a:first-child {   
    margin-right:5%;
}



#signup-frame {
    position:absolute;
    top:15px;
    left:50%;
    width:600px;
    margin:0 0 50px -325px;
    background:rgba(255,255,255,0.65);;
    border:1px #999 solid;
    box-shadow:0 2px 1px rgba(0,0,0,0.1);
    padding:15px 25px 25px 25px;
    overflow-y:auto;
    z-index:1500;
}
#signup_form {
    position:relative;
    width:100%;
}

.split-form,
.split-form-three {
    position:relative;
    display:block;
    width:100%;
    margin:10px 0;
}
.split-form.form-full {
    margin-left:1%;
}
.split-form.form-full input {
    width:92%!important;
}
.split-form .sf-col {
    display:inline-block;
    width:47%;
    margin:0 1%;
}
.split-form-three .sf-col {
    display:inline-block;
    width:30%;
    margin:0 1%;
}
.form-full sup,
.sf-col sup {
    color:#ff0000;
    font-weight:bold;
}
.loading {
    position:relative;
    width:64px;
    height:64px;
    opacity:0.65;
    margin:20% auto;
}


/* --- LOCK ICON: STYLES        ---- */
.icon-lock {
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
  margin-left: 25px;
}

.icon-lock .lock-top-1 {
  width: 40%;
  height: 40%;
  position: absolute;
  left: 50%;
  margin-left: -20%;
  top: 14%;
  background-color:#4d4d4d;
  border-radius: 40%;
}

.icon-lock .lock-top-2 {
  width: 24%;
  height: 40%;
  position: absolute;
  left: 50%;
  margin-left: -12%;
  top: 22%;
  background-color:#4d4d4d;
  border-radius: 25%;
}

.icon-lock .lock-body {
  width: 60%;
  height: 48%;
  position: absolute;
  left: 50%;
  margin-left: -30%;
  bottom: 11%;
  background-color: #4d4d4d;
  border-radius: 15%;
}

.icon-lock .lock-hole {
  width: 16%;
  height: 16%;
  position: absolute;
  left: 50%;
  margin-left: -8%;
  top: 51%;
  border-radius: 100%;
  background-color:#4d4d4d;
}

.icon-lock .lock-hole:after {
  content: "";
  width: 43%;
  height: 78%;
  position: absolute;
  left: 50%;
  margin-left: -20%;
  top: 100%;
  background-color: inherit;
}



/* --- MAIL ICON: STYLES        ---- */
.icon-paperclip {
    float:left;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
  margin-left: 25px;
  margin-bottom: 25px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.icon-paperclip .paperclip-1 {
  width: 80%;
  height: 40%;
  background-color: #000;
  border-radius: 20px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 25px;
  position: absolute;
  top: 28%;
  right: 10%;  
}

.icon-paperclip .paperclip-2 {
  width: 80%;
  height: 72%;
  background-color: #4d4d4d;
  border-radius: 0%;
  position: absolute;
  left: 8%;
  border-radius: 10px;
  top: 14.5%;
}

.icon-paperclip .paperclip-2:before {
  content: "";
  width: 25%;
  height: 120%;
  background-color: inherit;
  position: absolute;
  left: 90%;
  top: 18%;
  border-radius: 100%;
}

.icon-paperclip .paperclip-2:after {
  content: "";
  width: 50%;
  height: 50%;
  background-color: inherit;
  position: absolute;
  left: 85%;
  top: 86%;
}

.icon-paperclip .paperclip-3 {
  width: 102%;
  height: 70%;
  background-color: #4d4d4d;
  border-radius: 25px;
  border-top-right-radius: 15px;
  position: absolute;
  top: 16%;
  right: -14.8%;
}

.icon-paperclip .paperclip-4 {
  width: 81%;
  height: 40%;
  background-color: #4d4d4d;
  border-radius: 65px;
  border-bottom-right-radius: 145px;
  position: absolute;
  left: 10%;
  top: 30%;
}

.icon-paperclip .paperclip-4:after {
  content: "";
  width: 23%;
  height: 225%;
  background-color: inherit;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 4px;

  position: absolute;
  right: 0;
  top: -132%;
}

#mobile-nav-frame {
    display:none;
}

/* ===================================================== */

/* SAMPLE LIST	--- */

/* ===================================================== */
.sample-list-item {
    position:relative;
    width:100%;
    padding:35px 0;
    border-bottom:1px #CCC solid;
    overflow-y:auto;
}
.sample-list-item:hover {
    background:#F6F6F6;
    transition:400ms;
}
.sample-list-left {
    float:left;
    width:40%;
    margin-left:5%;
}
.sample-list-right {
    float:right;
    text-align:right;
    margin-right:5%;
}
.sample-list-code {   
    font-size:18px;
    width:120px;
    border-right:1px #CCC solid;
}
.sample-list-code,
.sample-list-image {
    display:inline-block;
    vertical-align:middle;
}
.sample-list-image {
    width:100px;
    margin-left:15px;
}
.sample-list-image img {
    width:100%;
}
.sample-list-delete {
    display:inline-block;
    vertical-align:middle;
    padding-top:15px;
}
.sample-list-delete a {
    color:#FF0000;
    text-decoration:none;
}

#sample-email {
    position:relative;
    width:100%;
    padding:5px 0;
    text-align:right;
}
#sample-email a {
    display:inline-block;
    width:150px;
}

#email-status {
    display:none;
}

/* ===================================================== */

/* UPLOAD DRAWINGS FORM	--- */

/* ===================================================== */
#upload-form {
    position:relative;
    width:100%;
}
#upload-form-left {
    float:left;
    width:20%;
}
#upload-form-right {
    float:right;
    width:77%;
}
#upload-form-left .form-wrap,
#upload-form-right .form-wrap {
    width:100%;
}
.form-upload-area {
    position:relative;
    width:95%;
    min-height:350px;
    margin:15px auto;
    border-radius:5px;
    background:#BBB;
    padding-bottom:35px;
    box-shadow:inset 0 3px 2px rgba(0,0,0,0.5);
}
.form-upload-area div {
    position:relative;
    width:90%;
    margin:15px auto;
    text-align:center;
    padding:25px 0 0 0;
}
.form-upload-area div a {
    float:right;
    color:#222;
    font-weight:bold;
    border:1px #666 solid;
    padding:5px 15px;
    border-radius:3px;
    margin:5px 22px 0 0!important;
    text-decoration:none;
    text-transform:uppercase;
}


#search-result {
    margin-top:25px;
}
#search-result a {
    display:block;
    padding:15px 0 15px 15px;
    font-size:16px;
    border-left:2px #333 solid;
    margin-left:15px;
    color:#333;
    text-decoration:none;
}

.fppi-num-cta a {
    color:#FFF!important;
}

/* ===================================================== */

/* LOCATIONS	--- */

/* ===================================================== */
#prov-select {
    position:relative;
    width:40%;
    margin:15px 0;
    border:1px #DEDEDE solid;
    background:#EFEFEF;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 );
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 1px rgba(0,0,0,0.03);
    padding:10px 15px;
    overflow-y:auto;
    border-radius:8px;
}
.nf-section {
    position:relative;
    width:90%;
    margin:0 auto;
}
#ps-left {
    float:left;
    width:50%;
    text-align:left;
    font-weight:bold;
    color:#333;
    text-shadow:0 1px 0 rgba(255,255,255,0.75);
    margin-top:8px;
}
#ps-right {
    float:right;
    width:25%;
}
#ps-right select {
    width:100%;
}

#locations {
    position:relative;
    width:90%;
    margin:0 auto 15px;
    text-align:left;
}

.location-title {
    position:relative;
    width:100%;
    text-align:left;
    padding:25px 0 10px;
    overflow-y:auto;
}
.location-title h2 {
    position:relative;
    font-size:26px;
    padding-bottom:5px;
    border-bottom:1px #CCC dotted;
}
.location-frame {
    position:relative;
    width:100%;
    padding:15px 0;
    border-bottom:1px #CCC dotted;
    overflow-y:auto;
}


.location {
    display:inline-block;
    width:30%;
    width:calc(32% - 10px);
    margin:10px 5px;
    padding:5px;
    text-align:left;
}
.location-info,
.location-info-header,
.location-info-footer {
    position:relative;
    width:100%;
    padding:10px 0;
    overflow-y:auto;
    
    font-size:12px;
    line-height:18px;
}
.location-info h3 {
    font-size:18px;
    font-weight:bold;
    padding-bottom:10px;
}
.lih-left {
    float:left;
    width:40%;
}
.lih-right {
    float:left;
    width:50px;
}
.lih-right img {
    width:100%;
}



/* ===================================================== */

/* MOBILE NAVIGATION FRAME	--- */

/* ===================================================== */
 #mobile-nav-frame {
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background: rgba(0,0,0,0.95); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: -moz-radial-gradient(center, ellipse cover,  rgba(125,125,125,0.55) 0%, rgba(14,14,14,0.95) 100%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(125,125,125,0.55)), color-stop(100%,rgba(14,14,14,0.95))); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(125,125,125,0.55) 0%,rgba(14,14,14,0.95) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover,  rgba(125,125,125,0.55) 0%,rgba(14,14,14,0.95) 100%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover,  rgba(125,125,125,0.55) 0%,rgba(14,14,14,0.95) 100%); /* IE10+ */
        background: radial-gradient(ellipse at center,  rgba(125,125,125,0.55) 0%,rgba(14,14,14,0.95) 100%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(125,125,125,0.05)', endColorstr='rgba(14,14,14,0.95)',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
        overflow-y:auto;
        overflow-x:hidden;
        text-align:center;
        z-index:2500;
    }
    #mobile-nav-frame ul li a {
        position:relative;
        display:block;
        width:100%;
        font-size:22px;
        text-decoration:none;
        text-transform:uppercase;
        text-shadow:0 1px 0 rgba(0,0,0,0.25);
        background:rgba(0,0,0,0.35);
        color:#FFF;
        padding:40px 0;
        border-bottom:1px rgba(255,255,255,0.15) solid;
    }
    #mobile-nav-logo {
        position:relative;
        width:100%;
        text-align:center;
        padding:25px 0;
        background:rgba(0,0,0,0.75);
    }
    #mobile-nav-logo img {
        position:relative;
        width:50%;
        max-width:200px;
    }
    #mobile-nav-close {
        position:absolute;
        top:10px;
        left:100%;
        margin-left:-25px;
        z-index:3;
    }
    #mobile-nav-close a {
        text-decoration:none;
        color:#FFF;
        font-size:20px;
    }



/* ===================================================== */

/* RESPONSIVE STYLESHEET 	--- */

/* ===================================================== */
@media only screen and (max-width:1250px){
    .page-container {
        width:1003px;
    }
    #header-mid {
        width:calc(100%-500px);
    }
    #header-mid img {
        width:455px;
        margin-top:20px;
    }
    #hp-left {
        width:55%;
    }
    #hp-right {
        width:40%;
    }
    .content-left {
        width:35%;
    }
    .content-right {
        width:60%;
    }
    .products-left {
        margin-left:-470px;
    }
    #prod-side-img {
        width:350px;
        margin:-500px 0 0 -400px;
    }
    #content-right-image {
        margin-top:20px;
    }
    .location {
        width:calc(30% - 10px);
    }
    #footer-left {
        width:250px
    }
}
@media only screen and (max-width:1080px){
     #login-frame-inner,
    #upload-frame-inner {
        width:860px;
        margin:50px auto 0;
    }
    #login-frame-left {
        width:30%;
    }
    #login-frame-right {
        width:60%;
    }
    
    
}
@media only screen and (max-width:1024px){
    .page-container {
        width:96%;
    }
    #hp-left {
        width:60%;
    }
    #hp-right {
        width:35%;
    }    
    #hp-right h2 {
        font-size: 30px;
        padding: 0 20px 0 0;
    }
    .products-left {
        margin-left:-460px;
    }
    .location-frame {
        text-align:center;
    }
    .location {
        width:calc(47% - 10px);
    }
    #prov-select {
        width:90%;
    }
    #footer-left {
        width:200px
    }
    #footer-nav {
        width:calc(100% - 400px);
    }
    
}
@media only screen and (max-width:996px){
    #header-mid {
        display:none;
    }
    
}
@media only screen and (max-width:960px){
    .menu {
        overflow-x:hidden;
    }
    nav ul {
        display:none;
    }
    nav {
        width:30px;
        padding-left:15px;
    }
    #mobile-nav {
        display:block;
        position:relative;
        width:80%;
        margin:8px auto 0;
    }
    #mobile-nav span {
        position:relative;
        width:100%;
    }
    #mobile-nav span div {
        position:relative;
        height:3px;
        margin:3px auto;
        width:100%;
        background:#4d4d4d;
    }
    #num-info {
        padding-right:15px;
    }
    #hp-right h2 {
        font-size: 20px;
        padding: 0 0 0 10px;
    }

        
    .products-height {
        min-height:450px;
    }
    
    .products-left {
        position:fixed;
        top:100%;
        left:0;
        width:96%;
        margin-top:-100px;
        margin-left:2%;
    } 
    .products-left .form-wrap {
        width:100%;
    }
    .products-left .form-content-inner {
        width:100%;
        margin-top:0;
        padding-top:0;
        margin:0;
    }
    .products-left .search-field {
        display:inline-block;
        width:18%;
        width:calc(20% - 20px);
        padding:0;
        margin:5px 8px;
    }
    .search-field select {
        padding:0;
    }
    
    .products-form {
        position:absolute;
        top:0;
        right:0;
        width:90px;
        margin:-33px 0 0 0;
    }
    .products-form a {
        background-color:#EEE;
        color:#333;
    }
    .products-list {
        float:none;
        width:96%;
        margin:0 auto 15px;
        max-height:none;
        overflow-y:auto;
    }
    
    
    .prod-item {
        width:35px;
        margin:5px 3px;
    }
    .profile-img {
        width:25%;
    }
    .profile-items {
        width:70%;
    }
    
    
    .prod-item-info {
        width:65%!important;
    }
    .prod-item-image {
        width:30%!important;
    }
    .img-measurement {
        margin:0 1% 0 0;
        height:auto;
        width:58%;
    }
    .img-display {
        margin:0 0 0 1%;
        height:auto;
        width:60%;
    }
    
    #prod-upload-btn {
        width:90%;
    }
    
    #prod-side-img {
        display:none;
    }

     #login-frame-inner,
    #upload-frame-inner {
        width:800px;
        margin:50px auto 0;
    }
    #login-frame-left {
        width:20%;
    }
    #login-frame-right {
        width:75%;
    } 
}
@media only screen and (max-width:920px){
    #footer-left {
        width:140px;
    }
    #footer-nav {
        width:calc(100% - 340px);
        margin-left:35px;
    }
}

@media only screen and (max-width: 880px){
     #login-frame-inner,
    #upload-frame-inner{
        width:96%;
        padding:15px 5px; 
    }
    #login-frame-left,
    #login-frame-right,
    #upload-form-left,
    #upload-form-right {
        float:none;
        margin:0 auto;
        position:relative;
        display:block;
        width:90%;
    }  
    #num-info {
        width:75%;
        width:calc(100% - 65px);
    }
    #phone-num,
    #sample-list {
        display:inline-block;
    }
    #phone-num {
        text-align:right!important;
        padding-left:0;
        padding-right:0;
    }
    #phone-num,
    #sample-list a {
        padding:10px 5px;
    }
    .pst-right {
        margin-top:15px;
    }
    .prod-item-frame.featured-prod {
        width:96%!important;
        width:calc(100% - 15px)!important;
    }
    .prod-results {
        max-height:auto;
        min-height:0;
        height:auto;
        overflow-y:auto;
        padding:1px 0;
    }
    .prod-results .fppi-num-cta,
    .prod-results .fppi-num-cta a {
        font-size:12px!important;
        margin-left:-25px!important;
        width:80%;
    }
    .prod-results .fppi-num-cta a {   
        padding-right:20px!important;
        padding-left:20px!important;
    }
    
}
@media only screen and (max-width:867px){
    #hp-left,
    #hp-right,
    #footer-left,
    #footer-nav,
    #social-nav {
        float:none;
        width:90%;
        position:relative;
        margin-left:auto;
        margin-right:auto;
    }
    #hp-right {
        margin-top:15px;
    }
    #hp-right h2,
    #hp-right p,
    #footer-left,
    #footer-nav {
        text-align:center;
    }
    #hp-right h2 {
        width:100%;
        font-size: 40px;
        padding: 20px 0 10px;
        text-align:center!important;
        margin:5px 0 0;
    }
    
    #footer-left,
    #footer-nav {
        padding:15px 0;
    }
    #footer-nav ul li {
        float:none;
        display:block;
        width:100%;
    }
    #footer-nav li a {
        display:block;
        width:100%;
        text-align:center;
        padding:5px 0;
    }
    #footer-nav li a span:after {
        content:"";
        padding:0;
    }
    #social-nav {
        text-align:center;
        margin-bottom:15px;
    }
    #social-nav ul li {
        float:none;
        display:inline-block;
        vertical-align: middle;
    }
    #social-nav ul li:first-child {
        margin-top:0;
    }
    .content-left,
    .content-right {
        float:none;
        width:80%;
        margin:15px auto 35px;
        text-align:center;
    }
    .content-left img {
        position:relative;
        margin:0 auto;
    }
    #content-right-info {
        width:100%;
    }
    #content-right-image {
        display:none;
    }
    .form-wrap {
        position:relative;
        margin:15px auto;
    }
    .slide-title_top,
    .slide-title_bottom {
        left:30%!important;
        top:50%!important;
    }
    .slide-title_top {
         margin-left:-85px!important;
    }
    .slide-title_bottom {
        margin-left:35px!important;
        margin-top:25px!important;
    }
}
@media only screen and (max-width:680px){
    
    #signup-frame {
        position:absolute;
        top:15px;
        left:0;
        width:90%;
        width:calc(100% - 35px);
        margin:30px 0;
        padding:15px 15px 25px 15px;
    }
    
    
    .location {
        width:calc(96% - 10px);
    }
    
}
@media only screen and (max-width:640px){
    header {
        overflow-x:hidden!important;
    }
    #header-right {
        background:transparent;
        width:110px;
        margin-top:-15px;
        margin-right:-50px;
    }
    
    .prod-item-title,
    .prod-item-frame {
        width:98%;
        width:calc(100% - 10px);
    }

    
    
     .prod-item-info {
        float:none;
        display:block;
        position:relative;
        width:98%!important;
         margin-left:auto;
         margin-right:auto;
    }
    
    .prod-item-image {
        float:none;
        display:block;
        border-top:1px #CCC solid;
        border-bottom:1px #CCC solid;
        padding:15px 0 0;
        margin:25px auto;
        width:90%!important;
        overflow-y:auto;
    }
    .prod-item-image-title {
        float:left;
        width:65%;
        margin:0;
    }
    #prod-upload-btn {
        float:right;
        width:30%;
        margin:0!important;
        padding:0!important;
    }
    
    .prod-item-image.feat-prod {
        display:none;
    }
    
    .prod-col-info a {
        width:90%;
        font-size:10px;
    }
    .prod-col-info-title {
        font-size:11px;
    }
    #su_frame-left {
        position:relative;
        width:100%;
        float:none;
        margin:0 auto;
    }
    #su_frame-right {
        display:none;
    }
    
    #search-cta input {
        width:75px!important;
        margin-right:-3px;
    }
    
    .slide-title_top,
    .slide-title_bottom {
        width:100%!important;
        left:0!important;
        top:50%!important;
        background:rgba(255,255,255,0.45);
        padding:5px;
        text-align:center!important;
    }
    .slide-title_top img,
    .slide-title_bottom img {
        display:inline-block!important;
        height:20px!important;
    }
    
    .slide-title_top {
         margin-left:0!important;
    }
    .slide-title_bottom {
        margin-left:0!important;
        margin-top:30px!important;
    }
    
}

@media only screen and (max-width:525px){
    .prod-item-image {
        text-align:center;
    }
    .prod-item-image-title, 
    #prod-upload-btn {
        float:none;
        width:100%;
        margin-left:auto!important;
        margin-right:auto!important;
    }   
    
}

@media only screen and (max-width:496px){
    .products-form {
        margin-right:5px;
    }
    .form-content-inner {
        padding-left:5px;
    }
    .products-left .search-field {
        font-size:7px!important;
        padding:0;
        width:calc(20% - 3px);
        margin-left:0;
        margin-right:0;
    }
    .products-left .search-field select {
        margin:0;
        padding:0;
    }
    .prod-cta.prod-col {
        position:relative;
        margin:0 auto;
        width:calc(100% - 0px);
        padding:0;
        text-align:center;
    }
    .prod-cta .prod-col:first-child,
    .prod-cta .prod-sample {
        float:none;
        position:relative;
        width:100%;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }
    
    .prod-cta .prod-col:first-child a,
    .prod-cta .prod-sample a {
        width:80%;
        margin-left:auto;
        margin-right:auto;
    }
    
}

@media only screen and (max-width:460px){
    #prod-item-frame-left,
    #product-img {
        float:none;
        width:95%;
        margin:10px auto;
        text-align:center;
    }
    #prod-item-frame-left .prod-item-frame-info .prod-col {
        width:30%;
        text-align:center;
    }
    
    #product-img {
        margin-top:-65px;
        margin-bottom:-65px;
    }
    
    #product-img .img-display {
        height:250px!important;
        width:auto!important;
        margin:0!important;
        padding:0;
        transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
    }
    
    #login-close,
    #upload-close {
        left:0;
        margin:0 0 0 0;
    }
    
    .prod-col-info a span.orange-arr {
        display:none;   
    }
    
    .prod-col-info a span.mobile-arr {
        display:inline-block;
        vertical-align:middle;
        width:12px;
        height:11px;
        background:transparent url('/template/sunset-mouldings/img/SM-Arrow_Left.jpg') no-repeat center center;
    }

}

@media only screen and (max-width:420px){
    .slide-title_top img,
    .slide-title_bottom img {
        height:18px!important;
    }
    
}

/* -- LAYOUT HEIGHT FIXES -- */
@media only screen and (max-height:750px) and (min-height:667px){
    .products-left {
        top:140px;
    }
    #products-feat-img {
        margin-top:10px;
    }
    #products-feat-img img {
        width:163px;
    }
    .products-list {
        height:400px;
        margin-bottom:15px;
    }
    .search-field {
        height:20px;
    }
    .search-field select {
        float:right;
        height:25px;
        margin-top:-13px;
        width:100px!important;
    }
    .products-height {
        min-height:0;   
    }
}