/**
 *-------------------------------------------------------------------
 * Licensed Materials - Property of IBM
 *
 * WebSphere Commerce
 *
 * (c) Copyright IBM Corp. 2006
 *
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 *
 *-------------------------------------------------------------------
 */

/** GLOBAL ELEMENT STYLES **/

html {
	padding: 0;
	margin:  0;
}
body {
	background: #FFF url(../images/colors/color1/BodyBackground.gif) top repeat-x;
	width:      920px;
	padding:    0;
	margin:     0 auto;
	font:       normal normal normal 11px/1.25 Verdana, Geneva, sans-serif;
	text-align: left;
}
a:link {
	color:           #333;
	text-decoration: underline;
}
a:visited {
	color: #666;
}
a:hover, a:active, a:focus {
	color: #00A5E5;
}
fieldset {
    padding: 0;
    border:  0;
    margin:  0;
}
form {
    padding: 0;
    margin:  0;
}
h2 {
    padding: 0;
    margin:  0;
    color:   #333;
    font:    normal normal bold 20px/1.4 Verdana, Geneva, sans-serif;
}
h3 {
    padding:        0;
    margin:         2.25em 0 0.25em;
    font-size:      11px;
    font-weight:    bold;
    text-transform: uppercase;
}
img {
    border: 0;  /* prevents borders from appearing on images within links */
}
input, select, textarea {
    padding:        1px 0;
    margin:         0;
    font:           normal normal normal 11px/1.25 Verdana, Geneva, sans-serif;
    vertical-align: middle;
}
input.input, select, textarea {
    border: 1px solid #666;
}
textarea {
    display: block;
}
label {
    vertical-align: middle;
}
p {
	margin: 0 0 1.25em;
}

/** GLOBAL CLASS STYLES **/

.accessible {
    display: none;
}
a.button, a:link.button, a:visited.button, a:hover.button, a:active.button, a:focus.button {
    background:      #82D0F2;
    padding:         3px 1em;
    border:          1px solid #42B9EC;
    margin-right:    1ex;
    color:           #FFF;
    font-size:       10px;
    line-height:     2em;
    font-weight:     bold;
    text-decoration: none;
    text-transform:  uppercase;
    white-space:     nowrap;
}

a.button1, a:link.button1, a:visited.button1, a:hover.button1, a:active.button1, a:focus.button1 {
    background:      #82D0F2;
    padding:         3px 1em;
    border:          1px solid #42B9EC;
    margin-left:     1ex;
    color:           #FFF;
    font-size:       15px;
    line-height:     3em;
    font-weight:     bold;
    text-decoration: none;
    text-transform:  uppercase;
    white-space:     nowrap;
}

a.button, a:link.button, a:visited.button, a:hover.button, a:active.button, a:focus.button {
	background:     #00A5E5 url(../images/colors/color1/SearchButtonBackground.gif) top repeat-x;
	border-color:   #666;
	font:           normal normal normal 10px/17px Arial, Helvetica, sans-serif;
}
a.button1, a:link.button1, a:visited.button1, a:hover.button1, a:active.button1, a:focus.button1 {
	background:     #00A5E5 url(../images/colors/color1/SearchButtonBackground.gif) top repeat-x;
	border-color:   #666;
	font:           normal normal normal 15px/22px Arial, Helvetica, sans-serif;
}
.buttons {
    margin-top:    1.25em;
    margin-bottom: 1.25em;
}
.discount a {
    background:   url(../images/colors/color1/DiscountBullet.gif) left no-repeat;
    padding-left: 17px;
    line-height:  1.5em;
}
.error, .warning {
    color: #F00;
}
.list-price	{
    color:           #9B9B9B;
    text-decoration: line-through;
}
.offer-price {
    color: #444444;
}
.discount-price {
    color: #9B9B9B;
}
.radio, .checkbox {
    float:        left;
    clear:        left;
    margin-right: 1ex;
}
.radio-label, .checkbox-label {
    display:       block;
    margin-left:   20px;
    margin-bottom: 0.375em;
}
.required {
    color: #F00;
}
table.tabular-data {
    width:           100%;
    padding:         0;
    border:          1px solid #CCC;
    border-width:    1px 0;
    margin:          1.25em 0;
    border-collapse: collapse;
}
.tabular-data thead {
    background:     #CCC;
    color:          #FFF;
    font-weight:    bold;
    text-transform: uppercase;
}
.tabular-data tfoot {
    background: #EEE;
}
.tabular-data th, .tabular-data td {
    text-align:     left;
    vertical-align: top;
}
.tabular-data thead th, .tabular-data thead td, .tabular-data tfoot th, .tabular-data tfoot td {
    padding: 0.375em 1ex;
}
.tabular-data tbody th, .tabular-data tbody td {
    padding:      0.75em 1ex;
    border:       1px solid #CCC;  /* IE won't take borders on thead, tbody, & tfoot, so we do them here */
    border-width: 1px 0;
}
.tabular-data tfoot th {
    color:      #999;
    text-align: right;
}
.tabular-data .price, .tabular-data .quantity, .tabular-data .subtotal, .tabular-data .total {
    text-align: right;
}
.tabular-data tbody .discount td {
    background:       #EFFBFF;
    border-top-style: dotted;
}

/** CONTAINER **/

#Page-Container {
	width:      920px;
	padding:    0;
	margin:     0 auto;
	text-align: left;
}

/** HEADER **/

