/* in here I will set some default styles for type, line-height, etc. since we reset everything in base.css */

body { padding-top:0px;background:#e4e0da url(/content/global/img/bg.gif) repeat-x; }
.primaryColor {color: #58a618;}
sup { position: relative; bottom: 0.1em; line-height:0.8em; font-size: 0.7em;  }
sub { position: relative; top: 0.1em; line-height:1.0em; font-size: 0.8em; }



/* Clear Fix Classes */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after {clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}


/* common styles */
.largebreak { clear:both; height:22px; }
.floatL { float:left; }
.floatR { float:right; }
.cpcontentLeft { width:348px; float:left; margin-right:14px; }
.cpcontentRight { width:348px; float:left; margin-left:14px; }
.searchButton { background:url(/content/global/img/header_searchbutton_bg.gif) top left no-repeat; cursor:pointer; border:0; color:#fff; font:bold 14px Helvetica, Arial, sans-serif; width:68px; height:25px; text-align:center; }
.beigecontainer { background-color:#f6f4ef;padding:15px; }
.roundedcorner { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.roundedcornersmall { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.marketingBox {background-color:#f6f4ef; border: 1px solid #d6d6d6; padding: 10px; text-align:left;}

/* Default list styles */
ul { list-style-type: disc; padding-left: 1.4em; }
ol { padding-left: 2.0em; }
ol.longlist { padding-left: 2.5em; }
ul.horizontal { list-style-type:none; }
ul.horizontal li { display:inline; }
ul.nobulletlist { list-style-type:none; padding-left:0; line-height:1.55em; }
.nobackground { background-image: none; background: none; border: 0; } /* removes borders and background for ul elements, useful for last element or current element */

/* Errors */
.alertmessage { color:#cc3333;font-weight:bold;font-size:1.1em; }
ul.alertmessage li { padding-top:5px; padding-bottom: 5px; }
.alertbox { color:#cc3333;font-weight:bold;font-size:1.1em;background-color:#f6f4ef;border:1px solid #dfdfdf;padding:10px; }

/* global elements */
hr { width:100%; height:10px; border:none; border-top: 1px dashed #C1C1BF; margin-top:10px; color:#ffffff; }
hr.lesspadding { height:1px;margin:4px 0 3px 0;padding:0; }

/* padding and spacing */
.marginLeft2 { margin-left:0px; }


/* header */
#headernav, #mainNav { float:right; }
#mainNav, #globalRetailNav { padding:0; margin:0;}
#mainNav li, #globalRetailNav li { margin:0; padding:0; float:left; list-style:none; }
#mainNav li a { display:block; background:url(/content/global/img/dottedline_vert_1x29.gif) center right no-repeat; padding: 6px 7px; color:#4c4c4c; }
#mainNav li.nobackground a { background-image: none; background: none; border-right: none; padding-right: 0; }
.lastnavitem { padding-right:0; }
#mainNav li.cart a {font-weight:bold;color:#0191C7;background:url(/content/global/img/cart-icon.gif) no-repeat 9px 5px; padding-left:34px;}
#mainNav .new {color:#ff7900;}
/* Global Retail Navigation */
img#globalRetailNav, img#retailNavRight {
    float:right;
    margin:0;
}
ul#globalRetailNav, #promoTabs ul {
    float:right;
    list-style:none;
    margin:0;
    padding:0;
}
ul#globalRetailNav li, #promoTabs ul li {
    float:left;
    margin:0;
    padding:0;
}
ul#globalRetailNav li a {
    display:block;
    padding:9px 0;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    line-height:14px;
	border-right:1px solid #4e9215;
	padding-left:14px;
}


ul#globalRetailNav #r-10651 a {width:146px;}
ul#globalRetailNav #r-674 a {width:121px;}
ul#globalRetailNav #r-751 a {width:45px;}
ul#globalRetailNav #r-672 a {width:106px;}
ul#globalRetailNav #r-10652 a {width:89px;}
ul#globalRetailNav #r-673 a {width:115px;}

ul#globalRetailNav li a:link,  ul#globalRetailNav li a:visited {
    text-decoration:none;
    background:transparent url(/content/global/img/nav-sprite.gif) no-repeat -50px 0px;
}
ul#globalRetailNav li a:hover, ul#globalRetailNav li a:active {
    text-decoration:none;
    background:transparent url(/content/global/img/nav-sprite.gif) no-repeat -50px -32px;
}
ul#globalRetailNav li.firstnavitem a:link, ul#globalRetailNav li.firstnavitem a:visited {
	background:transparent url(/content/global/img/nav-sprite.gif) no-repeat left 0px;
}
ul#globalRetailNav li.lastnavitem a:link, ul#globalRetailNav li.lastnavitem a:visited  {
    padding-right:14px;
	border:0;
	background:transparent url(/content/global/img/nav-sprite.gif) no-repeat right 0px;
}

ul#globalRetailNav li.firstnavitem a:hover, ul#globalRetailNav li.firstnavitem a:active  {
	background:transparent url(/content/global/img/nav-sprite.gif) no-repeat left -32px;
}

ul#globalRetailNav li.lastnavitem a:hover, ul#globalRetailNav li.lastnavitem a:active {
	background:transparent url(/content/global/img/nav-sprite.gif) no-repeat right -32px;
}
ul#globalRetailNav li.selected a:link, ul#globalRetailNav li.selected a:visited {background-position: 0 -64px;}


