@charset "UTF-8";
/* CSS Document */

/*Created: March 2009*/
/*Last Modified: March 1, 2009*/

/*
------------------------------------------------------------
  COLOR REFERENCE - values for established color palette
------------------------------------------------------------
Amparo Blue 100% = #2466b1 
Amparo Blue 22%  = #cfddee (used as the light blue in the background)

PMS 661 / Dark Blue 100%   = #00408c
PMS 661 / Dark Blue 90%    = #00549e

Light Grey/Silver  = #f3f4f3 (used as the grey in the background)
Medium Grey/Silver = #d0d1d2 (used as the darker grey in the subnav area)
Medium Grey/Silver = #bdbebf (used as the darker grey in the main navbar area)
Dark Grey/Silver   = #414141 (used for type)

Sale Red = #bf0000;

*/




/*
------------------------------------------------------------
  BASIC BIG BLOCKS - Global settings for elements
------------------------------------------------------------
*/
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: url(../png/bg_page_blue-silver.png) repeat-x top center #f3f4f3;
}
/* zero out all default margin, padding, and border settings */
div,table,tr,td,th,img,p,ul,li,dl,dt,dd,hr,h1,h2,h3,h4,h5,h6,form,label{
margin: 0;
padding: 0;
border: 0;
}
/* zero out all default margin and padding settings */
select,input{
margin: 0;
padding: 0;
}
/* this class is used to set a clear on an empty div */
.clear {
position: relative;
display: block;
clear: both;
width: 100%;
height: 1px;
overflow: hidden;
margin: 0;
font-size: 1px;
line-height: 1px;
}
/*this class used to set a clear on any element*/
.clear-fix {
clear:both;
}
/*classes for floats on any object*/
.left {
position: relative;
float:left;
}
.right {
position: relative;
float:right;
}


/*** END *** BASIC BIG BLOCKS ***/









/*
------------------------------------------------------------
  LAYOUT CONTAINERS - Major wrappers and containers that hold major chunks of the site
------------------------------------------------------------
*/
 
/* CONTAINER holds the entire webpage, and is the first object after the body */
#container {
position: relative;
width: 100%;
height: 100%;
}
/* WRAPPER holds the entire webpage, and is the second object after the body */
#wrapper {
position: relative;
width: 1010px;
/* height: 100%; */
margin: 0 auto;
}
/* HEADER_WRAPPER holds the header and the navbar*/
#wrapper #header_wrapper {
position: relative;
width: 100%;
z-index: 100;
}
/* HEADER holds the sharing and shopping cart links*/
#header{
margin: 0 auto;
width: 832px;/*added 2px to the width to accomidate the borders on the content wrapper*/
padding: 13px 15px 10px 165px;
}
#blog #header{
width: 782px;/*added 2px to the width to accomidate the borders on the content wrapper*/
padding: 13px 15px 10px 215px;
}
/* NAV_WRAPPER holds the navbar and buttons*/
#nav {
width: 100%;
border: 1px solid #00408c;
border-bottom: none;
/* used on for mocking up the superfish menu. can delete later
background-color: red;
height: 100px; 
*/
}
/* CONTENT_WRAPPER holds all of the content below the navbar and above the footer */
#wrapper #content_wrapper {
position: relative;
width: 735px;
background: url(../png/bg_content-wrapper.png) repeat-y top left #fff;
border: 1px solid #00408c;
padding: 0px 110px 0px 165px;
}
#blog #wrapper #content_wrapper {
width: 685px;
padding: 0px 110px 0px 215px;
background: url(../png/bg_blog-content-wrapper.png) repeat-y top left #fff;
}
/* CONTENT holds all of the ..... */
#content {
position: relative;
width: 100%;
min-height:500px;
overflow:hidden;
float: left;
padding: 15px 0;
}
/* SIDEBAR RIGHT holds the logo and social network buttons */
#sidebar_right {
position: relative;
width: 88px;
float: right;
margin: 0 -103px 0 15px;
padding: 15px 0;
}
#social_network_icons{
position: absolute;
width: 20px;
top:265px;
left:25px;
}
#myj-facebook, #myj-twitter, #myj-share{
position: relative;
margin: 0 auto 20px auto;
display: block;
width: 20px;
height: 20px;
overflow: hidden;
}
#sharethis_0{
display: block;
padding-top: 5px;
width: 18px;
height: 20px;
overflow: hidden;
}
/* SIDEBAR LEFT holds the subnav for the current section */
#sidebar_left {
position: relative;
width: 120px;
min-height: 570px;
background-color: red;
float: left;
border-right: 1px solid #00408c;
margin: 0 0 0 -900px;
padding: 15px 15px;
background: url(../png/bg_subnav-gradient.png) repeat-x top left #d0d1d2;
}
#blog #sidebar_left {
width: 170px;
}
/* FOOTER WRAPPER is the outer wrapper of the footer section and has the page shadow in it */
#footer_wrapper {
clear:both;
position: relative;
width: 100%;
height: 50px;
background: url(../png/bg_footer-shadow.png) no-repeat top center;/*f3f4f3*/
/*ie6 hack - move to separate file*/
_background-image: none;
/*end ie6*/
}
/* FOOTER holds the buttons and copyright */
#footer {
margin: 0 auto;
width: 737px;/*added 2px to the width to accomidate the borders on the content wrapper*/
padding: 10px 110px 0px 165px;
}
#blog #footer {
margin: 0 auto;
width: 685px;/*added 2px to the width to accomidate the borders on the content wrapper*/
padding: 10px 110px 0px 217px;
}



