/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:6px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(gridBackground.png) no-repeat top right;
 _background-image:url(dialog2-blue.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 6px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}




/*


*/
.dialogLight {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:6px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialogLight */
}

.dialogLight .content,
.dialogLight .t,
.dialogLight .b,
.dialogLight .b div {
 background:transparent url(gridBackgroundLight.png) no-repeat top right;
 _background-image:url(dialogLight2-blue.gif);
}

.dialogLight .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 6px 0px 0px;
}

.dialogLight .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialogLight .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialogLight .b,
.dialogLight .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialogLight .b {
 background-position:bottom right;
}

.dialogLight .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.dialogLight .hd,
.dialogLight .bd,
.dialogLight .ft {
 position:relative;
}

.dialogLight .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialogLight h1,
.dialogLight p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialogLight h1 {
 padding-bottom:0px;
}


/*

 Right panel 

*/
.rightPanel {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:6px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialogLight */
}

.rightPanel .content,
.rightPanel .t,
.rightPanel .b,
.rightPanel .b div {
 background:transparent url(Images/Panels/rightPanel.png) no-repeat top right;
 _background-image:url(Images/Panels/rightPanel.gif);
}

.rightPanel .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 6px 0px 0px;
}

.rightPanel .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rightPanel .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rightPanel .b,
.rightPanel .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.rightPanel .b {
 background-position:bottom right;
}

.rightPanel .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.rightPanel .hd,
.rightPanel .bd,
.rightPanel .ft {
 position:relative;
}

.rightPanel .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.rightPanel h1,
.rightPanel p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.rightPanel h1 {
 padding-bottom:0px;
}

/*

 Middle panel 

*/
.middlePanel {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:6px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialogLight */
}

.middlePanel .content,
.middlePanel .t,
.middlePanel .b,
.middlePanel .b div {
 background:transparent url(Images/Panels/middlePanel.png) no-repeat top right;
 _background-image:url(Images/Panels/rightPanel.gif);
}

.middlePanel .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 6px 0px 0px;
}

.middlePanel .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.middlePanel .b {
 /* bottom */
 position:relative;
 width:100%;
}

.middlePanel .b,
.middlePanel .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.middlePanel .b {
 background-position:bottom right;
}

.middlePanel .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.middlePanel .hd,
.middlePanel .bd,
.middlePanel .ft {
 position:relative;
}

.middlePanel .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.middlePanel h1,
.middlePanel p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.middlePanel h1 {
 padding-bottom:0px;
}


/*

 Toppers panel 

*/
.toppersPanel {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:4px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialogLight */
}

.toppersPanel .content,
.toppersPanel .t,
.toppersPanel .b,
.toppersPanel .b div {
 background:transparent url(Images/Panels/toppersPanel.png) no-repeat top right;
 _background-image:url(Images/Panels/rightPanel.gif);
}

.toppersPanel .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 0px 0px 0px;
}

.toppersPanel .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.toppersPanel .b {
 /* bottom */
 position:relative;
 width:100%;
}

.toppersPanel .b,
.toppersPanel .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.toppersPanel .b {
 background-position:bottom right;
}

.toppersPanel .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.toppersPanel .hd,
.toppersPanel .bd,
.toppersPanel .ft {
 position:relative;
}

.toppersPanel .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.toppersPanel h1,
.toppersPanel p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.toppersPanel h1 {
 padding-bottom:0px;
}


/*

 Main search panel 

*/
.mainSearchPanel {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:4px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialogLight */
}

.mainSearchPanel .content,
.mainSearchPanel .t,
.mainSearchPanel .b,
.mainSearchPanel .b div {
 background:transparent url(Images/Panels/searchPanel.png) no-repeat top right;
 _background-image:url(Images/Panels/rightPanel.gif);
}

.mainSearchPanel .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 6px 0px 0px;
}

.mainSearchPanel .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.mainSearchPanel .b {
 /* bottom */
 position:relative;
 width:100%;
}

.mainSearchPanel .b,
.mainSearchPanel .b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.mainSearchPanel .b {
 background-position:bottom right;
}

.mainSearchPanel .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.mainSearchPanel .hd,
.mainSearchPanel .bd,
.mainSearchPanel .ft {
 position:relative;
}

.mainSearchPanel .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.mainSearchPanel h1,
.mainSearchPanel p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.mainSearchPanel h1 {
 padding-bottom:0px;
}



/*

 Right panel 

*/
.topShopPanel {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:6px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialogLight */
}

.topShopPanel .content,
.topShopPanel .t,
.topShopPanel .b,
.topShopPanel .b div {
 background:transparent url(Images/Panels/topShopPanel.png) no-repeat top right;
}

.topShopPanel .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 6px 0px 0px;
}

.topShopPanel .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.topShopPanel .b {
 /* bottom */
 position:relative;
 width:100%;
}