#promoTabs {padding-right:4px;padding-top:2px;}
#promoTabs ul li {margin-right:3px;}
#promoTabs img {display:block;}

#searchContainer { float:right; background-color: #726f69; margin:14px 0 0 0; height:36px; -moz-border-radius-topleft:3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; }

#searchContainer input.searchButton { float: left; margin:5px 6px 6px 0px; }
#shoppingTab { float:right;margin-top:13px; margin-right:0; padding-left:8px; width:160px; }
/* Sliding doors tab for shopping cart tab */
ul#shoppingBag { float:right; margin:0; padding:0; list-style:none; }
ul#shoppingBag li { float:right; background: url(/content/global/img/cp_tabslide-cart_right.gif) no-repeat right top; margin:0; padding:0; }
ul#shoppingBag a { display:block; background: url(/content/global/img/cp_tabslide-cart_left.gif) no-repeat left top; padding: 12px 6px 10px 40px; white-space: nowrap; }


/* local domain messaging for international */
#showLocalDomainMsgSection {background:url(/content/global/img/intl_flagUS.gif) no-repeat 2px 2px;padding:3px 3px 3px 23px;margin-top:3px;display:none;border:1px solid #ff9900;font-size:.9em;}
#showLocalDomainMsgSection.ca {background:url(/content/global/img/intl_flagCAN.gif) no-repeat 2px 2px;}
#showLocalDomainMsgSection.au {background:url(/content/global/img/intl_flagAUS.gif) no-repeat 2px 2px;}
#showLocalDomainMsgSection.uk {background:url(/content/global/img/intl_flagUK.gif) no-repeat 2px 2px;}


/* Search Box */
#searchBoxContainer {background:#007dce url(/content/global/img/search-bg.gif) repeat-x;padding:7px 0;}
#searchBoxContainer h4 {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	margin:0;
	padding:0px 7px 5px 7px;
	zoom:1; /* fixes the disappearing borders problem (peek-a-boo) in IE6 */
}
#searchBoxContainer #searchForm {margin: 0 7px}
#searchBoxContainer #searchForm #searchInputBox {float:left; font:normal 14px Arial, Helvetica, sans-serif; color:#333; padding: 2px 0 2px 5px;border:0;height:17px;width:135px;background:#ffffff;padding:2px;margin-top:1px;}


/* #searchBoxContainer #top {background:url(/content/global/img/search-top-bg.gif) no-repeat left top; height:7px;}
#searchBoxContainer #bottom {background:url(/content/global/img/search-bottom-bg.gif) no-repeat left bottom; height:7px;} */
.searchButton {float:right; padding-right:10px;font-size:12px;font-weight:bold;}


/* Left Side Navigation - About Us, etc */

#sideNav {
    margin:0;
    padding:0;
    background:transparent;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}
#sideNav h4 {
    margin:16px 0 10px 16px;
    font-size:12px;
    font-weight:bold;
}
#sideNav ul {
    margin:0;
    padding:0;
    list-style:none;
}
#sideNav ul li {
    margin:0;
    padding:0 0 0 3px;
    border-bottom:1px dashed #d6d7d2;
    line-height:290%
}
#sideNav ul li a {
    color:#1ea4ff;
}
#sideNav ul li a:link, #sideNav ul li a:visited {
    text-decoration:none;
}
#sideNav ul li a:hover, #sideNav ul li a:active {
    text-decoration:underline;
}