/*** END *** LAYOUT CONTAINERS ***/









/*
------------------------------------------------------------
  1, 2, 3 COLUMN LAYOUTS - Settings for all elements and containers that column layouts
------------------------------------------------------------
*/

/* 1 COLUMN GRID - used to organize content in 1 column grid
------------------------------------------------------------ */
.col1 {
position: relative;
}


/* 2 COLUMN GRID - used to organize content in 2 column grid
------------------------------------------------------------ */
.col2 {
position: relative;
width: 47.5%;
}
.grid2{
width: 50%;
}
.grid2.left{
position: relative;
float:left;
width:330px;
/*
height:348px;
overflow: hidden;
border: 1px solid #bbd9ef;
*/
}
#gallery.active .grid2.left{
position: relative;
float:left;
width:405px;
/*height: 650px;*/
padding: 0 0 10px 0;
/* background-color: red; */
}
#gallery.inactive .grid2.left, #gallery.inactive #loading, #gallery.inactive #slideshow, #gallery.inactive #caption{
display: none;
}
.grid2.right{
position: relative;
float:right;
width:405px;
/* overflow: hidden; */
}
#gallery.active .grid2.right{
position: relative;
float:right;
width:300px;
/*
height: 660px;
overflow: hidden;
background-color: red;
*/
}
#gallery.inactive .grid2.right{
float: none;
width: 100%;
}


/* 3 COLUMN GRID - used to organize content in 3 column grid
------------------------------------------------------------ */
/* Basic settings for each column */
.col3 {
position: relative;
float: left;
width: 30%;
}
/* Sets the gutter spacing between the columns */
.col3.center {
margin: 0 5%;
}

/* 5 COLUMN GRID - used to organize content in 5 column grid (ie. homepage)
------------------------------------------------------------ */
/* Basic settings for each column */
.col5 {
position: relative;
width: 20%;
}


/*** END *** COLUMN LAYOUTS ***/









/*
------------------------------------------------------------
  TYPOGRAPHY SETTINGS
------------------------------------------------------------
*/

* {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1em;
}