#Page-Header {
	position:   relative;
	width:      100%;  /* HACK (IE6): Trigger hasLayout to make floats work correctly */
	padding:    0;
	margin:     0 0 1ex;
	text-align: left;
}
#Logo, #Logo h1, #Logo a, #Logo img {
	float:   left;
	display: block;
	padding: 0;
	border:  0;
	margin:  0;
}
ul#Header-Menu {
	float:          right;
	list-style:     none;
	padding:        0;
	margin:         20px 0 10px auto;
	font:           normal normal normal 10px/11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-family:Arial,Helvetica,sans-serif;

}
#Header-Menu li {
	border-left:1px solid #666666;
	display:block;
	float:left;
	margin:0 0 0 1em;
	padding:0 0 0 1em;
}
#Header-Menu li.first {
	background: transparent;
	padding: 0;
	border:  0;
	margin:  0;
}
#Header-Menu a, #Header-Menu a:link, #Header-Menu a:visited, #Header-Menu a:hover, #Header-Menu a:focus, #Header-Menu a:active {
	display:         block;
	color:           #666;
	text-decoration: none;
}
#Header-Menu a:hover, #Header-Menu a:focus {
	text-decoration: underline;
}
#Header-Search form {
	clear: right;
    float:   right;
    padding: 0;
    border:  0;
    margin:  0;
}
#Header-Search input.input {
	display:     block;
	float:       left;
	height:      17px;
	padding:     0 1px;
	border:      1px solid #666;
	margin:      0 1ex 0 0;
	line-height: 17px;
}
#Header-Search a.button {
	display:        block;
	float:          left;
	background:     #00A5E5 url(../images/colors/color1/SearchButtonBackground.gif) top repeat-x;
	height:         17px;
	padding:        0 1em;
	border-color:   #666;
    margin:         0;
	color:          #FFF;
	font:           normal normal normal 10px/17px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
ul#Header-Nav {
	float:          left;
	clear:          both;
	list-style:     none;
	background:     url(../images/colors/color1/HeaderNavBackground.gif) bottom repeat-x;
	width:          918px;  /* leave room for left & right borders */
	padding:        0;
	border:         1px solid #CCC;
	margin:         5px 0 1px;
	font:           normal normal bold 11px/28px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#Header-Nav li {
	position:     relative;  /* anchor for floating menu */
	float:        left;
	display:      block;
	padding:      0;
	border-right: 1px solid #CCC;
	margin:       0;
}
#Header-Nav a, #Header-Nav span {
	float:           left;
	display:         block;
	background:      #FFF;
	padding:         0 9px;
	border:          0;
	margin:          0;
	color:           #666;
	font-weight:     bold;
	text-decoration: none;
	text-transform:  uppercase;
}
#Header-Nav a:link, #Header-Nav a:visited {
	background: transparent;
	color:      #666;
}
#Header-Nav a:hover, #Header-Nav a:focus, #Header-Nav a:active {
	background: #FFF;
	color:      #00A5E5;
}
#Header-Nav li#Other-Categories span {
	background:    transparent url(../images/colors/color1/HeaderOtherMenuArrow.gif) right no-repeat;
	padding-right: 24px;
}
#Header-Nav li.active#Other-Categories span {
	background: #FFF url(../images/colors/color1/HeaderOtherMenuArrowActive.gif) right no-repeat;
	color:      #00A5E5;
}
#Header-Nav ul {  /* floating menu */
	position:     absolute;
	right:        -1px;
	top:          29px;
	z-index:      100;
	display:      block;
	visibility:   hidden;
	list-style:   none;
	background:   #FFF url(../images/colors/color1/HeaderNavBackground.gif) bottom repeat-x;
	width:        180px;
	height:       auto;
	padding:      0;
	border:       1px solid #CCC;
	border-width: 0 1px;
	margin:       0;
}
#Header-Nav li li {
	float:         none;
	display:       block;
	height:        auto;
	width:         auto;
	padding:       0;
	border:        0;
	border-bottom: 1px solid #CCC;
	margin:        0;
}
#Header-Nav li li a {
	float:       none;
	display:     block;
	height:      auto;
	width:       162px;
	padding:     0 9px;
	border:      0;
	margin:      0;
	font-weight: normal;
	text-align:  right;
}
#Header-Promo {
	clear:       both;
	background:  url(../images/colors/color1/HeaderPromoBackground.gif) bottom no-repeat;
	height:      24px;
	padding:     8px 1em 0;
	border-top:  3px solid #00A5E5;
	line-height: 24px;
}
#Search-Breadcrumbs {
    overflow: auto;
	width:    100%;
	margin:   1em 0 0;
}
#Search-Breadcrumbs a,
#Search-Breadcrumbs a:link,
#Search-Breadcrumbs a:visited,
#Search-Breadcrumbs a:hover,
#Search-Breadcrumbs a:active,
#Search-Breadcrumbs a:focus {
    color:       #333;
	font-weight: bold;
}
#Search-Breadcrumbs a.delete,
#Search-Breadcrumbs a:link.delete,
#Search-Breadcrumbs a:visited.delete,
#Search-Breadcrumbs a:hover.delete,
#Search-Breadcrumbs a:active.delete,
#Search-Breadcrumbs a:focus.delete {
    color:           #F00;
    font-size:       9px;
    vertical-align:  middle;
    text-decoration: none;
}
#Search-Breadcrumbs .callout {
	float:      left;
	background: url(../images/colors/color1/SearchBreadcrumbHandle.gif) bottom left no-repeat;
    padding:    0 0 15px;
	border:     0;
	margin:     0;
}
#Search-Breadcrumbs .content {
	/*float:         left;*/
	background:    #82D0F2;
	padding:       1ex;
	border:        1px solid #333;
	border-bottom: 0;
	margin:        0;
}
#Search-Breadcrumbs .crumbs {
    list-style: none;
	padding:    0;
	margin:     0;
}
#Search-Breadcrumbs .crumbs li {
    display: inline;
	padding: 0;
	margin:  0;
}

