/*------------------------------------------------------------------------------
CLEAR THE DECKS
------------------------------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	text-decoration: none;
}
body {
	line-height: 1; /* set line-height multiplier to be used with font szie*/
	color: black;
/* 
   background: #fff url(/xm_client/images/OJN-paint-background-long.jpg) no-repeat 0 80px;
 */

}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
q {
  quotes: "“" "”" "‘" "’";
}
blockquote:before, q:before {
	content: open-quote;
}
blockquote:after, q:after {
	content: close-quote;
}
div {
   -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*------------------------------------------------------------------------------
HIGHSITE HTML PREFERENCES
------------------------------------------------------------------------------*/	
* { font-family: Georgia, serif; }
h1, h2, h3, h4, h5, h6, p { margin-bottom: .6em; }
/* h1, h2, h3 { letter-spacing: -.05em; } */
h1, h2, h3, h4, h5, h6 { word-spacing: 0.25px; }
h1, h2, h3 { line-height: 1.20em; }
h4, h5, h6 { line-height: 1.30em; }
p, a, li, td, label { line-height: 1.5em; }

/* initial sizes—use /xm_client/editor.css for special TinyMCE editor styling*/
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
p, td { font-size: 105% }
a, i, em, b, strong, span, li, q { 
   color: inherit; 
   font-size: inherit; 
   font-family: inherit; 
   font-weight: inherit;
}


/*------------------------------------------------------------------------------
SITE COLORS FOR REFERENCE
------------------------------------------------------------------------------*/	
/* 
tan        | dfd6be 
dark blue  | 234780 
light blue | 90b9dd 
dark gray  | 555555 
*/

/*------------------------------------------------------------------------------
WEB.FONTS
------------------------------------------------------------------------------*/	
/* Typekit.com */
p, li, td, label {
   font-family:'calluna', Georgia, serif; 
   font-weight: 400;
   color: #555;
}
b, strong {
   font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
   font-family: 'ratio', Verdana, sans-serif; 
   font-weight: 400;
   font-style: normal;
   color: #90b9dd;
}

/* 
Regular	"calluna"	400	normal	
Italic	"calluna"	400	italic	
Bold	"calluna"	700	normal	
Bold Italic	"calluna"	700	italic	

Light	"ratio"	300	normal	 
Light Italic	"ratio"	300	italic
Regular	"ratio"	400	normal	
Reg Italic	"ratio"	400	italic	
Bold	"ratio"	700	normal	
Bold Italic	"ratio"	700	italic
 */	
 
a:link, a: visited {
   color: #46818e;
}
a:hover {
   color: #999;
}

/*------------------------------------------------------------------------------
STICKY FOOTERS
--------------------------------------------------------------------------------*/
html, body { height: 100%; }

.container { min-height: 100%; }

.home section {
   overflow:auto;
   padding-bottom: 330px; 
}
.home footer {
   position: relative;
   margin-top: -330px;
   margin-right: auto;
   margin-left: auto;
   width: 960px;
   height: 330px; 
   clear:both;   
}

.subpage section {
   overflow:auto;
   padding-bottom: 115px; 
}
.subpage footer {
   position: relative;
   margin-top: -115px;
   margin-right: auto;
   margin-left: auto;
   width: 960px;
   height: 115px; 
   clear:both;   
}
/*------------------------------------------------------------------------------
SITE-WIDE DIVS
------------------------------------------------------------------------------*/	

.container {
	position: relative;
	margin: 0 auto;
	width: 960px;
   -webkit-box-shadow: 0 0 15px 5px #ede8dc;
   box-shadow: 0 0 15px 5px #ede8dc;
   padding-bottom: 40px;
}

.footer_editor { } /* must be here for TinyMCE footer editor */

.julian {
   position: absolute;
   width: 318px;
   height: 350px;
   z-index: 2;
   top: -331px;
   right: -6px;
   background: transparent url(/xm_client/images/julian-new-cut.jpg) no-repeat bottom center;
   background-size: 95%;
}

footer .content {
   position: relative;
   margin: 0 auto;
   width: 960px;
   height: 330px;
   z-index:99;
   background: transparent url(/xm_client/images/OJN-paint-original.png) no-repeat;
}
footer .content p {
   font-family: 'ratio',Verdana;
   font-size: 12px;
   color: #888;
   text-align: center;
   clear: both;
}

footer .content table {
   border-collapse: separate;
   border-spacing: 0;
   width: 575px;
   float: left;
   margin: 0 0 50px 50px;
   padding-top: 60px;
}

footer .content td {
   text-align: center;
   font-family: 'ratio',sans-serif;
   font-size: 15px;
   vertical-align: top;
   color: #234780;
}
footer .content td img {
   width: 110px;
   height: 144px;
}
footer address {
   float: right;
   width: 275px;
   font-family: 'ratio',sans-serif;
   font-size: 15px;
   font-style: normal;
   line-height: 26px;
   color: #234780;
   margin: 60px 0 0 46px;
   text-align: center;
}
.footermenu {
   /* specs here if needed for auto menu */
}
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }

