/* *** Defaults *** */
.mainLayoutTable    { border:1px solid #dddddd; border-width:0px 1px 1px 1px; margin:0 auto 20px auto; text-align:left; }
body.main           { background-color:#FFF; margin:0; padding:0; text-align:center; }
td, body, input, select, textarea
                    { font-size:12px; font-family:Arial, Verdana, Geneva, Helvetica, sans-serif; color:#333333; }
select              { border:1px solid #cccccc; }
img                 { -ms-interpolation-mode: bicubic; }


.navheaderbg {
    background-color:#fff;
    font-size:12px; text-decoration:none; font-family: Arial;
}
.top_nav_link_container {
    padding-top:14px;
    width:100%;
}

.navfooterbg {
	font-family: Arial;
	font-size: 12px;
    border-top:1px solid #dddddd;
    padding:12px 0 0 0 ;
}

.contentbg, .popupcontentbg {
    background-color:#FFF;
}


.searchInput {
    height:24px;
    float:left;
    overflow:hidden;
    border:1px solid #c5c5c5;
    border-width:1px 0 1px 1px;
}

#q {
    width:213px;
    padding:4px 2px 5px 2px;
    color:#999999;
    border:0;
    margin:0;
}

a.signInLink { color:#990000; text-decoration:none; font-weight:bold; }
a.signInLink:hover { text-decoration:underline; }
a.signInLinkmy { color:#333333; text-decoration:none; font-weight:bold; }
a.signInLinkmy:hover { text-decoration:underline; }

.footerEmailBox { border:1px solid #d0d0d0;border-right:0px; padding:3px 2px 2px 2px; width:183px; color:#999999; }

.formlabel, .formlabel a:link, .formlabel a:active, .formlabel a:visited{
    font-size:11px;
    color:#333;
}
#formlabelsortby {
    font-weight: normal;
}
.formrequiredtext {
   font-weight:bold;
   font-size:12px;
   color:#333;
}
.brandingtext {
    font-size:12px;
}
.colorsubheader, .colorsubheader a:link, .colorsubheader a:active, .colorsubheader a:visited {
    font-weight:bold;
    font-size:24px;
    color:#333;
}
.clearbg {
}
div#header { height:97px; }
div#header div.logo { float:left }
div#header div.tools { height:53px;border-left:1px solid #dddddd;float:right;width:255px;margin:30px 0 0 0; font-family: Arial; }
div#header div.tools p { color:#333333;padding:0 0 0 16px;margin:0;font-size:12px;font-weight:bold; }
div.tools a { color:#333333;margin:0;font-size:12px;font-weight:bold; font-family:Arial; }
div#header div.search { float:right; margin:56px 16px 0 0; }

#search-box fieldset {
border: 0;
}

#page, body {
margin-top: 0px;
}

#primarynav { margin:0; padding:0; border-top:1px solid #dddddd; height:34px; background:url("https://ormstore-prod.oreilly.com/images/oreilly/en_us/global/globalgraphics/navtop_bg.gif") #f9f9f9; }
#primarynav li { display:inline; margin:0 0 0 0; padding:0 0 0 0; float:left; border-right:1px solid #dddddd; line-height:33px; font-family:Arial, sans-serif; }
#primarynav li.current { border-bottom:0; line-height:33px; background:#ffffff; border-bottom:1px solid #ffffff; }
#primarynav li a { padding: 0 15px; color:#222222; font-size:13px; text-decoration:none; font-family: Arial;}
#primarynav li a.current { color:#990000; }

.globalCartWrapper{ position:relative;top:5px; }

.globalCartNav { padding:8px 0 0 16px; }
.globalCartNavOver { background:url("https://ormstore-prod.oreilly.com/images/oreilly/en_us/global/globalgraphics/T_Main.png") no-repeat top left; width:266px; }
.globalCartLayer {   background:url("https://ormstore-prod.oreilly.com/images/oreilly/en_us/global/globalgraphics/B_Main.png") no-repeat bottom left; width:266px; padding:0 16px 6px 0;}
.globalCartBasketImg { position:relative; float:left; top:-1px }
.globalCartBasketInfo {
    position:relative;
    font-size:11px;
    margin-top:2px;
    margin-left:6px;
    margin-right:0;
    float:left;
}
.globalCartBasketInfo, .globalCartBasketInfo{
    font-weight:bold;
}

.globalCartBasketInfo .navHeader {
background: none;
}
.navHeader {
    font-weight:bold;
    font-size:12px;
    color:#333333;

}
/* TextTopNav */
/*The styles used for the topnav links*/
#top_logo {
vertical-align:top;
}
#top_middle {
vertical-align:top;
}
#top_search{
vertical-align:middle;
}
#top_globalcart {
float: right;
}
#top_banner {
font-weight:bold;
font-size: 12px;
color:#274869;
padding:5px 0pt 10px 7px;
}
.top_links {
float:left;
font-weight:bold;
width:385px;
padding:0pt 0pt 0pt 0pt;
}
.top_links ul{
margin:0px;
padding:0px;
list-style-type:none;
}
.top_links ul li{
display:block;
float:left;
margin:0px;
padding:0px;
}
.top_links ul li a{
display:block;
float:left;
padding:0px 3px 6px 20px;
color:#FFFFFF;
text-decoration:none;
white-space: nowrap;
/*background:transparent url(/images/en_US/global/globalgraphics/topnavlink_bg.png) no-repeat scroll 0 0;*/
}
.top_links ul li a:hover {
/*background:transparent url(/images/en_US/global/globalgraphics/topnavlink_bg.png) no-repeat scroll 0 -66px;*/
color:#666666;
}
/*** Start Category Menu Styles  ***/
.sf-menu, .sf-menu * {
    margin:         0;
    padding:        0;
    list-style:     none;
}