/** SIDEBAR **/

#Page-Sidebar {
	float:  left;
	clear:  both;
	width:  230px;
	margin: 0 0 2.5em;
}
.top-categories #Page-Sidebar {
	float: right;  /* right sidebar for top categories */
}

#Sub-Nav, .portlet, #Search-Filter {
	border:      1px solid #333;
	border:      1px solid #666;
	margin:      0 0 1em;
	font-family: Verdana, Geneva, sans-serif;
}
#Sub-Nav h2, .portlet h2, #Search-Filter h2 {
	padding:        0 1ex;
	border-bottom:  1px solid #333;
	border-bottom:  1px solid #666;
	margin:         0;
	background:     #C2EAF9 url(../images/colors/color1/SidebarHeadingBackground.gif) bottom repeat-x;
	color:          #FFF;
	color:          #333;
	font-size:      11px;
	font-weight:    bold;
	line-height:    24px;
}
#Sub-Nav h2 {
	text-transform: uppercase;
}
#Sub-Nav ul {
	display:    block;
	list-style: none;
	padding:    0;
	margin:     0;
}
#Sub-Nav li {
	display:     block;
	padding:     0;
	border-top:  1px solid #333;
	margin:      0;
	line-height: 24px;
}
#Sub-Nav li.first {
	border: 0;
}
#Sub-Nav a,
#Sub-Nav a:link,
#Sub-Nav a:visited,
#Sub-Nav a:hover,
#Sub-Nav a:active,
#Sub-Nav a:focus {
	display:         block;
	padding:         0 1ex;
	border:          0;
	margin:          0;
	color:           #333;
	text-decoration: none;
}
#Sub-Nav a:hover,
#Sub-Nav a:focus {
	background: #C2EAF9 ;
}
#Sub-Nav li.on a {
	background: #D3D3D3;
}
.portlet h2 {
    font-weight: normal;
}
.portlet .maximize {
	float:  right;
	margin: 7px 0;
}
.portlet .message {
	margin:     3em 1ex;
	text-align: center;
}
.portlet .order {
	font-size: 9px;
}
.portlet .order table {
	border-collapse: collapse;
	border-bottom:   0;
	margin:          0;
	font-size:       9px;
}
.portlet .order th, .portlet .order td {
	padding: 0.5ex;
}
.portlet .order .quantity, 
.portlet .order .total, 
.portlet .order .price {
	text-align: right;
}
.portlet .order thead {
	background:     #F6F6F6;
	color:          #999;
	font-weight:    bold;
	text-align:     left;
	text-transform: uppercase;
}
.portlet .order thead th {
	border-bottom:  1px solid #CCC;
}
.portlet .order thead th.quantity,
.portlet .order thead th.price,
.portlet .order thead th.total {
    text-align: right;
}
.portlet .order tbody {
	text-align: left;
}
.portlet .order tbody th, .portlet .order tbody td {
	border: 0;
}
.portlet .order tfoot {
	background:     #F6F6F6;
	text-align:     right;
}
.portlet .order tfoot th {
	color:          #999;
	font-weight:    bold;
	text-align:     right;
	text-transform: uppercase;
}
.portlet .order tfoot .first th, .portlet .order tfoot .first td {
	border-top:     1px solid #CCC;
}
.portlet .order .nav {
	background:     #EEE;
	padding:        0.325ex 0;
	border-top:     1px solid #999;
	text-align:     center;
}
.portlet .order .nav .previous {
    float:          left;
    margin-left:    0.5ex;
    text-transform: uppercase;
}
.portlet .order .nav .next {
    float:          right;
    margin-right:   0.5ex;
    text-transform: uppercase;
}
.portlet .order .nav .results {
    display: block;
    margin: 0 5em;
}
.portlet .order .nav .more {
    display: block;
}
#Search-Filter ul {
    list-style: none;
	padding:    0;
	margin:     0;
}
#Search-Filter li {
    padding:    1ex;
	margin:     0;
}
#Search-Filter li div {
    font-weight: bold;
}
#Search-Filter li li {
    padding: 0;
	border:  0;
    margin:  1ex 0;
}

/** CONTENT **/

#Page-Content {
    float:    right;
    width:    680px;
	padding:  0;
	margin:   0 0 2.5em;
}
.top-categories #Page-Content {
	float: left;  /* sidebar on the right for top categories */
}

/** LOGON **/

#Logon-Form {
    background: #82D0F2 url(../images/colors/color1/LogonFormBackground.jpeg) top repeat-x;
    width:      600px;
    padding:    8px;
    border:     1px solid #666;
    margin:     50px auto 0;
}
#Logon-Form-Body {
    background: #FFF;
    padding:    1.25em;
    border:     1px solid #666;
    margin:     0;
}
#Logon-Form #Logo {
    display:    block;
    float:      none;
    width:      auto;
    height:     auto;
    padding:    0;
    border:     0;
    margin:     0 0 1.875em;
    text-align: left;
}
#Logon-Form #Logo img {
    display:    inline;
    float:      none;
    padding:    0;
    border:     0;
    margin:     0;
}
#Logon-Form fieldset {
    margin: 1.25em 0;
}
#Logon-Form h2 {
    margin-bottom: 0.7em;  /* 14px */
}
#Logon-Form label, #Logon-Form input.input {
    display: block;
}
#Logon-Form .buttons {
    margin-bottom: 2.5em;
}
#Logon-Form .logon {
    float:  left;
    width:  47%;
    margin: 0 0 1.25em;
}
#Logon-Form .register {
    float:        right;
    width:        47%;
    padding-left: 3%;
    border-left:  1px solid #CCC;
    margin:       0 0 1.25em;
}
#Logon-Form .disclaimer {
    clear: both;
}

