/* Declare fonts */
@font-face {
    font-family: 'Open Sans';
    src: url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.eot');
    src: url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.woff') format('woff'),
         url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.eot');
    src: url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.woff') format('woff'),
         url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.eot');
    src: url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.woff') format('woff'),
         url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.ttf') format('truetype'),
         url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.eot');
    src: url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.woff') format('woff'),
         url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.ttf') format('truetype'),
         url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

#CQ .cq-upload-hint {
    font-size: 11px;
}

html {
    font-family: 'tahoma';
    word-wrap: break-word;
}

/* Standard Clearfix Class */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}
.clearfix {
    display: inline-block
}
* html .clearfix {
    height: 1%
}
.clearfix {
    display: block
}

a {
    text-decoration: none;
    color: #272C30;
    font-weight: bold;
}

a img {
    border: 0;  
}

a:hover {
    text-decoration: underline; 
}

/* Hyperlink Styles in Text Components */
div.text.parbase a {
    color: #A94E2E;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

div.text.parbase a:hover {
    text-decoration: underline;
    curosr: pointer;
}

/* Image boxes */
.topDescription{  
    position:absolute;   
    bottom:50px; 
    left:0px;  
    width:40%;
    height:50%;  
    /* styling */  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:15px;  
    color:white;  
    opacity:0.6; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */  
}  
p.topDescription_content{  
    padding:10px;  
    margin:0px;  
}   

.slideTitle {
    font-family: 'tahoma';  
    font-size:36px;  
    color:white;
    font-weight:bold; 
}
        
.clickHere {
    font-weight:bold;
}        

.logoContainer {
    display: inline;
    float: left;
    height: 126px;
}

.socialshare {
    height: 30px;   
}

.socialLinksContainer {
    display:inline;
    float:right;
    line-height: 27px;
    font-size: 15px;
    color: #707070;
}

.quoteContainer {
    display: inline;
    float: left;
    width: 284px;
    height: 110px;
}

.quote {
    background: url('clientlibs/img/quote_small.png');
    height: 95px;
    width: 284px;
    margin: 7px 0 0 0;  
}

.header .rightContainer {
    display: inline;
    float: right;
    width: 310px;
    margin: 26px 20px 26px 0;
}

.socialLinks {
    float: right;   
}

.notificationBannerContainer {
    display: block; 
}

/* search bar */

#tfheader{
    display:block;
}
#tfnewsearch{
    float:right;
}
.tftextinput{
    margin: 0;
    padding: 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    border:1px solid #0076a3; border-right:0px;
    border-top-left-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
}

.tfbutton {
    margin: 0;
    padding: 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px #0076a3; border-right:0px;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
}

.tfbutton:hover {
    text-decoration: none;
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
}

/* New search button styles */
.searchContainer {
    position:relative;
    float:right;
    /* height: 29px; */
    border: 2px solid #364659;
    overflow: hidden;
    margin-top: 10px;
    background-color: #364659;
}

input#gobutton{
    position: relative;
    float: left;
    cursor:pointer;
    width: 74px;
    height: 29px;
    border: 0px;
    background-color: #364659;
    color: white;
    font-family: 'open sans';
    font-weight: bold;
}

.htftextinput{
    position: relative;
    float: left;
    width: 218px;
    padding: 0 7px 0 7px;
    margin: 0;
    border: 0;
    height: 29px;
    line-height: 29px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    outline-width: 0;
    font-style: italic;
    color: #777;
}

.htfbutton {
    position: relative;
    float: left;
    margin: 0;
    font-size:14px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

.htfbutton:hover {
    text-decoration: none;
}

.advancedSearchContainer {
    display:inline;
    float:right;
    font-style: Open Sans;
    font-weight: bold;
    font-size:12px;
    width:200px;
    height:28px;
    margin:3px 5px 0px 10px;
}

.advancedSearchContainer a {
    color:#364659;
}


/***FIRST STYLE THE BUTTON***/

div.logoContainer a.logo {
    float:left;
    margin: 8px 14px;
    margin-right: 10px;
    text-underline: none;
}

div.logoContainer a.logo img {
    width: 110px;
    height: 110px;
}

div.logoContainer h1 {
    font-family: 'roboto slab', serif;
    font-family: 'roboto slab', serif;
    font-size: 35px;
    line-height: 40px;
    color: rgb(54, 70, 89);
    font-weight: bold;
    float: left;
    height: auto;
    width: 484px;
    margin: 23px 0;
    padding: 0;
}

div.header.ie div.logoContainer h1 {
    font-size: 34px;
}

.logo img {
    width: 240px;
}

.header {
    width:960px;
    height: 126px;
}
    
.sidebar {
    width: 234px;
/*    font-family: Arial, Helvetica, sans-serif; */
    list-style-type: none;
    font-size:20px;
}
    
.sidebar ul {
    margin-top:2px;
/*  font-family: Arial, Helvetica, sans-serif; */
    color: #707070;
    font-weight:bold;
    padding-left:20px;
}

.sidebar ul li {
    line-height:130%;
}
    
.hours {
    font-weight:bold;
    color: #0099CC;
}
        
.galleryFrame {
    float:left;
    position:relative;
}
    
.finePrint {
    font-size:15px;
    color:#707070;
}
    
        

/* Misc Styles */
hr {
    color: #0099CC;
    background-color: #0099CC;
    width: 234px;
    height: 5px;
    border: solid;
    width: auto;
    margin-right: 11px;
}

.topnavContainer {
    display:block;
    width: 960px;
    height: 35px;
    margin-bottom: 10px;
}
        
.title2 {
    font-family: 'tahoma';  
    font-size:20px;  
    color:#707070;
    margin-bottom:-15px;
    margin-top:13px;
}

/* Collections gallery*/

#grid2 {
    float: left;
    padding: 0;
    list-style: none;
    margin: 0px auto 0;
    width: 980px;  
}

