/* --------- /stylesheets/global.css --------- */ 
*{
    padding: 0;
    margin: 0;
}
body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0; /* overflow:hidden;*/
}
body, p, ol, ul, td {
    font-family: georgia, serif;
    color: #333333;
    font-size: 13px;
    line-height: 18px;
} 
a img {
    border: 0;
}
h1{
    font-size: 30px;
    font-style: italic;
    font-weight: 100;
    color: #74b1c6;
    /*	text-transform: lowercase;*/
    margin: 2px;
}
.outer{
    height: 100%;
    width: 100%;
}
.outer .outer{
    height: 100%;
    width: 100%;
}
#container{
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 961px;
    background: none;
}
#content {  
    margin: 0px;
    padding: 0 0 60px 0;
}
#header{
    background: url(/images/nav_bg.png) no-repeat scroll 0pt;
    height: 60px;
}
#footer{
  position: fixed;
  width: 100%;
  height: 40px;
  bottom: 0;
  background: url(/images/footer_bg.png) repeat-x 0pt;
  text-align: center;
}
#footer > div{
  padding: 15px 0 15px 0;
}

#footer > div#twitter {
  float: right;
  margin: 0 10px 0 0;
  padding-left: 30px;
  background: url(/images/icons/footerIcon_twitter.png) no-repeat 0pt;
}

#footer > div#talk {
  float: left;
  padding-left: 40px;
  margin: 0 128px 0 5px;
  background: url(/images/Mail-32.png) no-repeat 0pt;
}

#footer div a{
/*  font-style: italic;*/
  font-weight: 100;
  color: #133946;
  text-decoration: none;
  font-size: 14px;
}

#footer div a span{
  
}

#footer div a:hover{
  background: none;
}

#nav {
    float: right;
    margin: 0px 25px 0 0;
}
#nav ul {
    list-style-type: square;
}
#nav ul li {
    float: left;
    height: 49px;
    font-family: georgia, serif;
    font-size: 11px;
    text-transform: uppercase;
    list-style-type: none;
}
#nav ul li a, #nav ul li a:visited, #nav ul li span {
    color: #4b7c8d;
    position: relative;
    margin: 5px 13px 5px 13px;
    top: 18px;
    text-decoration: none;
}
#nav ul li a:hover {
    color: #548a9d;
    background: none;
}
#nav ul li.active {
    background: url(/images/tab_selected_bg.gif) repeat-x 0pt;
}
#flash-background{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ccc;
}
h2#logo{
    float: left;
    margin: 0px 0 0 20px;
}
h2#logo a{
    float: left;
    width: 140px;
    height: 55px;
    text-indent: -9999px;
    text-decoration: none
}
h2#logo a:hover{
    background-color: transparent;
}
pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}
a {
    color: #000;
} 
a:visited {
    color: #666;
}
a:hover {
    color: #333;
    background-color: #eee;
} 

a.gray-button, a.blue-button {
    font-size: 11px;
    line-height: 26px;  
    text-transform: uppercase;
    padding: 6px 8px;
    text-decoration: none
}

a.gray-button {     
    color: #666;
    background: url(/images/gray_button.gif) repeat-x 0pt;
    border: 1px solid #ccc;  
}

a.gray-button:hover {  
    background: url(/images/gray_button.gif) repeat-x 0pt !important; 
    color: #333;
    border: 1px solid #aaa;
} 

a.blue-button {     
    color: #74b1c6;
    background: url(/images/blue_button.gif) repeat-x 0pt;
    border: 1px solid #dfedf3;  
}

a.blue-button:hover {  
    background: url(/images/blue_button.gif) repeat-x 0pt !important; 
    color: #69a0b3;
    border: 1px solid #d2e0e5;
}


