/*=========== Global reset ======================*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }

/* The below restores some sensible defaults */
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ======================*/




/***************************************
************* layout *******************
***************************************/
html {
font-family: helevtica, arial, sans-serif;
font-size: 0.8em;
color: #555;
}

body {
background: #fff;
margin: 16px 0;
}

#container {
width: 908px;
margin: 0 auto;
}

#login_row {
width: 880px;
margin: 0 auto;
background: #ddd;
padding: 0.6em 1.2em;
border: 2px solid #bbb;
}

#jlm-content-row {
min-height: 400px;
overflow: auto;
background: #fff url(http://www.jlmcouture.com/assets/tmpl_images/home-v2/bg-content-row.jpg) repeat-y left top;

_height: 400px; /** IE6 Hack **/
_overflow: visible; /** IE6 Hack **/
}

#jlm-left-column {
float: left;
width: 356px;

_width: 357px; /** IE6 Hack **/
}

#jlm-right-column {
float: right;
width: 550px;

_width: 530px; /** IE6 Hack **/
}

#jlm-right-column-body {
padding: 0 0 0 25px;

_padding: 0; /** IE6 Hack **/
}
/***************************************
******** END: layout *******************
***************************************/

h1.logo {
        position: absolute;
        z-index: 99;
        top: 30px;
        left: 75px;
        width: 207px;
        height: 86px;
        /*background: transparent url(/includes/hp-slideshow/imgs/logo-jlm.png) no-repeat left top;*/
        margin: 0 !important;
        padding: 0 !important;
        /*text-indent: -9999px;*/
        }
        
        h1.logo a {
        width: 207px;
        height: 86px;
        display: block;
        }

div.panel-overlay { /** caption text **/
	position: absolute;
	z-index: 99;
        top: 140px !important;
        left: 25px !important;
        width: 320px !important;
        background: transparent !important;
        font-family: helvetica, arial, univers, sans-serif !important;
        font-weight: normal !important;
        font-size: 1.3em !important;
        color: #fff !important;
        text-shadow: 0.05em 0.05em #333 !important;
        }
/*
#header h1.logo {
float: left;
width: 228px;
height: 132px;
background: transparent url(/images/logo.jpg) no-repeat left top;
margin: 20px 0 0 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#header h1.logo a {
width: 228px;
height: 132px;
display: block;
}
*/


/***************************************
*************** navs *******************
***************************************/
ul#jlm-nav {
list-style: none;
margin: 0;
padding: 10px 0;
text-align: center;
}

ul#jlm-nav li {
display: inline;
padding: 0 0.8em;
border-right: 1px solid #ddd;
text-transform: uppercase;
font-family: times new roman, times, georgia, serif;
font-size: 0.9em;
}

ul#jlm-nav li.first {
padding-left: 0 !important;
}

ul#jlm-nav li.last {
padding-right: 0 !important;
border-width: 0 !important;
}

ul#jlm-nav a {
text-decoration: none;
color: #892339;
}

ul#jlm-nav a:hover {
text-decoration: underline;
color: #892339;
}

ul.jlm-bottom-nav {
border-width: 1px 0 1px 0;
border-style: solid;
border-color: #c3c3c3;
}

ul.jlm-bottom-nav li {
padding: 0 2.1em !important;
font-size: 0.9em !important;
}

/*** logos nav ***/
ul#jlm-logo-nav {
list-style: none;
margin: 0;
padding: 12px 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #c3c3c3;
text-align: center;
overflow: auto;

_height: 30px; /** IE6 Hack **/
_overflow: visible; /** IE6 Hack **/
}

ul#jlm-logo-nav li {
display: inline;
}

ul#jlm-logo-nav a {
/*width: 100px;*/
height: 38px;
float: left;
display: block;
/*margin: 0 32px 0 0;*/
margin: 0 14px 0 0;
background: #fff url() no-repeat center center;
border: 1px solid #fff;

width: auto !important;
}

ul#jlm-logo-nav a:hover {

}