#grid2 li {
    position: relative;
    float: left;
    padding: 0;
    margin: 0 17px 6px 0px;
} 

#grid2 li a {
    display: block;
}
  
#grid2 li img {
    background-color: white;
    padding: 0px; margin: 0;
    width: 227px;
    height: 218px;
}
  
.sliderimage img {
    width: 960px;
    height: 376px;
}
  
.topDescription{  
    height:60px;
    position:absolute;   
    bottom:0px; 
    left:0px;  
    width:100%;  
    /* styling */  
    background-color:#0099CC;  
    font-family: 'tahoma';  
    font-size:15px;  
    color:white;
    opacity:1.0; /* transparency */  
    filter:alpha(opacity=100); /* IE transparency */  
}  
    
p.topDescription_content{  
    padding:10px;  
    margin:0px;  
}  

.Collections {
    size:150%;
}

.topDescription2{  
    position:absolute;   
    bottom:180px; 
    top:0px;
    left:0px;  
    width:30%;  
    /* styling */  
    background-color:#0099CC;  
    font-family: 'tahoma';  
    font-size:15px;  
    color:white;
    opacity:0.8; /* transparency */  
    filter:alpha(opacity=80); /* IE transparency */  
}  

body {
    /* background: url("clientlibs/img/brushed.png"); 
    background-repeat: repeat; */
    margin: 0;
    background-color: white;
}

p.topDescription2_content{  
   padding:10px;  
   margin:0px;  
} 
    
.wrapper {
    overflow: visible;
    margin: auto;
    width: 960px;
    /* background-color: #fff; */
    background: url('../../../../etc/clientlibs/history/images/grey-shadow.png');
    padding: 0 64px;
}

div#shadow-bottom {
    background: url('../../../../etc/clientlibs/history/images/grey-shadow-bottom.png');
    width: 1088px;
    height: 60px;
    margin: 0 auto;
}  

#acgrid {
    float: left;
    padding: 0;
    list-style: none;
    margin: 0px auto 0;
    width: 960px;  
}

#acgrid li {
    position: relative;
    float: left;
    padding: 1px;
    margin: 8px 8px 8px 0px;
} 

#acgrid li a {
    display: block;
}
  
#acgrid li img {
    background-color: white;
    padding: 0px; margin: 0;
    width: 110px;
    height: 107px;
}
  
.gallery3 {
    width:965;
}
    
.last li {
    margin-right: 0;
    size:150%;
}

div.largetext {  
    position:absolute;   
    bottom:7px; 
    top:0px;
    right:0px;  
    width:40%;  
    /* styling */  
    font-family: 'helvetica';  
    font-size:14px;  
    color:white;
    background: #333333;
    opacity:1.0; /* transparency */  
    filter:alpha(opacity=100); /* IE transparency */
    height: 100%;
    height: 376px;
}  
    
p.largetext_content{  
    padding:10px;  
    margin-left:5px; 
    margin-right:5px;
    margin-top:-5px; 
} 
   
.sliderimageAC img {
    width: 576px;
    height: 376px;
}
    
.women {
    position:absolute;
    bottom:0;
}

/* Body */
.mainBodyContainer {
    display: block;
    margin-top: 10px;
    width: 960px;
    margin-bottom: 5px;
}

.mainBodyContainer .leftContent{
    display: inline;
    float: left;
    width: 960px;
}

