@charset "UTF-8";
/* CSS Document - for TWC Flyout Nav */
/*
#
# FROM CRAIG!
#
*/
.search_error
{
left: 4px;
top: 30px;
position: absolute;
z-index: 1000;
background-color: #ffffff;
width:225px;
}
/*
#
# USED IN SEARCH & CATEGORY / LH NAV
#
*/
.refine_title_inner
{
margin-left: 0px;
font-weight: bold;
color: #4d4b4c;
}
.subcats_minor_title_inner
{
margin-left: 0px;
font-weight:bold;
color: #4d4b4c;
}
.refine_opts_more_link a
{
color: #4d4b4c;
text-decoration: none;
}
.refine_opts_more_link a:hover
{
color: #4d4b4c;
text-decoration: underline;
}
.refine_opts_more_link
{
margin-left: 0px;
margin-top:5px;
background:white;
color: #b8b6b7;
}
/*
#
# USED IN DROP DOWN MENU
# FOR SUB DEPT tag
#
*/
.subdept_link
{
background:white;
text-decoration: none;
}
a.subdept_link:hover
{
background:white;
text-decoration: underline;
}
.navcontainer
{
display: block;
margin: auto;
width: 780px;
height: 55px;
/* temp styles */
border-style: none;
border-width: 0px;
z-index: 2000;
}
.main
{
position: relative;
list-style-type: none;
margin: 0px;
padding: 0px;
float: left;
border-style: solid;
border-width: 0px;
z-index: 2000;
}
li.main_name
{
float: left;
border-style: none;
border-width: 0px;
padding: 0px;
}
.subdept
{
position: absolute;
list-style-type: none;
margin-top: -5px;
margin-left: 0px;
padding: 10px;
background-color: #FFFFFF;
width: 182px;
display: none;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #CCCCCC;
-webkit-box-shadow: #313131 2px 3px 3px; /* originally #BFBFBF */
-moz-box-shadow: #313131 2px 3px 3px;
z-index: 10;
background-image: url('../images/eng/mainmenu/main_Bedroom_mask.gif');
background-repeat: no-repeat;
background-position:top center;
overflow:hidden;
}
.subdept_name
{
line-height: 18px;
}
.main_name:hover .subdept
{
display: block;
z-index: 1;
}
.main_name img
{
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
z-index: 1;
}
.main_name:hover img
{
display: block;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
}
.mask
{
display: none;
height: 1px;
width: 1px;
background-color: #FFFFFF;
z-index: 10000;
position: relative;
top: -3px;
left: 1px;
}
/*
.main_name:hover .mask
{
display: block;
}
*/
/* previous old styles
.main_dept_sect
{
float: left;
border-style: dashed;
border-width: 0px;
border-color: #000000;
display: inline;
}
.subdept_lister
{
position: relative;
border-style: dashed;
border-width: 1px;
border-color: red;
width: 400px;
visibility: hidden;
}*/
/* CSS for new Search result pages */
.sidenav
{
width: 156px;
min-height: 782px;
float: left;
/* temp styles
border-style: solid;
border-width: 1px;
border-color: #0000FF;*/
}
.fm_title
{
/*width: 156px;*/
height: 20px;
/*text-align: center;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #514f50;
font-weight: bold;
border-style: solid;
border-width: 1px 0px 1px 0px;
border-color: #d5d6d8;
padding-top: 5px;
padding-left: 10px;
margin-bottom: -16px;
background-color: #f6f6f6;
}
.refine_opts
{
border-style: solid;
border-width: 0px;
border-color: #d5d5d7;
padding-bottom: 0px; /* previously 22px */
}
.subcats_minor_title
{
width: 100%;
border-style: none;
border-width: 0px;
border-color: #FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #514f50;
font-weight: bold;
padding-top: 19px;
margin-bottom: 15px;
}
.subdept_title
{
/*width: 156px;*/
min-height: 20px;
border-style: none;
border-width: 0px;
border-color: #FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #514f50;
font-weight: bold;
padding-top: 5px;
padding-bottom: 2px;
border-style: solid;
border-width: 1px 0px 1px 0px;
border-color: #d5d6d8;
margin-bottom: 10px;
padding-left: 10px;
background-color: #f6f6f6;
}
.subdept_title span
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #514f50;
font-weight: bold;
padding-top: 5px;
margin-bottom: 10px;
padding-left: 0px;
}
.subcats_minor
{
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #d5d5d7;
margin-top: 22px;
}
.subdepts_b
{
border-style: solid;
border-width: 0px;
border-color: #d5d5d7;
padding-bottom: 0px;
}
/* promo above lister */
.promo_al
{
}
/* promo below lister */
.promo_bl
{
}
/* promo footer */
.promo_ft
{
}
/* promo hero banner */
.promo_hb
{
}
/* promo fly out menu */
.promo_fm
{
}
/* promo search header */
.promo_image_Block_sponsored_search_header
{
width: 583px;
min-height: 186px;
float: right;
overflow: hidden;
}
.promo_image_Block_category_header
{
float: right;
}
.promo_img
{
width: 585px;
}
.promo_sh
{
width: 585px;
height: 52px;
float: right;
margin-bottom: 12px;
/* temp styles
border-style: none;
border-width: 0px;
border-color: #FF0000;*/
}
.searchhlp_b
{
width: 559px;
float: right;
border-color: #dbdbdb;
background-color: #eeeced;
margin-bottom: 12px;
border-style: solid;
border-width: 1px;
padding: 20px 12px 20px 12px;
}
.subdept_banner
{
width: 585px;
height: 145px;
float: right;
margin-bottom: 12px;
border-style: none;
border-width: 0px;
}
.pagination_b
{
width: 583px;
float: right;
margin-bottom: 12px;
text-align: right;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4b4949;
font-weight: normal;
}
.pagination_b .pagination_link
{
text-decoration: none;
color: #4b494a;
}
.pagination_b .pagination_all
{
text-decoration: underline;
}
.pagination_b .pagination_all:visited
{
text-decoration: underline;
color: #b7b7b7;
}
.pagination_sortby_options
{
float: left;
vertical-align: top;
margin-top: 0px;
}
.pagination_sortby_options .pagination_link_title
{
vertical-align: top;
}
.pagination_link_d
{
color: #dadada;
}
.pagination_link_title
{
color: #4b494a;
}
.result_content_b
{
width: 583px;
float: right;
margin-bottom: 12px;
/* temp styles */
border-style: none;
border-width: 0px;
border-color: #00CCCC;
}
.results_frame
{
/*width: 569px;*/
z-index: 2;
padding-top: 0px; /* this value must be changed by script when there are results - 40px when fav is on, 0px when off*/
/*padding-left: 14px;*/
/* temp styles
border-style: dashed;
border-width: 1px;
border-color: #000000;*/
}
/* Fav box rules - begin */
.promo_item_block_zero_search_results /* previously 'fav_b' */
{
/*position: relative;*/
border-color: #f6f6f6;
background-color: #f6f6f6;
border-style: solid;
border-width: 1px;
/* padding: 12px 5px 9px 11px; */
/*height: 241px; testing height based on mockup */
/*width: 565px; testing height based on mockup - 583 - 18px for padding */
visibility: visible; /* value set to initiate fav box for JS manipulation */
/* margin-left: -14px; */
margin-bottom: 10px;
z-index: 0;
height: 35px;
width: 582px;
}
.xxx_promo_item_block_zero_search_results /* previously 'fav_b' */
{
width: 559px;
float: right;
border-color: #dbdbdb;
background-color: #eeeced;
margin-bottom: 12px;
border-style: solid;
border-width: 1px;
padding: 20px 12px 20px 12px;
}
.promo_item_lister_title
{
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #666666;
float: left;
margin-bottom: 35px;
margin-top: 10px;
margin-left: 11px;
}
.promo_item_lister_slogan
{
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #666666;
margin-bottom: 35px;
margin-top: 10px;
margin-left: 11px;
}
/* Fav box rules - End */
/* class styles */
/* used when using mark-up with NO separator DIVs */
.left_result_b
{
width: 168px;
height: 239px;
float: left;
margin-left: 12px;
margin-right: 13px;
text-align: center;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
/* temp styles
border-style: dashed;
border-width: 1px;
border-color: blue; */
}
/* used when using mark-up with NO separator DIVs */
.mid_result_b
{
width: 168px;
height: 239px;
float: left;
margin-left: 13px;
margin-right: 13px;
text-align: center;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
/* temp styles
border-style: dashed;
border-width: 1px;
border-color: blue;*/
}
/* used when using mark-up with NO separator DIVs */
.right_result_b
{
width: 168px;
height: 239px;
float: left;
margin-left: 13px;
text-align: center;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
/* temp styles
border-style: dashed;
border-width: 1px;
border-color: blue; */
}
.result_b
{
width: 168px;
min-height: 244px;
vertical-align: top;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
text-align: center;
/* temp styles
border-style: dashed;
border-width: 1px;
border-color: blue;*/
}
/* IE6 */
* .result_b {height: 244px;}
.result_separator
{
float: left;
min-width: 38px;
}
/* IE6 */
* .result_separator {width: 36px;}
.price_txt
{
font-weight: bold;
color: #4b4949;
}
.price_txt_bold
{
font-weight: bold;
color: #b20640;
}
.result_img
{
margin-bottom: 9px;
width: 168px;
height: 168px;
border-style: solid;
border-color: #dadada;
border-width: 1px;
}
/* sidenav classes */
.refine_title
{
width: 100%;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #d5d5d7;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #514f50;
font-weight: bold;
padding-top: 12px; /* +3px */
margin-top: 15px;
margin-bottom: 15px;
}
.bc_refine_title
{
width: 100%;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #d5d5d7;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #514f50;
font-weight: bold;
padding-top: 12px; /* +3px */
margin-top: 15px;
margin-bottom: 15px;
}
.un_selected
{
/*width: 100%;*/
min-height: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4d4b4c;
border-style: none;
border-width: 0px;
border-color: gray;
padding-top: 2px;
padding-left: 18px;
}
.selected
{
/*width: 100%;*/
/*height: 15px;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border-style: none;
border-width: 0px;
border-color: gray;
background-color: #d5d3d0; /*eeeced*/
padding-top: 2px;
padding-left: 18px;
}
.bc_selected /* breadcrumb/selections */
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border-style: none;
border-width: 0px;
border-color: gray;
background-color: #d5d3d0; /*eeeced*/
padding-top: 2px;
padding-left: 18px;
}
.un_selected img
{
vertical-align: middle;
}
.selected img
{
vertical-align: middle;
}
.sc_un_selected
{
width: 134px;
min-height: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4d4b4c;
border-style: solid;
border-width: 0px;
border-color: gray;
padding-top: 2px;
vertical-align:middle;
padding-left: 18px;
}
.sc_selected
{
/*width: 134px;*/
min-height: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #777777; /*b8b6b7*/
border-style: solid;
border-width: 0px;
border-color: gray;
background-color: #d5d3d0; /*eeeced*/
padding-top: 2px;
vertical-align:middle;
padding-left: 18px;
text-decoration: none;
}
.flt_txt_s
{
text-decoration: none;
color: #777777; /*b8b6b7*/
/*vertical-align: top;*/
}
.flt_txt
{
text-decoration: none;
color: #4d4b4c;
/*vertical-align: top;*/
}
/*
*
* FROM CRAIG
*
*/
table.swatch_table
{
border: none;
margin-left: 0px;
}
.swatch_td
{
border: single;
border-color: White;
text-align: center;
height: 30px;
}
.swatch_unsltd
{
width: 14px;
height: 14px;
border-style: solid;
border-width: 1px;
border-color: #eeeeee;
margin: 0px;
padding: 0px;
}
.swatch_sltd
{
border-style: solid;
border-width: 2px;
border-color: #4c4a4b;
}
.swatch_space
{
width: 10px;
}
.swatch_img
{
/*width: 13px;
height: 13px;*/
border-style: solid;
border-width: 1px;
border-color: #b7b7b7; /*dbdbdb*/
vertical-align: top;
height: 13px;
width: 13px;
}
/* links */
a.result_link
{
text-decoration: none;
color: #666666;
}
a.flt_links_type1
{
text-decoration: none;
color: #4d4b4c;
}
a:hover.flt_links_type1 .flt_txt /* previously -.flt_txt:hover */
{
text-decoration: underline;
color: #4d4b4c;
}
a:hover.flt_links_type1 /* previously -.flt_txt:hover */
{
text-decoration: underline;
color: #4d4b4c;
}
a:hover.flt_links_type1 .flt_txt_s
{
text-decoration: none;
color: #b8b6b7;
}
a:hover.flt_links_type1
{
text-decoration: none;
color: #b8b6b7;
}
a.sc_us_flt_links
{
text-decoration: none;
color: #4d4b4c;
}
a:hover.sc_us_flt_links .flt_txt
{
text-decoration: underline;
color: #4d4b4c;
}
a:hover.sc_us_flt_links
{
text-decoration: underline;
color: #4d4b4c;
}
a.sc_s_flt_links
{
text-decoration: none;
color: #b8b6b7;
}
a:hover.sc_s_flt_links .flt_txt_s
{
text-decoration: underline;
color: #b8b6b7;
}
a:hover.sc_s_flt_links
{
text-decoration: underline;
color: #b8b6b7;
}
a:hover.sc_s_flt_links .flt_txt
{
text-decoration: underline;
color: #4d4b4c;
}
a:hover.sc_s_flt_links
{
text-decoration: underline;
color: #4d4b4c;
}
a.navgrey /* rule from spring09.css file on live */
{
/* Used where grey links are needed.*/
font-family: Verdana,Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
color: #666666;
text-decoration: none;
padding-top: 0pt;
padding-right: 0px;
padding-bottom: 0pt;
padding-left: 0px;
}
a:HOVER.navgrey
{
text-decoration: underline;
}
/* DEPARTMENT PAGE - CAROUSEL */
#deptBlurb
{
font-size: 12px;
}
#deptCarouselendleft
{
margin: 0px 21px 0px 21px;
margin-bottom: 5px;
width: 136px;
}
#deptCarouselendright
{
margin: 0px 21px 0px 21px;
margin-bottom: 5px;
width: 136px;
}
.deptCarouselmid
{
margin: 0px 21px 0px 21px;
margin-bottom: 5px;
width: 136px;
}
.crsl_item
{
border-style: none;
border-width: 0px;
float: left;
height: 200px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
width: 178px;
padding: 0px;
}
.crsl_prod_name
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.crsl_prod_name a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.from_txt
{
color: #4c4a4b;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.crsl_prod_price
{
color: #4c4a4b;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
}
/* header related rules - added april 2010 */
.signin_button_space
{
height: 15px;
}
.signin_button_img
{
margin-left: -3px;
border: none;
}
/*******************************************************************************/
.fuvb
{
}
/* DVPDS20071212 - The following section was added for the 'ASP.NET 2.0 CSS Friendly Control Adapters' update */
/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page. Your web site will likely use a different technique to position your */
/* menu. So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices. They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
p, h1, h2, h3, h4, h5, h6, span, div, a, input, select, label, li, strong, em
{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000000;
}
input
{
border: solid 1px #aaabad;
margin: 0px;
padding: 0px;
}
#dhtmlgoodies_slideshow
{
width: 214px; /* Total width of slideshow */
padding-top: 10px;
}
#previewPane
{
border: 1px solid #CCCCCC;
margin-bottom: 10px;
text-align: center;
vertical-align: middle;
padding-top: 10px;
position: relative; /* CSS HACK */
height: 132px; /* IE 5.x */
height: /* */ /**/ 120px; /* Other browsers */
height: /**/ 120px;
}
#previewPane img
{
line-height: 100px;
}
#previewPane #largeImageCaption
{
/* CSS styling of image caption below large image */
font-style: italic;
text-align: center;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */
font-size: 0.9em;
}
#galleryContainer
{
height: 46px; /* Height of the images + 2 */
border: 0px solid #CCCCCC;
position: relative;
overflow: hidden;
padding: 1px; /* CSS HACK */
height: 48px; /* IE 5.x - Added 2 pixels for border left and right */
height: /* */ /**/ 46px; /* Other browsers */
height: /**/ 46px;
}
#xarrow_left
{
position: absolute;
vertical-align: middle;
left: 0px;
z-index: 100;
background-color: #FFFFFF;
padding: 0px;
height: 46px;
cursor: pointer;
}
#xarrow_right
{
position: absolute;
vertical-align: middle;
right: 0px;
z-index: 100;
background-color: #FFFFFF;
padding: 0px;
height: 46px;
cursor: pointer;
}
#theImages
{
position: absolute;
height: 46px;
left: 15px;
width: 10000px;
z-index: 50;
}
#theImages #slideEnd
{
float: left;
left: 15px;
}
#theImages img
{
float: left;
padding: 1px; /*filter: alpha(opacity=50);*/
opacity: 0.5;
cursor: pointer;
border: solid 3px #cccccc;
}
#waitMessage
{
display: none;
position: absolute;
left: 200px;
top: 150px;
background-color: #FFF;
border: 3px double #000;
padding: 4px;
color: #555;
font-size: 0.9em;
font-family: arial;
}
#theImages .imageCaption
{
display: none;
}
ul.AspNet-Menu
{
position: relative;
}
ul.AspNet-Menu, ul.AspNet-Menu ul
{
margin: 0;
padding: 0;
display: block;
}
ul.AspNet-Menu li
{
position: relative;
list-style: none;
float: left;
height: 1%; /*IE6 for 7*/
}
ul.AspNet-Menu li a, ul.AspNet-Menu li span
{
display: block;
text-decoration: none;
cursor: pointer;
height: 1%; /*IE6 for 7*/
}
ul.AspNet-Menu ul
{
position: absolute;
visibility: hidden;
}
/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul, /* DVPDS - Start new lines */ ul.AspNet-Menu li:hover ul ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul, ul.AspNet-Menu li:hover ul ul ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul /* END new lines */
{
visibility: hidden;
}
/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul, /* DVPDS - Start new lines */ ul.AspNet-Menu li li li li:hover ul, ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li li li:hover ul, ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul /* END new lines */
{
visibility: visible;
}
.AspNet-Menu-Vertical ul.AspNet-Menu li
{
width: 100%;
}
.PrettyMenu .AspNet-Menu-Vertical
{
position: relative;
top: 3em;
left: 0;
z-index: 8500;
}
/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.PrettyMenu ul
{
/* DVPDS - menu inherits existing bg color */ /*background:#7795BD;*/ /*background-image:url(../images/menubg.gif);*/
}
/* Top tier */
.PrettyMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
width: 9em;
height: 22px;
}
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.PrettyMenu ul.AspNet-Menu ul
{
width: 10.5em;
left: 8.9em;
top: -1.1em;
z-index: 8500;
background-color: #dbdee1;
}
.PrettyMenu ul.AspNet-Menu ul ul
{
width: 11.5em;
left: 10.4em;
}
/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu ul.AspNet-Menu li
{
/*background: url(bg_nav.gif) repeat-x;*/
}
/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item. One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a, .PrettyMenu ul.AspNet-Menu li span
{
color: #003e7b;
padding: 4px 2px 6px 14px;
cursor: pointer; /*border:1px solid #648ABD;*/
border-bottom: 0;
background: transparent url(../images/arrowRight.gif) left center no-repeat;
}
/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
background-image: none;
cursor: pointer;
}
/* Not used presently. This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img
{
border-style: none;
vertical-align: middle;
}
/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu ul.AspNet-Menu li:hover, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
background: #6c85b1; /*background:#4a82bb;*/
}
.PrettyMenu ul.AspNet-Menu li:hover a, .PrettyMenu ul.AspNet-Menu li:hover span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover span, .PrettyMenu ul.AspNet-Menu li:hover li:hover a, .PrettyMenu ul.AspNet-Menu li:hover li:hover span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, /* New lines */ .PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover a, .PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, /* end new lines */ .PrettyMenu ul.AspNet-Menu li:hover li:hover ul a:hover, .PrettyMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
color: White;
cursor: pointer;
}
.PrettyMenu ul.AspNet-Menu li:hover ul a, .PrettyMenu ul.AspNet-Menu li:hover ul span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .PrettyMenu ul.AspNet-Menu li:hover li:hover ul a, .PrettyMenu ul.AspNet-Menu li:hover li:hover ul span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span .PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover ul a, .PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover ul span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span .PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover li:hover ul a, .PrettyMenu ul.AspNet-Menu li:hover li:hover li:hover li:hover ul span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
color: #003e7b;
cursor: pointer;
}
/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li. So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover, .PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
color: White;
background: transparent url(../images/activeArrowRight.gif) left center no-repeat;
}
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
background-image: none;
}
/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page. Your web site will likely use a different technique to position your */
/* menu. So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices. They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.PrettyMenu .AspNet-Menu-Horizontal
{
position: absolute;
left: 9.5em; /*top: 2px;*/
z-index: 8500;
}
/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
width: 820px;
}
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal. The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier. Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
width: 13em; /*second level width*/
left: 0;
top: 100%;
}
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
top: 11px; /*top: -0.3em;*/
}
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
width: 13em; /* third level width */
}
/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here. We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
width: 13em; /* first level width */
text-align: left;
}
/* This rule establishes the width of menu items below the top tier. This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
text-align: left;
width: 13em;
}
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
width: 13em;
}
/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
margin: -1.0em 0 0 13em;
}
/*DVPDS - START fourth tier menu*/
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul li ul
{
margin: -11px 0 0 13em;
}
/*DVPDS - END*/
/*******************************************/
/*******************************************/
/*******************************************/
.PrettyMenu2
{
position: relative;
font-size: 11px;
font-weight: bold;
font-family: Tahoma;
min-height: 20px;
height: auto;
}
.PrettyMenu2 .Menu-Skin-StaticItem
{
/*background:#7795BD url(bg_nav.gif) repeat-x;*/
font-size: small;
}
.PrettyMenu2 .AspNet-Menu-Vertical
{
position: relative;
left: 0em;
z-index: 300;
}
/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.PrettyMenu2 ul
{
}
/* Top tier */
.PrettyMenu2 .AspNet-Menu-Vertical ul.AspNet-Menu
{
width: 140px;
}
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.PrettyMenu2 ul.AspNet-Menu ul
{
width: 142px;
left: -0.1em;
top: 1.9em;
z-index: 400;
background-color: #dbdee1; /*background-image:url(../images/menubg.gif);*/
}
.PrettyMenu2 ul.AspNet-Menu ul ul
{
width: 142px;
left: 9em;
}
/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu2 ul.AspNet-Menu li
{
height: 1%; /*IE6 for 7*/
}
/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item. One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu2 ul.AspNet-Menu li a, .PrettyMenu2 ul.AspNet-Menu li span
{
color: #003e7b;
padding: 3px 2px 5px 14px;
display: block;
position: relative;
border-bottom: 0;
height: 1%; /*IE6 for 7*/
background: transparent url(../images/arrowRight.gif) left center no-repeat;
}
/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Leaf a, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
background-image: none;
cursor: pointer;
display: block;
position: relative;
}
/* Not used presently. This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu2 ul.AspNet-Menu li a img
{
border-style: none;
vertical-align: middle;
}
/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu2 ul.AspNet-Menu li:hover, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover
{
background: #6c85b1; /*background:#7795BD;*/
}
.PrettyMenu2 ul.AspNet-Menu li:hover a, .PrettyMenu2 ul.AspNet-Menu li:hover span, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover a, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover span, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover a, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover span, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul a:hover, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
color: White;
cursor: pointer;
}
.PrettyMenu2 ul.AspNet-Menu li:hover ul a, .PrettyMenu2 ul.AspNet-Menu li:hover ul span, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover ul a, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul a, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul span, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
color: #003e7b;
cursor: pointer;
}
/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li. So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu2 ul.AspNet-Menu li a:hover, .PrettyMenu2 ul.AspNet-Menu li span.Asp-Menu-Hover
{
color: White; /*background: transparent url(../images/activeArrowRight.gif) right center no-repeat;*/
}
.PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
background-image: none;
}
/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */
#SampleMenu
{
position: relative;
height: 3.9em;
font-size: 11px;
font-weight: bold;
font-family: Tahoma;
z-index: 8500;
}
#SampleMenu #Sample-Content
{
width: 44em;
height: 10em;
overflow: hidden;
position: relative;
left: 9.5em;
top: 2em;
padding: 10px;
background: #B9D3EE;
font-family: "Times New Roman";
font-style: italic;
color: Black;
}
/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */
#SampleMenu .Menu-Skin-Horizontal
{
position: absolute;
left: 9.5em;
top: 0;
width: 45em;
z-index: 8500;
}
#SampleMenu .Menu-Skin-Vertical
{
position: relative;
top: 3em;
left: 0;
z-index: 8500;
}
#SampleMenu .Menu-Skin-StaticItem
{
/*background:#7795BD url(bg_nav.gif) repeat-x;*/
font-size: small;
}
#SampleMenu .Menu-Skin-DynamicHover
{
background: #7795BD;
}
/* ################################################### */
/* ######## END OF CSSFriendly Adapter styles ######## */
/* ################################################### */
/*DVPDS20080203 - new */
.asterisk /* used where an asterisk is next to a required field */
{
color: red;
font-size: 11px;
font-weight: normal;
}
.itemlisting
{
width: 100%;
padding: 5px 3px 5px 3px;
}
td.item
{
width: 60px;
color: #333333;
padding: 3px 2px 3px 3px;
background-color: #f5f5f5;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 1px;
border-top-width: 0px;
border-style: solid;
border-color: #FFFFFF;
}
td.itemimage
{
width: 32px;
color: #333333;
padding: 1px 1px 1px 1px;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 1px;
border-top-width: 0px;
border-style: solid;
border-color: #FFFFFF;
}
td.itemname
{
width: 52%;
color: #333333;
padding: 3px 2px 3px 3px;
background-color: #f5f5f5;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 1px;
border-top-width: 0px;
border-style: solid;
border-color: #FFFFFF;
}
td.itemtax
{
width: 15%;
color: #333333;
text-align: right;
padding: 3px 2px 3px 3px;
background-color: #f5f5f5;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 1px;
border-top-width: 0px;
border-style: solid;
border-color: #FFFFFF;
}
td.itemqty
{
width: 14%;
text-align: right;
color: #333333;
padding: 1px 2px 1px 2px;
background-color: #f5f5f5;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: solid;
border-color: #FFFFFF;
}
/* Header classes for above */
th.item
{
width: 60px;
color: #333333;
padding: 3px 2px 3px 0px;
background-color: #dce9f5;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 1px;
border-top-width: 0px;
border-style: solid;
border-color: #FFFFFF;
}
th.itemimage
{
width: 32px;
color: #333333;
padding: 1px 1px 1px 1px;
background-color: #dce9f5;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 1px;
border-top-width: 0px;
border-style: solid;
border-color: #FFFFFF;
}
th.itemname
{
width: 50%;
color: #333333;
padding: 3px 2px 3px 3px;
background-color: #dce9f5;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 1px;
border-top-width: 0px;
border-style: solid;
border-color: #FFFFFF;
}
th.itemtax
{
width: 15%;
color: #333333;
text-align: right;
padding: 3px 4px 3px 3px;
background-color: #dce9f5;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 1px;
border-top-width: 0px;
border-style: solid;
border-color: #FFFFFF;
}
th.itemqty
{
width: 16%;
color: #333333;
padding: 3px 2px 3px 3px;
background-color: #dce9f5;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: solid;
border-color: #FFFFFF;
}
table.primaryimage
{
width: auto;
border: none;
padding: 2px 2px 2px 0px;
}
BODY.default
{
/* sets basic style on the body */
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #111; /* sets background color and/or background image if specified */ /* For background images, use for example: background : url(../images/searchbar_bg.gif); */ /*background-color : #666a72;*/ /*background-image : url(../images/bg.gif); background-repeat:repeat-x;*/
}
body
{
/* sets basic style on the body */
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #111; /* sets background color and/or background image if specified */ /* For background images, use for example: background : url(../images/searchbar_bg.gif); */
background-color: #ffffff; /*background : url(../images/test_body_bg.gif);*/
}
BODY.clear
{
/* use for basic style on Printer Friendly pages */
margin-top: 3px;
margin-left: 4px;
margin-right: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #111;
background-color: #ffffff;
}
/* ############################# START ############################### */
/* The following styles are used to set the various main elements of the site */
/* ############################# START ############################### */
/*Defines main content area within the BODY of the page */
div#MainAreaShadow
{
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
width: 780px;
position: relative;
}
div#rightShadow
{
position: absolute;
left: 780px;
border: 0px;
width: 15px; /*RM background-image:url(../images/bg_right_shadow.gif);*/
}
div#leftShadow
{
position: absolute;
right: 780px;
border: 0px;
width: 15px; /*RM background-image:url(../images/bg_left_shadow.gif); */
}
div#TopParent
{
position: relative;
height: 67px;
border: 0px; /*rm master page TOP IMAGE background-image:url(../images/top_section_bg.gif); */
}
div#SectionDividerLeft
{
float: left;
width: 4px; /*background-image : url(../images/sectionHDiv.gif);*/
height: 100%;
margin-bottom: -500px;
padding-bottom: 500px;
}
div#SectionDividerRight
{
float: left;
width: 4px; /*background-image : url(../images/sectionHDiv.gif);*/
height: 100%;
margin-bottom: -500px;
padding-bottom: 500px;
}
div#category
{
position: absolute;
left: 5px;
top: 83px;
width: 130px;
height: 24px;
padding-top: 0px;
border: none;
}
div#flags
{
position: absolute;
left: 809px;
top: 4px;
border: 0px;
}
div#menuBar
{
position: absolute;
left: 134px;
top: 62px;
height: 24px; /*RM background-image:url(../images/top_menu_bar.gif); */
background-repeat: repeat-x;
width: 780px;
border-left-width: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-style: solid;
border-bottom-color: #333333;
border-right-color: #c3c3c3;
border-left-color: #000000;
border-top-color: #c3c3c3;
}
div#welcomeBar
{
position: absolute;
left: 850px;
top: 150px;
width: 150px;
padding: 5px 5px 5px 5px;
border: 0px;
}
div#accountBar
{
border: 0px;
padding: 0px 0px 0px 0px;
z-index: 8100;
background-color: #f2f6fe;
margin-bottom: 7px;
}
div#topdivbar
{
position: absolute;
left: 5px;
top: 138px;
border: 0px;
}
/*Broke down MainArea to deal with Firefox layout issues*/
/*TopArea covers the top section, and MainArea covers the rest */
div#TopArea
{
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
width: 100%;
position: relative;
overflow: hidden;
}
div#TopTopArea
{
border: 1px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
width: 780px;
position: relative;
overflow: hidden;
margin-top: 8px;
}
div#MainArea
{
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
width: 780px;
position: relative;
overflow: hidden;
}
/* defines header area of the page */
div#PageHeader
{
position: relative;
height: 150px;
border: 0px green solid;
}
/* defines the topsection within the MainArea div */
div#TopSection
{
position: absolute;
left: 0px;
top: 0px;
width: 780px;
height: 71px;
}
/* defines the top category section within the MainArea div */
div#TopCategory
{
position: absolute;
left: 0px; /* top : 64px; */
top: 120px;
height: 20px;
z-index: 9000;
}
div#TWCCategoryTop
{
font-family: Arial,Verdana,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
width: 778px;
border: solid 1px #d2d6d9;
padding: 0px;
}
div#TWCCategoryTop a
{
text-decoration: none;
}
div#TWCCategoryTop a:hover
{
text-decoration: underline;
}
/* defines the Search bar within the MainArea div */
div#SearchBar
{
/* z-index : 8900; background-color : #f2f6fe; margin-left: 5px; border-left-width: 1px; border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-style : solid; border-bottom-color : #cccccc; border-right-color : #cccccc; border-left-color : #cccccc; border-top-color : #cccccc; */
}
/*Defines left section within the MainArea DIV */
div#LeftSection
{
width: 165px;
float: left;
padding-left: 0px;
padding-top: 0px;
margin-top: 0px;
border: 0px coral solid;
background-color: #FFFFFF;
height: 100%;
margin-bottom: -500px;
padding-bottom: 500px;
display: none;
}
/*Defines 'left category' section within the LeftSection DIV */
div#LeftCategories
{
background-color: #f2f6fe;
margin-left: 5px;
margin-top: 7px;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-bottom-color: #cccccc;
border-right-color: #cccccc;
border-left-color: #cccccc;
border-top-color: #cccccc; /*border-style : dashed;*/
}
/*Defines 'left category' section within the LeftCategories DIV */
div#LeftCats
{
position: absolute;
top: 140px;
border: solid 1px #cccccc;
}
/*Defines 'recently viewed' section within the LeftSection DIV */
div#RecentlyViewed
{
padding-left: 5px;
background-color: #FFFFFF;
margin-top: 7px;
}
/*Defines 'loginsummary viewed' section within the LeftSection DIV */
div#Summary
{
margin-bottom: 0px;
padding-left: 0px;
background-color: #f2f6fe;
}
/*Defines 'left cart summary' section within the LeftSection DIV */
div#LeftCartSummary
{
margin-top: 7px;
padding-left: 5px;
background-color: #ffffff;
}
div#topCartSum
{
position: absolute;
width: 217px;
right: 164px;
top: 37px;
border: 0px;
border: solid 1px #D2D6D9;
}
div#bottomCartSum
{
width: 217px;
border: solid 1px #d3d6d9;
}
div#navigationSection
{
position: absolute;
left: 300px;
top: 1px;
width: 644px;
border: 0px;
}
div#logoSection
{
position: absolute;
left: 0px;
top: 1px;
width: 270px;
border: 0px;
}
/*Defines main section within the MainArea DIV */
div#MainSection
{
margin-left: 0px;
width: 780px;
min-height: 400px;
height: auto; /*!important;*/
float: left;
margin-top: -26px; /*padding : 5px 4px 30px 4px;*/
background-color: #FFFFFF; /* border : solid 1px #e3e3e3; background-color : #f5f5f5; really light gray*/
}
/*Used for pages without the right column*/
div#MainSectionAlt
{
width: 779px;
min-height: 500px;
height: auto !important;
height: 500px;
border: 0px;
float: left;
margin-top: 0px;
background-color: #ffffff;
}
div#MainSection_noRight
{
width: 735px;
min-height: 500px;
border: 0px coral solid;
float: left;
margin-top: 5px;
background-color: #ffffff;
}
/* defines right section of page */
div#rightsection
{
width: 142px; /*top : 10px; */
border: 0px;
float: left;
margin-top: 0px;
padding-left: 0px;
padding-top: 0px;
background-color: #FFFFFF;
height: 100%;
margin-bottom: -500px;
padding-bottom: 500px;
}
/*defines the footer section */
div#footerSection
{
position: relative;
background-color: #ffffff;
border: 0px green solid;
float: left;
padding-top: 10px;
margin: 0px auto;
text-align: left;
width: 100%;
}
div#CatExtendedDesc
{
padding: 0px 0px 0px 8px;
}
div#sectionTitles
{
background-color: #d5ddf0;
background: url(../images/sectionTitleBG.gif);
padding: 4px 5px 4px 5px;
}
div#sectionTitlesSA /* Used for Sales Agent title */
{
background-color: #d5ddf0;
background: url(../images/salesagentTitlebg.gif);
padding: 4px 5px 4px 5px;
}
div#FeaturedTitle
{
background-color: #d5ddf0; /* background : url(../images/sectionTitleBG2.gif);*/
padding: 4px 5px 4px 5px;
}
div#SimpleSearch
{
text-align: left;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 5px;
background-color: #ffffff; /*background : url(../images/box_body.gif); background-repeat:repeat-y;*/
}
div#predictor
{
text-align: left;
padding-left: 0px;
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
}
div#controllink
{
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 1px;
border-top-color: #cccccc;
border-bottom-color: #cccccc;
background-color: #fffdd4;
border-style: solid;
}
div#featuredItems
{
width: 628px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
border: solid 1px #e3e3e3;
}
div#salesAgentmenu
{
padding-left: 4px;
padding-right: 4px;
padding-top: 5px;
padding-bottom: 5px;
}
div#yellowbox
{
border: solid 1px #CCCCCC;
background-color: #fffdd4;
padding: 2px 2px 2px 2px;
}
/* ############################# END ############################### */
/* START POPUP calendar */
body.pucalendar
{
background-color: #ffffff;
}
.dotnetcalendar
{
font-family: arial,helvetica,sans-serif;
background-color: #CCCCCC;
}
.dnDay
{
font-family: arial,helvetica,sans-serif;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
}
.dnToday
{
font-family: arial,helvetica,sans-serif;
background-color: #ffee77;
padding: 0px 0px 0px 0px;
}
.dnDayHDR
{
font-family: arial,helvetica,sans-serif;
font-size: 11px;
background-color: #aeaeae;
padding: 2px 1px 2px 1px;
color: #ffffff;
font-weight: bold;
}
.dnNextPrev
{
font-family: arial,helvetica,sans-serif;
color: #000000;
background-color: #c1daf7;
padding: 2px 1px 2px 1px;
}
.dnOtherMnthDay
{
font-family: arial,helvetica,sans-serif;
background-color: #e3e3e3;
padding: 0px 0px 0px 0px;
}
.dnSelectedDay
{
font-family: arial,helvetica,sans-serif;
background-color: #e3e3e3;
padding: 0px 0px 0px 0px;
}
.dnSelecter
{
font-family: arial,helvetica,sans-serif;
background-color: #c1daf7;
padding: 0px 0px 0px 0px;
}
.dnTitle
{
font-family: arial,helvetica,sans-serif;
color: #000000;
background-color: #c1daf7;
padding: 2px 1px 2px 1px;
}
.dnWeekend
{
font-family: arial,helvetica,sans-serif;
background-color: #f1f1f1;
padding: 0px 0px 0px 0px;
}
/* END POPUP calendar */
.loginlink
{
border: solid 1px #3a5083;
padding: 0px;
background-color: #fffdd4;
text-align: center;
}
a.loginlogout
{
font-family: tahoma;
font-weight: bold;
font-size: 11px;
color: #2f4c87;
text-decoration: none;
padding: 3px;
display: block;
position: relative;
}
a:HOVER.loginlogout
{
font-family: tahoma;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
background-color: #6f96d3;
text-decoration: none;
padding: 3px;
display: block;
position: relative;
}
.totaltaxs
{
width: 77px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
}
.topcartsummary
{
background-color: #FFFFFF; /* Was driving me mad! #5B98AF; background-image : url(../images/cartSummBG.gif);*/
}
.topcartsummary a
{
text-decoration: none;
}
.shipmentMethod
{
padding: 0px;
width: 50%;
border: solid 1px #4d85bd;
}
.favorites
{
background-color: #fffdd4;
padding: 1px;
}
/* #################################################################################### */
/* The following styles are used to set the various widths of main elements of the site */
/* #################################################################################### */
.eleven
{
font-weight: bold;
font-size: 11px;
}
.footer
{
/* sets style on footer control */
width: 780px;
text-align: left;
padding-bottom: 5px;
padding-top: 5px;
}
.footerdivline
{
/* sets style on footer control right line */
width: 1px;
background-color: #E8E8E8;
}
.footerLinks
{
/* sets style on footer control */
width: 960px;
text-align: center; /*width : 758px;*/
}
.leftsection
{
/* sets style on left section of page (categories) */
width: 157px;
padding: 4px 4px 0px 4px;
background-color: #E7E7EF; /*background-image : url(../images/left_sec_bg.gif);*/ /*width : 131px;*/
}
.middivlines
{
/* sets style on lower div lines */
width: 780px; /*background-image : url(../images/footer_div.gif);*/
}
.middlesection
{
/* sets style on middle section of page (main body) */
width: 670px; /*width : 501px;*/
font-family: arial,sans-serif;
font-size: 11px;
color: #333333;
padding: 4px 4px 4px 4px;
}
.middlesectionHome
{
/* sets style on middle section of page of the homepage (main body) */
width: 670px; /*width : 501px;*/
font-family: arial,sans-serif;
font-size: 11px;
color: #333333;
padding: 4px 0px 4px 0px;
}
.middlesectionALT
{
/* sets style on middle section of page when the right section is not shown (main body) */
width: 791px; /*width : 607px;*/
font-family: arial,sans-serif;
font-size: 11px;
color: #333333;
padding: 4px 4px 4px 4px;
}
.navicon
{
/* sets background color behind page link icons */ /* the icons are transparent, so this color determines how the icon will appear */ /* on dark backgrounds, the icon will appear white, along with the color below */ /* on white backgrounds, the icon will appear with just the color defined below */ /*background-color : #3C355D;*/
}
.postSearchBar
{
/* sets style on horzontal divider between the search bar and top categories */
background-color: #FFFFFF;
width: 960px;
}
.secdiv
{
/* sets style on vertical divider between the leftsection, mainsection, and rightsection */
background-color: #CCCCCC; /*background-color : #999999;*/
width: 1px;
}
.topdivlines
{
/* sets style on top div lines */
width: 960px; /*background-color : #333333;*/
}
.rightsection
{
/* sets style on right section of page (what's new, recently viewed) */
width: 125px;
padding: 4px 4px 4px 4px;
background-color: #E7E7EF; /*RM background-image : url(../images/right_sec_bg.gif);*/ /*width : 107px;*/
}
.rightsectiontop
{
/* sets style on right section of page (what's new, recently viewed) */ /*width : 147px;*/
background-image: url(../images/box_top_right.gif);
}
.rightsectiontitle
{
/* sets style on right section of page (what's new, recently viewed) */ /*width : 147px;*/ /*RM background-image : url(../images/box_body_right.gif); */
font-family: tahoma;
font-size: 11px;
color: #005aff;
font-weight: bold;
padding: 5px 2px 0px 10px;
text-align: left;
text-decoration: none;
}
.rightsectionbody
{
/* sets style on right section of page (what's new, recently viewed) */
background-color: #cccccc;
font-family: tahoma;
font-size: 11px;
color: #666666;
text-decoration: none;
padding: 3px 2px 3px 2px;
}
.rightsectionbottom
{
/* sets style on right section of page (what's new, recently viewed) */ /*width : 147px;*/
height: 12px; /*RM background-image : url(../images/box_bottom_right.gif); */
}
.midsectiontitle
{
background-image: url(../images/title_gradient_bg.gif);
padding-top: 5px;
padding-bottom: 4px;
padding-left: 3px;
}
.topnavcats
{
/* sets style on category dropdown section */ /* the background color is set by the language tag used for the dynamic menu */
width: 960px; /*width : 758px;*/
font-family: arial,sans-serif;
font-size: 11px;
color: #333333;
background: url(../images/top_cat_bg2.gif);
}
.topsection
{
/* sets style on top section of page */
width: 960px;
background-color: #cccccc; /*width : 758px;*/ /*background : url(../images/top_bar_background_light.gif);*/
}
.backgroundcolour
{
/* sets background to white */
background-color: #ffffff;
}
.breadcrumb
{
/*border: solid 1px #cccccc; background-color: #F5F5F5; padding: 3px 3px 3px 3px;*/
width: 100%;
}
.breadcrumblink
{
color: #000000; /* dark blue */
text-decoration: underline;
font-size: 11px;
padding: 0px;
}
.breadcrumbprod
{
color: #000000;
text-decoration: none;
font-size: 11px;
padding: 0px;
}
.spacer
{
/* referenced by elements that used to use a combination of a spacer image and table to create space. The dimensions of the spacer image creates the spacing */
padding: 0px 0px 0px 0px;
}
/* ######################################################################### */
/* END of styles used to set the various widths of main elements of the site */
/* ######################################################################### */
/* The following three styles are used for the "What's New" control */
.whatsnewparent
{
/*width: 109px;*/
width: 100%;
background-color: #989898;
padding: 1px 1px 1px 1px;
}
.whatsnewtitle
{
font-family: arial,sans-serif;
font-size: 12px;
color: #ffffff;
padding: 2px 2px 2px 2px;
text-align: center;
background: url(../images/left_nav_title_bg.gif);
}
.whatsnewbody
{
text-align: center;
background-color: #FFFFFF;
padding: 3px 3px 3px 3px;
}
/* The following four styles are used for the "Recently Viewed" control */
.linepadding
{
padding-top: 8px;
padding-bottom: 8px;
}
.recentlypadding
{
padding-left: 10px;
}
.recentlyviewedparent
{
/*width: 109px;*/
width: 174px;
background: url(../images/box_body.gif);
}
.recentlyviewedtitle
{
font-family: tahoma;
font-size: 11px;
color: #283652;
font-weight: bold;
text-align: left;
text-decoration: none;
}
.recentlyviewedmenu
{
background-color: #f2f6fe;
padding-left: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-top-color: #cccccc;
border-left-color: #cccccc;
border-right-color: #cccccc;
border-style: solid; /*background : url(../images/box_body.gif); background-repeat:repeat-y;*/
}
.SalesAgentMenuTop
{
padding-left: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-color: #666a72;
border-top-color: #666a72;
border-left-color: #666a72;
border-right-color: #666a72;
border-style: solid;
background-color: #D2D6D9; /*background : url(../images/box_body.gif); background-repeat:repeat-y;*/
}
.SArecentlyviewedtitle /* Used for the Sales Agent title */
{
font-family: tahoma;
font-size: 11px;
color: #283652;
font-weight: bold;
text-align: left;
text-decoration: none;
}
.whatshotmenu
{
text-align: left;
padding-left: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-top-color: #cccccc;
border-left-color: #cccccc;
border-right-color: #cccccc;
border-style: solid; /*background : url(../images/box_body.gif); background-repeat:repeat-y;*/
}
.accessoriesmenu
{
padding-left: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-color: #cccccc;
border-top-color: #cccccc;
border-left-color: #cccccc;
border-right-color: #cccccc;
border-style: solid; /*background-color : #f3f3f3;*/
width: 128px;
}
.recentlyviewedbody
{
text-align: center;
padding: 2px 2px 2px 2px;
color: #666666;
font-size: 10px;
text-decoration: none;
}
.viewedfonts
{
color: #666666;
font-size: 10px;
text-decoration: none;
}
a:HOVER.viewedfonts
{
color: #000000;
font-size: 10px;
text-decoration: none;
}
.recentlyviewedlink
{
text-align: center;
text-decoration: none;
background: url(../images/box_body.gif);
padding-bottom: 5px;
padding-top: 5px;
}
/* The following four styles are used for the "Left Cart Summary" control */
.leftcartsummaryparent
{
/*width: 109px;*/
width: 100%;
background-color: #989898;
padding: 1px 1px 1px 1px;
}
.leftcartsummarytitle
{
font-family: arial,sans-serif;
font-size: 12px;
color: #ffffff;
padding: 2px 2px 2px 2px;
text-align: center;
background: url(../images/left_nav_title_bg.gif);
}
.leftcartsummarybody
{
text-align: center;
background-color: #FFFFFF;
padding: 1px 1px 1px 1px;
}
.leftcartsummarylink
{
text-align: center;
background-color: #c9dbf2;
padding: 2px 2px 2px 2px;
}
/* The following three styles are used for the "Left Categories" control */
.leftcategoryparent
{
/*width: 109px;*/
width: 100%;
background-color: #989898;
padding: 1px 1px 1px 1px;
}
.leftcategorytitle
{
font-family: arial,sans-serif;
font-size: 15px;
color: #ffffff;
padding: 2px 2px 2px 2px;
text-align: center;
}
.leftcategorybody
{
text-align: center;
background-color: #FFFFFF;
padding: 1px 1px 1px 1px;
}
.leftmenu
{
/*background-color : #989898;*/
}
span.bold
{
/* used for Your Price on the product details page */
font-size: 11px;
font-weight: bold;
}
span.contentTitle
{
/* used for Managed Content titles, where the managed contents consists of a title and body that loops */
font-size: 14px;
font-weight: bold;
}
span.plaintext
{
/* for plain text */
font-size: 11px;
padding: 3px;
}
span.red
{
/* used for You Saved on the product details page */
font-size: 11px;
color: Red;
font-weight: normal;
}
span.tabletext
{
/* for table text, less padding */
font-size: 11px;
padding: 2px;
}
span.tabletitle
{
font-size: 12px;
}
span.variantitem
{
margin-top: 18px;
height: 16px;
}
h1
{
/* sets the style of the specified header */
font-size: 16px;
color: #666666;
font-weight: bold;
}
h2
{
/* sets the style of the specified header */
font-size: 15px;
color: #333333;
}
h3
{
/* sets the style of the specified header */
font-size: 14px;
color: #333333;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 8px;
}
H3.Alt
{
/* sets the style of the specified header */
font-size: 14px;
color: #333333;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
table.aspxtable
{
/* sets 'table' bgcolor */ /*background-color : #b3b3b3;*/
border: none 1px black;
}
table.checkoutHeader
{
background-color: #4d85bd;
}
table.couponcode
{
background-color: #e2e2e2;
border: solid 1px #cccccc;
padding: 4px 2px 4px 2px;
}
table.details
{
/* sets style on tables that display various fields i.e. User account info column colours determined by td.detailsleft and td.detailsright */ /*border: 1px solid #e3e3e3; background-color: #FFFFFF;*/
}
table.detailstitle
{
/* sets style on Product Details - Product Name */
border: 1px solid #DBDBDB;
padding: 0px;
}
table.login
{
/* sets style on the Login table */
border-color: #747a85 #747a85 #747a85 #747a85;
padding: 0px;
background-color: #cccccc;
}
table.search
{
/* sets style on the search bar table */
width: 960px;
background-color: #ffffff; /*background : url(../images/searchbar_background.gif);*/
}
td
{
/* sets basic font family in table data without a defined style */
font-family: arial,sans-serif;
font-size: 11px;
}
td.advancedResults
{
/* used where specific padding is used, in dynamic tables. */ /* i.e. All recently viewed items, my favorites, search category results, various category controls, shopping cart and order confirmation page */
background-color: #dce9f5;
padding: 0px 0px 0px 0px;
border: 0px solid;
border-color: #ffffff #a0a7b1 #a0a7b1 #ffffff;
border-bottom-width: 0px;
border-right-width: 0px;
}
.aspxheader
{
/* sets column header bgcolor and 'cellpadding' */
font-size: 11px;
font-weight: bold;
background-color: #dce9f5;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px; /*border-color : #ececec #a0a7b1 #a0a7b1 #ececec;*/
border-bottom-width: 0px;
border-right-width: 0px;
}
.aspxheaderalt
{
/* sets column header bgcolor and 'cellpadding' same as above, but used for variety */
background-color: #afbed1;
font-weight: bold;
padding: 2px;
border: 1px solid;
border-color: #ececec #a0a7b1 #a0a7b1 #ececec;
border-bottom-width: 0px;
border-right-width: 0px;
}
td.aspxitem
{
/* used where no padding is needed */ /* i.e. my favorites, order history, manage addresses, and reports */
background-color: #f1f1f1; /*background-color : whitesmoke;*/ /* padding set to 0, since padding is set by aspxlinks class below */
padding-left: 3px;
padding-right: 2px;
}
td.aspxitempadded
{
/* used where specific padding is used, in dynamic tables. */ /* i.e. All recently viewed items, my favorites, search category results, various category controls, shopping cart and order confirmation page */
font-size: 11px; /*background-color : #F1F1F1;*/
background-color: white; /* #eaeaea; padding : 0px 3px 0px 3px; border: 1px solid; border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;*/
border-bottom-width: 0px;
border-right-width: 0px;
padding-left: 4px;
padding-right: 3px;
padding-top: 5px;
padding-bottom: 5px;
}
td.aspxitempricepadded
{
/* used where specific padding is used, in dynamic tables. */ /* i.e. All recently viewed items, my favorites, search category results, various category controls, shopping cart and order confirmation page */
font-size: 11px;
background-color: white; /*background-color : #F1F1F1;*/ /*padding : 0px 3px 0px 3px; border: 1px solid; border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;*/
border-bottom-width: 0px;
border-right-width: 0px;
padding-left: 2px;
padding-right: 2px;
text-align: right;
}
td.aspxitemUnpadded
{
/* used where no padding is needed. */ /* i.e. All recently viewed items, search category results, and various category controls */
font-size: 11px; /*background-color : #F1F1F1;*/
background-color: white; /*padding : 0px 3px 0px 3px; border: 1px solid; border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;*/
border-bottom-width: 0px;
border-right-width: 0px;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
}
td.cartsummary
{
/* Used on the left cart summary, recently viewed and what's hot controls */
font-family: arial,sans-serif;
font-size: 10px;
color: #333333;
}
td.categories
{
/* Sets style on the top categories control */ /* Note: this control is only displayed when the dropdown menu is not used. */
font-family: arial,sans-serif;
font-size: 12px;
color: #474765;
font-weight: bold;
}
td.description
{
font-family: arial,sans-serif;
font-size: 12px;
}
td.detailstitle
{
/* sets style on the item name above the Details */
border: 0px outset;
background-color: white;
font-size: 12px;
font-weight: bold;
}
.childitems
{
/*background-color: #dce9f5;*/
font-size: 11px;
padding-left: 5px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 3px;
font-weight: bold;
font-family: Tahoma, Arial, helvetica, Sans-Serif;
}
.childitemscontent
{
/*background-color: #eaeaea;*/
padding: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
font-size: 11px;
color: #333333;
}
.childitemscontentcart
{
background-color: #eaeaea;
padding: 0px;
padding-top: 0px;
padding-bottom: 1px;
padding-right: 0px;
font-size: 11px;
color: #333333;
text-align: center;
}
.detailsleft
{
/* sets style on the left part of the Details section (Manufacturer SKU, Description, Web Price etc.) used throughout the site where a listing is displayed, such such as user info, where the left column and right column are shown with different colors */
color: #666666;
background-color: white;
font-size: 11px;
font-weight: bold;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
font-family: Tahoma, Arial, helvetica, Sans-Serif;
border: 0px solid; /*border-color : #FFFFFF #c6c6c6 #c6c6c6 #FFFFFF;*/
}
.detailsright
{
/* sets style on the right part of the Details section used throughout the site where a listing is displayed, such such as user info, where the left column and right column are shown with different colors */
color: #000000;
background-color: white;
font-size: 11px;
font-family: Verdana;
font-weight: bold;
border: 0px solid; /*border-color : #ffffff #cccccc #cccccc #ffffff;*/
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 3px;
}
.detailsrightshort
{
/* sets style on the right part of the Details section used throughout the site where a listing is displayed, such such as user info, where the left column and right column are shown with different colors */
color: #999999;
background-color: #f3f3f3;
font-size: 11px;
border: 0px solid; /*border-color : #ffffff #cccccc #cccccc #ffffff;*/
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 3px;
}
.detailssc
{
/* sets style on the left part of the Details section (Manufacturer SKU, Description, Web Price etc.) used throughout the site where a listing is displayed, such such as user info, where the left column and right column are shown with different colors */
color: #003366;
background-color: #e3e3e3;
font-size: 11px;
font-weight: normal;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
font-family: Tahoma, Arial, helvetica, Sans-Serif;
border: 0px solid; /*border-color : #FFFFFF #c6c6c6 #c6c6c6 #FFFFFF;*/
}
.detailssc2
{
/* sets style on the left part of the Details section (Manufacturer SKU, Description, Web Price etc.) used throughout the site where a listing is displayed, such such as user info, where the left column and right column are shown with different colors */
color: #333333;
background-color: #e3e3e3;
font-size: 11px;
font-weight: normal;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
font-family: Tahoma, Arial, helvetica, Sans-Serif;
border: 0px solid; /*border-color : #FFFFFF #c6c6c6 #c6c6c6 #FFFFFF;*/
}
.detailssc3
{
/* sets style on the left part of the Details section (Manufacturer SKU, Description, Web Price etc.) used throughout the site where a listing is displayed, such such as user info, where the left column and right column are shown with different colors */
color: #333333;
background-color: #e3e3e3;
font-size: 11px;
font-weight: normal;
padding-left: 1px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px;
font-family: Tahoma, Arial, helvetica, Sans-Serif;
border: 0px solid; /*border-color : #FFFFFF #c6c6c6 #c6c6c6 #FFFFFF;*/
}
.detailsover
{
/* sets style on the hover section of Saved Carts */
color: #000000;
background-color: #f2f6fe;
font-size: 11px;
font-weight: normal;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
font-family: Tahoma, Arial, helvetica, Sans-Serif;
border: 0px solid; /*border-color : #FFFFFF #c6c6c6 #c6c6c6 #FFFFFF;*/
}
td.detailsheader
{
/* sets style on the header section of reports */
padding: 3px;
background-color: #E3E9ED;
font-size: 11px;
border: 0px solid;
border-color: #ffffff #a0a7b1 #a0a7b1 #ffffff;
border-bottom-width: 0px;
border-right-width: 0px;
}
td.large
{
/* used on the Featured Items control */
font-family: arial,sans-serif;
font-size: 12px;
color: #333333;
}
.large
{
/* used on the Featured Items control */
font-family: arial,sans-serif;
font-size: 12px;
color: #333333;
padding-left: 0px;
}
.leftcattitle
{
/* Sets style on various controls where a white text is displayed against a dark background */ /* i.e. recently viewed, what's hot, left cart summary, what's new, left categories */
font-family: tahoma;
font-weight: bold;
font-size: 12px;
color: #003e7b; /*background : url(../images/left_nav_title_bg.gif);*/
}
/* ##################################################### */
/* The following styles are used for the left categories */
/* ##################################################### */
/* The following styles are used for the | background color */
/* - DVPDS20080324 - cleanup
.catLevel1
{
//sets style on the 1st level categories
background-color : #FFFEE4;
}
.catLevel1ON
{
//sets style on active 1st level category
background-color : #625091;
}
.catLevel2
{
// sets style on the 2nd level categories
background-color : #8491CF;
}
.catLevel2ON
{
// sets style on active 2nd level category
background-color : #4966E1;
}
.catLevel2FOCUS
{
// sets style on active 2nd level category
background-color : #B8C4F8;
}
.catLevel3
{
// sets style on the 3rd level categories
background-color : #A4B3F5;
}
.catLevel3ON
{
// sets style on active 3rd level category
background-color : #4966E1;
}
.catLevel3FOCUS
{
// sets style on active 3rd level category
background-color : #C8D1F9;
}
.catLevel4
{
// sets style on the 4th level categories
background-color : #C1CBF8;
}
.catLevel4ON
{
// sets style on active 4th level category
background-color : #4966E1;
}
.catLevel4FOCUS
{
// sets style on active 3rd level category
background-color : #C8D1F9;
}
.catLevel5
{
// sets style on the 5th level categories
background-color : #DCE1FA;
}
.catLevel5ON
{
// sets style on active 5th level category
background-color : #4966E1;
}
.catLevel5FOCUS
{
// sets style on active 3rd level category
background-color : #C8D1F9;
}
*/
/* The following styles are used for the HREF colors */
/* - DVPDS20080324 - cleanup
.catHREF1
{
//sets style on the 1st level links
font-family : arial,sans-serif;
font-size : 11px;
color : #666666;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF1ON
{
//sets style on active 1st level links
font-family : arial,sans-serif;
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF2
{
//sets style on the 2nd level links
font-family : arial,sans-serif;
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF2ON
{
//sets style on active 2nd level links
font-family : arial,sans-serif;
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF2FOCUS
{
//sets style on active 2nd level links
font-family : arial,sans-serif;
font-size : 11px;
color : #081031;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF3
{
// sets style on the 3rd level links
font-family : arial,sans-serif;
font-size : 11px;
color : #000033;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF3ON
{
// sets style on active 3rd level links
font-family : arial,sans-serif;
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF3FOCUS
{
// sets style on active 3rd level links
font-family : arial,sans-serif;
font-size : 11px;
color : #081031;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF4
{
//sets style on the 4th level links
font-family : arial,sans-serif;
font-size : 11px;
color : #000033;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF4ON
{
// sets style on active 4th level links
font-family : arial,sans-serif;
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF4FOCUS
{
// sets style on active 4th level links
font-family : arial,sans-serif;
font-size : 11px;
color : #081031;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF5
{
// sets style on the 5th level links
font-family : arial,sans-serif;
font-size : 11px;
color : #000033;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.catHREF5ON
{
// sets style on active 5th level links
font-family : arial,sans-serif;
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
display : block;
position : relative;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 4px;
padding-right : 2px;
}
.highlight
{
font-size:11px;
color:#ffffff;
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-weight:bold;
}
*/
/* ####################################### */
/* END styles used for the left categories */
/* ####################################### */
.border
{
border-right: solid 1px #ebe8d7;
}
.categoryMargin
{
margin-top: 1px;
}
.goleft
{
float: left;
vertical-align: top;
}
.categorytext
{
font-size: 11px;
font-family: Tahoma, Arial, helvetica, Sans-Serif;
color: black;
text-decoration: none;
font-weight: bold;
}
A:hover.categorytext
{
font-size: 11px;
font-family: Tahoma, Arial, helvetica, Sans-Serif;
color: blue;
text-decoration: none;
font-weight: bold;
}
.learnmore
{
font-size: 10px;
font-family: Arial, helvetica, Sans-Serif;
color: #000000;
text-decoration: none;
padding-left: 0px;
}
a:hover.learnmore
{
font-size: 10px;
font-family: Arial, helvetica, Sans-Serif;
color: #000000;
text-decoration: none;
padding-left: 0px;
}
/* ##################################################### */
/* The following styles are used for the login */
/* ##################################################### */
.accountmenu
{
text-align: left;
padding-left: 0px;
border: solid 1px #CCCCCC;
}
/* - DVPDS20080324 - cleanup
.accountmenutext
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size:9.5pt;
color: #666666;
text-decoration:none;
text-align:left;
padding:3px;
}
a:HOVER.accountmenutext
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size:9.5pt;
color: #000000;
text-decoration:none;
}
*/
/* - DVPDS20080324 - cleanup
.logintext
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size:9.5pt;
color: #666666;
text-decoration:none;
}
a:HOVER.logintext
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size:9.5pt;
color: #000000;
}
*/
/* ##################################################### */
/* The following styles are used for the grid */
/* ##################################################### */
.headergrid
{
background-color: #9bb3cf;
font-size: 11px;
font-family: Tahoma, Arial, helvetica, Sans-Serif;
color: #ffffff;
padding: 3px;
}
.blue_bg td
{
background-color: #6f95b5;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
color: #FFFFFF;
font-weight: bold;
}
.white_bg td
{
background-color: #ffffff;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
color: #000000;
font-weight: 100;
}
.gray_bg td
{
background-color: #CCCCCC;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
color: #000000;
font-weight: 100;
}
/* ##################################################### */
/* The following styles are used for the left categories */
/* ##################################################### */
.leftlevel1text
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #464646;
text-decoration: none;
}
a:HOVER.leftlevel1text
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #000000;
}
.leftlevel2text
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #9b9b9b;
text-decoration: none;
}
a:HOVER.leftlevel2text
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #000000;
}
.leftlevel3text
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #777777;
text-decoration: none;
}
a:HOVER.leftlevel3text
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #000000;
}
.highlighttext
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size: 9pt;
font-weight: bold;
color: #464646;
text-decoration: none;
}
.FeaturedItemBlock
{
background-color: #D2D6D9;
text-align: center;
margin-bottom: 0px;
margin-top: 1px;
border: solid 1px #CCCCCC;
}
.FeaturedItemBlockIn
{
background-color: #FFFFFF;
width: 130px;
}
.CategoryItemBlockIn
{
background-color: #DFDDDD;
width: 90px;
}
.CategoryItemBlock
{
background-color: #ffffff;
text-align: center;
margin-bottom: 3px;
margin-top: 3px;
border: solid 1px #CCCCCC;
}
.CategorySmallItemBlockIn
{
background-color: #D2D6D9; /*width: 65px;*/
width: 124px;
height: 27px;
}
.CategorySmallItemBlock
{
background-color: #D2D6D9;
text-align: center;
margin-bottom: 3px;
margin-top: 3px;
border: none;
width: 124px;
}
.addtlImageBlock
{
background-color: #D2D6D9;
text-align: center;
margin-bottom: 2px;
margin-top: 2px;
border: solid 1px #CCCCCC;
}
.ItemListBlock
{
background-color: #DFDDDD;
text-align: center; /*margin-bottom: 5px; margin-top: 5px;*/
border: solid 1px #000000; /*background-image: url(../images/itemblockbg.gif);*/
width: 106px;
height: 144px;
}
.ItemListBlockIn
{
background-color: #D2D6D9;
height: 30px;
}
.um
{
padding-top: 0pt;
padding-right: 4px;
padding-bottom: 0pt;
padding-left: 4px;
font-weight: normal;
font-size: 11px;
line-height: 13px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}
.last
{
padding-top: 0pt;
padding-right: 4px;
padding-bottom: 0pt;
padding-left: 4px;
font-weight: normal;
font-size: 11px;
line-height: 13px;
}
/* ##################################################### */
/* The following styles are used for the top categories */
/* ##################################################### */
/* - DVPDS20080324 - cleanup
.top
{
z-index:100;
}
.toplevel1
{
background-image:url(../images/top_menu_bar.gif);
width:600px;
height:31px;
}
*/
/* - DVPDS20080324 - cleanup
.toplevel1text
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size:8pt;
font-weight:bold;
color: #464646;
text-decoration:none;
width:100px;
padding-left:5px;
padding-right:5px;
}
a:HOVER.toplevel1text
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size:8pt;
font-weight:bold;
color: #000000;
}
*/
/* - DVPDS20080324 - cleanup
.toplevel2
{
//background:url(../images/medium_blue_cube.gif);
}
*/
/* - DVPDS20080324 - cleanup
.accountmenutext
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size:7pt;
color: #777777;
background-color:#d9e9ff;
padding-right:50px;
padding-left:10px;
}
*/
/* - DVPDS20080324 - cleanup
.toplevel2text
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size:7pt;
color: #777777;
background-color:#d9e9ff;
padding-right:50px;
padding-left:10px;
display : block;
position : relative;
}
a:HOVER.toplevel2text
{
font-family: Tahoma, Arial, helvetica, Sans-Serif;
font-size:7pt;
color: #000000;
background-color:#a4cffc;
padding-right:50px;
}
*/
td.leftcat
{
/* sets style on the 1st level categories in the left category control */
background-color: #FFFEE4;
}
td.mausover
{
/* Used in the tabs of the Product Details templates - color of tab when selected */ /* Note: changes made here must also be made to the templates themselves, */ /* as the javascript used for the tabbing requires specific values */
background-color: #dddddd;
}
td.mausnotover
{
/* Used in the tabs of the Product Details templates - color of tab when NOT selected */ /* Note: changes made here must also be made to the templates themselves, */ /* as the javascript used for the tabbing requires specific values */
background-color: #fbfbfb;
}
td.navwhite
{
/* Used on the Pagelinks, accountlinks and signinsummary controls */
font-family: verdana,arial,sans-serif;
font-size: 11px;
color: #ffffff;
}
td.padded
{
/* used in the My Favorites control */
font-size: 11px;
background-color: #B3B3B3;
padding: 3px 0px 0px 0px;
}
td.reg
{
/* Used in Featured Items, Footer, Search bar, Cart Summary */ /* Just ordinary text, nothing special */
font-family: arial,sans-serif;
font-size: 12px;
color: #666666;
}
a.dvp
{
color: #e2e2e2;
font-size: 12px;
text-decoration: none;
}
a:HOVER.dvp
{
color: #e2e2e2;
font-size: 12px;
text-decoration: underline;
}
A.aspxlinks
{
/* sets style on links in various pages such as: */ /* my favorites, customer order history, manage address, order history, reports etc. */
font-size: 11px;
padding: 3px;
color: #333333;
text-decoration: none;
display: block;
position: relative;
}
A:HOVER.aspxlinks
{
/* changes the link color and places a color bar behind the link on hover by changing the 'color' and 'background-color' settings */
font-size: 11px;
padding: 3px;
color: #333333;
background-color: #dce9f5;
text-decoration: none;
display: block;
position: relative;
}
a.cartsummary
{
/* sets style on Left Cart Summary, recently viewed and what's hot control links */
font-family: tahoma;
font-size: 10px;
color: #626262;
text-decoration: none;
padding: 3px;
display: block;
position: relative;
}
a:hover.cartsummary
{
/* sets style on Left Cart Summary, recently viewed and what's hot control links */
font-family: tahoma;
font-size: 10px;
color: #000000;
text-decoration: none;
padding: 3px;
display: block;
position: relative;
}
A.dvpsubcat
{
/* sets style on 1st level Left Category links */
font-size: 11px;
color: #003399;
text-decoration: none;
display: block;
position: relative;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
}
A.advancedResults
{
/* sets style on Category links on the Advanced Search Results page*/
font-size: 12px;
color: #003399;
text-decoration: none;
display: block;
position: relative;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
}
A:HOVER.advancedResults
{
/* sets style on HOVER Category links on the Advanced Search Results page */
font-size: 12px;
color: #d31313;
text-decoration: none;
display: block;
position: relative;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
}
A.advancedResultsSmall
{
/* sets style on Category links on the Advanced Search Results page*/
font-size: 11px;
color: #003399;
text-decoration: none;
display: block;
position: relative;
padding-bottom: 3px;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
}
A:HOVER.advancedResultsSmall
{
/* sets style on HOVER Category links on the Advanced Search Results page */
font-size: 11px;
color: #d31313;
text-decoration: none;
display: block;
position: relative;
padding-bottom: 3px;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
}
a.gray
{
/* Used where gray links are needed */ /* For example: Footer, Searchbar, CartSummary */
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #000000;
text-decoration: underline;
}
a:HOVER.gray
{
/* Used where gray links are needed */ /* For example: Footer, Searchbar, CartSummary */
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #000000;
text-decoration: underline;
}
A.more
{
/* sets style on navigation links such as A-C D-F */
color: #003399;
text-decoration: none;
font-size: 11px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 2px;
padding-top: 2px;
}
A:HOVER.more
{
/* sets style on navigation links such as A-C D-F */
text-decoration: none;
font-size: 11px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 2px;
padding-top: 2px;
}
.thumbnailtoEnlarge
{
cursor: pointer;
border: solid 3px #cccccc;
}
div#large_image
{
position: absolute;
left: 174px;
top: 153px;
visibility: hidden;
border: solid 0px #cccccc;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
width: 400px; /* set the width here to cover hidden My Favorites dropdown */
height: 350px; /* set the height here to cover hidden My Favorites dropdown */
vertical-align: middle;
}
div#processingOrder
{
position: relative;
left: 0px;
top: -4em;
visibility: hidden;
border: solid 1px #cccccc;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
width: 170px; /* set the width here to cover hidden My Favorites dropdown */
height: 100px; /* set the height here to cover hidden My Favorites dropdown */
vertical-align: middle;
}
table.enlargedImage
{
border: solid 2px #cccccc;
background-color: #FFFFFF;
width: 100%;
height: 100%;
}
a.navwhite
{
/* Used where white links are needed.*/ /* For example: accountlinks and pagelinks controls */
font-family: verdana,arial,sans-serif;
font-size: 11px;
color: #4B4B76;
text-decoration: none;
}
a.navwhitetop
{
/* Used where white links are needed.*/ /* For example: accountlinks and pagelinks controls */ /* font-family : tahoma; font-weight:bold; font-size : 11px; color : #2f4c87; text-decoration : none; TODO: Remove (SDB) */
font-family: Verdana,Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
color: #000000;
text-decoration: none;
padding-top: 0pt;
padding-right: 0px;
padding-bottom: 0pt;
padding-left: 0px;
}
a:HOVER.navwhitetop
{
/* Used where white links are needed.*/ /* For example: accountlinks and pagelinks controls */ /* font-family : tahoma; font-weight:bold; font-size : 11px; color : #2f4c87; text-decoration : none; TODO: Remove (SDB) */
text-decoration: underline;
}
A.others
{
/* Sets style on links that do not require special attributes */
color: #485e8b; /* dark blue */
text-decoration: none;
font-size: 11px;
}
A:HOVER.others
{
/* Sets style on links that do not require special attributes */
color: red; /* dark blue */
text-decoration: none;
font-size: 11px;
}
.thumbnail /* Used for images with a border */
{
/* Sets style on links that do not require special attributes */
border: solid 1px #485e8b; /* dark blue */
}
A.grid
{
/* Sets style on links that do not require special attributes */ /*color: #4A59A5; dark blue */
font-family: Arial;
font-size: 11px; /*padding-left: 5px;*/
text-decoration: none;
}
A.productdetails
{
/* Sets the link in the tabs of the product details page */
color: #464646;
text-decoration: none;
font-size: 11px;
font-family: tahoma;
position: relative;
font-weight: bold;
}
/* - DVPDS20080324 - cleanup
A.related {
// sets style on Related Items on the product details page, specifically the
// Item Name that acts as a link. Also used for the predictorprods control
color : #333366;
text-decoration : none;
font-size : 11px;
display : block;
position : relative;
padding: 3px;
}
*/
/* - DVPDS20080324 - cleanup
A.whatsnew {
//sets style on What's New links at the right of page,
//in the What's New section
color : #003399;
text-decoration : none;
display : block;
position : relative;
font-size : 11px;
font-weight : bold;
}
*/
input.standard
{
/* Use for input text on Advanced Search page and the default Search Bar */ /* font-family : Arial, Helvetica, sans-serif; border: 1px solid #999999; font-size : 11px; color : #333333; margin-bottom: 0px; margin-top: 0px; background-color : #ffffff; TODO: Remove (SDB) */
border-top-color: #aaabad;
border-right-color: #aaabad;
border-bottom-color: #aaabad;
border-left-color: #aaabad;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
height: 21px;
width: 136px;
font-size: 13px;
}
input.solid
{
/* Use for input text - This is the default style applied to textboxes */ /* font-family : Arial, Helvetica, sans-serif; border-color : #999999; border-style : solid; border-width : 1px; font-size : 11px; font-weight : normal; color : #000000; background-color : #ffffff; margin-bottom: 0px; margin-top: 0px; padding : 1px 1px 1px 3px; TODO: Remove (SDB) */
border-top-color: #aaabad;
border-right-color: #aaabad;
border-bottom-color: #aaabad;
border-left-color: #aaabad;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
input.solidform
{
/* Use for input text on the Address control. The address control is used on the checkout page, for example. */
font-family: Arial, Helvetica, sans-serif;
border-color: #999999;
border-style: solid;
border-width: 1px;
font-size: 11px;
color: #333333;
background-color: #ffffff;
margin-bottom: 0px;
margin-top: 0px;
padding: 1px 1px 1px 3px;
width: 159px;
}
/* ########################### */
/* Start Paging control styles */
/* ########################### */
input.pageon
{
/* Sets the style on "numbers" when the number reflects the page you are on */
font-weight: bold;
background-color: #F5F5F5;
color: #333366;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-width: 0px;
border: 1px solid #cccccc; /* both cursor values are required for browsers other than IE*/
cursor: pointer;
padding: 0px 1px 0px 1px;
margin: 0px 0px 0px 0px;
}
input.pageoff
{
/* Sets the style on "numbers" when the number does not reflect the page you are on */
font-weight: normal;
background-color: #FFFFFF;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-width: 1px;
border: 1px solid #FFFFFF; /* both cursor values are required for browsers other than IE*/
cursor: pointer;
padding: 0px 1px 0px 1px;
margin: 0px 0px 0px 0px;
}
/* ######################### */
/* End Paging control styles */
/* ######################### */
select.cc
{
/* Sets style on the Credit Card control select form elements */
font-size: 11px;
}
select.solid
{
/* Sets style on the select form elements */
font-size: 11px;
color: #333333;
}
select.solidform
{
/* Use for input text on the Address control. The address control is used on the checkout page, for example. */
font-family: Arial, Helvetica, sans-serif;
border-color: #999999;
border-style: solid;
border-width: 1px;
font-size: 11px;
color: #333333;
background-color: #ffffff;
margin-bottom: 0px;
margin-top: 0px;
padding: 1px 1px 1px 3px;
width: 165px;
}
select.centered
{
font-size: 8pt;
color: #000000;
font-style: normal;
font-family: Verdana;
height: 19px;
border-color: #8298bf;
border-top-style: outset;
border-right-style: inset;
border-left-style: outset;
border-bottom-style: inset;
border-width: 1px;
text-align: center;
}
textarea.solid
{
font-family: Arial, Helvetica, sans-serif;
border-color: #999999;
border-style: solid;
border-width: 1px;
font-size: 11px;
color: #333333;
background-color: #ffffff;
margin-bottom: 0px;
margin-top: 0px;
overflow: hidden;
}
/* ################################################ */
/* START Dropdown Account Navigation related styles */
/* ################################################ */
/* - DVPDS20080324 - cleanup
.MenuBox {
border-top: 0px solid #ffffff;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
padding : 0px 0px 0px 0px;
margin : 0px 0px 0px 0px;
}
/*
/* - DVPDS20080324 - cleanup
a.MenuHeader
{
COLOR: #4B4B76;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: None;
display: block;
position:relative;
margin-left: 4px;
margin-top: 5px;
cursor : pointer;
}
a.MenuHeader:visited
{
COLOR: #4B4B76;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: None;
display: block;
position:relative;
margin-left: 4px;
margin-top: 5px;
}
*/
/* - DVPDS20080324 - cleanup
a.MenuItem
{
COLOR: #4B4B76;
FONT-SIZE: 11px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-DECORATION: None;
display: block;
position:relative;
padding : 3px 0px 3px 5px;
}
a.MenuItem:visited
{
COLOR: #4B4B76;
FONT-SIZE: 11px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-DECORATION: None;
display: block;
position:relative;
padding : 3px 0px 3px 5px;
}
a:HOVER.MenuItem
{
COLOR: #FFFFFF;
FONT-SIZE: 11px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-DECORATION: None;
display: block;
position:relative;
padding : 3px 0px 3px 5px;
}
*/
/* ############################################## */
/* END Dropdown Account Navigation related styles */
/* ############################################## */
font.title
{
/* Used for page titles */
font-size: 13px;
font-weight: bold;
}
.product_title
{
color: #000000;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.product_text
{
color: #666666;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
padding: 5px;
}
.product_text_alt
{
color: #333333;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
padding: 5px;
}
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* Top header conbtrol items RM --BEGIN */
div#sitelinks
{
position: absolute;
right: 160px;
top: 4px;
border: 1px;
border-color: Black;
}
div#TopSearchbox
{
position: absolute;
right: 159px;
top: 2px;
border: 0px;
z-index:100;
}
div#GiftReminderLink
{
position: absolute;
right: 310px;
top: 25px;
border: 0px;
}
div#AzLinkTopHeader
{
position: absolute;
right: 165px;
top: 55px;
border: 0px;
}
/* Top header control items RM --END */
div#MainCenterItems
{
left: 0px;
}
.GiftFinderSearchResults
{
padding: 20px;
}
/*-------------------------------------------------*/
#nav
{
font: normal 9px/9px Verdana, Arial, Helvetica, sans-serif; /*width:580px;*/
width: 500px;
height: 18px;
text-align: center;
color: #111; /*background-color: #edf6e1;*/
}
#nav td
{
padding: 5px 1px 5px 0px;
}
#nav td.selected
{
background-color: #C6D2E1;
}
#nav ul
{
list-style: none;
margin: 5px 0 0 0;
padding: 0;
}
#nav li
{
display: inline;
padding: 5px 0 5px 0;
margin: 0;
}
#nav a
{
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none; /*border-right:1px solid #888486;*/ /*padding: 0 2px 0 7px;*/
padding: 0 0px 0 0px;
}
#nav a:hover
{
text-decoration: underline;
}
#nav li.selecteditem
{
background-color: #D1;
}
#nav a.nextisselected
{
border: 0;
}
#nav a.selectedlink
{
border: 0;
color: #545454;
}
#nav a.lastitem
{
border: 0;
}
#nav a.lastselected
{
border: 0;
color: #C6D2E1;
font-weight: bold;
}
#subnav
{
font: normal 11px Verdana, Helvetica, sans-serif;
width: 780px;
height: 18px;
background-color: #C6D2E1;
font-weight: normal;
color: #ffffff;
}
#subnav ul
{
font: normal 11px Arial, Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}
#subnav li
{
font: normal 11px Arial, Verdana, Helvetica, sans-serif;
display: inline;
background: url(/siteimages/bullet.gif) no-repeat center left;
padding: 2px 3px 2px 14px;
}
#subnav li.firstsubnav
{
font: normal 11px Arial, Verdana, Helvetica, sans-serif;
background: none;
padding-left: 15px;
}
#subnav a
{
font: normal 11px Verdana, Helvetica, sans-serif;
line-height: 14px; /*letter-spacing:1px;*/
color: #545454;
margin: 0;
padding: 0;
text-decoration: none;
}
#subnav a:hover
{
text-decoration: underline;
}
.subnav_men
{
padding: 5px 0px 5px 0px;
color: #545454;
}
/* --------------------------RM END---------------------------------- */
/* --------------------------Begin SDB---------------------------------- */
h2
{
display: inline;
font-size: 15px;
font-weight: bold;
}
.selectedCategory
{
background-color: blue;
}
.warningHeader
{
font-weight: bold;
color: red;
font-size: 12pt;
}
.warning
{
color: red;
}
.borderedTitleBlock
{
border-right: #0099ff 1px solid;
padding-right: 10px;
border-top: #0099ff 1px solid;
padding-left: 10px;
padding-bottom: 8px;
border-left: #0099ff 1px solid;
padding-top: 8px;
border-bottom: #0099ff 1px solid;
width: 615px;
font-weight: bold;
font-size: 12px;
}
.formLabel
{
font-weight: bold;
}
.LightLink
{
color: white;
}
.GlobalDarkBackground
{
background-color: #C6D2E1;
color: Black;
}
.SlimScreenWidth
{
width: 635px;
}
.SolidSlabBackground
{
padding: 10px;
background-color: #d2d6d9;
}
.CheckOutHeaderTabsSelected
{
padding-top: 5px;
color: Black;
font-weight: bold;
background-color: #C6D2E1;
vertical-align: middle;
text-align: center;
}
.CheckOutHeaderTabs
{
padding-top: 5px;
font-weight: bold;
vertical-align: middle;
text-align: center;
}
.WrappedRadioList
{
float: left;
}
WrappedAddress
{
width: 200px;
position: absolute;
float: left;
}
.ActionSummaryBox
{
border: gainsboro 1px solid;
background-color: antiquewhite;
}
.CheckOutHeaderTabsDisabled
{
padding-top: 5px;
color: White;
font-weight: bold;
background-color: silver;
vertical-align: middle;
text-align: center;
}
.ShoppingCartFooter
{
margin-bottom: 1px;
border-bottom-color: black;
border-bottom-style: solid;
}
#comodo
{
position: relative;
right: -742px;
top: -15px;
}
/* -------------------------------------------------------------------------------
CSS Pulled from what was external WebTeam default page template
Will need integrating later
------------------------------------------------------------------------------- */
/* CSS Document */
/* Naju Colour Base CSS file */
/* TEXT HEADINGs ETC... */
.txt_color_one
{
color: #004151;
}
.txt_color_two
{
color: #C6D2E1;
}
.txt_color_three
{
color: #ADC7D6;
}
.txt_color_four
{
color: #D2D6D9;
}
.txt_white
{
color: #FFFFFF;
}
.txt_black
{
color: #000000;
}
/* BGs ETC */
.app_color_one
{
background-color: #004151;
}
.app_color_two
{
background-color: #C6D2E1;
}
.app_color_three
{
background-color: #ADC7D6;
}
.app_color_four
{
background-color: #D2D6D9;
}
/* CSS Document */
/* Naju Homepage CSS file */
div#hp_main /* container div */
{
display: table-cell;
width: 780px;
border-style: none;
border-width: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
/* structural */
div#hp_mainimg
{
float: left;
border-style: solid;
border-width: 0px;
width: 577px;
}
div#hp_lwcimg
{
border-style: solid;
border-width: 0px;
width: 200px;
float: left;
}
div#hp_blurb
{
float: left;
border-style: none;
border-width: 0px;
border-color: blue;
width: 780px;
padding-top: 10px;
padding-bottom: 15px;
font-family: verdana, arial, helvetica, sans-serif;
text-align: left;
font-size: 11px;
}
div#hp_bottom
{
display: table;
width: 780px;
border-style: none;
border-width: 0px;
float: left;
}
div#abs_bottom
{
width: 780px;
border-style: none;
border-width: 0px;
float: left;
}
div#hp_randomtable
{
display: table;
border-style: none;
border-width: 0px;
width: 780px;
}
div#hp_randombox1
{
float: left;
width: 135px;
height: 173px;
border-style: solid;
border-color: #D2D6D9;
border-width: 1px;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
font-size: 11px;
vertical-align: top;
}
div#hp_randombox2
{
float: left;
width: 131px;
height: 173px;
border-style: solid;
border-width: 1px;
border-color: #D2D6D9;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
font-size: 11px;
margin-left: 15px;
vertical-align: top;
}
div#hp_randombox3
{
float: left;
width: 131px;
height: 173px;
border-style: solid;
border-width: 1px;
border-color: #D2D6D9;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
font-size: 11px;
margin-left: 15px;
vertical-align: top;
}
div#hp_randombox4
{
float: left;
width: 131px;
height: 173px;
border-style: solid;
border-width: 1px;
border-color: #D2D6D9;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
font-size: 11px;
margin-left: 15px;
vertical-align: top;
}
div#hp_subscribe
{
float: left;
width: 188px;
height: 175px;
border-style: none;
border-width: 0px;
margin-left: 15px;
background-color: #D2D6D9;
}
div#hp_help
{
float: left;
border-style: solid;
border-width: 1px;
border-color: black;
}
/* images etc */
#hp_img_main
{
border-style: none;
border-width: 0px;
width: 577px;
height: 274px;
margin-left: 0px;
}
#hp_img_lwc
{
border-style: none;
border-width: 0px;
width: 188px;
height: 274px;
margin-left: 16px;
}
img#hp_img_random1
{
display: block;
width: 131px;
height: 126px;
margin-left: auto;
margin-right: auto;
border-style: none;
border-width: 0px;
}
img#hp_img_random2
{
display: block;
width: 131px;
height: 126px;
margin-left: auto;
margin-right: auto;
border-style: none;
border-width: 0px;
}
img#hp_img_random3
{
display: block;
width: 131px;
height: 126px;
margin-left: auto;
margin-right: auto;
border-style: none;
border-width: 0px;
}
img#hp_img_random4
{
display: block;
width: 131px;
height: 126px;
margin-left: auto;
margin-right: auto;
border-style: none;
border-width: 0px;
}
img#hp_img_comp
{
vertical-align: top;
margin-top: 10px;
margin-left: 0px;
}
img#hp_img_help
{
vertical-align: top;
margin-top: 10px;
margin-left: 11px;
}
img#hp_img_signuptxt
{
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 149px;
height: 66px;
}
input#hp_txtpromoemail
{
display: block;
margin-left: auto;
margin-right: auto;
width: 138px;
}
input#hp_signupsubmit
{
display: block;
margin-left: auto;
margin-right: auto;
width: 77px;
height: 25px;
}
/* Text and Links */
p#hp_randomtxt1
{
position: relative;
top: -3%;
margin: 0px 5px 0px 5px;
}
p#hp_randomtxt2
{
position: relative;
top: -3%;
margin: 0px 5px 0px 5px;
}
p#hp_randomtxt3
{
position: relative;
top: -3%;
margin: 0px 5px 0px 5px;
}
p#hp_randomtxt4
{
position: relative;
top: -3%;
margin: 0px 5px 0px 5px;
}
.hidden
{
display: none;
}
SPAN.AddToBasketMessage
{
font-weight: bold;
font-size: 11px;
color: blue;
}
#rp A:link
{
text-decoration: none;
}
#rp A
{
padding-right: 0px;
padding-left: 0px;
font-size: 10px;
padding-bottom: 0px;
color: black;
border-top-style: none;
padding-top: 0px;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}
TABLE.recommended
{
height: 80px;
background-color: #FFFFFF;
}
/* 21ST October 2008 - CSS classes and IDS added from live site */
.contentbold
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.context
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
.TableShops
{
background-color: #939598;
}
.TDTitle
{
FONT-SIZE: 10pt;
FONT-WEIGHT: bold;
COLOR: #FFFFFF;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color: #939598;
}
.subtitle
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
TEXT-TRANSFORM: uppercase;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.TD
{
FONT-SIZE: 8pt;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
COLOR: #FFFFFF;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color: #939598;
}
.TD1
{
FONT-SIZE: 8pt;
FONT-WEIGHT: normal;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color: #E6E7E8;
}
/* Naju - 11/02/09 - copy of live static.css rules */
/* start static.css */
.maintitle
{
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
TEXT-TRANSFORM: uppercase;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.subtitle
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
TEXT-TRANSFORM: uppercase;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.Title
{
FONT-WEIGHT: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
}
.Titleproductcare
{
FONT-WEIGHT: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
TEXT-TRANSFORM: uppercase;
font-size: 8pt;
color: #847248;
}
.context
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
.contentbold
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.linktitle:visited
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.linktitle
{
FONT-SIZE: 8pt;
COLOR: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline
}
A.linktitle:hover
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: underline;
}
A.linknormal:visited
{
FONT-SIZE: 8pt;
COLOR: #999999;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.linknormal
{
FONT-SIZE: 8pt;
COLOR:#000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.linknormal:hover
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: underline;
}
.text
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
}
.Left Colour
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color: #847248;
}
.TD
{
FONT-SIZE: 8pt;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
COLOR: #FFFFFF;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color: #939598;
}
.TDTitle
{
FONT-SIZE: 10pt;
FONT-WEIGHT: bold;
COLOR: #FFFFFF;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color: #939598;
}
td.TD2
{
FONT-SIZE: 10pt;
COLOR: #FFFFFF;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color: #939598;
}
.TD1
{
FONT-SIZE: 8pt;
FONT-WEIGHT: normal;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color: #E6E7E8;
}
.TitleHelp
{
FONT-SIZE: 8pt;
COLOR: #6F90B8;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
}
.TDShops
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
background-color: #e3d6be;
}
.TableShops
{
background-color: #939598;
}
.shopdetails
{
background-color: #e3d6be;
}
.TableDuvet
{
background-color: #FFFFFF;
}
.chrcontext
{
FONT-SIZE: 8pt;
COLOR: #6C193F;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
.chrlinktitle
{
FONT-SIZE: 8pt;
COLOR: #6C193F;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
font-weight: bold;
}
.LandingTitle
{
FONT-SIZE: 10pt;
COLOR: #847248;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
}
.LandingTitleRed
{
FONT-SIZE: 10pt;
COLOR: #FF0000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: normal;
}
.LandingBodyText
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: normal;
}
.LandingHighlight
{
FONT-SIZE: 8pt;
COLOR: #847248;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold;
}
.LandingBodyBold
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold;
}
.LandingTermTitle
{
FONT-SIZE: 7pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold;
}
.LandingTermText
{
FONT-SIZE: 7pt;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: normal;
}
.titleTrade
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
FONT-SIZE: 10pt;
}
.tradenav
{
font-family:Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12pt;
text-decoration:none;
}
.gototop
{
font-family:Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11pt;
text-decoration: none;
}
a#SubNavtext{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #545454;
FONT-SIZE: 11pt
font-color:#545454;
}
.SubNavtext
{
FONT-SIZE: 11pt;
color: #545454;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* end static.css rules */
/* Nazeer - added select styles from spring09.css for homepage and homepage carousel */
/* CAROUSEL RULES */
#carouselendleft
{
padding: 0px 7px 0px 0px;
border-style: none;
border-width: 0px;
}
#carouselendright
{
padding: 0px 0px 0px 7px;
border-style: none;
border-width: 0px;
}
.carouselmid
{
padding: 0px 7px 0px 7px;
border-style: none;
border-width: 0px;
}
/* story content rules */
.heading
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-weight: bold;
font-size: 15px;
}
#right_button
{
border-style: none;
border-width: 0px;
}
#left_button
{
border-style: none;
border-width: 0px;
}
#option_1 /* homepage main image */
{
border-style: none;
border-width: 0px;
}
/* for IE select tags */
select
{
z-index: 0;
}
.iframe_ie6
{
display: block;
border-style: solid;
border-width: 1px;
position: absolute;
left: -10px;
top: -10px;
width: 182px;
padding: 10px;
/*filter: mask();*/
height:500px;
z-index: 30000;
}
.iframe_div_ie6
{
display: block;
position: relative;
left: 0px;
top: 0px;
height: 50px;
border-style: solid;
background-color: #FFFFFF;
border-width: 1px;
margin: 0px;
padding: 0px;
z-index: 90000;
}
.iframe_div_ie6 div
{
border-color: red;
border-style: dashed;
border-width: 1px;
min-height: 200px;
}
.search_highlight
{
background-color: #eeeced;
}
/* IE 6 SELECT TAG ISSUE STYLES */
.iframe_subdept
{
list-style: none;
margin: 0px;
border-style: none;
border-width: 0px;
}
.iframe_ie6
{
border-style: none;
border-width: 1px;
}
.buying_center {text-align:center;} |