#productNav { height:150px; min-height:201px; position:relative; width:100%; z-index:100; }
.ie6 #productNav,
.ie7 #productNav { margin-bottom: -20px; }

#products { height:197px; }

#productNav ul#products { bottom:0; display:block; float:left; left:0; margin:5px 0; overflow:hidden; position:absolute; width:100%; z-index:20; }


/*** blue panel ***/
#productNav .close { background:transparent url(../asset/images/components/homepage/close.png) no-repeat top left; display:block; height:25px; outline:none; text-indent:-9999em; width:25px; }
.ie6 #productNav .close { background-image:url(../asset/images/components/homepage/close.gif); }

#productNav .blue-panel .a,
#productNav .blue-panel .c { background:url(../asset/images/components/homepage/storefront-divider.jpg) no-repeat top left; }

.ie6 #productNav .blue-panel .a { height:320px; }
.ie6 #productNav .blue-panel .b { background:url(../asset/images/components/homepage/storefront-divider.jpg) no-repeat top left; }

#productNav div.blue-panel { background:transparent url(../asset/images/components/homepage/storefront-bg.png) no-repeat top left; color:#fff; left:-2px; padding:10px 10px 0 12px; position:absolute; width:90%; }
.ie7 #productNav div.blue-panel { width:95%;}
.ie6 #productNav div.blue-panel { background:transparent url(../asset/images/components/homepage/storefront-bg.gif) no-repeat top left; }

.blue-panel .closePopup { position:absolute; top:4px; right:23px; }
.ie6 .blue-panel .closePopup { right:5px;}
.ie7 .blue-panel .closePopup { top:0; right:0; }