/* PARAGRAPH
------------------------------------------------------------ */
p, .grid2 div.caption p {
color:#414141;
font-size: .73em;
line-height: 1.5em;
margin-bottom: 1.5em;
margin-left: 0;
}
.grid2 p{
margin-left: 20px;
}
.img-292x460_wrapper p{
color: #00408c;
font-size: .7em;
line-height: 1.3em;
margin-bottom: 0;
}
#filter_form p{
text-align: center;
margin-bottom: 0;
}
#featured_gallery p{
padding: 7px 15px;
margin: 0;
}
.pagination p.links{
margin-bottom: 0;
width: 400px;
position: relative;
float: right;
padding: 11px 10px 9px 10px;
text-align: right;
font-size: .60em;
text-transform: uppercase;
}
.pagination p.results{
margin-bottom: 0;
width: 250px;
font-size: .7em;
position: relative;
padding: 10px 10px 9px 10px;
color: #00408c;
}

/* H1 - Used for page titles
------------------------------------------------------------ */
h1, .look-like-h1 {
color: #fff;
font-size: 1.1em;
line-height: 1.1em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .03em;
margin: 0 0 1em 0;
padding: 10px;
background: url(../png/bg_h1-page-title.png) repeat-x top left #2466b1;
}
.grid2 .look-like-h1 {
padding-left: 20px;
}
.grid2 h1{
margin-left: 20px;
}
.catalog h1 {
margin-bottom: 0;
}
#featured_gallery h1{
padding: 7px 15px;
margin: 0;
}

/* H2 - Used for subheads of major sections
------------------------------------------------------------ */
h2, .look-like-h2, div.caption h2 {
color: #00408c;
font-size: 1.0em;
line-height: 1.3em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .03em;
margin: 2em 0 .2em 0;
padding: 0;
background: none;
}
#blog h2 {
margin: 0 0 .2em 0;
}
div.caption h2 {
margin-top: 1em;
}
.look-like-h2{
margin: 0 0 1em 0;
}
.grid .look-like-h2 {
margin-left: 20px;
}
h2.first {
margin-top: 0;
}
#content .col5 h2{
display: block;
width: 100%;
margin: 2em .3em .2em .3em;
}

/* H3 - Subheads for block of content in columns
------------------------------------------------------------ */
h3, div.caption h3 {
color: #00408c;
font-size: .64em;
line-height: 1.3em;
text-transform: uppercase;
letter-spacing: .05em;
margin-top: 2em;
font-weight: bold;
}
.grid2.right h3{
margin-left: 20px;
}

/* H4 - Subheads subnav column
------------------------------------------------------------ */
h4 {
color: #00408c;
font-size: .66em;/*.62em .64em*/
line-height: 1.3em;
text-transform: uppercase;
letter-spacing: .05em;
font-weight: bold;
margin-top: 1.5em;
}
h4.first {
margin-top: 0;
}

/* LISTS - applies to unorder and order liss
------------------------------------------------------------ */
ul, ul.thumbs li div.caption ul{
margin: 0 0 1.5em .85em;
}
li, ul.thumbs li div.caption li {
color:#414141;
font-size: .73em;
line-height: 1.5em;
}
li li{
font-size: inherit;
}
/*header - share and cart links*/
#header ul {
list-style: none;
margin: 0;
height: 18px;
}
#header li{
position: relative;
float: left;
list-style-type: none;
color: #00408c;
font-size: .55em;
line-height: 1.4em;
font-weight: bold;
letter-spacing: .04em;
margin: 0 3em 0 0;
}
#header li.right{
position: relative;
float: right;
width: auto;
margin: 0 0 0 3em;
}
/*navbar - share and cart links*/
/*MOVED TO SUPERFISH
#nav ul {
list-style: none;
margin: 0;
height: 24px;
overflow: hidden;
background: url(../png/bg_main-nav.png) repeat-x top left #bdbebf;
}
#nav li{
float: left;
list-style-type: none;
color: #00408c;
font-size: .55em;
font-weight: bold;
letter-spacing: .04em;
}
#nav li.first{
width: 151px;
}
#nav li.last, #nav li.search{
float: right;
background: url(../png/bg_main-nav.png) repeat-x bottom left #2466b1;
}
#nav li.search{
height: 25px;
}
*/
/*sidebar - subnav links*/
#sidebar_left ul {
margin-bottom: 0;
}
#sidebar_left li{
color: #00408c;
font-size: .67em;/*.64em .69em*/
line-height: 1.4em;
font-weight: bold;
letter-spacing: .04em;
}
/*footer links*/
#footer ul {
list-style: none;
margin: 0;
}
#footer li{
position: relative;
float: left;
list-style-type: none;
color: #414141;
font-size: .55em;
line-height: 1.4em;
font-weight: bold;
letter-spacing: .04em;
margin: 0 .75em 0 0;
}
#footer #copyright{
position: relative;
float: right;
width: 275px;
margin: 0px 0 0 0;
color: #414141;
font-size: .55em;
line-height: 1.4em;
font-weight: bold;
letter-spacing: .04em;
padding: 3px 0;
}