.sf-menu ul {
    position:       absolute;
    top:            -999em;
    width:          20em; /* left offset of submenus need to match (see below) */
    float:left;
}
.sf-menu ul li {
    width:          100%;
}
.sf-menu li:hover {
    visibility:     inherit; /* fixes IE7 'sticky bug' */

}
.sf-menu li {
    float:          left;
    position:       relative;
}
.sf-menu a {
    display:        block;
    position:       relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:           0;
    top:            32px; /* match top ul list item height */

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:           20em; /* match ul width */
    top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:           20em; /* match ul width */
    top:            0;
}

li.GlobalNavInfo {
float: right;
white-space: nowrap;
text-align: right;
width: 431px;
}
li.GlobalNavInfo.right {
padding-right: 10px;
width: 150px;
}
li.GlobalNavInfo.right a {
color: #000;}

/*** MENU SKIN ***/
.sf-menu { float:left; }
.sf-menu a {text-decoration:none; }
.sf-menu a.sf-top-level-link { padding:0px; text-decoration:none }
.sf-menu a, .sf-menu a:visited  {  color: #13a; }
.sf-menu li { background: #ffffff; }
.sf-menu li ul { margin:1px 0 0 -6px; }
.sf-menu li li { background:url("https://ormstore-prod.oreilly.com/images/oreilly/en_us/global/globalgraphics/dhtml_bg_mid.png"); }
.sf-menu li li li { background: #9AAEDB; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline:        0;
    z-index:        99;
    color:          #000000;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    /* background: url("/images/oreilly/en_us/global/globalgraphics/dhtml_bg_top.png") no-repeat top; */
    padding: 0;
    width:225px;

}
.sf-menu li li.DHTMLTop {
    height:10px;
    background: url("https://ormstore-prod.oreilly.com/images/oreilly/en_us/global/globalgraphics/dhtml_bg_top.png") no-repeat top;
}
.sf-menu li li.DHTMLKicker{
    text-align:center;
    padding:10px 0 0 0;
}

.sf-menu li li.DHTMLPlate{
    background: url("https://ormstore-prod.oreilly.com/images/oreilly/en_us/global/globalgraphics/dhtml_bg_bottom.png") no-repeat bottom;
    height:10px;
    padding:0;
}

.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
/*** text top nav ***/
#sf-menu-text-nav{
    /* default styles */
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    color:#990000;
}
#sf-menu-text-nav .sf-menu {
    /* text nav block */
    border-bottom: 1px solid #dddddd;
    display: block;
    position: relative;
    color: #666;
    width:100%;
    float:left;
    z-index:99;
}
#sf-menu-text-nav .sf-menu li div a { display:block;position:relative;color:#990000;padding: 0 10px; margin:0; border-right:1px solid #dddddd;}
#sf-menu-text-nav .sf-menu li div a:hover { color:#222222; }

#sf-menu-text-nav .sf-menu a.last {
    border:0;
}


#sf-menu-text-nav .sf-menu a.current {
    /* current link */
    color: #222222;
}

#sf-menu-text-nav .sf-menu a:focus, #sf-menu-text-nav .sf-menu a:hover, #sf-menu-text-nav .sf-menu a:active {
    /* link focus, hover and active */
    outline: 0;
    z-index: 99;
}
.sf-menu li {
    /* top level li */
    background: #ffffff;
    line-height:19px;
    padding:6px 0;
}

.sf-menu li ul li { padding:2px 0 2px 0; }
.sf-menu li ul li a { border:0px; }

#sf-menu-text-nav .sf-menu li a {
    color: #990000;
}

#sf-menu-text-nav .sf-menu li a:focus,
#sf-menu-text-nav .sf-menu li a:hover,
#sf-menu-text-nav .sf-menu li a:active
{
    /* sub menu links */
    color: #990000;
}

#sf-menu-text-nav .sf-menu li ul li a {
    /* DHTML menu only */
    color: #333333;
    padding-left:20px;
}


/*** End Category Menu Styles  ***/



/*** Start Multi Column Footer ***/
#multiColumnFooter {
	font-family: Arial;
	font-size: 12px;
    position:realtive;
    width:100%;
    text-align:left;
}