/* classes for selected navigational elements */
/* level one */
#sideNav li.selectedNav {
    font-weight:bold;
    color:#000000;
}
#sideNav li.selectedNav a {
    color:#000000;
}
#sideNav li.selectedNav ul {
    margin:-5px 0 10px 0;
    padding:0 0 0 11px;
    font-weight:normal;
}
#sideNav li.selectedNav ul li {
    border:none;
    line-height:150%
}
#sideNav li.selectedNav ul li a {
    color:#1ea4ff;
}
/* level 2 */
#sideNav .selectedNav ul li.selectedNav {
    font-weight:bold;
    color:#000000;
}
#sideNav li.selectedNav ul li.selectedNav a {
    color:#000000;
}
#sideNav li.selectedNav ul li.selectedNav ul {
    margin:-3px 0 0 0;
    padding:0 0 0 5px;
    font-size:10px;
    font-weight:normal;
}
#sideNav li.selectedNav ul li.selectedNav ul li {
    border:none;
}
#sideNav li.selectedNav ul li.selectedNav ul li a {
    color:#1ea4ff;
}
/* level 3 */
#sideNav li.selectedNav ul li.selectedNav ul li.selectedNav {
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:9px;
    font-weight:bold;
    color:#000000;
}
#sideNav li.selectedNav ul li.selectedNav ul li.selectedNav a {
    color:#000000;
}
/* END classes for selected navigational elements */

#learnsellNav { height:25px; }
#learnsellNav .blueheaderMedium { float:left; margin-top:3px; padding-bottom: 6px; border-bottom:1px dashed #c1c1bf; }
#learnsellNavBg { float:right;background-color:#f6f4ef; padding:8px 10px 8px 0px; border:1px solid #dfdfdf; }
#learnsellNav ul { font: bold 11px Arial, Helvetica, Sans-serif; text-transform: none; }
#learnsellNav ul li { border-right:1px solid #8f8d88; padding:2px 7px; }
#learnsellNav ul li.nobackground { background:none; background-image:none; border:0; }
#learnsellNav ul li a, #learnsellNav ul li a:link { color: #4c4c4c; }
#learnsellNav ul li.current a, #learnsellNav ul li.current a:link { color: #0191c7; }


/* footer */
#footer {
    text-align:left;
    line-height:1.45;
    font:normal 11px Arial, Helvetica, sans-serif;
    color:#333;
}
#footer a:link, #footer a:visited {
    color:#666666;
    text-decoration:none;
}
#footer a:hover, #footer a:active  {
    color:#666666;
    text-decoration:underline;
}
#footer ul {
    margin:0;
    padding:5px 0 0 0;
    list-style:none;
}

#footer h5 {
    margin:0;
    padding:0 0 4px 0;
    line-height:2.15em;
    color: #666666;
    font:bold 11px Arial, Helvetica, Sans-serif;
    border-bottom: 1px solid #dfdfdf;
}
/* ******** Links ******** */
#footer #sitelinks {
	float:left;
	height:130px;
	width:640px;
}
#footer #departmentsContainer h5 {
    width:262px;
    margin-right:32px;
}
#footer #departmentsContainer #secondList {
    margin-left:54px;
}
#footer #companyContainer h5, #footer #helpContainer h5 {
    width:138px;
    margin-right:32px;
}

/* END ******** Links ******** */

/* *********** email signup ************/
#footer #emailSignupContainer {
    height:165px;
    float:right;
}
#emailSignupContainer form {
    margin:0;
}
#emailSignupContainer #emailSignup {
    width:244px;
    padding:15px 38px 20px 18px;
    margin-top:1px;
    background-color:#f5f1eb;
    color:#565350;
}
#emailSignupContainer #emailSignup h4 {
    margin:0 0 0 1px;
    padding:0;
    font-weight:bold;
    line-height:1.17;
    font-size: 1.0em;
}
#emailSignupContainer #emailSignup p {
    line-height:1.3;
    margin:1px 0 8px 1px;
    padding:0;
}
/* using a class for the inputs as older IE doesn't like input[type=blah] */
#emailSignupContainer .inputText {
    margin:7px 0 0 0;
    width:155px;
    float:left;
}
#emailSignupContainer .inputSubmit {
	margin:5px 0 0 0;
    color:#4a4a4a;
    float:right;
}
#emailSignupContainer #emailSignupGirl {
	margin:0 0 0 159px;
}
/* END *********** email signup ************/