/* DEFINITION LIST - typically used for Q and A articles
------------------------------------------------------------ */
dl {
margin-bottom: 1.5em;
}
dt{
color: #00408c;
font-size: .64em;
line-height: 1.3em;
text-transform: uppercase;
letter-spacing: .05em;
margin-top: 1em;
font-weight: bold;
}
dd{
color:#414141;
font-size: .73em;
line-height: 1.5em;
margin-bottom: 1em;
}

/* LINKS - how do text links look and behave on hover
------------------------------------------------------------ */
a {
color: #00408c;
line-height: inherit;
}
h2.look-like-h1 a{
color:#fff;
text-decoration: none;
}
/*header - share and cart links*/
#header li a {
color: #414141;
padding: 3px 0;
display: block;
text-decoration: none;
text-transform: uppercase;
}
/*nav - share and cart links*/
/*MOVED TO SUPERFISH
#nav li a {
display: block;
color: #414141;
text-decoration: none;
text-transform: uppercase;
padding: 6px 15px 5px 15px;
}
#nav li.first a {
width:121px;
}
#nav li.last a{
float: right;
padding: 6px 10px 5px 10px;
width: 90px;
color: #fff;
}
*/
/*sidebar - subnav links*/
#sidebar_left li a{
color: #414141;
text-decoration: none;
display: block;
}
#blog #sidebar_left li a{
display: inline;
}
#sidebar_left h4 a{
color: #00408c;
text-decoration: none;
display: block;
}
/*footer links*/
#footer li a{
color: #414141;
padding: 3px 0;
display: block;
text-decoration: none;
text-transform: uppercase;
}
/*catalog thumbnail links*/
.img-147x152_wrapper .title a{
color: #fff;
}
a:hover {
text-decoration: none;
}
h2.look-like-h1 a:hover{
text-decoration: underline;
}
#header a:hover, #sidebar_left a:hover, #footer a:hover{
text-decoration: underline;
}
/*pagination links*/
.pagination p.links .current{
font-weight: bold;
background-color: #fff;
color: #00408c;
padding: 5px 6px;
line-height: 1.4em;
}
.pagination p.links a{
font-weight: bold;
padding: 5px 6px;
line-height: 1.4em;
text-decoration: none;
}
.pagination p.links a:hover{
background-color: #00408c;
color: #fff;
text-decoration: underline;
}

/* MOVED TO SUPERFISH
#nav li.active a, #nav li a:hover{
color:#fff;
background: url(../png/bg_main-nav.png) repeat-x bottom left #2466b1;
}
#nav li.last a:hover{
color: #00408c;
background: url(../png/bg_main-nav.png) repeat-x top left #2466b1;
}
*/
/* CUSTOM CLASS - unique typography settings for all types of text
------------------------------------------------------------ */
.inline_subhead{
color: #00408c;
font-size: .876em;
line-height: 1.3em;
text-transform: uppercase;
letter-spacing: .05em;
font-weight: bold;
}
.small{
font-size: .7em;
}
.large{
font-size: 1.3em;
}
.sale{
color: #bf0000;
}
.not_on_sale {
display: none;
}
h1 .sku{
font-size: .62em;
color:#414141;
}
p.view-collection{
width: 730px;
padding:10px;
}

/*** END *** TYPOGRAPHY SETTINGS ***/