.blue-panel .cd-wrapper { padding:0 10px; text-align:left; width:848px; }
.blue-panel h2 { border-bottom:1px solid #6e87a1; color:#fff; font-weight:normal; font-size:1.3em; font-family:Trebuchet MS, Arial; height:21px; margin-bottom:10px; padding:5px 0 0; }
.blue-panel h2 span { color:#27baff; }
.blue-panel h3 { color:#27baff; font-family:Trebuchet MS, Arial; font-size:1.3em; }
.blue-panel .second-wrapper { padding-top:20px; }

.blue-panel ul { margin:5px 0; }
.ie7 .blue-panel { padding:0; }
.ie7 #productNav div.blue-panel { width:868px; padding:0 5px; }
.blue-panel ul li:hover { background:#284d81; }
.blue-panel ul a,
.blue-panel ul a:visited { color:#97ddff; }

.blue-panel .see-all { background:url(../asset/images/components/homepage/see-all-bg.jpg) repeat-x top left; float:left; height:22px; display:block; width:100%; }
.blue-panel .see-all a,
.blue-panel .see-all a:visited { color:#fff; }
.blue-panel .see-all a { background:url(../asset/images/components/icons/blue-arrow-storefront.gif) no-repeat left 5px; float:right; padding:5px 5px 0 17px; }
.blue-panel .see-all-large { background:url(../asset/images/components/homepage/see-all-large.jpg) no-repeat left top; border-bottom:1px solid #508da9; color:#fff; display:block; height:47px; margin-top:2px; }
.blue-panel .see-all-large h4 { background:url(../asset/images/components/icons/white-arrow-icon.gif) no-repeat left top; float:left; font-family:Trebuchet MS, Arial; font-size:1.8em; font-weight:normal; margin:15px 0 0 15px; padding-left:25px; }
.blue-panel .see-all-large h4 a { color:#fff; }

.blue-panel img { border:5px solid #49578f; border-radius:5px; -moz-border-radius:5px; -webkid-border-radius:5px; margin:0 10px; }
.blue-panel p { margin:10px 20px; }

#productNav .neutral-panel,
#productNav .purple-panel,
#productNav .blue-panel { bottom:106px; display:none; overflow:hidden; }


/*** purple panel ***/

#productNav .purple-panel .a,
#productNav .purple-panel .c { background:url(../asset/images/components/homepage/purple-storefront-divider.jpg) no-repeat top left; }

.ie6 #productNav .purple-panel .a { height:320px; }
.ie6 #productNav .purple-panel .b { background:url(../asset/images/components/homepage/purple-storefront-divider.jpg) no-repeat top left; }

#productNav div.purple-panel { background:transparent url(../asset/images/components/homepage/purple-storefront-bg.png) no-repeat top left; color:#fff; right:20px; padding:10px 10px 0 12px; position:absolute; }
.ie7 #productNav div.purple-panel { width:95%;}
.ie6 #productNav div.purple-panel { background:transparent url(../asset/images/components/homepage/purple-storefront-bg.gif) no-repeat top left; }

#productNav .purple-panel .close { background:transparent url(../asset/images/components/homepage/purple-close.png) no-repeat top left; display:block; height:25px; outline:none; text-indent:-9999em; width:25px; }
.ie6 #productNav .purple-panel .close { background-image:url(../asset/images/components/homepage/purple-close.gif); }

.purple-panel .closePopup { position:absolute; top:4px; right:0; }
.ie6 .purple-panel .closePopup { right:5px;}
.ie7 .purple-panel .closePopup { top:0; right:0; }

.purple-panel .cd-wrapper { padding:0 10px; text-align:left; width:848px; }
.purple-panel h2 { border-bottom:1px solid #611b76; color:#fff; font-weight:normal; font-size:1.3em; font-family:Trebuchet MS, Arial; height:21px; margin-bottom:10px; padding:5px 0 0; }
.purple-panel h2 span { color:#f444ff; }
.purple-panel h3 { color:#e7c8ff; font-family:Trebuchet MS, Arial; font-size:1.3em; }
.purple-panel .second-wrapper { padding-top:20px; }

.purple-panel ul { margin:5px 0; }
.ie7 .purple-panel { padding:0; }
.ie7 #productNav div.purple-panel { width:868px; padding:0 5px; }
.purple-panel ul li:hover { background:#5b6179; }

.purple-panel ul a,
.purple-panel ul a:visited { color:#fff; }

.purple-panel .see-all { background:url(../asset/images/components/homepage/purple-see-all-bg.jpg) repeat-x top left; float:left; height:22px; display:block; width:100%; }
.purple-panel .see-all a,
.purple-panel .see-all a:visited { color:#fff; }
.purple-panel .see-all a { background:url(../asset/images/components/homepage/purple-arrow-storefront.gif) no-repeat left 2px; float:right; padding:5px 5px 0 20px; }
.purple-panel .see-all-large { background:#350253 url(../asset/images/components/homepage/purple-see-all-large.jpg) no-repeat left top; border-bottom:1px solid #640484; color:#fff; display:block; height:47px; margin-top:2px; }
.purple-panel .see-all-large h4 { background:url(../asset/images/components/icons/purple-see-all-arrow-icon.gif) no-repeat left top; float:left; font-family:Trebuchet MS, Arial; font-size:1.8em; font-weight:normal; margin:15px 0 0 15px; padding-left:25px; }
.purple-panel .see-all-large h4 a { color:#fff; }

.purple-panel img { border:5px solid #673a86; border-radius:5px; -moz-border-radius:5px; -webkid-border-radius:5px; margin:0 10px; }
.purple-panel p { margin:10px 20px; }


/*** neutral panel ***/

#productNav .neutral-panel .a,
#productNav .neutral-panel .c { background:url(../asset/images/components/homepage/neutral-storefront-divider.jpg) no-repeat top left; }

.ie6 #productNav .neutral-panel .a { height:320px; }
.ie6 #productNav .neutral-panel .b { background:url(../asset/images/components/homepage/neutral-storefront-divider.jpg) no-repeat top left; }

#productNav div.neutral-panel { background:transparent url(../asset/images/components/homepage/neutral-storefront-bg.png) no-repeat top left; color:#fff; right:50px; padding:10px 10px 0 12px; position:absolute; }
.ie6 #productNav div.neutral-panel { background:transparent url(../asset/images/components/homepage/neutral-storefront-bg.gif) no-repeat top left; }



#productNav .neutral-panel .close { background:transparent url(../asset/images/components/homepage/neutral-close.png) no-repeat top left; display:block; height:25px; outline:none; text-indent:-9999em; width:25px; }
.ie6 #productNav .neutral-panel .close { background-image:url(../asset/images/components/homepage/neutral-close.gif); }

.neutral-panel .closePopup { position:absolute; top:4px; right:0; }
.ie6 .neutral-panel .closePopup { right:5px;}
.ie7 .neutral-panel .closePopup { top:0; right:0; }

.neutral-panel .cd-wrapper { padding:0 10px; text-align:left; width:848px; }
.neutral-panel h2 { border-bottom:1px solid #94f7a5; color:#fff; font-weight:normal; font-size:1.3em; font-family:Trebuchet MS, Arial; height:21px; margin-bottom:10px; padding:5px 0 0; }
.neutral-panel h2 span { color:#30d74c; }
.neutral-panel h3 { color:#78e88b; font-family:Trebuchet MS, Arial; font-size:1.3em; }
.neutral-panel .second-wrapper { padding-top:20px; }

.neutral-panel ul { margin:5px 0; }
.ie7 .neutral-panel { padding:0; }
.ie7 #productNav div.neutral-panel { width:868px; padding:0 5px; }
.neutral-panel ul li:hover { background:#5b6179; }
.neutral-panel ul li { color:#c9d2fe; }
.neutral-panel ul a,
.neutral-panel ul a:visited { color:#fff; }

.neutral-panel .see-all { background:url(../asset/images/components/homepage/neutral-see-all-bg.jpg) repeat-x top left; float:left; height:22px; display:block; width:100%; }
.neutral-panel .see-all a,
.neutral-panel .see-all a:visited { color:#fff; }
.neutral-panel .see-all a { background:url(../asset/images/components/homepage/neutral-arrow-storefront.gif) no-repeat left 2px; float:right; padding:5px 5px 0 20px; }
.neutral-panel .see-all-large { background:#350253 url(../asset/images/components/homepage/neutral-see-all-large.jpg) no-repeat left top; border-bottom:1px solid #00ba6b; color:#fff; display:block; height:47px; margin-top:2px; }
.neutral-panel .see-all-large h4 { background:url(../asset/images/components/icons/neutral-seel-all-arrow-icon.gif) no-repeat left top; float:left; font-family:Trebuchet MS, Arial; font-size:1.8em; font-weight:normal; margin:15px 0 0 15px; padding-left:25px; }
.neutral-panel .see-all-large h4 a { color:#fff; }

.neutral-panel img { border:5px solid #5b6179; border-radius:5px; -moz-border-radius:5px; -webkid-border-radius:5px; margin:0 10px; }
.neutral-panel .b p { color:#bdeaff; margin:10px 20px; }

/* shared fix for IE7 */
.ie7 #productNav .cd-wrapper { height:369px;} 
.ie7 #productNav h2 { margin-top:10px; }

.ie7 #productNav div.purple-panel { bottom:110px; }
.ie7 #productNav div.blue-panel,
.ie7 #productNav div.neutral-panel { bottom:112px; }

.ie6 #productNav div.blue-panel,
.ie6 #productNav div.purple-panel,
.ie6 #productNav div.neutral-panel,
.ie7 #productNav div.blue-panel,
.ie7 #productNav div.purple-panel,
.ie7 #productNav div.neutral-panel { width:882px !important;}

/** shared **/
#productNav .see-all-large { width:867px;}

#productNav .blue-panel .a,
#productNav .blue-panel .c,
#productNav .purple-panel .a,
#productNav .purple-panel .c,
#productNav .neutral-panel .a,
#productNav .neutral-panel .c { padding:0 18px; width:237px; }

#productNav .blue-panel .b,
#productNav .purple-panel .b,
#productNav .neutral-panel .b { height:321px; width:321px; }

#productNav .blue-panel .a,
#productNav .purple-panel .a,
#productNav .neutral-panel .a { background-position:right; padding-left:0; }

#productNav .blue-panel .c,
#productNav .purple-panel .c,
#productNav .neutral-panel .c { padding-right:0 }

.blue-panel ul li,
.purple-panel ul li,
.neutral-panel ul li { padding:0 5px 0 0; line-height:1.5; }

.neutral-panel li a { color:#c9d2ff }

.ie6 a.see-all-large:hover,
.blue-panel li span,
.purple-panel li span,
.neutral-panel li span { color:#fff; }

.neutral-panel { color:#c9d2ff }

.ie6 .purple-panel ul a:hover { background:#5b6179; color:#fff; }
.ie6 .neutral-panel ul a:hover { background:#5b6179; color:#fff; }
.ie6 .blue-panel ul a:hover { background:#284d81; color:#fff; }