/*------------------------------------------------------------------------------
DIVS -- HOME
------------------------------------------------------------------------------*/	
.home nav, .home .logo, .intro, .bottom_links, address, .banner_images, .quote, .home section {
   display: inline-block;
   vertical-align: top;
   /* border: 1px dotted #ccc; */
}
.quote {
   width: 625px;
   height: 100px;
   margin: 0 0 0 282px;
   padding: 15px 0 0 0;
}
   div.quote p+p {
      margin-top: -10px;
      float: right;
      margin-right: 100px;
   }
.home header {
   background: transparent url(/xm_client/images/ojn-banner-24bit.png) no-repeat 0 0;
   position: absolute;
   z-index: 10;
   top: 100px;
   width: 960px;
   height: 449px;
   overflow: hidden;
}
.banner_images {
   width: 600px;
   height: 360px;
   margin: 40px 0 0 275px;
   border: 1px solid #ccc;
}
.home .logo {
   height: 216px;
   width: 160px;
   margin: 40px 0 0 17px;
}
.home nav {  /*divs are globally set above to display: inline-block and vertical-align: top */
	width: 240px;
	min-height: 400px;
	margin: 70px 0 0 50px;
}	
.home section {
   margin: 70px 0 0 0;
   width: 620px;

}
   .intro {
      width: 100%;
      min-height: 400px;
   }
   .intro p {
      margin-right: 260px;
   }

/*------------------------------------------------------------------------------
DIVS -- SUBPAGES GLOBAL
------------------------------------------------------------------------------*/	
.subpage header {
   height: 200px;
   background: #fff url(/xm_client/images/subpage-header.jpg) no-repeat top;
}
.subpage.blog header {
   height: 152px;
}

.subpage footer {
   height: 115px;
   background: #fff url(/xm_client/images/subpage-footer.jpg) no-repeat bottom;
}
.subpage footer .content {
   height: 115px;
}
.subpage footer ul {
   text-align: center;
   padding: 40px 0 10px 0;
}
.subpage footer ul li {
   display: inline;
   margin: 0 10px 0 10px;
}
.subpage .logo {
   margin: 18px 0 0 138px;
}
/*------------------------------------------------------------------------------
DIVS -- SUB-ONE COLUMN
------------------------------------------------------------------------------*/	
.subpage #sidebar, .catalog #sidebar { /* applies to two_column as well */
   display: inline-block;
   vertical-align: top;
	margin: 50px 0 50px 50px;
	width: 350px;
	min-height: 400px;
}	
.subpage #main_column, .catalog #main_column {
   display: inline-block;
   vertical-align: top;
	margin: 20px 0 0 0;
	width: 470px;
}

/*------------------------------------------------------------------------------
DIVS -- SUB-TWO COLUMN
------------------------------------------------------------------------------*/	
.subpage .twocol #sidebar { 
	width: 170px;
}	
.subpage #two_columns {
   display: inline-block;
   vertical-align: top;
	margin: 50px 0 50px 20px;
	width: 670px;
}