/*
------------------------------------------------------------
  BASIC TABLE - default table settings for all tables used in site
------------------------------------------------------------
*/
table {
font-size: .73em;
line-height: 1.5em;
background-color: transparent;
border-collapse:collapse;
}
#EmailForm table{
padding-bottom: 1em;
}
th {
font-size: .9em;
text-transform: uppercase;
padding: 5px 10px;
text-align: left;
background-color: #bbd9ef;
color: #00408c;
border: 1px solid #00408c;
}
td {
color:#414141;
padding: 5px 10px;
vertical-align:top;
border: 1px solid #00408c;
}
table.noborders td{
border-color: #fff;
}
table.form td {
vertical-align:baseline;
}
#EmailForm table td{
border: none;
padding-left: 0;
padding-bottom: 15px;
}
tr {

}
tr.even {

}
tr.odd {

}
/*table for prices on product page*/
table.price{
margin-left: 20px;
}
table.price td{
color: #00408c;
font-size: 10.233px;
vertical-align: bottom;
padding-bottom: 0;
text-transform: uppercase;
letter-spacing: .05em;
font-weight: bold;
border: none;
padding-left: 0;
}
table.price .sale td{
color:#bf0000;
}
table.price td.dollar{
font-size: 1.2em;
font-weight: normal;
}


/*** END *** TABLE SETTINGS ***/









/*
------------------------------------------------------------
  STANDARD IMAGE - settings images sizes and styling for images
------------------------------------------------------------
*/
/*start here*/
.img-147x152{
position: absolute;
width:147px;
height:152px;
overflow: hidden;
}
.img-292x460{
position: absolute;
width:292px;
height:460px;
overflow: hidden;
}
.img-328xauto {
width:328px;
height:auto;
overflow: hidden;
border: 1px solid #bbd9ef;
}
.img-76x78{
width: 76px;
height: 78px;
overflow: hidden;
}

/*** END *** STANDARD IMAGE ***/










/*
------------------------------------------------------------
  FORM - Settings for all form elements
------------------------------------------------------------
*/
input, select, option, textarea{
font-size: inherit;
}
.select,.text,.textarea {
/*border: #00408c solid 1px;
padding: 4px;*/
padding: 2px 1px;
text-transform: none;
margin-top: 5px;
}
.checkbox, .radio {
margin-right: 5px;
}
#EmailForm .select, #EmailForm .text, #EmailForm .textarea,
#mc-embedded-subscribe-form .select, #mc-embedded-subscribe-form .text, #mc-embedded-subscribe-form .textarea {
width: 100%;
}
#mc-embedded-subscribe-form #mce-BIRTHDAY-month, #mc-embedded-subscribe-form #mce-BIRTHDAY-day {
width: 35px;
}
#mc-embedded-subscribe-form #mce-BIRTHDAY-year {
width: 50px;
}
.btn{
color: #fff;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
background: none;
border: #00408c solid 1px;
cursor: pointer;
letter-spacing: .05em;
padding:3px;
background: url(../png/bg_main-nav.png) repeat-x bottom left #00408c;
}
.btn:hover{
color: #00408c;
background: url(../png/bg_main-nav.png) repeat-x top left #2466b1;
}
label, .label{
color: #00408c;
font-size: 10.5px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .05em;
margin-right: 1em;
}
.nocaps{
text-transform: none;
}
fieldset{
border: 1px solid #bbd9ef;
margin: .5em 0 1.5em 0;
padding: 0em 1.5em .5em 1em;
}
legend{
color: #00408c;
font-size: 1.0em;
line-height: 1.5em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .03em;
}
/*Search Field in Navbar*/
#nav form{
padding: 0px 0px 0px 6px;
}
#nav #product_search{
*margin: -3px 0 3px 0;
}
#nav form .text{
width:135px;
}
#nav form .btn{
font-size: inherit;
padding:6px;
border: none;
}
/*Input and Select fields on blog site*/
#blog #sidebar_left select{
color: #414141;
font-size: 11px;
line-height: 1.4em;
padding: 2px 1px;
text-transform: none;
margin-top: 2px;
width: 100%;
}