/** GENERIC ERROR **/

#Generic-Error {
    background: #82D0F2 url(../images/colors/color1/LogonFormBackground.jpeg) top repeat-x;
    width:      600px;
    padding:    8px;
    border:     1px solid #666;
    margin:     50px auto 0;
}
#Generic-Error-Body {
    background: #FFF;
    padding:    1.25em;
    border:     1px solid #666;
    margin:     0;
}
#Generic-Error #Logo {
    display:    block;
    float:      none;
    width:      auto;
    height:     auto;
    padding:    0;
    border:     0;
    margin:     0 0 1.875em;
    text-align: left;
}
#Generic-Error #Logo img {
    display:    inline;
    float:      none;
    padding:    0;
    border:     0;
    margin:     0;
}

/** TIMEOUT **/

#Timeout-Form {
    background: #82D0F2 url(../images/colors/color1/LogonFormBackground.jpeg) top repeat-x;
    width:      600px;
    padding:    8px;
    border:     1px solid #666;
    margin:     50px auto 0;
}
#Timeout-Form-Body {
    background: #FFF;
    padding:    1.25em;
    border:     1px solid #666;
    margin:     0;
}
#Timeout-Form #Logo {
    display:    block;
    float:      none;
    width:      auto;
    height:     auto;
    padding:    0;
    border:     0;
    margin:     0 0 1.875em;
    text-align: left;
}
#Timeout-Form #Logo img {
    display:    inline;
    float:      none;
    padding:    0;
    border:     0;
    margin:     0;
}

/** TOP CATEGORIES **/

#Main-Front-Page-Spot {
    overflow: hidden;
    width:    678px;
    /*height:   335px;*/
    border:   1px solid #333;
    margin:   0 0 1em;
}
ul#Front-Page-Categories {
    overflow:   auto;
    list-style: none;
    width:      100%;
    padding:    0;
    margin:     2em 0;
}
#Front-Page-Categories li {
    float:       left;
    width:       33%;
    padding:     0;
    margin:      0;
    text-align:  center;
}
#Front-Page-Categories li.first {
    border: 0;
}
#Front-Page-Categories a {
    display:         block;
    text-decoration: none;
}
#Front-Page-Categories a:hover, #Front-Page-Categories a:active, #Front-Page-Categories a:focus {
    color: #333;
}
#Front-Page-Categories .thumbnail {
    display: block;
}
#Front-Page-Categories .name {
    display:     block;
    padding:     6px 0;
    font-size:   13px;
    font-weight: bold;
}
ul#Front-Page-Products {
    overflow:    auto;
    list-style:  none;
    width:       100%;
    padding:     0;
    margin:      2em 0;
}
#Front-Page-Products li {
    float:       left;
    width:       33%;
    border-left: 1px solid #CCC;
    padding:     0;
    margin:      0 0 2em;
}
#Front-Page-Products li.first {
    border-color: #FFF;
}
#Front-Page-Products a {
    display:         block;
    text-decoration: none;
}
#Front-Page-Products a:hover, #Front-Page-Products a:active, #Front-Page-Products a:focus {
    color: #333;
}
#Front-Page-Products .thumbnail {
    float:  left;
    margin: 0 1ex;
}
#Front-Page-Products .name {
    display:     block;
    margin:      0 1ex 1ex 0;
    font-size:   13px;
    font-weight: bold;
}
#Front-Page-Products .price {
    display: block;
    color:   #900;
}

/** SUB-CATEGORIES **/