.mainBodyContainer .rightContent {
    display: inline;
    float: left;
    width: 234px;
}
.bottomWrapper {
    display: block;
    width: 100%;
    font-size: 14px;
    font: 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
   
}
/* Footer */
.footerWrapper {
    display: block;
    width: 100%;
    font-size: 14px;
    font: 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
    border-top-style:solid;
    border-top-width:8px;
    border-bottom-style:solid;
    border-bottom-width:8px;
    border-top-color:#114460;
    border-bottom-color:#114460;
}

.footerWrapper li {
    display: inline;
}

.footerWrapper ul {
    list-style-type: none;
    padding-left: 0px;
    margin: 0;
}

.footerWrapper ul a {
    text-decoration: none;
}

.footerWrapper ul a:hover {
    text-decoration: underline; 
}

.footerWrapper .rowOne {
    height:58px
}

.footerWrapper .rowOne a {
    color: #707070; 
}

.footerWrapper .rowTwo a {
    color: #CCC;
}

.footerWrapper .rowThree a {
    color: #707070; 
}

.footerWrapper .rowTwo {
    color: #CCC;
    margin-bottom: 0px;
    height:58px; 

}

.footerWrapper .rowTwo ul li a {
    height: 58px;
    
}

.footerWrapper .rowTwo ul li {
   
}

.footerWrapper .rowThree {
    display: inline;
    float: right;
    color: #707070;
    padding-right: 15px;
    padding-bottom: 10px;
}

.footerWrapper .rowThree ul li {
    padding-left: 10px; 
}
.Collections {
    position: absolute;
    float: left;
    top: 50px;
    width: 300px;
    z-index: 1;
}

.Collections img {
    width: 100%;
}


#grid {
    float: left;
    padding: 0;
    list-style: none;
    margin: 0px auto 0;
    width: 750px;  
}

#grid li {
    position: relative;
    float: left;
    padding: 0;
    margin: 0 13px 10px 0px;
}

#grid li a {
    display: block;
}
  
#grid li img {
    background-color: white;
    padding: 0px; margin: 0;
    width: 227px;
    height: 218px;
}
  

#topGrid {
    float: left;
    padding: 0;
    list-style: none;
    margin: 0px auto 0;
    width: 750px;  
}

#topGrid li {
    position: relative;
    float: left;
    padding: 0;
    margin: 0 5px 10px 5px;
}

#topGrid li a {
    display: block;
}
  
#topGrid li img {
    background-color: white;
    padding: 0px; margin: 0;
    width: 347px;
    height: 218px;
}

/* Column Control Layouts */

div.cq-colctrl-cols { width: 100%; float: left; }


div.cq-colctrl-default { width: 100%;}

 
/* layout 0 : 50% 50% ( grid6 + grid6 ) */

div.cq-colctrl-lt0 { width: 960px; }

div.cq-colctrl-lt0-c0 { display: inline; float: left; width: 474px; margin-right: 10px; }

div.cq-colctrl-lt0-c1 { display: inline; float: left; width: 476px; }

 
/* layout 1 : 33% 33% 33%( grid4 + grid4 + grid4 ) */

div.cq-colctrl-lt1 { width: 960px; }

div.cq-colctrl-lt1-c0 { display: inline; float: left; width: 313px; margin-right: 10px; }

div.cq-colctrl-lt1-c1 { display: inline; float: left; width: 314px; margin-right: 10px; }

div.cq-colctrl-lt1-c2 { display: inline; float: left; width: 313px; }

/* layout 2: 16% 16% 16% 33% ( grid2.6 + grid2.6 + grid2.6 + grid4 ) */
div.cq-colctrl-lt2 { }
div.cq-colctrl-lt2-c0 { width: 140px; margin-right: 10px;}
div.cq-colctrl-lt2-c1 { width: 140px; margin-left: 10px; margin-right: 10px}
div.cq-colctrl-lt2-c2 { width: 140px; margin-left: 10px; margin-right: 10px}
div.cq-colctrl-lt2-c3 { width: 220px; margin-left: 10px }
 
/* layout 3: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */
div.cq-colctrl-lt3 { }
div.cq-colctrl-lt3-c0 { width: 160px; margin-right: 10px;}
div.cq-colctrl-lt3-c1 { width: 160px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt3-c2 { width: 160px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt3-c3 { width: 160px; margin-left: 10px; }
 
/* layout 4: 5 x 20% ( grid2.5 + grid2.5 + grid2.5 + grid2.5 + grid2.5 ) */
div.cq-colctrl-lt4 { }
div.cq-colctrl-lt4-c0 { width: 124px; margin-right: 10px;}
div.cq-colctrl-lt4-c1 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c2 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c3 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c4 { width: 124px; margin-left: 10px; }
div.socialIcon img {
    width: 24px;
    height: 24px;
    padding-right: 5px;
}