/*------------------------------------------------------------------------------
DIVS -- SUB-LANDING
------------------------------------------------------------------------------*/	
.subpage .landing #sidebar { 
	width: 170px;
}
.subpage .landing #main_column {
   display: inline-block;
   vertical-align: top;
	margin: 50px 50px 0 20px;
	width: 670px;
}

/*------------------------------------------------------------------------------
DIVS -- CATALOG
------------------------------------------------------------------------------*/	
ul.ecomm_breadcrumb {
   margin-bottom: 10px;
}

ul.ecomm_breadcrumb li {
   display: inline;
}

.subpage.Support header img, .subpage.gift_certificate_fulfillment header img {
   display: none;
}

.catalog header, .subpage.Detail header, 
.subpage.checkout header, .subpage.Support header, .subpage.gift_certificate_fulfillment header {
   height: 200px;
   background: #fff url(/xm_client/images/jshop-banner.jpg) no-repeat top;
}
.subpage.Detail #main_column img {
   max-width: 100%;
   margin-bottom: 10px;
}

.subpage.Detail img.logo, .subpage.checkout img.logo  {
   display: none;
}
.subpage.catalog nav, .subpage.landing.Detail nav, .subpage.checkout nav,
.subpage.Support nav, .subpage.gift_certificate_fulfillment nav {
   position: relative;
   top: 157px;
   margin: 0 auto;
   width: 900px;
   height: 20px;
}

.catalog #sidebar, catalog #main_column {
   min-height: 10px;
   margin-bottom: 0;
}
.catalog #product_well {
   display: inline-block;
   vertical-align: top;
   margin: 0 50px 0 50px;
	width: 860px;
	text-align: center;
}
.catalog #product_well h1 {
    text-align: center;
}
.catalog .category_div, .catalog .product_div {
   float: left;
   width: 190px; /* 260px for change on 12/28 at 8.45a */
   position: relative;
   text-align: center;
   margin-right: 25px;
   margin-bottom: 30px;
}
.catalog .category_div h3, .catalog .product_div h3 {
   text-align: center;
   font-size: 1.1em;
}
.catalog .category_div a img, .catalog .product_div a img {
   width: 90%;
}
.catalog .for_image {
   /* height: 200px; */
}
.catalog .summary {
   /* float: left; */
   max-width: 100%;
}
.Product_List .category_div {
   float: left;
   width: 200px;
   /* height: 220px; */
   position: relative;
   text-align: center;
   margin-right: 25px;
   margin-bottom: 30px;
}
.Product_List .category_div h3 {
   position: absolute;
   bottom: 1px;
   right: 0;
   left: 0;
   text-align: center;
   font-size: 1.2em;
}
.Product_List .category_div a img {
   height: 260px;
}
.checkout #sidebar {
   width: 200px;
   display: none;
}
.checkout #main_column {
   margin-left: 150px; 
   width: 660px;
}
div.cart_link {
   position: absolute;
   top: 10px;
   right: 40px;
   display: none;
}
div.cart_link p {
   font-size: 15px;
   font-family: "ratio";
   font-weight: 400;
}
.credit-card-logos {
   width: 125px;
}


/*------------- for lists ----------------------*/
.main_column ol li, .two_columns ol li, .sidebar ol li, .intro ol li {
   list-style-type: decimal;
   margin-left: 25px;
}
.main_column ul li, .two_columns ul li, .sidebar ul li, .intro ul li {
   list-style-type: disc;
   margin-left: 20px;
}


	
/*------------------------------------------------------------------------------
NAVIGATION  
------------------------------------------------------------------------------*/

.home nav {
   float: left
   width: 215px;
}
.subpage nav {
   position: relative;
   margin: 40px auto;
   width: 900px;
   height: 20px;
}
.subpage.blog nav {
   position: relative;
   margin: 40px auto 0 auto;
   width: 900px;
   height: 20px;
}