ul#Category-Discounts {
    list-style:   none;
    /*overflow:     auto;*/
    float:        right;
    background:   url(../images/colors/color1/DiscountBarBackgroundRight.gif) right no-repeat;
    width:        100%;
    padding:      0;
    border:       1px solid #FFF;
    border-width: 1px 0;
    margin:       0 0 1ex;
    color:        #FFF;
    line-height:  24px;
    font-weight:  bold;
}
#Category-Discounts li {
    float: left;
    padding: 0 1ex 0;
    margin: 0;
}
#Category-Discounts li.first {
    background: url(../images/colors/color1/DiscountBarBackgroundLeft.gif) left no-repeat;
}
#Category-Discounts a,
#Category-Discounts a:link,
#Category-Discounts a:visited,
#Category-Discounts a:hover,
#Category-Discounts a:focus,
#Category-Discounts a:active {
    color: #FFF;
}
#Category-Discounts a:hover,
#Category-Discounts a:active {
    text-decoration: none;
}
.category-nav {
    /*overflow:    auto;*/
    clear:       both;
    float:       right;
    width:       672px;
    padding:     3px;
    border:      1px solid #999;
    margin:      0 0 1em;
    color:       #666;
    line-height: 20px;
}
.category-nav img {
    border:         0;
    vertical-align: middle;
}
.category-nav form {
    padding: 0;
    margin:  0;
}
.category-nav .paging, .category-nav .jump-to {
    float:         left;
    height:        20px;
    padding-right: 2em;
    border-right:  1px dotted #999;
    margin-right:  2em;
}
.category-nav .page-number {
    padding: 0 1ex;
}
.category-nav .view-type {
    float: right;
}
ul#Category-Listing {
    overflow:   auto;
    clear:      both;
    list-style: none;
    padding:    0;
    margin:     1em 1em 3em;
}
#Category-Listing li {
    padding: 0;
    margin:  0;
}
#Category-Listing .image, 
#Category-Listing .name, 
#Category-Listing .description, 
#Category-Listing .discount {
    display: block;
}
#Category-Listing .image img {
    border: 1px solid #CCC;
}
#Category-Listing.image-view li {
    float:      left;
    width:      31%;
    padding:    0;
    margin:     0 1% 3em;
}
#Category-Listing.image-view .image {
    margin-bottom: 1ex;
}
#Category-Listing.image-view .description {
    display: none;
}
#Category-Listing.detailed-view li {
    overflow:       auto;
    padding-bottom: 1em;
}
#Category-Listing.detailed-view .image {
    float: left;
}
#Category-Listing.detailed-view .name, 
#Category-Listing.detailed-view .description, 
#Category-Listing.detailed-view .discount {
    margin-left: 86px;
}
ul#Catalog-Entry-Listing {
    clear:      both;
    overflow:   auto;
    list-style: none;
    padding:    0;
    margin:     1em 1em 3em;
}
#Catalog-Entry-Listing li {
    padding: 0;
    margin:  0;
}
#Catalog-Entry-Listing .image, 
#Catalog-Entry-Listing .name, 
#Catalog-Entry-Listing .description, 
#Catalog-Entry-Listing .discount,
#Catalog-Entry-Listing .price,
#Catalog-Entry-Listing .sku,
#Catalog-Entry-Listing .attribute {
    display: block;
}
#Catalog-Entry-Listing .attribute .label {
    color:       #00A5E5;
    font-weight: bold;
}
#Catalog-Entry-Listing.image-view li {
    float:      left;
    width:     200px;
    height:    200px;
    padding:    0;
    margin:     0 1% 3em;
    text-align: center;
}
#Catalog-Entry-Listing.image-view .image {
    margin-bottom: 1ex;
    height: 100px;
    width: 100px;
    align:none;
}
#Catalog-Entry-Listing.image-view .name,
#Catalog-Entry-Listing.image-view .name a {
    font-weight:     bold;
    text-decoration: none;
}
#Catalog-Entry-Listing.image-view .description {
    display: none;
}
#Catalog-Entry-Listing.image-view .price {
    color:       #900;
    font-weight: bold;
}
#Catalog-Entry-Listing.image-view .price .list-price {
    color:       #666;
    font-weight: normal;
}
#Catalog-Entry-Listing.detailed-view li {
    overflow:       auto;
    padding-bottom: 1em;
}
#Catalog-Entry-Listing.detailed-view .image {
    float: left;
}
#Catalog-Entry-Listing.detailed-view .name, 
#Catalog-Entry-Listing.detailed-view .description, 
#Catalog-Entry-Listing.detailed-view .discount, 
#Catalog-Entry-Listing.detailed-view .price, 
#Catalog-Entry-Listing.detailed-view .sku {
    margin-left: 55px;
}
#Catalog-Entry-Listing.detailed-view .name,
#Catalog-Entry-Listing.detailed-view .name a {
    font-weight:     bold;
    text-decoration: none;
}
#Catalog-Entry-Listing.detailed-view .price {
    color:       #900;
    font-weight: bold;
}
#Catalog-Entry-Listing.detailed-view .price .list-price {
    color:       #666;
    font-weight: normal;
}

/** PRODUCT DISPLAY **/

#Product-Display .image {
    float:  left;
    border: 1px solid #CCC;
    margin: 0 1em 1em 0;
}
#Item-Listing {
    clear: both;
}
#Item-Listing tbody .name {
    padding-bottom: 1ex;
    font-size:      12px;
    font-weight:    bold;
}

/** ITEM DISPLAY **/

#Item-Display form {
    margin-top: 2.5em;
}
#Item-Display h3 {
    clear: both;
}
#Item-Display .sku {
    color: #999;
}
#Item-Display .image {
    float:  left;
    border: 1px solid #CCC;
    margin: 0 1em 1em 0;
}
#Item-Display .discount {
    margin: 1em 0;
}
#Item-Display .quantity {
    margin-bottom: 1.25em;
}
#Contract-Prices label {
    vertical-align: baseline;
}
#Contract-Prices .price {
    text-align: right;
}
#Requisition-List fieldset {
    padding: 0;
    border:  0;
    margin:  -0.75em 1ex 1.25em;
}
#Merchandising-Associations ul {
    overflow:   auto;
    list-style: none;
    padding:    1px 0;
    margin:     0;
    text-align: center;
}
#Merchandising-Associations li {
    float:   left;
    width:   25%;
    padding: 0;
    margin:  0;
}
#Merchandising-Associations img {
    display: inline;
    border:  0;
}
#Merchandising-Associations .image,
#Merchandising-Associations .name,
#Merchandising-Associations .sku,
#Merchandising-Associations .price {
    float:      none;
    display:    block;
    padding:    0;
    border:     0;
    margin:     0;
    text-align: center;
}

/** ENDECA SEARCH RESULTS **/