#breadcrumb_container {
    padding-bottom: 10px;
    width: 900px;
    font-style: italic;
    text-transform: lowercase;
    background: #f5fbfd;
    font-size: 10px;
}
#breadcrumb {
    padding: 2px 0 2px 15px;
    border-top: 1px dotted #74b1c6;
    border-bottom: 1px dotted #74b1c6;
    margin-bottom: 10px;
}
#breadcrumb a{
    text-decoration: none;
    padding: 0 2px 0 2px;
    
}
#flash-notice {
    width: 542px;
    background: #f5fbfd;
}
#flash-notice p{
    padding: 10px;
}
.first-column, .large-first-column {
    padding: 20px 20px 0 20px;
    width: 542px;
    background: #f5fbfd; 
}

.first-column-round { 
    margin: 0;
    padding: 0;
    width: 582px;
    float: left; 
}

.large-first-column-round {
    width: 860px;
    float: left;
}

.first-column-round .left-side, .large-first-column-round .left-side {
    width: 562px;
    height: 20px;
    margin: 0;
    padding: 0;
    float:left;
    background: #f5fbfd;
}

.large-first-column-round .left-side {
    width: 840px;
}

.large-first-column {
    width: 820px;
}

.first-column .content, .large-first-column .content{
    padding-top: 2px;
    width: 100%;
}

/* products */

/* products index */
.products h1#collection-header{
    margin: 10px 0 8px 0 ;
    font-size: 30px;
    font-style: italic;
    font-weight: 100;
    color: #74b1c6;
    text-transform: lowercase;
}

.products #search div#paging-label{
    padding: 2px 0 5px 0;
    font-size: 11px; 
    text-align: center;
}
.products #search div#filter-label{
    padding: 55px 0 0 5px;
    font-size: 18px;
    text-align: center; 
    color: #999;
    text-transform: uppercase;
}
.products #search .box form.styled{
    margin-top: -9px;
}
.products #search a:hover{
    background: none;
}
.products #search a img{
    border: none;
}
.products #results{
    padding: 10px 0 10px 0;
    border-top: 1px solid #d4eef6;
}

.products #results span#no-results-label{
    font-size: 22px;
    font-style: italic;
    font-weight: 100;
    color: #74b1c6;
}

.products #results .product_item {
    padding: 25px 0 25px 0;                                                                
    border-bottom:  1px solid #d4eef6;
}

.products #results .product_item .product_thumb{
    float: left;
}

.products #results .product_item .product_thumb a > img{
    border: none;
}

.products #results .product_item .product_info{
    margin: 5px;
    margin-left: 150px;
}

.products #results .product_item .product_info .product_name{
    font-style: italic;
    font-size: 26px;
    text-transform: lowercase;
}

.products #results .product_item .product_info .product_name a{
    text-decoration: none;
}

.products #results .product_item .product_info .product_name a:hover{
    background: none;
}

.products #results .product_item .product_info .product_description{
    margin-top: 10px;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
}

/* products show*/
.products .first-column{
    /*	float: left;  */
}
.products .first-column #product_image{
    text-align: center;
    width: 100%;
}

.products .first-column #product_image_list{
    display: none;
}

.products .second-column{
    position: absolute;
    top: 60px;
    left: 582px;
}

.products .second-column #product_info{
    background: #f5fbfd;
    padding: 10px;
    width: 300px;
}

.products .second-column #product_info #product_name{
    font-style: italic;
    font-size: 30px;
    text-transform: lowercase;
}

.products .second-column #product_info #product_description{
    margin: 10px 0 5px 5px;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
} 

.products .second-column #product_info #default_description{
    margin: 20px 0 10px 5px; 
    font-size: 11px; 
    line-height: 14px;
    color: #999;
}

.products .second-column #product_info #product_links a{
    margin-top: 10px;
    font-size: 11px;
    color: #4b7c8d;
    text-decoration: none; 
} 

.products .second-column #product_info #product_links .left{
/*    margin-left: 87px; */
}

.products .second-column #product_info #product_links .right{
    float: right;  
/*    text-align: right;*/
}

.products .second-column #product_info #product_links a:hover{
    background: none;
    color: #436f7e;
}