#intlLinks { width:640px; color:#666; height:30px; }
#intlLinks ul {  }
#intlLinks li { display:inline; padding:0 10px 0 0; }
#intlLinks li a { padding:0 0 0 20px; }
#intlLinks li#footerAUS, #intlLinks li#footerAUD { background:url(/content/global/img/intl_flagAUS.gif) center left no-repeat; }
#intlLinks li#footerCAN, #intlLinks li#footerCAD { background:url(/content/global/img/intl_flagCAN.gif) center left no-repeat; }
#intlLinks li#footerUK, #intlLinks li#footerGBP { background:url(/content/global/img/intl_flagUK.gif) center left no-repeat; }
#intlLinks li#footerEUR { background:url(/content/global/img/intl_flagEuro.gif) center left no-repeat; }
#intlLinks li#footerUS, #intlLinks li#footerUSD { background:url(/content/global/img/intl_flagUS.gif) center left no-repeat; }
#currencyDisclaimer { color:#666;margin:3px 0 0 67px;padding-bottom:10px; }

#footerLinks {
    color:#85837E;
    line-height:1.45;
    width:640px;
}
#footerLinks a:link, #footer #footerLinks a:visited,
#footerLinks a:hover, #footer #footerLinks a:active {
    color:#85837E;
}
#footerLinks ul {
    display:block;
    margin:0 0 2px 0px;
    list-style:none;
}
#footerLinks ul li {
    display:inline;
    border-left:1px solid #85837E;
    padding:0 5px 0 8px;
}
#footerLinks ul .firstLink {
    border:0;
    padding-left:0;
}
#footerLinks p {
    clear:both;
    margin:0 0 23px 0px;
}

#scanalert {float:left;}

/* Search Tabs */
#tabs {
    position: relative;
    height: 29px;
    /* margin-bottom:-1px; */
    z-index:10;
    background: url(/content/marketplace/img/searchtabs-bottom-border.gif) repeat-x bottom;
}

#tabs ul, #tabs ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}
#tabs ul li {
    float: left;
    /* width: 120px; */
    height: 28px;
    margin:0 3px 0 0;
    text-align: center;
    background: url(/content/global/img/cp_tabslide-inactive_right.gif) no-repeat right top;
    border-bottom:1px solid #cccccc;
}
#tabs ul li #searchLeftSide, #tabs ul li #browseLeftSide {
    float:left;
    width:6px;
    height:28px;
    background: url(/content/global/img/cp_tabslide-inactive_left.gif) no-repeat top;
}
#tabs ul li a {
    float:left;
    padding:0 12px 0 10px;
    display: block;
    color: #918f8f;
    font: bold 11px arial,helvetica,sans-serif;
    text-decoration: none;
    outline: 0;
    height: 28px;
    line-height:28px;
}
#tabs ul .selected {
    background: url(/content/global/img/cp_tabslide-active_right.gif) no-repeat right top;
    height:29px;
    border-bottom:none;
}
#tabs ul .selected div#searchLeftSide, #tabs ul .selected div#browseLeftSide {
    background: url(/content/global/img/cp_tabslide-active_left.gif) no-repeat top;
    height:29px;
}
#tabs ul .selected a {
    color:#4b4a4a;
    background:none;
}
#tabs ul li:hover {
    background: url(/content/global/img/cp_tabslide-active_right.gif) no-repeat right top;
}
#tabs ul li:hover div#searchLeftSide, #tabs li:hover div#browseLeftSide {
    background: url(/content/global/img/cp_tabslide-active_left.gif) no-repeat top;
}
#tabs ul li:hover a {
    color:#4b4a4a;
}