/*------------------------------------------------------------------------------        
HOME MENU
------------------------------------------------------------------------------*/
.home #menuh {
   list-style: none;
}

.home #menuh li { margin: 0; list-style: none; }

.home #menuh li a {
        display: block;
        font-size: 15px;
        line-height: 16px;/*set vert spacing between li's and the main UL... */
        text-transform: uppercase;  /*...from the top of the nav div and the top of the... */
        letter-spacing: .05em;        /*...flydown from bottom of the top ul, and left and right... */
        color: #90b9dd;              /*...distances between edges of type and left of li */
        text-decoration: none;
        font-family: 'ratio';
        font-weight: 400;
}
.home #menuh li a { padding: 7px 10px 6px 10px; }

#menuh li a:hover {
        color: #ccc;
}
#menuh li a.current_top_menu_item {
   color: #a68338;
}

/*------------------------------------------------------------------------------        
SUBPAGE MENUs
------------------------------------------------------------------------------*/
.subhead #menuh {
   text-align: center;
   list-style: none;
}

.subpage #menuh li {  display: inline; }

.subpage #menuh li a {
        font-size: 15px;
        line-height: 16px;/*set vert spacing between li's and the main UL... */
        text-transform: uppercase;  /*...from the top of the nav div and the top of the... */
        letter-spacing: .05em;        /*...flydown from bottom of the top ul, and left and right... */
        color: #90b9dd;              /*...distances between edges of type and left of li */
        text-decoration: none;
        font-family: 'ratio';
        font-weight: 400;
}
.subpage #menuh li a:hover {
        color: #ccc;
}
.subpage #menuh li a.current_top_menu_item {
   color: #a68338;
}
.subpage #menuh li a { padding: 3px 8px 3px 8px; }

.subpage #menuh li a.top_of_sub { 
   color: #a68338; 
   font-weight: 700;
}

/*------------------------------------------------------------------------------        
branchmenu
------------------------------------------------------------------------------*/
#branchmenu ul {
   list-style: none;
}

#branchmenu li { margin: 0; list-style: none; }

#branchmenu li a {
        display: block;
        font-size: 15px;
        line-height: 16px;/*set vert spacing between li's and the main UL... */
        text-transform: uppercase;  /*...from the top of the nav div and the top of the... */
        letter-spacing: .05em;        /*...flydown from bottom of the top ul, and left and right... */
        color: #90b9dd;              /*...distances between edges of type and left of li */
        text-decoration: none;
        font-family: 'ratio';
        font-weight: 400;
}
#branchmenu li a { padding: 7px 10px 6px 10px; }

#branchmenu li a:hover {
        color: #ccc;
}
#branchmenu li a.current_page {
   color: #a68338;
}

/*------------------------------------------------------------------------------
HIGHSITE ONLY -- keep at end of file
------------------------------------------------------------------------------*/
.error_page h1 { margin: 40px 0 10px 40px; }
.error_page p { margin: 10px 40px; } 

p.edit_link_block { background: none; }

p.edit_link_block a.edit_link {
color: #9a4446;
font-weight: normal;
font-size: 9px;
text-decoration: none;
text-shadow: 0px 8px 0px rgba(255, 255, 255, 1);
}
p.edit_link_block a.edit_link:hover {
	text-decoration: underline;
}

.multidiv { /* for separating multiple sections */
	position: relative;
	margin: 0 0 20px 0;
	border-bottom: 2px dotted #999;	
	padding-bottom: 20px;
}

/*------------------------------------------------------------------------------
INSTA-SEARCH
------------------------------------------------------------------------------*/
#is_search {
   display: inline-block;
}
#search_response {
   box-shadow: 0 0  10px #bbb;
}
#search_response li p {
	font-size: 15px;
	line-height: 20px;
}
#search_response li h5 {
	font-size: 16px;
}
#search_response li h3 {
	font-size: 18px;
}
input#is_search_text {
	width: 200px;
	height: 20px;
}

/* add to head jQuery
$('input[type=submit]').addClass('button');
$('input[type=submit]').val('Go');
*/