#blog #sidebar_left input.text{
color: #414141;
width: 128px;
font-size: 11px;
line-height: 1.4em;
padding: 2px 1px;
text-transform: none;
margin-top: 2px;
}
/*Filter Fields on Catalog page*/
#filter_form form{
padding: 8px 0  10px 0;
}
#filter_form .select{
width: 90px;
margin-left: 1px;
}
#filter_form label{
margin: 0 5px;
}
/*
#filter_form .btn{
font-size: inherit;
padding:6px;
border: none;
} 
*/


/*** END *** TYPOGRAPHY SETTINGS ***/










/*
------------------------------------------------------------
  CATALOG - setting for catalog page and related items on product pages
------------------------------------------------------------
*/
/*Form filter at the top of the page*/
#filter_form{
background-color: #bbd9ef;
}
/*Pagination at the footer of the page*/
.pagination{
clear: both;
position: relative;
background-color: #bbd9ef;
height: 35px;
}

/*Catalog Lifestyle image and description*/
.img-292x460_wrapper{
position: relative;
width:292px;
height:460px;
overflow: hidden;
border: #bbd9ef solid 1px;
float: left;
}
.img-292x460_wrapper .description{
position: absolute;
bottom: -500px;
padding: 10px;
background-color: #bbd9ef;
}
.img-292x460_wrapper:hover .description{
bottom: 0px;
z-index: 999;
}

/*Catalog Thumbnail image and title*/
.img-147x152_wrapper{
position: relative;
width:145px;
height:152px;
overflow: hidden;
border: #bbd9ef solid 1px;
float: left;
}
.img-147x152_wrapper.nofloat{
float: none;
}
.img-147x152_wrapper:hover{
border: #00408c solid 1px;
}
.img-147x152_wrapper .title{
position: absolute;
top: -999em;
padding: 10px 8px;
width: 131px;
background-color: #00408c;
font-size: .70em;
line-height: 1.3em;
text-transform: uppercase;
color: #fff;
text-align: center;
}
.img-147x152_wrapper:hover .title{
top: 0;
z-index: 999;
}

/*Alt-Thumb View image*/
.img-76x78_wrapper{
position: relative;
width:76px;
height:78px;
overflow: hidden;
border: #bbd9ef solid 1px;
float: left;
}
.img-76x78_wrapper:hover{
border: #00408c solid 1px;
}

/*** END *** CATALOG ***/










/*
------------------------------------------------------------
  FEATURED GALLERY - scrolling image gallery on the homepage
------------------------------------------------------------
*/
/*Catalog Lifestyle image and description*/
#featured_gallery{
position: relative;
width: 100%;
}
#featured_gallery .title {
width: 100%;
background-color: #bbd9ef;
}
/*container that holds/masks the scrolling container*/

#featured_gallery .scrollable {
position: relative;
margin: 0 30px;
width: 675px;
height: 321px;
overflow: hidden;
}
/*scrolling container that holds the individual images*/
#featured_gallery .items {
/* this cannot be too large */ 
width:20000em; 
top:0;
left:0;
position:absolute; 
}
/*individual image in gallery*/
#featured_gallery .items a{
position: relative;
float: left;
display: block;
width: 673px;
height: 321px;
overflow: hidden;
border: #bbd9ef solid 1px;
border-bottom: none;
border-top: none;
}
#featured_gallery .items a:hover{
border: #00408c solid 1px;
border-bottom: none;
border-top: none;
}
#featured_gallery .btnBrowse{
position: absolute;
display: block;
width: 30px;
height: 321px;
top:0px;
background-repeat: no-repeat;
background-image: url(../png/btn_featured-gallery-arrows.png);
}
#featured_gallery .nextPage{
right:0px;
background-position: top right;
}
#featured_gallery .prevPage{
left:0px;
background-position: top left;
}
#featured_gallery .nextPage:hover{
background-position: bottom right;
}
#featured_gallery .prevPage:hover{
background-position: bottom left;
}