.products .second-column #nav_links{
    background: #f5fbfd;
    width: 238px;
    padding: 5px 0 8px 5px;
}

.products .second-column #nav_links a img {
  position: relative;
  top: 4px;
  border:0px;
}

.products .second-column #nav_links span {
  font-size: 11px;
  padding: 5px;
  text-transform: uppercase;
}

.products .product-keywords {
    width: 100%;
    margin: 0 0 2px 2px;
} 

.products .products-keywords-label {
    width: 100%;
    font-size: 11px; 
    color: #666;
    font-style: italic;
    margin: 0 0 5px 6px;
}

.products .search-or {
    margin: 0 5px;
    text-transform: uppercase;
    color: #666;
    font-size: 10px;
}

.products .product-keywords select {
    font-family: georgia, serif;
    font-style: italic;
    width: 217px;
    color: #9f9f9f;
    background: #f8fbfc;
    border: 1px solid #d1d4d5;
    padding: 5px 6px 5px 6px;
    font-size: 11px;
    line-height: 15px;
    -webkit-appearance: none;
} 

.products .product-keywords select:focus {
    color: #999;
    background: #f3f6f7;
    border: 1px solid #d6d9da;
    font-size: 11px
}

.products .product-keywords .go-link {
    margin-left: 2px;
}

.products form.styled ul#images {
  margin-left:30px;
}

.products form.styled ul#images li {
  float:left;
  border: 1px solid #ccc;
  margin: 0 0 0 5px;
  cursor:move
}

.products form.styled ul#images li a {
  text-decoration: none;
/*  margin-left: 48px;*/
}




/**
* Stores
*/   
.stores #stores-locate-bar {
    padding: 20px;
    width: 842px;
    background: #f5fbfd;
    border-bottom: 1px solid #d4eef6; 
}

.stores #stores-locate-bar div.title  { 
    float: left;
} 

.stores #stores-locate-bar div.title h2, .stores #stores-list-international h2 {
    font-size: 20px;
    font-style: italic;
    font-weight: 100;
    color: #74b1c6;
    text-transform: lowercase;
}

.stores #stores-list-international h2 {
  padding: 0 0 25px 0;
  font-size: 24px;
}

.stores #stores-locate-bar div.search-field {
    width:100%;
    text-align:right; 
} 

.stores .large-first-column #map_container {
    float: left; 
    padding-bottom: 10px; 
    border-bottom: 1px solid #d4eef6;
}

.stores #stores-list, .stores #stores-list-international { 
    padding: 0 0 10px 0 ;
    margin-left: 562px;
    min-height: 412px;
} 
.stores #stores-list-international {  
    margin-left: 0px;
    width: auto;
    min-height: 0px;
} 

/*.stores #stores-list, .stores #stores-list-international { 
padding: 0 20px 10px 20px;
background-color: #f5fbfd;
} 
.stores #stores-list {
position: absolute;
top: 153px;
left: 562px;  
width: 258px;
}*/ 

.stores #stores-list ul li, .stores #stores-list-international ul li { 
    border-bottom: 1px solid #d4eef6;
    padding: 0 0 10px 0;
    margin-bottom: 10px;   
    list-style-type: none;
} 

.stores #stores-list ul li h3, .stores #stores-list-international ul li h3, #stores-flagship h3 {
    font-style: italic; 
    font-weight: normal;
    margin-bottom: 2px;
} 

.stores #stores-list ul li p, .stores #stores-list-international ul li p, #stores-flagship p {
    color: #666;
    font-size: 12px;
    line-height: 15px;
} 

.stores #stores-list ul li p a, .stores #stores-list-international ul li p a, #stores-flagship p a {
    color: #4b7c8d;   
    text-decoration: none;
} 
.stores #stores-list ul li p a:hover, .stores #stores-list-international ul li p a:hover, #stores-flagship p a:hover { 
    color: #333;   
    text-decoration: none;
    background: none;
}