ul#jlm-logo-nav li.first a {
margin-left: 10px;
}

ul#jlm-logo-nav li.last a {
margin: 0;
}

ul#jlm-logo-nav li.hayley-paige a {
margin-top: -10px;
}

/*
ul#jlm-logo-nav li.alvina-valenta a {
width: 110px;
}

ul#jlm-logo-nav li.lazaro a {
width: 114px;
}

ul#jlm-logo-nav li.noir-by-lazaro a {
width: 78px;
}

ul#jlm-logo-nav li.blush-by-jlm a {
width: 90px;
}

ul#jlm-logo-nav li.jim-hjelm a {
width: 166px;
}

ul#jlm-logo-nav li.occasions a {
width: 125px;
}

ul#jlm-logo-nav li.tara-keely a {
width: 124px;
}
*/

/*** END: logos nav ***/

/***************************************
********** END: navs *******************
***************************************/





/***************************************
********** Body Styles *****************
***************************************/
a {
text-decoration: none;
color: #892339;
}

a:hover {
text-decoration: underline;
color: #892339;
}

h2 {
margin: 0 0 0.8em 0;
font-size: 2em;
font-weight: normal;
color: #000;
}

h3 {
margin: 0 0 0.8em 0;
font-size: 1.6em;
font-weight: normal;
color: #000;
}

h4 {
margin: 0 0 0.8em 0;
font-size: 1.3em;
font-weight: normal;
color: #000;
}

h5 {
margin: 0 0 0.1em 0;
font-size: 1.1em;
font-weight: bold;
color: #000;
}

h6 {
margin: 0 0 0.1em 0;
font-size: 1em;
font-weight: bold;
color: #000;
}

.small {
font-size: 0.9em;
}

.x-small {
font-size: 0.8em;
}

.big {
font-size: 1.2em;
}

.x-big {
font-size: 1.4em;
}

.gray {
color: #999;
}

.red {
color: #cc0000;
}

.all-caps {
text-transform: uppercase;
}

.no-caps {
text-transform: none;
}

.lowercase {
text-transform: lowercase;
}

.no-italics {
font-style: normal;
}

.bold {
font-weight: bold;
}

.no-bold {
font-weight: normal;
}

hr {
border: 0;
margin: 0 0 1.2em 0;
height: 1px;
background: #bbb;
color: #bbb;
}

.align-left {
float: left;
margin: 0 1.5em 1em 0;
}

.align-right {
float: right;
margin: 0 0 1em 1.5em;
}

.caption {
display: block;
margin: 0.3em 0;
font-family: times new roman, times, georgia, serif;
font-style: italic;
font-size: 0.85em;
}

.clear-float {
clear: both;
display: block;
}

.image-border {
border: 1px solid #ccc;
}

ul.no-bullets {
list-style: none;
}

