/* Styles for specific parts of Associates Central. */
/* ------------------------------------------------ */

/* Top navigation styles */
#toplinks
{
    font-size:10px !important;
    text-align:right;
}
#toplinks a
{
    text-decoration:none;
}
#toplinks a:hover
{
    color:#cc6600 !important;
}
#toplinks a:visited
{
    color:#003399 !important;
}
#toplinks img.icon
{
    position:relative;
    top:4px;
}

/* style the locale selector */
div#locale_selector_selector 
{
    float:right;
    text-align:left;
    padding:3px 2px 3px 3px;
    margin-left:2px;
    width:105px;
    height:12px;
    margin-top:2px;
    border-color:#aaa;
}

/* noscript case */
form#locale_selector_selector *
{
    vertical-align:middle;
}

#locale_selector_list 
{
    width:140px;
}

#locale_selector_list .dynamic_listbox_element
{
    font-size:10px;
    padding:3px 0px 3px 6px;
}

/* Identity box */
div#identitybox .box
{
    margin:5px 0px 5px 0px;
    padding:0px 10px;
    font-size:12px;
    width:180px;
}
div#identitybox form
{
    width:160px;
    margin:5px 0px;
}
div#identitybox form *
{
    vertical-align:bottom;
}
div#identitybox select
{ 
    width:130px;
}
div#identitybox hr
{
    background-color:#9DC4D8;
    border:0pt none;
    height:1px;
    margin:5px 0px;
}
div#identitybox h4
{
    margin:3px 0px;
    font-size:13px;
}
div#identitybox a
{
    text-decoration:none;
}
div#identitybox a img
{
    border:none;
}
div#identitybox p
{
    margin:3px 0px;
}
div#identitybox p#signin
{
    margin:5px 0px;
    position:relative;
}
div#identitybox p#signin *
{
    vertical-align:middle;
}
div#identitybox p#signin a#needHelp
{
    font-size:11px;
    text-decoration:underline;
}
div#identitybox p#noAccount
{
    font-size:11px;
    color:#666666;
}
div#identitybox p#currentTrackingId
{
    font-weight:bold;
    margin:3px 0px 0px 0px;
}
div#identitybox p#combinedReports
{
    margin:5px 0px;
    line-height:1.5em;
}
div#identitybox p#combinedReports input
{
    margin:0px;
    vertical-align:text-bottom;
}
div#identitybox .left-float
{
    float:left;
    font-size:13px;
}
div#identitybox .right-float
{
    float:right;
    font-size:11px;
}


/* Left-hand navigation styles */
#navigation
{
    width: 160px;
    padding:0px;
}

#navigation h3
{
    background-color:#F6F6E9;
    background-image:url('http://ec1.images-amazon.com/images/G/01/nav2/images/gui/tile-tan-bg.gif');
    background-repeat:repeat-x;
    font-size:13px;
    font-weight:normal;
    padding:0px 8px;
    margin-bottom:1px;
    border:1px solid #c4c494;
    height:2.3em;
    line-height:2.3em;
}

#navigation.secure h3
{ 
    background-image:url('https://images-na.ssl-images-amazon.com/images/G/01/nav2/images/gui/tile-tan-bg.gif');
}

#navigation li
{
    margin: 4px 0px 4px 0px;
    padding-left:0px;
}
#navigation ul.nav
{
    padding-left: 0px;
    margin: 0px 0px 10px 0px;
    list-style-type: none;
    font-size:13px;
}
#navigation ul.nav li
{
    margin: 0px 0px 0px 0px;
    padding-left:0px;
    border-bottom:1px solid #ffffff;
}
#navigation ul.nav ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#navigation ul.nav a
{
    display: block;
    padding: 5px 9px;
    text-decoration: none;
    color: #003399 !important;
    font-weight: bold;
    white-space:normal;
}
#navigation ul.nav ul li
{
}
#navigation ul.nav ul a
{
    padding-left: 25px;
    font-weight:normal;
}
#navigation ul.nav ul ul a
{
    padding-left: 45px;
    font-weight:normal;
}
#navigation ul.nav a:hover
{
    color: #cc6600 !important;
    background-color: #f1f1da;
}
#navigation ul.nav ul a.active
{
    color: #cc6600 !important;
    background-color: #ffffff;
}
#navigation .selected
{
    background-color: #f1f1da;
}


/* Alert box */
div.alert
{
    position:relative;
    background-color:#fdfad6;
    padding:8px 12px 12px 12px;
    margin:-20px -10px 10px -20px;
    font-weight:bold;
}
div.alert img.icon,
div.main_alert img.icon
{
    position:absolute;
}
div.alert p.message
{
    margin:0px 0px 0px 30px;
    padding:5px 0px 0px 0px;
}