.stores #stores-flagship p.sorry, .stores #stores-bad-origin {
    color: #666;
    font-size: 14px;
    line-height: 15px;
    padding: 15px 0;
}

/**
* Trunk Shows
*/

.trunk_shows select#trunk_show_store_id {
    width: 215px;
}
.trunk_shows select#trunk_show_starts_at_1i, .trunk_shows select#trunk_show_ends_at_1i {
    width: 70px;
}
.trunk_shows select#trunk_show_starts_at_2i, .trunk_shows select#trunk_show_ends_at_2i{
    width: 90px;
}
.trunk_shows select#trunk_show_starts_at_3i, .trunk_shows select#trunk_show_ends_at_3i {
    width: 50px;
} 

.trunk_shows #trunk_shows_list { 
    padding-bottom: 10px;
    background: #f5fbfd;
} 

.trunk_shows #trunk_shows_list ul li { 
    border-bottom: 1px solid #d4eef6;
    padding: 5px 0 25px 0;
    margin-bottom: 10px;   
    list-style-type: none;
} 

.trunk_shows #trunk_shows_list ul li h3 { 
    font-style: italic; 
    font-weight: normal;
    margin-bottom: 5px;
} 

.trunk_shows #trunk_shows_list ul li p { 
    color: #666;
} 

.trunk_shows #trunk_shows_list ul li p a { 
    color: #4b7c8d;   
    text-decoration: none;
} 
.trunk_shows #trunk_shows_list ul li p a:hover { 
    color: #333;   
    text-decoration: none;
    background: none;
}

/**
* Pages
*/
.pages #page_content {
    padding: 10px; 
    width: 675px;
} 

.pages #page_content h2 {
    font-size: 30px;
    font-style: italic;
    font-weight: 100;
    color: #74b1c6;
    text-transform: lowercase;
    margin: 0px 0px 10px 0px;
    padding: 0 0 20px 0;
    border-bottom:  1px solid #d4eef6;
} 

.pages #pages_nav_container {
    height: 100%; 
    float: right; 
}
.pages #pages_nav {
    margin: 0px 25px 0 0; 
}
.pages #pages_nav ul {
    list-style-type: square;
}
.pages #pages_nav ul li {
    height: 26px;
    font-family: georgia, serif;
    font-size: 11px;
    text-transform: uppercase;
    list-style-type: none;
}
.pages #pages_nav ul li a, #pages_nav ul li a:visited, #pages_nav ul li span {
    color: #4b7c8d;
    font-size: 11px;
    line-height: 26px;  
    text-transform: uppercase;
    padding: 6px 8px;
    text-decoration: none;
    border-left:  1px solid #d4eef6;
}
.pages #pages_nav ul li a:hover {
    color: #548a9d;
    background: url(/images/gray_button.gif) repeat-x 0pt;
}
.pages #pages_nav ul li.active {
    background: url(/images/blue_button.gif) repeat-x 0pt;
}

/** contact page */
.contact-info-container {
    padding: 5px;
}

.contact-info-container.left {
    float: left;
    padding-right: 100px;
}

.contact-description {
    padding : 10px 0 10px 0;
    margin-bottom: 20px;
    border-bottom:  1px solid #d4eef6;
}

.contact-info {
    margin-bottom: 10px;
}

.contact-info h3 {
    margin-bottom: 5px;
}

.contact-info p{
    padding: 1px 0 1px 0;
} 

/** editorial page */
.pages #editorial{
    padding: 10px 0 10px 0;
}

.pages #editorial .border-top {
    border-top:  1px solid #d4eef6;
}
.pages #editorial .item {
    padding: 25px 0 25px 0;                                                                
}

.pages #editorial .item .thumb{
    float: left;
    height: 256px;
}

.pages #editorial .item .thumb a > img{
    border: none;
}

.pages #editorial .item .info{
    margin: 5px;
    margin-left: 410px;
}

.pages #editorial .item .info .name{
    font-style: italic;
    font-size: 26px;
    line-height: 24px;
    text-transform: lowercase;
}

