/* General Tags */ P {COLOR: #58595B; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; margin-left:16px; font-weight:bold} TD {COLOR: #58595B; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px} BODY {COLOR: #58595B; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; margin-top: 0; margin-bottom: 0; background: #b08bd7 url('/images/site/production/global/background.gif') repeat-x top left; } IMG {border: 0;} h1 { COLOR: #6b3baa; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 14px; font-weight:bold; margin-left: 10px; margin-right: 10px; text-align: left; margin-bottom: 0px; } h2 {COLOR: #58595B; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; margin-left : 28px;} form {margin:0;} a:link {color: #58595b; text-decoration: none;} a:visited {color: #58595b; text-decoration: none;} a:hover {color: #58595b; text-decoration: underline;} a:active {color: #58595b;} ul {list-style-type: square; } .gray { color:#969696; } .red { color: #ee2923; } .go { font-weight: bold; color: #f1ab00; } .noscreen { display: none; } .cleaner {clear: both; font-size: 1px;} .input-prompt { position: absolute; font-style: italic; color: #aaa; margin: 0.3em 0 0 0.5em; } /* error container */ #errors { background-color:#fff; border: 3px solid #ee2829; color:#fff; width:90%; padding:0px; margin:15px 0; display:none; -moz-border-radius:5px; -webkit-border-radius:5px;} #errors p { margin: 0; padding: 0; font-size: 14px;} /* title */ #errors h2 { margin:10px 0; color:#ee2923; } /* form field error message */ .error { /* supply height to ensure consistent positioning for every browser */ height:15px; background-color:#FFFE36; border:1px solid #E1E16D; font-size:11px; color:#000; padding:3px 10px; margin-left:-2px; /* CSS3 spicing for mozilla and webkit */ -moz-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; } /* tooltip styling. by default the element to be styled is .tooltip */ .tooltip { display:none; background:transparent url(/images/black_arrow.png); font-size:11px; height:70px; width:160px; padding:25px; color:#fff; } /* New Header */ #headercontainer { margin: 0; padding: 0; width: 961px; } #header { text-align: left; overflow:hidden; color: #464646; margin: 0 0 0 9px; padding: 0;} #lplogo { margin: 0; padding: 0; float: left; } #cartbox { float: right; margin: 12px 0 0 0; } #cartbox p { margin: 0 0 3px 0; font-size: 16px; font-weight: normal; } #cartbox form { display: inline; } #cartbox input { font-size: 10px; color: #464646; text-align: center; } #cartbox .blue { color: #0254a6; font-weight: bold; } #searchbox { background-color: #ececec; border-top: 1px solid #d7d7d7; text-align: center; padding: 3px 0 2px 0; } #searchbox p { font-size: 10px; margin: 0; } #searchbox p a { color: #464646; text-decoration: none; } #searchbox p a:hover { text-decoration: underline; } #searchinputbox { font-size: 10px; color: #464646; text-align: center; width: 220px; vertical-align: middle; } #searchbutton { vertical-align: middle; margin: 0; } #chatheader { height: 34px; width: 540px;} #chat { display: none; float: left; width: 106px;} #socialmedia { float: right; width: 240px; } #socialmedia h4 {font-size: 11px; color: #464646; margin: 0; padding: 0; text-align: right;} #socialmedia a img {margin-left: 5px; margin-bottom: 0; vertical-align: middle;} #tagheader {clear: both;} /* New Top Menu */ #topmenucontainer { background-color: #fff; margin: 0; padding: 0; } #topmenu { margin: 0 9px; padding: 5px 0; background-color: #7d7d7d; } #topmenu table { margin: 0; width: 943px; } #topmenu td { text-align: center; font-size: 11px; padding: 1px 3px; font-weight: bold; border-right: 1px solid #bebebe; color: #fff; } #topmenu td.last { border-right: 0px none #fff; } #topmenu a { color: #fff; text-decoration: none; } #topmenu a:hover { color: #f1ab00; } #topmenu td.selected, #topmenu td.selected a { color: #f1ab00; } /*Homepage Menu */ #mainmenu { padding: 0; margin: 0; width: 217px;} #mainmenu ul { list-style-type: none; margin: 0 0 4px 17px; padding: 0; text-align: left; } #mainmenu li { padding: 3px 0 0 4px; font-size: 11px; font-weight:bold; color:#6b3baa;} #mainmenu li a { color: #58595b;} #mainmenu li a.red { color: #ee2923; } #mainmenu p {margin: 14px 0 14px 19px; padding: 0; text-align: left;} #mainmenu hr {background-color: #87d300; color: #87d300; margin: 0 6px 0 18px; height: 2px; border: 0;} #mainmenu hr#bottom {height: 24px; color: #87d300; background-color: #87d300; margin: 0 0 0 9px; border: 0; padding: 0;} #mainmenu h3 { background-color: #acd8f3; font-weight: bold; font-size: 12px; margin: 0 0 3px 9px; padding: 2px 6px; color: #56595e; width: 100%;} /* Menu -- Non-category pages (purple bottom bar), CatMenu -- Product categories (green bottom bar) */ #menu { border-bottom: 14px solid #a777e2; margin-left: 9px; width: 208px; } #catmenu { border-bottom: 14px solid #87d300; margin-left: 9px; } #menu ul, #catmenu ul { list-style-type: none; margin: 12px 0 12px 8px; padding: 0; text-align: left; } #menu li, #catmenu li { padding: 4px 0 0 4px; font-size: 11px; font-weight:bold; color:#58595b; } #catmenu li.selected, #menu li.selected { padding-left: 0; } #menu .navheader, #catmenu .navheader { padding: 4px 0 0 4px; font-size: 14px; font-weight: bold; color: #6b3baa; } #catmenu .navheader a, #menu .navheader a { color: #6b3baa; } #menu li a, #catmenu li a { color: #58595b; } #menu p, #catmenu p{ margin: 0 0 12px 10px; } #catmenu .special, #catmenu li.special { color: #ee2923; } /* Brands -- Under menu on top-level categories */ #brands { border-bottom: 14px solid #87d300; margin-left: 9px; padding-left: 9px; width: 208px; } #brands h3 { color: #6b3baa; margin: 12px 0 3px 1px; font-size: 14px; font-weight: bold; } /* Items below menu */ #sidenav p { margin: 0; padding: 0; } /* Breadcrumbs */ #breadcrumbs { height: 27px; display: block; } #breadcrumbs p { margin: 0 0 0 10px; padding-top: 6px; font-size: 11px; color:#969696; } #breadcrumbs a { color:#6b3baa; } /* Bottom Border Breadcrumbs -- Use anywhere a bottom border is needed without a 734px-wide container. */ #breadcrumbsb { display: block; border-bottom: 14px solid #999; margin-right: 10px; } #breadcrumbsb p { margin: 0 0 0 15px; padding: 6px 0; font-size: 11px; color:#969696; } #breadcrumbsb a { color:#6b3baa; } /* Category Breadcrumbs -- Use anywhere a bottom border is needed within a 734px-wide container. */ #catbreadcrumbs { display: block; border-bottom: 14px solid #999; } #catbreadcrumbs p { margin: 0 0 0 15px; padding: 6px 0; font-size: 11px; color:#969696; } #catbreadcrumbs a { color:#6b3baa; } /* Left Navigation Column -- use in TD */ #leftcolumn { border-right: 1px solid #8d65d2; background: #fff url('/Images/site/Production/Global/nav_repeat.gif') repeat top left; } /* Homepage Main Table*/ #homemain { background-color: #ffffff; } .left-border { border-left: 1px solid #8d65d2; } /*Homepage -- Featured Category Images */ #featuredcat { margin: 0 16px; background-color: #ffffff; } #featuredcat p { text-align: center; margin: 0; padding: 0; font-size: 11px;} #featuredcat img { margin: 5px 0; padding: 0; } #featuredcat td { border-left: 1px solid #ccc; } #featuredcat td#first { border-left: 0 none #ffffff;} /* Homepage Lower Content Area */ #hpcontent { text-align: left; width: 743px; background-color: #ffffff; } #hpcontent p { margin: 0 0 10px 0; font-weight: normal; } #hpcontent a { font-weight: bold; color: #8d65d2; text-decoration: underline;} /* Homepage Left Column -- use within hpcontent */ #leftcol-hp { float: left; border-right: 1px solid #969696; width: 410px; padding: 0 15px; } #leftcol-hp h1 { font-size: 20px; margin: 10px 0; } #leftcol-hp h2 { font-size: 16px; margin: 18px 0 8px 0; color: #58595b; } #leftcol-hp h3 { font-size: 14px; color: #58595b; margin: 12px 0 4px 0;} #leftcol-hp p { font-size: 12px; } /* Homepage Right Column -- use within hpcontent */ #rightcol-hp { float: right; width: 280px; margin: 0 9px; padding: 0; } #rightcol-hp h3, #rightcol-hp h2 { font-size: 14px; color: #58595b; margin: 18px 0 3px 0; clear: both;} #rightcol-hp p { font-size: 11px; } #rightcol-hp img { float: right;} /* Right Content Area -- non-homepage */ #rightcontent { background-color: #ffffff; text-align: left; padding: 0 9px 14px 15px; } #rightcontent h1 { font-size: 22px; font-weight: normal; color: #464646; margin: 24px 0 12px 0; } #rightcontent h2 { border-bottom: 2px solid #8d65d2; font-size: 16px; margin: 10px 0; color: #6b3baa; } #rightcontent h3 { font-size: 14px; color: #58595b; margin: 0 0 3px 0;} #rightcontent p { margin: 0 0 10px 0; font-weight: normal; font-size: 12px; } #rightcontent table { margin: 0 0 10px 0; font-size: 11px } #rightcontent a { font-weight: bold; color: #8d65d2; text-decoration: underline;} #rightcontent ul { margin: 0 0 20px 20px; padding: 0; list-style-type: square;} #rightcontent li { font-size: 12px; margin-top: 3px;} /* Left Column -- use within Right Content Area */ #leftcol { float: left; border-right: 1px solid #d7d7d7; width: 450px; padding: 0 10px 14px 0;} #leftcol p, #leftcol li { font-size: 12px;} #leftcol ul { margin-top: 0; margin-left: 16px; padding-left: 0;} #leftcol h1 { border-bottom: 2px solid #8d65d2; font-size: 18px; margin: 10px 0; } #leftcol h2 { border-bottom: 2px solid #8d65d2; font-size: 16px; margin: 10px 0; color: #58595B; } #leftcol h3 { font-size: 14px; color: #58595b; margin: 10px 0;} /* Right Column -- use within Right Content Area */ #rightcol { float: left; width: 248px; margin-left: 10px; padding: 0;} #rightcol h4 { font-size: 12px; color: #58595b; margin: 0;} #rightcol ul { margin-top: 0; list-style-type: square; margin-left: 16px; padding-left: 0;} /* Winning Ideas */ table#winningideas { margin: 14px 0 0 0; width: 720px; } table#winningideas td { width: 25%; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; text-align: center; } table#winningideas td.last { border-right: 0 none #fff; } table#winningideas td.bottom { border-bottom: 0 none #fff; } table#winningideas p { font-size: 11px; font-weight: bold; color: #464646; } table#winningideas a { text-decoration: none; color: #464646; } table#winningideas a:hover { color: #f1ab00;} /* Wishlist */ #wishlist { width: 717px; margin-left: 12px; padding: 24px 0px; } /* CategoryHeader -- Background image with H1, H2 text for top-level category pages */ /* Background image and H1 text color are set inline on each page */ #categoryheader { width: 734px; height: 133px; margin: 0 9px 0 0; padding: 0; border-bottom: 14px solid #999; } #categoryheader h1 { font-size: 24px; margin: 0; padding: 40px 0 0 14px; font-family: Arial; line-height: 30px; } #categoryheader h2 { margin: 0; padding: 0 0 40px 14px; font-size: 20px; font-family: arial; color: #58595b; font-weight: normal; } /*Articlelinks -- Promos for stories on top-level category pages */ #articlelinks {} #articlelinks td {border-right: 1px solid #ccc; padding: 0; } #articlelinks .right {border-right: 0 none #fff; } #articlelinks h3 { margin: 5px 0 0 14px; font-size: 16px; font-weight: bold;} #articlelinks h3 a:hover {text-decoration: none;} #articlelinks h4 {font-weight: normal; margin: 0 0 10px 14px; font-size: 14px;} #articlelinks h4 a:hover {text-decoration: none;} #articlelinks img { margin: 0; padding: 0; border: 0px none #fff;} /* Caetgorygrid -- borders, spacing for top-level category pages */ #categorygrid td { text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; width: 25%; } #categorygrid .right { border-right: 0 none #fff; } #categorygrid a { font: bold 11px Arial, Helvetica, san-serif; color:#000; background-color: #fff; } #categorygrid .inner {border: 0 none #fff;} /*Featuredgrid -- Featured apparel product grid */ #featuredgrid td { text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 7px; } #featuredgrid p {margin: 0; color: #58595b;} #featuredgrid .prodt {text-align: left;} #featuredgrid p.prodp {text-align: right; color: #6b3baa; font-size: 7pt; margin: 3px 0 0 0; font-weight: bold;} #featuredgrid a {text-decoration: none;} #featuredgrid a:hover {text-decoration: underline;} #featuredgrid .right { border-right: 0 none #fff; } #featuredgrid .bottom { border-bottom: 0 none #fff; } #featuredgrid a { font: bold 11px Arial, Helvetica, san-serif; color:#000; background-color: #fff; } /* Header Image -- adds gray bar to bottom of image at top of content area */ #headerimage { border-bottom: 14px solid #878787; } /*CatSubHead -- Area just below category name on product-level categories. Populated with Category HTML (Long) in CandyPress -- Rick Ried 5/18/09 */ #catsubhead { margin: 0; padding: 0;} #catsubhead h2 { margin: 5px 0 0 0; padding: 0; font-size: 16px; color: #58595b; font-weight: normal;} #catsubhead p { margin: 5px 0 0 0; font-weight: normal; font-size: 11px;} #catsubhead a { text-decoration: underline; color: #8d65d2; } .nav-header {padding: 10px 20px; text-align: left; font-weight:bold;} /* footer */ #footer { clear: both; width: 100%; background-color: #fff; margin: 0; padding: 0;} #footer a { color: #fff; text-decoration: none; font-weight: bold; } #footer a:hover { text-decoration: underline; } #footercontent {margin: 0 9px 9px 9px; padding: 14px 14px 0 14px; background-color: #8d65d2;} #footerleft {width: 100px; float: left; padding-top: 12px;} #footercenter {padding: 0; float: left; width: 715px;} #footercenter p {font-size: 10px; color: #fff; margin: 7px 0 0 0; padding: 0; text-align: center; } #footercenter p.top { padding-bottom: 7px; border-bottom: 1px solid #bebebe;} #footerright {width: 100px; float: left; padding-top: 12px;} #code { display: block; float: right; background-color: #fff; padding: 3px 7px; width: 86px; } #code p { color: #8d65d2; font-size: 10px; margin: 0; padding: 0;} #footerspacer {clear: both; height: 14px; display: block;} /* Trade Show Categories */ #tsheader { margin: 0 10px 9px 9px; } #tsbanner { float: left; } #tsvideo { float: right; } #tscat { width: 725px; clear: both; border-top: 1px solid #d7d7d7; margin: 0 0 15px 9px; padding: 9px 0 0 0; } #tscat img { margin: 0 9px 0 0; padding-right: 12px; border-right: 1px solid #d7d7d7; } #tscat .last { margin: 0; padding: 0; border: 0 none #fff; } #tsap {margin: 0 9px 15px 15px;} #tsap a {text-decoration: underline;} #tsap h3 {font-size: 28px; color: #8d65d2; margin-bottom: 10px;} #tsap h3 a {font-weight: normal; font-size: 12px; margin-left: 5px; padding-left: 9px; border-left: 1px solid #969696; } #tsap h4 {font-size: 16px; font-weight: bold; margin: 0 10px;} #tsap ul { margin-left: 26px; padding-left: 0;} #tsap li {font-size: 12px; margin-right: 30px;} #tsap p {margin-left: 10px;} #tsap td {padding-bottom: 10px; } /* Services and Resources */ .servicelist { border-bottom: 1px dotted #d7d7d7; padding: 0 0 6px 0; margin: 24px 10px 12px 12px;} .servicelist h2 { padding: 0; margin: 0 0 6px 0; font-weight: normal; font-size: 22px; color: #464646;} .servicelist p { margin: 0; padding: 0 24px 6px 0; color: #464646; font-weight: normal; font-size: 12px;} .servicelist p a { text-decoration: none; color: #464646; font-weight: bold; } .servicelist h2 a { text-decoration: none; color: #464646; font-weight: normal; } .servicelist p a:hover, .servicelist h2 a:hover { color: #f1ab00;} .servicelist.last { border-bottom: 0 none #fff; } /* Idea Center */ .ideacenter { border-bottom: 1px dotted #d7d7d7; padding: 0 0 6px 0; margin:12px 10px 12px 12px; clear: both; height: 180px;} .ideacenter_l { float: left; width: 180px;} .ideacenter_r { float: left; width: 541px; margin-top: 32px; } .ideacenter h2 { padding: 0; margin: 0 0 6px 0; font-weight: normal; font-size: 22px; color: #464646;} .ideacenter p { margin: 0; padding: 0 24px 6px 0; color: #464646; font-weight: normal; font-size: 12px;} .ideacenter p a { text-decoration: none; color: #464646; font-weight: bold; } .ideacenter h2 a { text-decoration: none; color: #464646; font-weight: normal; } .ideacenter p a:hover, .ideacenter h2 a:hover { color: #f1ab00; text-decoration: none;} .ideacenter.last { border-bottom: 0 none #fff; margin-top: 0; margin-bottom: 0; } /* Blog Pages */ #blog { background-color: #ffffff; text-align: left; padding: 24px 9px 0 12px; } #blogh { background-color: #ffffff; text-align: left; padding: 9px 9px 0 12px; float: left; width: 440px; } #bloghsb { width: 266px; float: right; margin-right: 9px; padding-top: 12px; } #ideagrid { margin: 0 0 12px 0; } #ideagrid img { margin: 4px 4px 0 0; border: 1px solid #6b3baa; } .feed {margin: 0 0 12px 0;} #bloghsb h2 { font-size: 18px; font-weight: bold; color: #6b3baa; margin: 9px 0 3px 0; } #bloghsb h2 a { font-size: 11px; font-weight: normal; color: #7d7d7d; margin-left: 5px; border-left: 1px solid #7d7d7d; padding-left: 5px; text-decoration: underline; } #bloghsb h2 a:hover { text-decoration: underline; } #bloghsb p { margin: 0 0 3px 0; font-weight: normal; font-size: 11px; } #bloghsb a { text-decoration: underline; font-weight: bold; color: #6b3baa; } .asset-body p, .trackbacks-info p { font-weight: normal; margin: 5px 0 0 0; font-size: 12px;} .asset-body li { font-size: 12px; } img.asset-summary { margin-right: 10px; border: 1px solid #6b3baa; } .asset-body a:link, .asset-body a:visited, .asset-body a:hover, .trackbacks-info a:link, .trackbacks-info a:visited, .trackbacks-info a:hover { text-decoration: underline; color: #6b3baa;} .asset-meta a:link, .asset-meta a:visited, .asset-meta a:hover { text-decoration: underline; color: #6b3baa;} #header-name { margin-bottom: 0; } #header-name a { font-size: 24px; color: 6b3baa; } #header-description { font-size: 14px; color: #58595b; margin: 3px 0 20px 11px; } .entry-asset { clear: both; margin: 0 0 24px 0; } .entry-categories { margin-top: 30px; } .entry-title { margin: 0 0 2px 0; padding-bottom: 3px; color: #58595b; border-bottom: 1px solid #dcdcdc; font-size: 18px; font-weight: normal; } .entry-title a, .entry-title a:visited { color: #58595b; text-decoration: none; } .entry-title a:hover { text-decoration: underline; color: #58595b; } .content-nav { clear:both; margin: 15px 0; text-align: left; font-size: 14px;} h1.archive-title, h1.search-results-header { margin: 0 0 15px 0; font-size: 24px;} .trackbacks-header , .comments-open-header { margin: 9px 0 0 0; color: 58595b; font-size: 14px;} .facebook-like {margin: 15px 0 0 0;} .entry-tags-header, .entry-categories-header { margin-bottom: 0; margin-right: .25em; display: inline; font-weight: bold; font-size: 100%;} .entry-tags-list, .entry-categories-list { display: inline; list-style: none; margin-left: 0; padding-left: 0; font-size: 10px; } .entry-tags-list .entry-tag, .entry-categories-list .entry-category { display: inline;} .entry-tags-list .entry-tag a:link, .entry-tags-list .entry-tag a:visited, .entry-tags-list .entry-tag a:hover { text-decoration: underline; font-size: 10px;} .entry-categories-list .entry-category a:link, .entry-categories-list .entry-category a:visited, .entry-categories-list .entry-category a:hover { text-decoration: underline; font-size: 10px;} #comments {clear: both; border-top: 1px solid #dcdcdc; } .comments-header{ margin: 9px 0; color: 6b3baa; font-size: 18px;} .comments-open { border-top: 1px solid #dcdcdc; margin-bottom: 9px; } .comments-open label { display: block; font-size: 12px; margin-top: 5px;} #comments-open-footer {margin-top: 9px;} #comment-author, #comment-email, #comment-url, #comment-text { width: 50%;} #comment-bake-cookie { margin-left: 0; vertical-align: middle;} #comment-submit { font-weight: bold; } .comment, .trackback { } .comment .asset-meta, .trackback .asset-meta { border: 0; } .comment-content { clear: none; line-height: 1.5; margin-bottom: 1em; } .comment-content p { margin: 3px 0 25px 0; font-size: 12px; font-weight: normal; } #blog-search { padding: 12px 9px 0 12px;} #blog-search h3 { font-size: 14px; font-weight: bold; color: #6b3baa; margin: 0; } #tag-cloud { padding: 4px 9px 0 4px; } #tag-cloud h3 { font-size: 14px; font-weight: bold; color: #6b3baa; padding: 4px 0 0 9px; margin: 0; text-align: left; } #tag-cloud ul { margin-top: 4px; } #tag-cloud li { padding: 0px 3px 0 0; display: inline; color: 58595b; font-weight: normal; } #tag-cloud li.rank-1 { font-size: 1.9em; } #tag-cloud li.rank-2 { font-size: 1.7em; } #tag-cloud li.rank-3 { font-size: 1.5em; } #tag-cloud li.rank-4 { font-size: 1.3em; } #tag-cloud li.rank-5 { font-size: 1.1em; } #tag-cloud li.rank-6 { font-size: 1em; } /* Info Box WITHOUT Headings */ .CPbox1 {COLOR: #58595B; BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #BBC3D3} .CPbox1 A:link {COLOR: #58595B; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none} .CPbox1 A:visited {COLOR: #58595B; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none} .CPbox1 A:hover {COLOR: #996666; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline} /* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */ .CPbox2 {COLOR: #58595B; BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #BBC3D3} .CPbox2H {COLOR: #58595B; BACKGROUND-COLOR: #DDDDDD; PADDING: 1px} .CPbox2H B {COLOR: #58595B;} .CPbox2B {COLOR: #58595B; BACKGROUND-COLOR: #FFFFFF} .CPbox2B A:link {COLOR: #58595B; FONT-SIZE: 10px; TEXT-DECORATION: none} .CPbox2B A:visited {COLOR: #58595B; FONT-SIZE: 10px; TEXT-DECORATION: none} .CPbox2B A:hover {COLOR: #996666; FONT-SIZE: 10px; TEXT-DECORATION: underline} /* Box - Page Headings */ .CPpageHead { padding: 7px 6px; background-color: #9663ca; color: #fff; font-size: 10px; } /* Box - Page Navigation */ .CPpageNav {BACKGROUND-COLOR: #FFFFFF; BORDER-LEFT: 1px solid #9361C8} /* Box - General Headings */ .CPgenHeadings {BACKGROUND-COLOR: #FFFFFF} /* Box - Product Image (Home page) */ .CPhomeImg {BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #CCCCCC} /* Box - Product Description (Home page) */ .CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC} /* Horizontal and Vertical lines */ .CPlines {BACKGROUND-COLOR: #CCCCCC} /* Product Short Description (Except Detail page) */ .CPprodDesc {FONT-SIZE: 7pt} /* Product Short Description (Detail page only) */ .CPprodDescDet {FONT-SIZE: 11pt} /* Product Long Description */ .CPprodDescLong {} /* Product Detail */ .CPprodDet {} /* Product SKU */ .CPprodSKU {FONT-SIZE: 6pt} /* Product Price - Text Label */ .CPprodPriceT {COLOR: #800000} /* Product Price - Price Value */ .CPprodPriceV {COLOR: #000000;FONT-SIZE: 7pt} /* Product List Price - Text Label */ .CPprodLPriceT {} /* Product List Price - Price Value */ .CPprodLPriceV {TEXT-DECORATION: line-through} /* Product Sale Price - Text Label */ .CPprodSPriceT {} /* Product Sale Price - Price Value */ .CPprodSPriceV {COLOR: red} /* Free Shipping text */ .CPfreeShipMsg {COLOR: #888888} /* In Stock text */ .CPinStock {COLOR: #888888} /* Out of Stock text */ .CPoutStock {COLOR: red} /* No Image text */ .CPnoImgT {COLOR: #800000} /* Main Product Catalog Div */ #ProdCat { width: 720px; margin: 0 0 14px 14px; } #ProdCat H1 { margin: 14px 0 0 0; font-size: 22px; } #ProdCat H3 { margin: 14px 0 5px 0; font-size: 14px; } #ProdCat p { font-size: 12px; font-weight: normal; margin: 5px 0 0 0; } #ProdCat p a { text-decoration: underline;} /* Category List */ .CPcatDescList ul {list-style-type: none; margin: 0 0 10px 0; padding: 0; clear: both;} .CPcatDescList li { width: 33%; float: left; font-size: 12px; margin-bottom: 3px;} .CPcatDescList a:link { color: #6b3baa; } .CPcatDescList a:active { color: #6b3baa; } .CPcatDescList a:visited { color: #6b3baa; } .CPcatDescList a:hover { color: #6b3baa; } /* Bookmark List */ .CatBookMk { width: 25%; float: left;} .CatBookMk ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; } .CatBookMk a:link { color: #6b3baa; } .CatBookMk a:active { color: #6b3baa; } .CatBookMk a:visited { color: #6b3baa; } .CatBookMk a:hover { color: #6b3baa; } /*Category Headers - ourproducts.asp */ .CatHdr { margin: 35px 0 3px 0; padding: 5px 5px 3px 5px; background-color: #ebebeb; border-top: 1px solid #58595b;} /* .CatTitle { float: left; } */ .CatHdr H2 { font-weight: bold; font-size: 13px; margin: 0; float: left;} .CatLink { float: right; } .CatLink a:link { text-decoration: underline; color: #6b3baa;} .CatLink a:active { text-decoration: underline; color: #6b3baa;} .CatLink a:visited { text-decoration: underline; color: #6b3baa;} .CatLink a:hover { text-decoration: underline; color: #6b3baa;} .linkarrow { font-weight: bold; color: f1ab00; margin-left: 3px;} .cleardiv { clear: both;} /* Category Description - No products linked to it */ .CPcatDesc { font-weight: bold; font-size: 13px; } /* Product-Level Category Description - On ourproducts.asp */ .PLCatDesc { } /* Category Description - Has products linked to it */ .CPcatDescProd {FONT-WEIGHT: bold} /* Option Description for "Optional" options */ .CPoptDesc {FONT-STYLE: italic} /* Option Select box */ .CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} /* Option Text box */ .CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} /* Box - 2, 3 and 4 Column Layout for product list page */ .CPcolsView {BACKGROUND-COLOR: #FFFFFF; BORDER-BOTTOM: 1px solid #9361C8; BORDER-LEFT: 1px solid #9361C8; } .CPcolsView A:link {COLOR: #000099; TEXT-DECORATION: none} .CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none} .CPcolsView A:hover {COLOR: #996666; TEXT-DECORATION: underline} .CPcolsViewL {BACKGROUND-COLOR: #FFFFFF; BORDER-Right: 1px solid #9361C8 } /* System Messages */ .CPsysMsg {FONT-SIZE: 10pt;} .CPsysMsgErr {COLOR: red; FONT-SIZE: 10pt;} .CPsysMsgURL {FONT-SIZE: 10pt} /* Highlights used in search results */ .CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66} /* Radio Button options */ .CPoptRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} /* Option Description for "Mandatory" options*/ .CPoptDescM {FONT-STYLE: italic; color: Red} .CPcloseWindow {FONT-SIZE: 6pt; TEXT-DECORATION: none;} .install { BORDER: 1px solid #BBC3D3 } .installcomment { PADDING-LEFT: 30px; } .textBlock { BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #CCCCCC; } .maintClosed { color: red; font-size: 15pt; text-align: center; } #prodlist_title { color: #6b3baa; font: bold 24px Arial, Helvetica, sans-serif; margin-left: 0; padding-left: 0; } .prodview_title, #prodview_title { color: #6b3baa; font: bold 24px Arial, Helvetica, sans-serif; margin-left: 0; margin-top: 10px; padding-bottom: 3px; } .prodview_sale { color: #FF0000; font-size: 10pt; font-family:Arial, Helvetica, sans-serif; vertical-align: text-bottom; } .prodview_sku { color: #f7941d; font-size: 8pt; font-family:Arial, Helvetica, sans-serif; vertical-align: text-bottom; } #prodview_sku { vertical-align: text-bottom; } #sku { float: left; color: #f7941d; font-size: 9pt; font-family:Arial, Helvetica, sans-serif; font-weight: bold; height: 20px; } .addthis_toolbox { width: 150px; float: right; margin-right: 0; padding-right: 0} #QCA { display: inline; vertical-align: middle;} .prodview_product { color: #454545; font-size: 8pt; font-family:Arial, Helvetica, sans-serif; vertical-align: text-bottom; } .prodview_product2 { color: #FF0000; font-size: 8pt; font-family:Arial, Helvetica, sans-serif; vertical-align: text-bottom; } .prodview_details { color: #454545; font-size: 8pt; font-family:Arial, Helvetica, sans-serif; } .prodview_details p { margin-left: 0; font-weight: normal; color: #454545; font-size: 8pt; font-family:Arial, Helvetica, sans-serif; } .prodview_details a:visited, .prodview_details a:link, .prodview_details a:hover { text-decoration: underline; color: #8d65d2; } .prodview_details img { vertical-align: middle; } .prodview_discheader { padding: 0px 7px 1px 7px; background-color: #969696; color: #fff; font: bold 9pt Arial,Helvetica,sans-serif; } .prodview_subtitle { color: #6b3baa; font: bold 10pt Arial,Helvetica,sans-serif; } .prodview_box1 { padding: 5px 7px 8px 7px; } .prodview_box2 { padding: 5px 7px 8px 7px; background-color: #fefbea; } /* Product Page Sale Tags and Image Formatting */ #imagewrapper250 { position: relative; height: 254px; } #itemimage250 { border-left: 1px solid #fff; border-right: 1px solid #acacac; border-bottom: 1px solid #acacac; position: absolute; top: 0; left: 0; z-index: 10;} #sale250 { position: absolute; top: 0; left: 0; z-index: 20;} /* Category page sale tags and product image formatting */ .imagewrapper125 { position: relative; height: 125px; } .itemimage125 { position: absolute; top: 0; left: 21px; z-index: 10;} .sale125 { position: absolute; top: 0; left: 20px; z-index: 20; } /* Popup */ /*Begin Lightbox CSS */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData { padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* END Lightbox CSS */ html .boxhead h2 {height: 1%;} /* For IE 5 PC */ .sideb { width: 24em; /* ems so it will grow */ background: url(UserMods/img/featurebox/sbbody-r.gif) no-repeat bottom right; font-size: 100%; } .boxhead { background: url(UserMods/img/featurebox/sbhead-r.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .boxhead h2 { background: url(UserMods/img/featurebox/sbhead-l.gif) no-repeat top left; margin: 0; padding: 22px 30px 5px; color: white; font-weight: bold; font-size: 1.2em; line-height: 1em; } .boxbody { background: #FFFFFF url('img/featurebox/sbbody-l.gif') no-repeat left bottom; margin: 0; padding: 1px 30px 31px; text-align: left; } .boxbody a { text-decoration: none; } .boxbody a:hover { text-decoration: underline; } .boxbody span.cpCart { text-align: left; padding-right: 3em; } .normalbody { font-family: Arial; font-size: 12px; font-weight:normal; margin: 0; padding: 0 32px 0 32px; text-align: left; } .normalbody a:link {color: #6b3baa; text-decoration: none; font-weight:bold;} .normalbody a:visited {color: #6b3baa; text-decoration: none; font-weight:bold;} .normalbody a:hover {color: #58595b; text-decoration: underline; font-weight:bold;} .normalbody a:active {color: #6b3baa; font-weight:bold;} .normalbodynopad { font-family: Arial; font-size: 12px; font-weight:normal; margin: 0; padding: 0 7px 0 7px; text-align: left; width: 675px; } .leftnavblank { float:left; } .leftnavcontent { float:left; width:170px; } .navformatactive { font-family: Arial; font-size: 11px; font-weight:bold; color:#6b3baa; } .navformat { font-family: Arial; font-size: 11px; font-weight:bold; } .navformatactive { font-family: Arial; font-size: 11px; font-weight:bold; color:#6b3baa; } .navheadergrey { font-family: Arial; font-size: 11px; font-weight:bold; color:#58595b; background-color: #FFFFFF; margin-left:0px; } .navheaderpurple { font-family: Arial; font-size: 11px; font-weight:bold; color:#6b3baa; background-color: #FFFFFF; } .navemailprint { font-family: Arial; font-size: 11px; font-weight:bold; color:#58595b; background-color: #FFFFFF; } .footerformat { font-family: Arial; font-size: 10px; font-weight:bold; text-align: left; } .footerformat strong {line-height: 12px;} .footerformat a:link {color: #58595b; text-decoration: none;} .footerformat a:visited {color: #58595b; text-decoration: none} .footerformat a:hover {color: #58595b; text-decoration: underline} .footerformat a:active {color: #58595b;} .footerformatwht p { font-family: Arial; font-size: 10px; font-weight:bold; color: #FFFFFF; } .footerformatwht a:link {color: #FFFFFF; text-decoration: none;} .footerformatwht a:visited {color: #FFFFFF; text-decoration: none} .footerformatwht a:hover {color: #FFFFFF; text-decoration: underline} .footerformatwht a:active {color: #FFFFFF;} .bgLtYellow { background-color: #fefbea; } .txtPurple { color: #6b3baa; font-weight:bold;} .txtOrange { color: #f7941d; } .txtRed { color: #f00; } .txtXSmall { font-size: 7pt; } .txtXXSmall { font-size: 6pt; } #colors img { float: left; padding: 5px; } table.grayBorder { border: 1px solid #969696; margin-top: 9px; } table.price { border-collapse: collapse; } table.price th { background-color: #969696; color: #fff; padding: 0px 7px 1px 7px; font: bold 9pt Arial,Helvetica,sans-serif; text-align: left; vertical-align: text-bottom; } table.price td { background-color: #fff; padding: 2px 7px; font: bold 8pt Arial,Helvetica,sans-serif; vertical-align: text-bottom; } table.price tr.regprice td { color: #58595b; } table.price tr.saleprice td { color: #f00; } table.price tr.rushprice td { color: #58595b; } .style2 {background-color: #FFFFFF; margin-left: 30px;} .style9 {text-align: center;} .style14 {background: #fff url('/Images/site/Production/Global/nav_repeat.gif') repeat top left;} .style17 {border-style: solid; border-width: 0;} .style21 {background-image: url('/Images/site/Production/Global/nav_repeat.gif');} .style22 {border-width: 0;} .leftnav {background: #fff url('/Images/site/Production/Global/nav_repeat.gif') repeat top left;} .rightcontentarea { background-image: url('/Images/site/Production/Homepage/feature_line_cell.gif');} .footertable { background-image: url('/Images/site/Production/Footer/footercell2.gif');} .ezsortbg {background-image: url('/Images/site/Production/Apparel/ezsort.jpg');} .searchbox {color: #acacac; width: 150px; height: 21px; border-style:none; font-family: Arial; font-size: 12px; font-weight:bold;} .masthead { height: 176px; width: 743px;} .categorylink { font: bold 11px Arial, Helvetica, san-serif; color:#000; background-color: #fff;} .brdLtGray { border-left: 1px solid #acacac; } .brdBtGray { border-bottom: 1px solid #acacac; } .gridtxt_small { font-size: 9px; font-weight:bold;} .leftnavseperator { font-family: Arial; font-size: 10px; font-weight:bold; background-color: #acd8f3; margin-left: 10px; height: 17px; PADDING-LEFT: 10px; } .body1 { padding: 0px 1px 0px 12px; } .cartitem { font-weight: bold; text-decoration: underline; color: #8d65d2; } table.cart { margin-top: 10px; } table.cart tr.row td, table.cart thead td { padding: 5px 10px; font-size: 11px; } table.cart tbody tr.border td { border-top: 1px solid #ccc; } table.cart tfoot td { background-color: #e5e5e5; font-size: 11px; } .breadcrumb { font-family: Arial; font-size: 11px; font-weight:bold; color:#58595b; background-color: #FFFFFF; margin-left:0px; }