.spinner {
	background-image: url(http://content.cpcache.com/global/img/ajax_spinner_16x16.gif);
	width: 16px;
	height: 16px;
}

/* Required Legacy */

td, table {vertical-align: top;}
.tableheaderbg {background-color: #ebe8e5;}
.tablebg { background-color: #ffffff;border-bottom: 1px dashed #C1C1BF;}
.tablebg2 { background-color: #f3f3f3;border-bottom: 1px dashed #C1C1BF;}

.favorites{margin:10px 0; position:relative;}
.sprite-icons{background:url(http://content.cpcache.com/global/img/sprite-icons.gif) no-repeat 0 0;}
.list{background-position:-4px -3px;width:13px;height:14px;margin-bottom:-2px;}
.list-dark{background-position:-24px -3px;width:13px;height:14px;}
.heart{background-position:-3px -44px;width:13px;height:12px;margin-bottom:-2px;}
.arrowdown{background-position:-5px -25px;width:9px;height:8px;margin-bottom:2px;}
.arrowdownsmall{background-position:-25px -27px;width:7px;height:6px;margin-bottom:1px;}
.text-small { font-size: 0.9em; }
.text-grey, a.text-grey, a:link.text-grey { color: #7A7A7A; }

.wishListsHoverMenu{
 position: absolute;
 left: 90px;
 top: 0px;
 display: none;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -moz-box-shadow: 0 0 4px #CCCCCC;
 -webkit-box-shadow: 0 0 4px #CCCCCC;
 box-shadow: 0 0 4px #CCCCCC;
 background: none repeat scroll 0 0 #FFFFFF;
 border:1px solid #DAD9D9;
 padding:10px 15px 10px 15px;
 z-index:9999;
 text-align:left;
 min-width:120px;
}
.wishListsHoverMenu div
{
 list-style: none outside none;
 margin:5px 0px 5px 0px;
}

.popupHeader
{
 background-color:#777777;
 color:White; 
 font:16px Arial,Helvetica,sans-serif; 
 font-weight:bold;
 margin-left:-15px;
 margin-top:-15px;
 margin-bottom:15px;
 height:40px;
}

.popupHeader .caption
{
    float:left;margin-top:10px;margin-left:15px;
}

.popupHeader .closeButton
{
    width:20px;height:20px;float:right;margin-top:10px;
}

#pnlLoginForm , #pnlAddedToWishlist, #pnlShowCreateNewWishList, #pnlCreateListComplete, #pnlShowSaveWishlistComment, #pnlShowEditWishList
{
 font-size:10pt;
 position:relative;
}

#pnlLoginForm a, #pnlAddedToWishlist a, #pnlShowCreateNewWishList a, #pnlCreateListComplete a, #pnlShowSaveWishlistComment a, #pnlShowEditWishList a
{
 text-decoration:none;
}

#pnlLoginForm div.buttons, #pnlAddedToWishlist div.buttons, #pnlShowCreateNewWishList div.buttons, #pnlCreateListComplete div.buttons, #pnlShowSaveWishlistComment div.buttons, #pnlShowEditWishList div.buttons
{
 position:absolute;
 left:0px;
 bottom:-15px;
 height:30px;
}

#pnlLoginForm h2, #pnlAddedToWishlist h2, #pnlShowCreateNewWishList h2, #pnlCreateListComplete h2, #pnlShowSaveWishlistComment h2, #pnlShowEditWishList h2
{
 color:#000;
 font-size:12pt;
 font-weight:bold;
 margin-bottom:20px;
 margin-top:0px;
}

#pnlLoginForm  .xsmallText a, #pnlAddedToWishlist .xsmallText a, #pnlShowCreateNewWishList  .xsmallText a, #pnlCreateListComplete  .xsmallText a, #pnlShowSaveWishlistComment  .xsmallText a, #pnlShowEditWishList .xsmallText a
{
 color:#0191C7 !important;
}

#pnlLoginForm .ui-icon.ui-icon-closethick, #pnlAddedToWishlist .ui-icon.ui-icon-closethick, #pnlShowCreateNewWishList .ui-icon.ui-icon-closethick, #pnlCreateListComplete .ui-icon.ui-icon-closethick, #pnlShowSaveWishlistComment .ui-icon.ui-icon-closethick, #pnlShowEditWishList .ui-icon.ui-icon-closethick
{
 float:right;
 margin:0px 15px 0px 0px;
}

#pnlLoginForm a.boldBlueLink , #pnlAddedToWishlist a.boldBlueLink, #pnlShowCreateNewWishList a.boldBlueLink, #pnlCreateListComplete a.boldBlueLink, #pnlShowSaveWishlistComment a.boldBlueLink, #pnlShowEditWishList a.boldBlueLink
{
 color:#0191C7 !important;
 font-size:11pt;
}