.pages #editorial .item .info .magazine-date{
    color: #666;
    font-size: 18px;
}

.pages #editorial .item .info .description{
    margin-top: 10px;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
}


/*f8fbfc*/

/**********************************************************************/
/* Admin */
/**********************************************************************/
.error-messages{
    font-size: 10px;
    font-style: italic;
    font-weight: 100;
    color: #c00;
    margin: 10px;
    padding: 5px;
    border-top: 1px dotted #fd6873;
    border-bottom: 1px dotted #fd6873;
    text-align:center;
}
.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
}
#errorExplanation {
    width: 400px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}
#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}
#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}
#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}
#content form.styled{
    margin-bottom: 1.7em;
} 
#content form.styled .mceEditor span {
    padding: 0;
}
#content form.styled fieldset{
    border-bottom: 1px dotted #d1d4d5 !important;
    float: left;
    width: 100%;
    padding-top: .7em
}
#content form.styled legend{
    color: #900;
    margin: 0;
    line-height: 1.7em;
    padding: .7em 0 0 0;
    border: none;
    text-transform: uppercase
}
#content form.styled dl, #content form.styled dt, #content form.styled dd{
    margin: 0;
    padding: 0;
    border: 0;
    color: #999;
    background: none
}
#content form.styled p, #content form.styled ul, #content form.styled dl{
    float: left;
    display: inline;
    width: 100%;
    clear: both;
    margin: 0;
    padding: .5em 0;
    border-top: 1px dotted #d1d4d5
}
#content form.styled p.info{
    float: none;
    display: block;
    width: auto;
    clear: both;
    color: #999;
    padding-left: 30px;
    background: #151515
}
#content form.styled p.error, #content form.styled ul.error, #content form.styled dl.error{
    border-top-color: #900;
    color: #C00
}
#content form.styled p.error, #content form.styled dl.error, #content form.styled ul.error{
    background: #fd6873;
}
#content form.styled p.error label, #content form.styled dl.error dt{
    color: #fff !important;
}
#content form.styled p.error input.text, #content form.styled p.error textarea.text, #content form.styled p.error select{
    border-color: #900;
    background: #500;
    color: #fff
}
#content form.styled p.error input.text:focus, #content form.styled p.error textarea.text:focus, #content form.styled p.error select:focus{
    border-color: #D00;
    background: #400;
    color: #fff
}
#content form.styled p.error span{
    color: #C00;
}
#content form.styled ul.error li label, #content form.styled dl.error dd label{
    color: #C00;
}
#content form.styled p span{
    font-size: .909em;
    display: block;
    color: #666;
    padding: .2em 0 0 200px
}
#content form.styled label, #content form.styled dt, #content form.styled dl.alt dt{
    float: left;
    display: inline;
    width: 150px;
    padding: 0 0 0 30px;
    margin-right: 20px;
    color: #999
}
#content form input.text, #content form textarea.text, #content form select{
    font-family: georgia, serif;
    font-style: italic;
    color: #9f9f9f;
    background: #f8fbfc;
    border: 1px solid #d1d4d5;
    padding: 6px;
    font-size: 11px
}
/*#content form select{
width: 80px;
}*/
#content form input.text:focus, #content form textarea:focus, #content form select:focus{
    color: #999;
    background: #f3f6f7;
    border: 1px solid #d6d9da;
    font-size: 11px
}
#content form.styled ul label, #content form.styled dl label{
    float: none;
    vertical-align: middle;
    width: auto;
    color: #666;
    padding: 0;
    margin-left: 5px
}
#content form.styled li input{
    float: left;
}
#content form.styled li{
    list-style: none;
    margin: 0 0 0 200px;
    padding: 0
}
#content form.styled dd{
    padding-left: 200px
}
#content form.styled dl.alt dd{
    float: left;
    display: inline;
    margin: 0 1em 0 0;
    padding: 0
}
#content form.styled input[type="radio"], #content form.styled input[type="checkbox"]{
    vertical-align: middle
}
#content form.styled p.buttons{
    margin: 0;
    padding: 0;
    border: none
}
#content form.styled p.buttons input:first-child{
    margin-left: 200px;
}
#content form.styled p.buttons input{
    margin-top: .7em;
}
#content .box form.styled{
    margin-bottom: .5em;
    margin-top: -.2em
}
#content .box fieldset{
    padding-bottom: 0;
}
#content .box fieldset ul, #content .box form.styled dl{
    background-color: #f5fbfd;
}
#content .box fieldset ul.error, #content .box form.styled dl.error{
    background-color: #000;
}
#content .box fieldset p.info{
    background-color: #1f1f1f;
}
#content .box fieldset legend{
    padding-left: 11px;
    padding-top: .7em
}
#content .box p.buttons{
    background: none;
}
#controls{
    float: right;
    margin-right: 21px
}
#content form.styled p.buttons a{
    margin: 0px 10px 0 10px
}
table.box{
    width: 780px
}
form textarea{
    width: 563px !important
}
table.box .list_controls{
    text-align: right
}
html #content table.box{
    border-collapse: separate;
}
table.box th, table.box td{
    background: #f5fbfd;
}
table.box th {
    border-bottom: 1px solid #d1d4d5;
    padding: 5px;
    color: #666;
    vertical-align: bottom
}
table.box td{
    border-bottom: 1px dotted #d1d4d5;
}
table.box caption{
    color: #fff;
    font-size: 11px;
    text-align: left;
    padding: 8px 5px 10px 5px
}
table.box tr.alt th {
    border-right: 1px solid #d1d4d5;
    border-bottom: 0;
    vertical-align: middle
}
table.box td{
    vertical-align: middle;
}
table.box th.alt{
    background: #f5fbfd;
}
table.box td.alt{
    background: #f5fbfd;
}
table.box tr.last td{
    border: 0;
}
table.box.compare{
    border: none;
}
table.box.compare tr td, table.box.compare tr th{
    text-align: center;
}
table.box.compare tr th.first{
    background: none;
    text-align: left;
    color: #fff
}
table.box td.first_title{
    text-align: left;
    color: #ccc;
}
table.box.compare tr td.left{
    text-align: left;
    float: none;
}
table.box.compare caption{
    display: none;
}
table.box.compare tr td.first{
    text-align: left;
    width: 60%;
    color: #999
}
table.box.compare tr td{
    color: #505050;
    font-size: 10px;
    line-height: 1.4em;
}
table.box.compare tr td.alt{
    color: #666;
}
table.box.compare tr th.alt{
    background: #f5fbfd;
}
table.box.compare tr th.on, table.box.compare tr td.on{
    background: #f5fbfd;
    color: #dcdcdc;
    border-bottom-color: #d1d4d5
}
table.line th, table.line tr, table.line td{
    padding: .4em 0;
}
table.line th{
    border-top: 1px solid #d1d4d5;
    border-bottom: 1px solid #d1d4d5;
    color: #ccc
}
table.line td{
    border-bottom: 1px dotted #d1d4d5;
}
table.line tr.alt{
}
table.line tr.alt th{
    border-right: 1px solid #d1d4d5;
    border-bottom: 0;
    border-top: 0
}
table.line tr.last td{
    border-bottom: 1px solid #d1d4d5;
}    

#content form.styled div.auto_complete {
    width: 350px;
    background: #fff;
}
#content form.styled div.auto_complete ul {
    border:1px solid #888;
    margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
}
#content form.styled div.auto_complete ul li {
    margin:0 0 0 0;
    padding:3px;  
    font-family: georgia, serif;
    font-style: italic;
    color: #9f9f9f;
    background: #f8fbfc;
    padding: 6px;
    font-size: 12px
}
#content form.styled div.auto_complete ul li.selected {
    background-color: #d1d4d5;
}
#content form.styled div.auto_complete ul strong.highlight {
    color: #d1d4d5; 
    margin:0;
    padding:0;
}  