.topShopPanel .b,
.topShopPanel .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.topShopPanel .b {
 background-position:bottom right;
}

.topShopPanel .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.topShopPanel .hd,
.topShopPanel .bd,
.topShopPanel .ft {
 position:relative;
}

.topShopPanel .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.topShopPanel h1,
.topShopPanel p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.topShopPanel h1 {
 padding-bottom:0px;
}



/*

 Right panel 

*/
.shoppingCartPanel {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:6px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialogLight */
}

.shoppingCartPanel .content,
.shoppingCartPanel .t,
.shoppingCartPanel .b,
.shoppingCartPanel .b div {
 background:transparent url(Images/Panels/shoppingCartPanel.png) no-repeat top right;
}

.shoppingCartPanel .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 6px 0px 0px;
}

.shoppingCartPanel .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:16px; /* top slice width */
 margin-left:-16px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.shoppingCartPanel .b {
 /* bottom */
 position:relative;
 width:100%;
}

.shoppingCartPanel .b,
.shoppingCartPanel .b div {
 height:18px; /* height of bottom cap/shade */
 font-size:1px;
}

.shoppingCartPanel .b {
 background-position:bottom right;
}

.shoppingCartPanel .b div {
 position:relative;
 width:16px; /* bottom corner width */
 margin-left:-16px;
 background-position:bottom left;
}

.shoppingCartPanel .hd,
.shoppingCartPanel .bd,
.shoppingCartPanel .ft {
 position:relative;
}

.shoppingCartPanel .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.shoppingCartPanel h1,
.shoppingCartPanel p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.shoppingCartPanel h1 {
 padding-bottom:0px;
}


/*

 Brand submenu panel 

*/
.brandPanel {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:6px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialogLight */
}

.brandPanel .content,
.brandPanel .t,
.brandPanel .b,
.brandPanel .b div {
 background:transparent url(Images/Panels/brandPanel.png) no-repeat top right;
}

.brandPanel .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 6px 0px 0px;
}

.brandPanel .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:94px; /* top slice width */
 margin-left:-16px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.brandPanel .b {
 /* bottom */
 position:relative;
 width:100%;
}

.brandPanel .b,
.brandPanel .b div {
 height:4px; /* height of bottom cap/shade */
 font-size:1px;
}

.brandPanel .b {
 background-position:bottom right;
}

.brandPanel .b div {
 position:relative;
 width:4px; /* bottom corner width */
 margin-left:-4px;
 background-position:bottom left;
}

.brandPanel .hd,
.brandPanel .bd,
.brandPanel .ft {
 position:relative;
}

.brandPanel .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.brandPanel h1,
.brandPanel p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.brandPanel h1 {
 padding-bottom:0px;
}

/*

 Shop main panel 

*/
.shopPanel {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:3px; /* default, width of left corner */
 margin-bottom:0.0em; /* spacing under dialogLight */
}

.shopPanel .content,
.shopPanel .t,
.shopPanel .b,
.shopPanel .b div {
 background:transparent url(Images/Panels/shopPanel.png) no-repeat top right;
}

.shopPanel .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 4px 0px 0px;
}

.shopPanel .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:4px; /* top slice width */
 margin-left:-4px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.shopPanel .b {
 /* bottom */
 position:relative;
 width:100%;
}

.shopPanel .b,
.shopPanel .b div {
 height:4px; /* height of bottom cap/shade */
 font-size:1px;
}

.shopPanel .b {
 background-position:bottom right;
}

.shopPanel .b div {
 position:relative;
 width:4px; /* bottom corner width */
 margin-left:-4px;
 background-position:bottom left;
}

.shopPanel .hd,
.shopPanel .bd,
.shopPanel .ft {
 position:relative;
}

.shopPanel .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.shopPanel h1,
.shopPanel p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.shopPanel h1 {
 padding-bottom:0px;
}




/*

 Toppers panel Small

*/
.toppersPanelSmall {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:4px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialogLight */
}

.toppersPanelSmall .content,
.toppersPanelSmall .t,
.toppersPanelSmall .b,
.toppersPanelSmall .b div {
 background:transparent url(Images/Panels/toppersPanelSmall.png) no-repeat top right;
 _background-image:url(Images/Panels/rightPanel.gif);
}

.toppersPanelSmall .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 0px 0px 0px;
}

.toppersPanelSmall .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.toppersPanelSmall .b {
 /* bottom */
 position:relative;
 width:100%;
}

.toppersPanelSmall .b,
.toppersPanelSmall .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.toppersPanelSmall .b {
 background-position:bottom right;
}

.toppersPanelSmall .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.toppersPanelSmall .hd,
.toppersPanelSmall .bd,
.toppersPanelSmall .ft {
 position:relative;
}

.toppersPanelSmall .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.toppersPanelSmall h1,
.toppersPanelSmall p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.toppersPanelSmall h1 {
 padding-bottom:0px;
}


/*