div.main_alert
{
    width:500px;
    margin:30px auto;
    border: 1px solid #CC6600;
    position:relative;
    background-color:#fdfad6;
    padding:8px 12px 12px 12px;
}

div.main_alert p.message
{
    margin:0px 0px 0px 30px;
    font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
    font-size:11px;
}

/* Site stripe styles */
#sitestripe,
#sitestripe td
{
    font-size:10px;
}
#sitestripe a
{
    color:#fff;
}


/* Cool headings */
h1.mainpage
{
    color:#4c94b7;
    font-size:24px;
    font-weight:lighter;
    margin:0px;
    padding:0px;
}

hr.mainPageSpacer
{
    visibility:hidden;
    margin:15px 0px;
}

/* Managed content */
div.managedContent
{
    clear:both;
    margin:1em 0px;
}
div.managedContent img
{
    padding-right:5px;
    padding-bottom:10px;
}
div.managedContent h3
{
    margin-top:20px;
}
div.managedContent h2
{
    margin-top:20px;
    color:#cc6600;
    font-size:16px;
    font-weight:bold;
}


/* Help landing page */
table#helpContent
{
    width:95%;
}
table#helpContent td
{
    width:33%;
    padding:5px;
}
table#helpContent td h3
{
    background-color:#f4f4f4;
    padding:5px;
}


/* Product Previews beta */
div#productPreviewsContent h3
{
    border-top:1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
    font-size:14px;
    padding:5px;
    margin-top:30px;
}


/* yellow-box styles */
div.yellow-box
{
    border: 1px solid #cc6600;
    background-color: #FFFFD5;
    padding:10px;
    color: #990000;
    margin-bottom:20px;
}
div.yellow-box h1
{
    font-size: 14px;
    margin:0px;
    padding:0px;
}
div.yellow-box p { margin:10px 0 0 0; }
div.yellow-box p.confirm,
div.yellow-box h1.confirm
{
    color: #009900;
}


/* Build links pages? */
body#dynamic a#rotating-links,
body#individual a#product-links,
body#banner a#banner-links,
body#text a#text-links,
body#searchbox a#searchbox-links
{
    color: #cc6600 !important;
    background-color: #ffffff;
}


/* Styles used in apply pipeline as notes to user */
.assocValidation-MissingData,
.assocValidation-InvalidData,
.small-note
{
    color:red;
    font-weight:bold;
}
.small-note
{
    font-size: 10px;
}
.disabled
{
  color: #666666;
}


/* A blue box for highlighting a message or feature */
div.blue-box
{
    margin:10px 0px 20px 0px;
    padding:5px;
    background-color:#E3EEF4;
}


/* Content boxes */
div.section
{
    width:90%;
    margin:20px auto;
    border: 1px solid #aaa;
    background-color: #f4f4f4;
}
div.section .sectionHeading
{
    font-size:13px !important;
    font-weight: bold;
    color: #cc6600;
    background-color:#ffffff;
    border-bottom:1px solid #aaa;
    margin:0px;
    padding:5px;
}
div.section div.sectionContent
{
    padding:10px;
    vertical-align:top;
}


/* Nicely formatted sections */
table.section
{
    width:90%;
    margin:20px auto;
	border-collapse:collapse;
}
table.section th
{
    font-size:13px !important;
    font-weight: bold;
    color: #cc6600;
    background-color:#ffffff;
    border: 1px solid #aaa;
    padding:5px;
    text-align:left;
}
table.section td
{
    background-color:#f4f4f4;
    border: 1px solid #aaa;
    padding:0px;
    vertical-align:top;
}


/* An option grid, as on the Omakase page */
table.optiongrid
{
    margin:0px auto;
}
table.optiongrid td
{
    border:none !important;
    padding:2px !important;
}
table.optiongrid td.label
{
    font-weight:bold;
    text-align:right;
    width:50%;
}


/* Footer styles (should appear on nearly every page) */
#footer
{
    font-size:11px;
    text-align:center;
}
#footer p
{
    margin:5px 0px;
}

/* left nav */
/* give product previews an indent */
td#navcontainer a#product_previews
{
    margin-left:15px;
}

div.feedback
{
    background-color:#ffffcc;
    border:2px dotted #cccccc;
    color:#666666;
    font-size:13px;
    line-height:18px;
    margin-top:30px;
    padding:6px;
    text-align:center;
}
div.feedback p
{
    margin:2px 0px;
}