#Search-Results-Display {
    margin: 0;
}
#Search-Results-Display .search-paging {
    position:     relative;
	background:   #82D0F2;
	width:        100%;  /* HACK (IE6): Trigger hasLayout so that absolute positioning children works correctly */
	padding:      0;
	border:       1px solid #333;
	border-width: 1px 0;
	margin:       0 0 1ex;
	line-height:  24px;
}
#Search-Results-Display .search-paging a,
#Search-Results-Display .search-paging a:link,
#Search-Results-Display .search-paging a:visited,
#Search-Results-Display .search-paging a:hover,
#Search-Results-Display .search-paging a:active,
#Search-Results-Display .search-paging a:focus {
    color: #333;
}
#Search-Results-Display .search-paging .displaying {
	position:     absolute;
	top:          0;
	left:         0;
	padding:      0 1ex;
	border:       1px solid #333;
	border-width: 0 1px;
	margin:       0;
}
#Search-Results-Display .search-paging .jump-to {
	position:     absolute;
	top:          0;
	right:        0;
	padding:      0;
	border:       1px solid #333;
	border-width: 0 1px;
	margin:       0;
}
#Search-Results-Display .search-paging .jump-to .label {
    float:        left;
	padding:      0 1ex;
	margin:       0;
}
#Search-Results-Display .search-paging .jump-to ul {
    float:        left;
	list-style:   none;
	padding:      0;
	margin:       0 auto 0 0;
}
#Search-Results-Display .search-paging .jump-to li {
    float:       left;
	padding:     0 1ex;
	border-left: 1px solid #333;
	margin:      0;
}
#Search-Results-Display .search-paging .jump-to li.current {
    background: #FFF;
}
/* HACK (IE6): Fix line-height problem */
* html #Search-Results-Display .search-paging .jump-to img {
	margin:         6px 0 7px;
	vertical-align: middle;
}
#Search-Results-Display .search-paging .results-per-page {
    padding:    0;
	margin:     0 auto;
    text-align: center;
}
#Search-Results-Display #Search-Sorting {
    position: relative;
    overflow: auto;  /* Enclose floats */
	width:    100%;  /* HACK (IE6): Trigger hasLayout to make absolute positioning work */
	margin:   0 0 1ex;
}
#Search-Results-Display #Search-Sorting .label {
	float:   left;
	display: inline;  /* HACK (IE6): Fix doubled float margin bug */
	padding: 1ex 0;
	margin:  0 1em;
}
#Search-Results-Display #Search-Sorting ul {
    /*
	position:   absolute;
	top:        0;
	left:       100px;
	*/
	float:      left;
    list-style: none;
	padding:    0;
	margin:     0;
}
#Search-Results-Display #Search-Sorting li {
    float:      left;
	background: #EEE;
    width:      120px;
	padding:    1ex 0;
	margin:     0 0 0 2px;
	text-align: center;
}
#Search-Results-Display #Search-Sorting a,
#Search-Results-Display #Search-Sorting a:link,
#Search-Results-Display #Search-Sorting a:visited,
#Search-Results-Display #Search-Sorting a:hover,
#Search-Results-Display #Search-Sorting a:active,
#Search-Results-Display #Search-Sorting a:focus {
    color: #333;
}
#Search-Results-Display #Search-Results {
    padding: 0;
	margin:  1em 0;
}
#Search-Results-Display #Search-Results ul {
    overflow:   auto;  /* Enclose floats */
	list-style: none;
	width:      100%;  /* HACK (IE6): Trigger hasLayout so that overflow: auto works */
	padding:    0;
	margin:     0;
}
#Search-Results-Display #Search-Results li {
    float:       left;
	width:       45%;
	padding:     0 2%;
	margin:      0 0 2em;
	/*margin-left: 10px;  /* HACK: Account for IE6's stupid 3-px bug on floats */
}
html>body #Search-Results-Display #Search-Results li {
    /*margin-left: 13px; /* Reset margin to full value on standards-compliant browsers */
}
#Search-Results-Display #Search-Results li.odd {
    clear: left;
}
#Search-Results-Display #Search-Results .thumbnail {
    float:        left;
    margin-right: 1ex;
}
#Search-Results-Display #Search-Results .thumbnail a,
#Search-Results-Display #Search-Results .thumbnail img {
    display: block;
    width:   100px;
    height:  100px;
    padding: 0;
    border:  0;
    margin:  0;
}
#Search-Results-Display #Search-Results .brand {
    text-transform: uppercase;
}
#Search-Results-Display #Search-Results .name {
    font-weight: bold;
}

/** ORDER ITEM DISPLAY **/

#Order-Items table {
	margin-bottom: 0;
}
#Order-Items .image {
    float:  left;
    margin: 0 1em 1em 0;
}
#Order-Items .buttons {
    text-align: right;
}
#Order-Items .buttons .button {
	margin-left:  1ex;
	margin-right: 0;
}
#Choose-Order-Action fieldset {
    padding: 0;
    border:  0;
    margin:  0 1ex 1.25em;
}
#Choose-Order-Action fieldset div {
	margin-bottom: 0.375em;
}
#Checkout-Layer fieldset {
    padding: 0;
    border:  0;
    margin:  0 1ex 1.25em;
}
#Requisition-List-Layer {
    display: none;
}
#Express-Checkout-Layer fieldset {
    overflow: auto;
    padding:  0;
    border:   0;
    margin:   1ex 0;
}
#Express-Checkout-Layer label {
    float:       left;
    width:       150px;
    line-height: 1.72em;
}
#Express-Checkout-Layer .labeled {
    display:     block;
    margin-left: 160px;
}
#Shipdate-Requested-Layer label {
    float:      left;
    width:      auto;
    padding:    0;
    border:     0;
    margin:     0 1ex 0 0 ;
    text-align: center;
}
#Shipdate-Requested-Layer input {
    display: block;
}
#Promo-Codes form {
    line-height: 2.5em;
}
#Promo-Codes ul {
    list-style: none;
    padding:    0;
    margin:     1.25em 0;
}
#Promo-Codes li {
    padding:     0;
    margin:      0;
    line-height: 2.5em;
}
ul#Checkout-Breadcrumbs {
    overflow:    auto;
    list-style:  none;
    width:       100%;
    padding:     0;
    margin:      0 0 1.25em;
    line-height: 2.5em;
}
#Checkout-Breadcrumbs li {
    float:       left;
    background:  url(../images/brdcrm_divider.gif) left center no-repeat;
    padding:     0 0 0 30px;
    margin:      0;
    color:       #CCC;
    font-weight: bold;
}
#Checkout-Breadcrumbs li.first {
    background: transparent;
    padding:    0;
}
#Checkout-Breadcrumbs li.active {
    color: #00A5E5;
}
#Checkout-Breadcrumbs a {
    display:         block;
    color:           #666;
    text-decoration: none;
}
#Checkout-Breadcrumbs a:hover, #Checkout-Breadcrumbs a:focus {
    color: #00A5E5;
    text-decoration: underline;
}
#Express-Checkout-Layer {
    display: none;
}