#multiColumnFooter p {
	font-family: Arial;
	font-size: 12px;
}

#multiColumnFooter form {
    padding:0px;
    margin:0px;
}
#multiColumnFooter .emailSignUpBlock {
    margin-top:10px;
    margin-right:5px;
    margin-left:5px;
    position:realtive;
    float:right;
}
#multiColumnFooter .emailSignUpBtn {
    float:left;
}
#multiColumnFooter .emailSignField {
    float:left;
}
#multiColumnFooter .emailSignLabel {
    margin-top:5px;
    margin-right:5px;
    float:left;
}
#multiColumnFooter .contentSectionBlock {
    position:relative;
    text-align:center;
    border:1px solid transparent;
}
#multiColumnFooter .contentSectionContainer {
    position:relative;
    float:left;
    text-align:center;
    margin:0 0 0 20px;
}
#multiColumnFooter .contentSection {
    position:relative;
    padding:0;
    margin:5px;
    display:inline-block;
}
#multiColumnFooter ul {
    margin:0;
    padding:0;
    list-style:none;
}
#multiColumnFooter li {
	font-family: Arial;
	font-size: 12px;
    margin:0;
    padding:0;
    text-align:left;
}
#multiColumnFooter h3 {
    margin:0;
    padding:0;
    text-align:left;
    font-size:11px;
    font-weight: bold;
}
#multiColumnFooter .rssBlock {
    text-align:right;
    margin:5px;
}
#multiColumnFooter .securityBlock {
    text-align:center;
    padding:5px;
    background-color:#FFFFFF;
}
#multiColumnFooter a:link, #multiColumnFooter a:active, #multiColumnFooter a:visited {
    color:#333333;
    text-decoration:none;
}
#multiColumnFooter a:hover {
    color:#333333;
    text-decoration:underline;
}


/* example: individual column override */
/*
#footerColumn-3{
    width:175px;
    background-color:#999;
}
*/
/*** End Multi Column Footer ***/

.emailSignUpTable { height:49px; width:966px; background:#990000; margin:0 12px 10px 12px; }
.emailSignUpTable tr td { color:#ffffff; font-size:12px; font-weight:bold; text-align:left; font-family: Arial;}
.emailSignUpTable div {font-family: Arial;}
.emailSignUpTable tr td input {vertical-align:middle;}

.emailSignUpTable tr td a { color:#ffffff; font-size:12px; font-size:11px; text-decoration:none; font-weight:normal; }
.emailSignUpTable tr td a:hover { text-decoration:underline; }
.utility { margin:0; padding:0; }
.utility li { display:inline; margin:0; padding:0 4px 0 0 ; }

.NavSearchBottom {
width: 172px;
padding: 2px;
height: 22px;
border: 0px;
}

#multiColumnFooter #footer-branding { width:270px; width:270px; float:left; margin:0 0 20px 12px; }
#multiColumnFooter #footer-branding p { margin:0; }
#multiColumnFooter #footer-branding p.copyright { font-weight:bold; }
#multiColumnFooter #footer-branding p.trademarks { font-size:12px; margin:10px 20px 0 0 ; }
#multiColumnFooter #footer-branding p span.phone-number { padding:0 10px 0 0; font-weight:bold; }

#multiColumnFooter div span h3 { font-size:12px; margin:0 0 4px 0; padding:0 0 0 0; }
#multiColumnFooter div span ul { list-style-type:none; margin:0 0 20px 0; padding:0; }
#multiColumnFooter div span ul li { line-height:18px; }

#multiColumnFooter a { text-decoration:none; color:#000000; }
#multiColumnFooter a:hover { text-decoration:underline; }
#multiColumnFooter div span h2 { font-size:12px; margin:4px 0 4px 0; padding:0 0 0 0; }
/* ADDING Pop uP ***/

#popdiv {
z-index:9999;
}

/* styles for search autocomplete */
#search-box fieldset {
border: none;
padding: 0;
}

#autocomplete {
top: 0;
left: 0px !important;
width: 210px !important;
}
#autocomplete .yui-ac-content {
padding: 3px !important;
margin-top:25px;
}

.yui-skin-sam .yui-ac {
    position:relative;font-family:arial;font-size:100%;
}
.yui-skin-sam .yui-ac-input {
    width:20em;
}
.yui-skin-sam .yui-ac-container {
    top:1.6em;width:20em;
}
.yui-skin-sam .yui-ac-content {
    position:absolute;width:210px;border:1px solid #808080;background-color:#fff;overflow:hidden;z-index:9050;
}
.yui-skin-sam .yui-ac-shadow {
    position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity: 0.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;
}
.yui-skin-sam .yui-ac-content ul{
    margin:0;padding:0;width:20em;
}
.yui-skin-sam .yui-ac-content li {
    margin:0;padding:2px 5px;cursor:default;white-space:nowrap;
}
.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight {
    background:#B3D4FF;
}
.yui-skin-sam .yui-ac-content li.yui-ac-highlight {
    background:#0000FF;color:#FFF;
}