a.readmore {
background: transparent url(http://www.jlmcouture.com/assets/tmpl_images/home-v2/icons/arrow-gray.gif) no-repeat left 2px;
padding: 0 0 0 15px;
font-family: times, times new roman, georgia, serif;
font-weight: bold;
}

.hp-section {
padding: 1.5em 0 0 0;
border-bottom: 1px solid #ddd;
overflow: auto;

_overflow: visible; /** IE6 Hack **/
}

.sidebar-section {
padding: 1em 1.5em;
border-bottom: 8px solid #fff;
overflow: auto;

_padding: 1em 1em; /** IE6 Hack **/
_overflow: visible; /** IE6 Hack **/
}

.sidebar-section h2,
.sidebar-section h3,
.sidebar-section h4,
.sidebar-section h5,
.sidebar-section h6 {
margin: 0 0 0.4em 0;
font-family: times, times new roman, georgia, serif;
}

.sidebar-section form ul {
list-style: none;
margin: 0;
padding: 0;
}

.sidebar-section form li {
display: inline;
margin: 0 6px 0 0;
}

.bullet-arrow {
padding-left: 12px;
background: transparent url(http://www.jlmcouture.com/assets/tmpl_images/home-v2/icons/arrow-gray.gif) no-repeat left 2px;
}

.sidebar-section .trunk-show-date {
float: left;
width: 90px;
margin: 0 0.4em 0 0;
padding: 0.2em 0.4em;
background: #fff;
border: 1px solid #bbb;
text-align: center;
/*text-transform: uppercase;*/
font-family: georgia, times, times new roman, serif;
font-size: 2em;
color: #000;
}

.sidebar-section .trunk-show-date .top_date {

}

.sidebar-section .trunk-show-date .through {
text-transform: lowercase;
font-size: 0.8em;
}

.sidebar-section .trunk-show-date .bottom_date {

}

.sec_0 { /** 1st section **/
_height: 200px; /** IE6 Hack **/
}

.sec_1 { /** 2nd section **/

}

.sec_2 { /** 3rd section **/

}

.sec_3 { /** 4th section **/
_height: 100px; /** IE6 Hack **/
}

.sec_4 { /** 5th section **/

}

.sec_5 { /** 6th section **/
_height: 150px; /** IE6 Hack **/
}



.sidebar-section ul.trunk-show-bullets {
width: 105px;
list-style: none;
margin: 0 0 0.6em 0;
padding: 0;
float: left;
overflow: auto;
}

.sidebar-section .bullets-01 {
width: 75px !important;
}

.sidebar-section .bullets-02 {
clear: right;
}

.sidebar-section ul.trunk-show-bullets li {
padding: 0.2em 0;
}

/*** forms ***/
form {
margin: 0;
}

form input,
form select,
form textarea {
font-size: 0.9em;
color: #777;
}

form input {
padding: 4px 8px 6px 8px;
border: 1px solid #bbb;
}

form input#submit,
form input.button,
a.button {
cursor: pointer;
padding: 4px 8px 6px 8px;
background: #fff;
border: 1px solid #bbb;
font-weight: bold;
color: #892339;
}

a#facebook {
float: left;
padding: 8px 14px 8px 36px;
background: #fff url(/assets/tmpl_images/home-v2/facebook-logos/logo-facebook-tiny.png) no-repeat 5px 7px;
font-size: 11px;
display: block;
width: 100px;
height: 25px;
}

a#twitter {
float: left;
margin: 0 0 10px 10px;
padding: 8px 14px 8px 36px;
background: #fff url(/assets/tmpl_images/home-v2/twitter-logos/logo-twitter-tiny.png) no-repeat 5px 7px;
font-size: 11px;
display: block;
width: 100px;
height: 25px;
}


form.popup-form {
padding: 0 0 1em 0;
}

.popup-form h5 {
margin: 0 0 0.8em 0;
padding: 0.2em 0.6em;
background: #ddd;
color: #333;
}

form.popup-form input,
form.popup-form select,
form.popup-form textarea {
font-size: 1em;
color: #555;
}

form.popup-form input.button {
cursor: pointer;
margin: 0 auto;
padding: 4px 8px 6px 8px;
background: #fff;
border: 1px solid #bbb;
font-size: 1em;
font-weight: bold;
color: #892339;
}

form.popup-form input {
padding: 3px 6px;
border: 1px solid #bbb;
}

form.popup-form select {
height: 24px;
border: 1px solid #bbb;
}

.popup-form ul.form-row {
clear: both;
width: 100%;
list-style: none;
margin: 0 0 1em 0;
padding: 0;
overflow: auto;
}

.popup-form ul.form-row li {
float: left;
margin: 0 10px 0 0;
}

.popup-form ul.form-row label {
display: block;
font-size: 0.9em;
font-weight: bold;
color: #777;
}

.popup-form ul.form-row .text-field {
width: 125px;
}

.popup-form ul.form-row .text-field-wide {
width: 280px;
}

.popup-form ul.form-row .text-field-small {
width: 80px;
}
/*** forms ***/

/***************************************
********** END: Body Styles *****************
***************************************/