/** SINGLE SHIPPING ADDRESS CHECKOUT **/

ul#Shipping-Address-List {
    overflow:   auto;
    list-style: none;
    padding:    0;
    margin:     1.25em 1ex;
}
#Shipping-Address-List li {
    float: left;
    width: 32%;
    height: 10em;  /* 8 lines * 1.25em */
    padding: 0;
    margin: 0 1% 1.25em 0;
}
#Shipping-Address-List .nickname {
    font-weight: bold;
}

/** SHIPPING METHOD CHECKOUT **/

#Shipping-Method-Item-List .method, 
#Shipping-Method-Item-List .expedite, 
#Shipping-Method-Item-List .requested-ship-date {
    margin-bottom: 0.375em;
}
#Shipping-Method-Item-List .requested-ship-date {
    overflow:    auto;
}
#Shipping-Method-Item-List .ship-date {
    margin-left: 7px;
}
#Shipping-Method-Item-List .ship-date label {
    float:      left;
    width:      auto;
    padding:    0;
    border:     0;
    margin:     0 1ex 0 0 ;
    text-align: center;
}
#Shipping-Method-Item-List .ship-date input {
    display: block;
}

/** SHIPPING INSTRUCTIONS DISPLAY **/

#Shipping-Instructions-Display .shipping-instruction-block .address-label {
    float: left;
}
#Shipping-Instructions-Display .shipping-instruction-block .address {
    margin-left: 3em;
}
#Shipping-Instructions-Display .shipping-instruction-block .address .nickname {
    font-weight: bold;
}

/** SINGLE-PAGE CHECKOUT **/

#Single-Page-Checkout {
    display:    block;
    margin-top: 1.25em;
    text-align: left;
}
#Single-Page-Checkout h3 {
    margin:         1em 0 0;
    color:          #00A5E5;
    font:           normal normal bold 14px/2.0 Verdana, Geneva, sans-serif;
    text-transform: uppercase;
}
#Single-Page-Checkout #Shipping-Details .address-label {
	float:       left;
	font-weight: bold;
}
#Single-Page-Checkout #Shipping-Details .vcard {
	margin-left:   130px;
	margin-bottom: 1.25em;
}
#Single-Page-Checkout .advanced-shipping-options-controls {
	overflow: auto;
	width:    100%;  /* HACK (IE6): Trigger hasLayout to make overflow:auto work */
}
#Single-Page-Checkout .advanced-shipping-options-controls input.checkbox {
	float:      left;
	padding:0;
	margin: 0;
}
#Single-Page-Checkout .advanced-shipping-options-controls label {
	display:     block;
	margin-left: 25px;
}
#Single-Page-Checkout .advanced-shipping-options {
	margin: 0.5em 0 1.25em 25px;
}
#Single-Page-Checkout .advanced-shipping-options label {
	display:      block;
	font-weight:  bold;
}
#Single-Page-Checkout .advanced-shipping-options textarea {
	width: 400px;
}
#Single-Page-Checkout .tabular-data td.thumbnail {
	width: 45px;
}
#Single-Page-Checkout .tabular-data td.thumbnail a,
#Single-Page-Checkout .tabular-data td.thumbnail img {
	display: block;
	width:   45px;
	height:  45px;
}
#Single-Page-Checkout .tabular-data td.item a {
	margin-right: 2ex;
}
#Single-Page-Checkout .tabular-data td.quantity {
	width: 50px;
}
#Single-Page-Checkout .tabular-data th.quantity,
#Single-Page-Checkout .tabular-data td.quantity {
	width: 110px;
}
#Single-Page-Checkout #Payment-Methods .payment-type-selection {
	overflow: auto;  /* enclose floats */
	width:    100%;  /* HACK (IE6): trigger hasLayout to make overflow:auto work */
}
#Single-Page-Checkout #Payment-Methods .payment-type-selection label {
	float: left;
	width: 60px;
}
#Single-Page-Checkout #Payment-Methods .payment-area {
	margin-top:  0.5em;
	margin-left: 60px;
}
#Single-Page-Checkout .buttons {
	margin-left:  1ex;
	margin-right: 0;
	text-align:   right;
}
#Number-Of-Shipments {
    margin: 1.25em 0;
}
#Multiple-Shipments {
}
#Single-Page-Checkout #promotionCodeArea {
    padding:    0.625em 0;
    border-top: 1px solid #CCC;
    margin:     1.25em 0 0;
    text-align: right;
}
#Single-Page-Checkout #currentOrderTotalsArea td {
    width: 140px;
}
#Single-Page-Checkout #currentOrderTotalsArea tr.order-total th,
#Single-Page-Checkout #currentOrderTotalsArea tr.order-total td {
    font-size:   1.5em;
    font-weight: bold;
}
#Single-Page-Checkout #currentOrderTotalsArea .buttons {
    text-align: right;
}

/** FOOTER **/

#Page-Footer {
	clear:   both;
	padding: 0;
	margin:  1em 0;
}
#Footer-Nav {
background:transparent url(../images/colors/color1/FooterNavBackground.jpg) no-repeat scroll center bottom;
border-top:3px solid #00A5E5;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:30px;
line-height:29px;
padding:0 1em;
text-transform:uppercase;
}
#Footer-Nav ul {
	display: block;
	padding: 0;
	margin:  0;
}
#Footer-Nav ul.a {
	float:        left;
	margin-right: auto;
}
#Footer-Nav ul.b {
	float:       right;
	margin-left: auto;
}
#Footer-Nav li {
	float:      left;
	display:    block;
	background: url(../images/colors/color1/pipe.gif) 12px center no-repeat;
	padding:    0 0 0 31px;  /* left padding for bullet */
	margin:     0;
}
#Footer-Nav li.first {
	background: transparent;
	padding:    0;
}
#Footer-Nav a, #Footer-Nav a:link, #Footer-Nav a:visited, #Footer-Nav a:hover, #Footer-Nav a:focus, #Footer-Nav a:active {
	display:         block;
	color:           #666;
	text-decoration: none;
}
#Footer-Nav a:hover, #Footer-Nav a:focus {
	text-decoration: underline;
}
#Footer-Nav ul ul {  /* floating menu */
    position:     absolute;
    z-index:      100;
    float:        none;
    display:      none;
    display:      block;
    visibility:   hidden;
    list-style:   none;
    background:   #FFF url(../images/colors/color1/FloatingFooterMenuTop.gif) top no-repeat;
    width:        164px;
    padding:      3px 0 0;
    border:       0;
    margin:       0;
}
#Footer-Nav ul ul li {
    float:       none;
    display:     block;
    background:  transparent;
    padding:     0;
    border:      0;
    margin:      0;
    line-height: 1.25;
}
#Footer-Nav ul ul li a {
    float:        none;
    display:      block;
    width:        142px;
    padding:      9px 10px;
    border:       1px solid #00A5E5;
    border-width: 0 1px;
    margin:       0;
    text-align:   right;
}
ul#Footer-Menu {
	float:   right;
	list-style:     none;
	padding:        0;
	margin:         20px 0 10px auto;
	font:           normal normal normal 10px/11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:10px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.25em;
	font-family:Arial,Helvetica,sans-serif;
}
#Footer-Menu li {
	border-left:1px solid #666666;
	float:       left;
	display:     block;
	padding:     0 0 0 1em;
	border-left: 1px solid #666;
	margin:      0 0 0 1em;
}
#Footer-Menu li.first {
	padding: 0;
	border:  0;
	margin:  0;
}
#Footer-Menu a, #Footer-Menu a:link, #Footer-Menu a:visited, #Footer-Menu a:hover, #Footer-Menu a:focus, #Footer-Menu a:active {
	display:         block;
	color:           #666;
	text-decoration: none;
}
#Footer-Menu a:hover, #Footer-Menu a:focus {
	text-decoration: underline;
}
#Footer-Disclaimers {
	float:   left;
	clear:   left;
	display: block;
	padding: 1em;
	margin:  0 0 0 auto;
	color:   #666;
	font:    normal normal normal 10px/1.25em Verdana, Geneva, sans-serif;
}
#Footer-Disclaimers a, 
#Footer-Disclaimers a:link, 
#Footer-Disclaimers a:visited, 
#Footer-Disclaimers a:hover, 
#Footer-Disclaimers a:focus, 
#Footer-Disclaimers a:active {
	color:           #666;
	text-decoration: none;
}
#Footer-Disclaimers a:hover, #Footer-Disclaimers a:focus {
	text-decoration: underline;
}

.popup_header {position: relative; width: 287px; height: 27px; background-image:url(../images/colors/color1/popup-top.gif); text-align: center; font-weight: bold;}
.popup_content {position: relative; width: 287px; background-image:url(../images/colors/color1/popup-middle.gif); background-repeat: repeat-y;}
.popup_footer {width:287px; height: 5px; background-image: url(../images/colors/color1/popup-bottom.gif); background-repeat: no-repeat;}

#topbox
{
	position: absolute;
	
	/* Default positioning, that will be overridden by the javascript */
	left: 0px;
	top: 0px;

	padding: 5px;
	width: 300px;
	height: 300px;
	background-color: #FFFFFF;
	
	/*Must use a z-index greater than the screen overlay*/
	z-index: 1100;
}

#screenoverlay
{
	position: absolute;
	left: 0px;
	top: 0px;
	
	width: 150%;
	height: 150%;
	background-color: #CCCCCC; /* dark gray */
	
	opacity: .75;
	filter: alpha(opacity=75);
	
	z-index: 1000;
}

ul#Header-Menu a.LogonButton {
    background:      #00CC00;
    padding:         3px 1em;
	border:          1px solid #666;
    margin-left:     1ex;
    color:           #FFF;
    font-size:       14px;
    line-height:     1.5em;
    font-weight:     bold;
    text-decoration: none;
    text-transform:  uppercase;
    white-space:     nowrap;
}

#CurrentOrder-BackOrderMessage {
	clear:       both;
	margin-top:  10px;
	background-color:#FFCC99;
	height:      auto;
	padding:     8px;
	border:  1px solid #080808;
	line-height: 1.4em;
}


/* Product page*/
div.productTop {height:250px;}

/* tooltips Style  */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#fffbd8; border:1px solid  #7f7f7f; width:auto; padding:5px;
  color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; line-height:1.3; text-align:left;
}


div#tipDiv a:link { color:#33b }
div#tipDiv a:visited { color:#339 }