@import url("/skin/default/styles/reset.css");

/* ###################### */
/* general */
/* ###################### */
body { font-family: "Trebuchet MS", Trebuchet, arial, helvetica, sans-serif; background-color: #fff; text-align: center; }

.clear { height: 0; overflow: hidden; clear: both; /* for IE: */ line-height: 0; font-size: 0; }

/* img, div, a, span { behavior: url(/skin/default/images/iepngfix.htc); } */
#vdnashops-logo img, span img.pngfix, div.button a, div.button span, .TB_overlayMacFFBGHack, #size-slider .ui-slider-handle { behavior: url(/skin/default/images/iepngfix.htc); } 

hr, .hide { display: none; }
ul{padding:0; margin:0;}
ul li{list-style:none;}
.center { display: block; margin: 0 auto; }

.block	{ display: block; }
.inline	{ display: inline; }

.f-left		{ float: left; }
.f-right	{ float: right; }
.a-left		{ text-align:  left; }
.a-right	{ text-align:  right; }
.a-center	{ text-align:  center; }

.restrict-width { width: 70%; }

.info-text { color: #fff; padding: 0 8px; }
.info-text h2 { font-size: 1.375em; line-height: 1.2727em; color: #06f; margin-bottom: .1364em; }
.info-text h2 strong { color: #fff; }
.info-text p { font-size: 1.1em; line-height: 1.1932em; margin-bottom: 2.1023em; }
.info-text a { color: #09f; }

.ie6-float-bug-fix { height: 0; overflow: hidden; /* for IE: */ line-height: 0; font-size: 0; }
/* ###################### */
/* general */
/* ###################### */

/* ###################### */
/* grid */
/* ###################### */
#blue-bg { background-color: #036; padding: 3px 0 0px 0; }
#blue-bg-short { background-color: #036; padding: 13px 0 15px 0; }
#white-bg { padding: 53px 0; }
#white-bg-short { padding: 34px 0 53px 0; }

#centered,
#analytics-filter { width: 950px; margin: 0 auto; text-align: left; position: relative; }
#content { padding: 50px 8px 30px 0; color: #fff; }
.analytics-page { padding: 0 24px; }

#homepage #blue-bg { padding: 0; }
#homepage #centered { width: 970px; position: relative; background: url(/skin/default/images/homepage/home-bg.gif) 0 0 repeat-y; }
#homepage #homepage-inner { padding: 0 10px; /* height: 1000px; */ }

body.image-assign-container { text-align: left; background-color: #036; } 

.col222 { float: right; width: 222px; }
.col236 { float: left; width: 236px; display: inline; margin-right: 32px; }
.col264 { float: left; width: 264px; }
.col282 { float: left; width: 282px; display: inline; margin-left: 70px; }
.col290 { float: left; width: 290px; }
.col344 { float: left; width: 344px; display: inline; margin-right: 32px; }
.col412 { float: left; width: 412px; }
.col588 { float: right; width: 588px; }
.col612 { float: right; width: 612px; }
.col614 { float: right; width: 614px; }
.col620 { float: left; width: 620px; margin-right: 24px; display: inline; }
.col871 { float: left; width: 871px; }

/* customer type colors */
.typecol1 { background-color: #864c9e !important; } /* purpley */
.typecol2 { background-color: #ed2690 !important; } /* pinky */
.typecol3 { background-color: #ff001a !important; } /* redy */
.typecol4 { background-color: #f2a216 !important; } /* yellowy */
.typecol5 { background-color: #a4ce39 !important; } /* lime greeny */
.typecol6 { background-color: #0d9a48 !important; } /* dark greeny */
.typecol7 { background-color: #399 !important; } /* greeny */
.typecol8 { background-color: #4b68b1 !important; } /* bluey */
.typecol9 { background-color: #f15f22 !important; } /* orangey */
.typecol10 { background-color: #7d88bd !important; } /* bluey greyey */
.typecol11 { background-color: #cb2027 !important; } /* dark redy */
.typecol12 { background-color: #71c9f1 !important; } /* light bluey */
.typecol13 { background-color: #2e58a1 !important; } /* dark bluey */
.typecol14 { background-color: #e34982 !important; } /* light pinky */
.typecol15 { background-color: #f6f3ea !important; } /* very pale yellowy whitey */
.typecol16 { background-color: #edf0f7 !important; } /* very page greyey whitey */
/* ###################### */
/* /grid */
/* ###################### */

/* ###################### */
/* general type */
/* ###################### */
a:link, a:visited, a:active { text-decoration: none; }
a:hover { color: #f60; }

a.blue		{ color: #06f !important; }
a.white		{ color: #fff !important; }
a.lt-blue	{ color: #09f !important; }

.blue-arrow li { background: transparent url(/skin/default/images/lists/blue-arrow.gif) .25em .1667em no-repeat; padding-left: 16px; font-size: .75em; margin-bottom: .5em; }

.bold { font-weight: bold !important; }

.blue-box h5 { color: #fff; font-size: .875em; margin-bottom: .3571em; }
.blue-box #related h5 { margin-top: 12px; }
.blue-box p { color: #6cf; font-size: .75em; margin-bottom: .6667em; line-height: 1.1667em; }

.yellow { color: #fc0; }
.blue { color: #06f; }
.darkblue { color: #036; }

a.h2-help-link { font-size: .5455em; float: none; text-align: left; }

#helpmenu h3.active span { background: url(/skin/default/images/lists/white-arrow-down.gif) right no-repeat; padding-right:  28px; }
#helpmenu h3.closed span,
#helpmenu h3.active a { background: url(/skin/default/images/lists/white-arrow.gif) right no-repeat; padding-right:  28px; }

.white-box h3 { color: #036; margin-bottom: 1em; }
/* ###################### */
/* /general type */
/* ###################### */

/* ###################### */
/* shop wizard steps nav */
/* ###################### */

.wizard-nav { height: 3em; width: 59.375em; text-align: left; margin: 3.25em auto 0 auto; }
.wizard-nav li { float: left; margin-right: .25em; display: inline; background: transparent url(/skin/default/images/wizard-nav/main-bg.gif) bottom left repeat-x; }
#account-nav li { background-image: url(/skin/default/images/wizard-nav/main-bg-2.gif); }
.wizard-nav li#item1 { margin-left: 17.0625em; }
.wizard-nav li:hover { background-image: url(/skin/default/images/wizard-nav/main-bg-on.gif); }
#account-nav li:hover { background-image: url(/skin/default/images/wizard-nav/main-bg-on-2.gif); }

.wizard-nav span { display: block; background: transparent url(/skin/default/images/wizard-nav/span-bg.gif) bottom right no-repeat; line-height: 3em; }
.wizard-nav span:hover { background-image: url(/skin/default/images/wizard-nav/span-bg-on.gif); }

#account-nav span { background-image: url(/skin/default/images/wizard-nav/span-bg-2.gif); }
#account-nav span:hover { background-image: url(/skin/default/images/wizard-nav/span-bg-on-2.gif); }

.wizard-nav em { display: block; font-size: .9375em; position: relative; top: .3333em; }

.wizard-nav a { text-align: center; display: block; text-decoration: none; background: url(/skin/default/images/wizard-nav/a-bg.gif) bottom left no-repeat; color: #fff; white-space: nowrap; }
.wizard-nav a:hover { display: block; text-decoration: none; background: url(/skin/default/images/wizard-nav/a-bg-on.gif) bottom left no-repeat; color: #fff; }

#account-nav a { background-image: url(/skin/default/images/wizard-nav/a-bg-2.gif); color: #036; }
#account-nav a:hover { background-image: url(/skin/default/images/wizard-nav/a-bg-on-2.gif); color: #fff; }

/* (safari) css hack number 4 of 4: */
@media screen and (-webkit-min-device-pixel-ratio:0){
.wizard-nav { margin-top: 0; position: relative; top: 3.25em; }
}

/* i've used widths for the nav so that they scale gracefully in the browser */
.wizard-nav li#item1 a { width: 6em; }
.wizard-nav li#item2 a { width: 6.25em; }
.wizard-nav li#item3 a { width: 6.25em; }
.wizard-nav li#item4 a { width: 6em; }

#account-nav li#item1 a { width: 6.25em; }
#account-nav li#item2 a { width: 6.25em; }
#account-nav li#item3 a { width: 6.25em; }

/* we use the class "over" for the IE javascript. do not remove */
.wizard-nav li.over,
.wizard-nav li.active		{ background-image: url(/skin/default/images/wizard-nav/main-bg-on.gif); }
.wizard-nav li.over span,
.wizard-nav li.active span	{ background-image: url(/skin/default/images/wizard-nav/span-bg-on.gif); }
#account-nav li.over,
#account-nav li.active		{ background-image: url(/skin/default/images/wizard-nav/main-bg-on-2.gif); }
#account-nav li.over span,
#account-nav li.active span	{ background-image: url(/skin/default/images/wizard-nav/span-bg-on-2.gif); }

/* we use the class "over" for the IE javascript. do not remove */
.wizard-nav li.over a,
.wizard-nav li.active a	{ background-image: url(/skin/default/images/wizard-nav/a-bg-on.gif); color: #fff; }
#account-nav li.over a,
#account-nav li.active a	{ background-image: url(/skin/default/images/wizard-nav/a-bg-on-2.gif); color: #fff; }
/* ###################### */
/* /shop wizard steps nav */
/* ###################### */

/* ###################### */
/* shop manager */
/* ###################### */
#shopmanager-nav { position: absolute; top: -42px; left: 351px; }
#shopmanager-nav li { float: left; display: inline; margin-right: 38px; }
#shopmanager-nav a { color: #09f; font-size: .875em; line-height: 1.5em; }
#shopmanager-nav a:hover { color: #fff; }
#shopmanager-nav a.selected { color: #fff; }
/* ###################### */
/* /shop manager nav */
/* ###################### */

/* ###################### */
/* tooltip style */
/* ###################### */
.tool-tip	{ color: #036; font-size: 13px; z-index: 9999; text-align: left; }
.tooltip	{ cursor: pointer !important; cursor: hand !important }
/* ###################### */
/* /tooltip style */
/* ###################### */

/* ###################### */
/* product summary on 'dashboard' page */
/* ###################### */
.product-summary { background-color: #f3f5ec; margin-bottom: 8px; width: 560px; }
.product-summary .product { background-color: #036; float: left; width: 21em; }
.product-summary .product .inner { padding: 14px 16px; }
.product-summary .product .sm-white-product-box { width: 11.25em; float: left; }

.product-summary .info { float: left; }
.product-summary .info .inner { padding: 10px 12px; }
.product-summary .info h6 { font-size: .6875em; color: #036; margin-bottom: .8182em; }

.product-summary .stats { padding-left: 11.25em; }
.product-summary .stats .f-left { width: 8.375em; }
.product-summary .total { float: left; text-align: right; width: 3.625em; color: #06f; }
.product-summary .average { float: right; width: 3.625em; color: #fff; }
.product-summary .stats p { font-size: .75em; }
.product-summary .stats .bigger { display: block; font-size: 1.75em; margin-bottom: .1786em; }

.product-summary div.highlight { background-color: #999; }
.product-summary .highlight .total { color: #036; }

.product-summary-outer { position: relative; width: 596px; }
.product-summary-outer .product-number { font-size: .75em; width: 30px; text-align: right; color: #036; }
.product-summary-outer .product-summary { float: right; }

.analytics-page .product-summary { background-color: transparent; width: auto; }
.analytics-page .product-summary .product { background-color: transparent; float: none; width: 301px; background-color: #f3f3f3; }
.analytics-page .product-summary .product .inner { padding: 8px 11px 0 11px; }
.analytics-page .product-summary .product .sm-white-product-box { width: 180px; }

.analytics-page .product-summary .stats { padding-left: 180px; }
.analytics-page .product-summary .stats .f-left { width: 100px; }
.analytics-page .product-summary .total { width: 45px; }
.analytics-page .product-summary .average { width: 45px; color: #c00; }

.analytics-page .product-summary-outer .product-summary { float: none; }

.analytics-page .product-summary-outer { position: relative; width: 301px; }

.analytics-page .price span img { display: block; }
.analytics-page .sm-white-product-box .price p { float: none; padding-right: 0; }
/* ###################### */
/* /product summary on 'dashboard' page */
/* ###################### */

/* ###################### */
/* standard product box
/* ###################### */
.white-product-box,
.sm-white-product-box { background-color: #fff; }
.white-product-box .image { width: 91px; height: 91px;  background: #fff url(/skin/default/images/general/loader-sm-on-white.gif) center center no-repeat; float: left; display: inline; margin: 6px 0 0 6px; }
.sm-white-product-box .image { width: 61px; height: 61px; float: left; display: inline; margin: 6px 0 0 6px; background: #fff url(/skin/default/images/general/loader-sm-on-white.gif) center center no-repeat; }
.white-product-box .image img { display: none; margin: 0 auto; }
.sm-white-product-box .image img { display: block; margin: 0 auto; }
.white-product-box .desc { margin: 6px 6px 0 0; padding-left: 102px; }
.sm-white-product-box .desc { margin: 6px 6px 0 0; padding-left: 73px; }
.white-product-box .price { margin: 6px 6px 0 0; padding-bottom: 6px; }
.sm-white-product-box .price { margin: 0 6px 0 0; padding-bottom: 6px; padding-left: 78px; }
.white-product-box h6,
.sm-white-product-box h6 { font-size: .75em; color: #000; line-height: 1.0833em; font-weight: bold; }
.white-product-box h6 a,
.sm-white-product-box h6 a { color: #000; }
.selected .white-product-box h6 a,
.selected .sm-white-product-box h6 a { color: #fff; }
.white-product-box .desc p,
.white-product-box .price p,
.sm-white-product-box .desc p,
.sm-white-product-box .price p { font-size: .75em; line-height: 1.0833em; color: #999; font-weight: bold; }
.white-product-box .price p,
.sm-white-product-box .price p { float: left; padding-right: 5px; }
.white-product-box .price span { float: right; }

#amazon-added-items #related .white-product-box .image { width: 61px; height: 61px; float: left; display: inline; margin: 6px 0 0 6px; background-color: #fff; }
#amazon-added-items #related .white-product-box .image img { display: none; margin: 0 auto; }
#amazon-added-items #related .white-product-box .desc { margin: 6px 6px 0 0; padding-left: 73px; }
#amazon-added-items img.loader { display: block; margin: 20px auto;	 }
#amazon-added-items #related .white-product-box .price span { display: block; float: none; }

.blue-box .white-product-box p,
.blue-box .sm-white-product-box p { margin-bottom: 0; line-height: 1.0833em; }

.blue-product-box { background-color: #375f87; }
.blue-product-box .image { width: 61px; height: 61px; float: left; display: inline; margin: 6px 0 0 6px; background: #fff url(/skin/default/images/general/loader-sm-on-white.gif) center center no-repeat; }
.blue-product-box .image img { display: none; margin: 0 auto; }
.blue-product-box .desc { margin: 6px 6px 0 0; padding-left: 72px; /* display: inline; */ }
.blue-product-box .price { margin: 0 6px 0 0; padding-bottom: 6px; padding-left: 72px; }
.blue-product-box h6 { font-size: .75em; color: #fff; line-height: 1.0833em; font-weight: bold; }
.blue-product-box h6 a { font-size: 1; line-height: 1em; color: #fff; font-weight: bold; }
.blue-product-box p { font-size: .75em; line-height: 1.0833em; color: #c00; font-weight: bold; }
.blue-product-box .price p { float: left; padding-right: 5px; }
.blue-product-box .price span { float: right; }

li.selected .blue-product-box  { background-color: #000; }
li.selected .add { display: none; }

/* had to create the following version, containing background images because
the jquery corner plugin can't handle on the fly background color changes *sniff* */
.product-assign .white-product-box { background: transparent url(/skin/default/images/boxes/product-list-white-box-top.gif) top no-repeat; padding-top: 5px; }
.product-assign .white-product-box .inner { position: static; }
.product-assign .blue-box .white-product-box .inner { padding: 0; background-color: #fff; background-image: none; }
.product-assign .white-product-box .desc,
.product-assign .white-product-box .image { margin-top: 0; padding-top: 1px; }
.product-assign .white-product-box .price { margin-bottom: 0; padding-bottom: 1px; }
.product-assign .blue-box .white-product-box .foot,
.unassigned .lge-blue-box .blue-box .white-product-box .foot { background: transparent url(/skin/default/images/boxes/product-list-white-box-bottom.gif) top no-repeat; height: 5px; width: 256px; overflow: hidden; }
/* ###################### */
/* /standard white product box
/* ###################### */

/* ###################### */
/* shop summary on 'dashboard' page */
/* ###################### */
.shop-summary { margin-bottom: 8px; width: 336px; }
.shop-summary .name { background-color: #06c; }
.shop-summary .name h6 { color: #fff; font-size: 1.125em; line-height: 1.0556em; padding: .5em .6667em .3333em .6667em; }

.shop-summary .details { background-color: #036; }
.shop-summary .details .inner { padding: .5em .75em .625em .75em; }
.shop-summary .details .button { margin-right: 1.125em; }
.shop-summary .details .no-margin { margin-right: 0; color: #fff; }
.shop-summary .details h6 { font-size: .75em; color: #06f; margin-bottom: 1.1667em; }

.shop-summary .third { float: left; margin: 0 12px 12px 0; color: #06f; width: 6em; }
.shop-summary .third p { font-size: .75em; }
.shop-summary .third .bigger { font-size: 1.75em; margin-bottom: .1786em; }
/* ###################### */
/* /shop summary on 'dashboard' page */
/* ###################### */

/* ###################### */
/* buttons */
/* ###################### */
div.button { float: left; margin-bottom: 12px; }
div.button a { text-decoration: none; background-repeat: no-repeat; background-color: transparent; display: block; float: left; white-space: nowrap; }
div.button p { clear: both; font-size: .75em; color: #fff; line-height: 1.25em; padding-top: 2px; }

#blue-bg div.button p { color: #06f; }

#blue-bg div.button p a { color: #09f; }

a.orange-right-arrow { background-image: url(/img/blue/orange-right-arrow.png); background-position: right; padding-right: 32px; line-height: 24px; font-size: .75em; }

a.orange-plus-sign { background-image: url(/skin/default/images/icons/orange-plus-sign.png); background-position: right; padding-right: 26px; line-height: 18px; font-size: .75em; }

a.large-white-cta { display: block; line-height: 2.4375em; position: relative;  }
a.large-white-cta span.right { position: absolute; right: 0; top: 0; height: 39px; width: 50px; background: url(../img/blue/large-white-cta-right.png) 0 0 no-repeat; cursor: pointer; }
a.large-white-cta span.left { position: absolute; left: 0; top: 0; height: 39px; width: 48px; background: url(../img/blue/large-white-cta-left.png) 0 0 no-repeat; cursor: pointer; }
a.large-white-cta span.middle { display: block; padding-top:3px; height:39px; margin: 0 50px 0 47px; background: url(../img/blue/large-white-cta.gif) 0 0 repeat-x; cursor: pointer; }
a.large-white-cta span.middle strong { display: block; margin-left: -26px; margin-right: -10px; position: relative; z-index: 10; font-size: 1.125em; color: #f60; cursor: pointer; }
a.large-white-cta:hover span.middle strong { color: #036; }

a.large-orange-cta { display: block; line-height: 2.4375em; position: relative;  }
a.large-orange-cta span.right { position: absolute; right: 0; top: 0; height: 2.5em; width: 50px; background: url(/skin/default/images/icons/large-orange-cta-right.gif) 0 0 no-repeat; cursor: pointer; }
a.large-orange-cta span.left { position: absolute; left: 0; top: 0; height: 2.5em; width: 48px; background: url(/skin/default/images/icons/large-orange-cta-left.gif) 0 0 no-repeat; cursor: pointer; }
a.large-orange-cta span.middle { display: block; line-height: 2.5em; margin: 0 50px 0 48px; background: url(/skin/default/images/icons/large-orange-cta.gif) 0 0 repeat-x; cursor: pointer; }
a.large-orange-cta span.middle strong { display: block; margin-left: -26px; margin-right: -10px; position: relative; z-index: 10; font-size: 1.125em; color: #000; cursor: pointer; /* line-height: 2.1875em; */ }
a.large-orange-cta:hover span.middle strong { color: #fff; }

a.large-orange { display: block; line-height: 2.4375em; position: relative;  }
a.large-orange span.right { position: absolute; right: 0; top: 0; height: 2.5em; width: 50px; background: url(/skin/default/images/icons/large-orange-onblue-right.gif) 0 0 no-repeat; cursor: pointer; }
a.large-orange span.left { position: absolute; left: 0; top: 0; height: 2.5em; width: 48px; background: url(/skin/default/images/icons/large-orange-onblue-left.gif) 0 0 no-repeat; cursor: pointer; }
a.large-orange span.middle { display: block; line-height: 2.5em; margin: 0 50px 0 48px; background: url(/skin/default/images/icons/large-orange-onblue.gif) 0 0 repeat-x; cursor: pointer; }
a.large-orange span.middle strong { display: block; margin-left: -26px; margin-right: -10px; position: relative; z-index: 10; font-size: 1.125em; color: #000; cursor: pointer; /* line-height: 2.1875em; */ }
a.large-orange:hover span.middle strong { color: #fff; }

#customer-types div.button a { color: #09f; white-space: normal; }

span#customer-type { text-transform:  capitalize; }

div.sm-button { float: left; margin-bottom: 12px; }
a.sm-white-cta { display: block; line-height: 1.5625em; position: relative; width: 75px; white-space: nowrap; }
a.sm-white-cta span.right { position: absolute; right: 0; top: 0; height: 1.5625em; width: 25px; background: url(/skin/default/images/icons/sm-white-cta-right.gif) 0 0 no-repeat; cursor: pointer; }
a.sm-white-cta span.left { position: absolute; left: 0; top: 0; height: 1.5625em; width: 27px; background: url(/skin/default/images/icons/sm-white-cta-left.gif) 0 0 no-repeat; cursor: pointer; }
a.sm-white-cta span.middle { display: block; line-height: 1.5625em; margin: 0 25px 0 27px; background: url(/skin/default/images/icons/sm-white-cta.gif) 0 0 repeat-x; cursor: pointer; }
a.sm-white-cta span.middle strong { display: block; margin-left: -16px; position: relative; z-index: 1000; font-size: .8125em; color: #f60; cursor: pointer; }
a.sm-white-cta:hover span.middle strong { color: #036; }

/* ###################### */
/* /buttons */
/* ###################### */

/* ###################### */
/* segment nav */
/* ###################### */
.segment-menu { width: 290px; margin-top: 1.4375em; margin-bottom: 2.5em; }
.segment-menu li { display: inline; }
.segment-menu a { display: block; background: transparent url(/skin/default/images/lists/white-arrow.gif) right no-repeat; color: #fff; font-size: .75em; line-height: 1.25em; letter-spacing: 1px; padding-top: .6667em; padding-right: 18px; padding-bottom: 0.4167em; padding-left: 16px; text-transform: uppercase; }
.segment-menu a:hover { color: #f60; }
.segment-menu li.active a { color: #fff; }
.segment-menu li.active a { background-color: #f60; }
/* ###################### */
/* /segment nav */
/* ###################### */

/* ###################### */
/* header */
/* ###################### */
#header { width: 950px; position: relative; text-align: left; margin: 0 auto; height: 100px;} 

#header #vdnashops-logo { position: absolute; top: 10px; left: 8px; }
#header #vdnashops-logo h1 { display: none; }

#header #header-nav { text-align: right; padding-left: 218px; position: absolute; right: 0; top: 6px; }
#header #header-nav p,
#header #header-nav ul,
#header #header-nav li { display: inline; }
#header #header-nav li { padding-right: .875em; }
#header #header-nav li.last { padding-right: 8px; }
#header #header-nav li a { font-size: .75em; color: #06f; }
#header #header-nav p { font-size: .75em; padding-right: 1.1667em; color: #036; }
#header #header-nav li#upgrade-pro-head { background: url(/skin/default/images/icons/pro_icon_small.png) no-repeat 0 4px; padding: 0px 0 0 27px; margin-right: 20px;}
#header #header-nav li#upgrade-pro-head span { color: #111;}

#switch-shop-container { position: absolute; bottom: 10px; right: 0; text-align: right; width: 320px; }
#switch-shop-container label { color: #036; font-size: .75em; float: right; padding: 6px 5px 0 0; }
#switch-shop-container select { font-size: .75em; float: right; }
/* ###################### */
/* /header */
/* ###################### */

/* ###################### */
/* blue inner-bevel boxes */
/* ###################### */
.blue-box,
.white-box			{ background-color: #036; background-position: 0 0; background-repeat: repeat-y; margin-bottom: 8px; }
.blue-box .inner,
.white-box .inner	{ background-repeat: no-repeat; background-position: 0 0; padding: 15px 16px 2px 16px; }
.blue-box .foot,
.white-box .foot	{ height: 10px; overflow: hidden; background-repeat: no-repeat; background-position: top; }

.lge-blue-box					{ width: 950px; }
.lge-blue-box .blue-box			{ background-image: url(/skin/default/images/boxes/blue-950.gif); }
.lge-blue-box .blue-box .inner	{ background-image: url(/skin/default/images/boxes/blue-950-top.gif); }
.lge-blue-box .blue-box .foot	{ background-image: url(/skin/default/images/boxes/blue-950-bottom.gif); }

.med-blue-box					{ width: 290px; }
.med-blue-box .blue-box			{ background-image: url(/skin/default/images/boxes/blue-290.gif); }
.med-blue-box .blue-box .inner	{ background-image: url(/skin/default/images/boxes/blue-290-top.gif); }
.med-blue-box .blue-box .foot	{ background-image: url(/skin/default/images/boxes/blue-290-bottom.gif); }

.sm-blue-box					{ width: 222px; }
.sm-blue-box .blue-box			{ background-image: url(/skin/default/images/boxes/blue-222.gif); }
.sm-blue-box .blue-box .inner	{ background-image: url(/skin/default/images/boxes/blue-222-top.gif); }
.sm-blue-box .blue-box .foot	{ background-image: url(/skin/default/images/boxes/blue-222-bottom.gif); }

.white-box					{ width: 282px; background-image: url(/skin/default/images/boxes/white-282.gif); }
.white-box .inner			{ background-image: url(/skin/default/images/boxes/white-282-top.gif); padding-left: 19px; padding-bottom: 20px; }
.white-box .foot			{ background-image: url(/skin/default/images/boxes/white-282-bottom.gif); }

.unassigned .lge-blue-box .blue-box 		{ background-color: #09f; background-image: none; }
.unassigned .lge-blue-box .blue-box .inner,
.unassigned .lge-blue-box .blue-box .foot	{ background-image: none; }

.recommendations .unassigned .lge-blue-box .blue-box 		{ background-color: #000; }
/* ###################### */
/* /blue inner-bevel boxes */
/* ###################### */

/* ###################### */
/* product list-view/assignment page */
/* ###################### */
.assigned,
.unassigned { position: relative; overflow: hidden; width: 950px; }

.product-assign .inner { position: relative; }
.product-assign .white-product-box { width: 256px; float: left; margin-bottom: 8px; }

.product-assign .segments { padding-left: 268px; }
.product-assign .segments dl { width: 151px; }
.product-assign .segments dt { width: 125px; float: left; margin-bottom: 1px; }
.product-assign .segments dt a { display: block; color: #fff; font-size: .6875em; line-height: 1.0909em; letter-spacing: 1px; padding-top: .2727em; padding-right: 17px; padding-bottom: 0.2727em; padding-left: 8px; text-transform: uppercase; }
.product-assign .segments dt a:hover { color: #f60; }
.product-assign .segments dt a.active:hover { color: #fff; }
.product-assign .segments dt a.active { background: transparent url(/skin/default/images/lists/tick.gif) right no-repeat; }
.product-assign .segments dd {  margin-bottom: 1px; width: 25px; float: right; font-size: .6875em; line-height: 1.0909em; padding-top: .2727em; padding-bottom: 0.2727em; text-align: right; color: #09f; }

.product-assign .warning { position: absolute; z-index: 5; top: 45px; right: 70px; width: 260px; }
.product-assign .warning p { font-size: 1em; line-height: 1.2em; color: #036; }

.product-assign .demographics-analytics { position: absolute; right: 16px; top: 25px; height: 100px; width: 484px; z-index: 1; }

.unassigned .product-assign .segments dt a { background-color: #333; }
.unassigned .product-assign .segments dt.active a { background-image: none; }
.unassigned .product-assign .segments dt a:hover { color: #fff; }
.unassigned .product-assign .segments dd { color: #666; }
.unassigned .demographics-analytics { visibility: hidden; }

.recommendations .unassigned .demographics-analytics { display: block; }
.recommendations .product-assign .warning h6 { color: #06f; font-size: 1.2em; letter-spacing: 5px; }
.recommendations .product-assign .warning p { color: #06f; width: 300px; }
.recommendations .product-assign .warning { position: absolute; z-index: 999; top: 30px; right: 260px; width: 380px; }

.assigned { position: relative; overflow: hidden; width: 950px; }
.assigned .loader,
.unassigned .loader,
.assigned .error,
.unassigned .error { position: absolute; left: 0px; top: 0px; z-index: 9999; width: 950px; height: 75px; background-repeat: no-repeat; background-position: center bottom; }

.assigned .loader { background-image: url(/skin/default/images/general/loader-big.gif); }
.unassigned .loader { background-image: url(/skin/default/images/general/loader-big-on-blue.gif); }

.assigned .error p,
.unassigned .error p { font-size: .75em; color: #c00; background-color: #ccc; margin: 20px auto 0 auto; padding: 10px; border: solid 1px #333; width: 24em; text-align: center; }

#loading-cloak,
.loading-cloak { background-color: #036; width: 100%; z-index: 1000; position: absolute; filter: alpha(opacity=50); -moz-opacity:.5; opacity:.5; -khtml-opacity:.5; }
#general-loader { background-image: url(/skin/default/images/general/ajax-loader.gif); width: 220px; height: 19px; position: absolute; right: 0;}

.assigned .product-assign .warning { display: none; }

.unassigned .unassigned-image-trigger { position: absolute; z-index: 5; top: 54px; right: 360px; text-align: center; }
.assigned .unassigned-image-trigger { display: none; } 

.unassigned .buffer { display: none; }
.assigned .buffer { overflow: hidden; width: 1px; height: 26px; }

.image-assign { float: left; width: 167px; position: relative; }
.image-assign li { float: left; margin-right: 6px; }
.image-assign li.last { margin-right: 0; }
.image-assign li img { width: 50px; height: 50px; display: block; }

.image-assign .image-trigger { margin-top: 6px; width: 100%; text-align: center; }

.image-assign .image-trigger a { font-size: .6875em; letter-spacing: 1px; text-transform: uppercase; color: #fff; display: block; line-height: 1.0909em; }
.unassigned .unassigned-image-trigger a { font-size: .6875em; letter-spacing: 1px; text-transform: uppercase; color: #fff; display: block; background-color: #036; padding-left: 8px; padding-right: 8px; line-height: 1.0909em; padding-top: 0.2727em; padding-bottom: 0.2727em; }


.slider-ages ul { margin-left: 12px; }
.age-slider { float: left; width: 120px; margin: 0 22px 0 18px; display: inline; }
.age-slider .slider { position: relative; background: url(/skin/default/images/sliders/slider-bg.gif) 0 0 repeat-x; width: 120px ; height: 17px; }
.age-slider .ui-slider-handle { cursor: pointer; position: absolute; z-index: 1; height: 15px; width: 17px; top: 0; left: 0; background: transparent url(/skin/default/images/sliders/slider-handle-bg.gif) 0 0 no-repeat; margin-left: -8px;  }
.age-slider .slider .ui-slider-range { position: absolute; background: url(/skin/default/images/sliders/slider-range-bg.gif) 0 0 repeat-x;  height: 17px; }
.age-slider li { float: left; width: 20px; font-size: .6875em; color: #fff; }
.age-slider h5 { font-size: .75em; margin: 4px 0 8px 0px; color: #06f; }

.gender a,
.sell a { display: block; height: 41px; width: 41px; background: url(/skin/default/images/icons/unselected-cross.gif) 0 0 no-repeat; text-decoration: none; color: #000; line-height: 4.5455em; font-size: .6875em; text-align: center; }
.gender .selected a,
.sell .selected a { background-image: url(/skin/default/images/icons/selected-tick.gif); }

.gender { float: left; width: 41px; margin-right: 14px; display: inline; }
.gender li,
.sell li { width: 41px; height: 41px; overflow: hidden; margin-bottom: 4px; }
.sell { float: right; }

.analytics { float: left; width: 50px; }
.analytics .col {  }
.analytics .col p { font-size: .6875em; color: #06f; }
.analytics .col .bigger { font-size: 1.5em; display: block; }
.demographics-analytics .analytics .no-margin { margin-right: 0; }
.demographics-analytics .analytics .no-margin p { font-size: .6875em; color: #fff; }

.product-assign .analytics .col p { font-size: .8125em; }
.product-assign .analytics .col .bigger { font-size: 1.8em; line-height: 0.9em; }

.related-trigger .remove-product { float: right; width: 50%; padding-right: 16px; }
.remove-product li { display: inline; }
.remove-product a { font-size: .75em; color: #09f; display: block; background: url(/skin/default/images/icons/remove-product.gif) right no-repeat; padding-right: 24px; line-height: 1.5em; float: right; }
.remove-product a.details { background-image: none; padding-right: 24px; }
.recommendations .remove-product a.details { color: #fff; }
/* ###################### */
/* /product list-view/assignment page */
/* ###################### */

/* ###################### */
/* related items on product list-view/assignment page */
/* ###################### */
.unassigned .related-trigger,
.unassigned .related { display: none; }

.related-trigger { padding-left: 16px; /* padding-top: 8px; */ }
.blue-box .related-trigger p { font-size: .75em; line-height: 1.0833em; padding-right: 20px; margin-bottom: .5em; background: url(/skin/default/images/icons/amazon-arrow-down.gif) right no-repeat; float: left; cursor: pointer; }
.related-trigger p.up { background-image: url(/skin/default/images/icons/amazon-arrow-up.gif); }
.related-trigger p a { color: #09f; text-decoration: none; }
.related-trigger p a:hover { color: #f60; }
.related-trigger p a span { color: #fff; text-decoration: none; }

.related { padding: .625em 0; }
.related .related-text { float: left; width: 88px; display: inline; margin-left: 12px; }
.related .related-text p { font-size: .75em; line-height: 1.0833em; margin-bottom: .5em; color: #09f; }
.related .related-text p span { color: #fff; }

.related .related-items { padding-left: 108px; }
.related .related-inner { width: 828px; }

.related .previous { width: 36px; float: left; margin-top: 2.4em; }
.related .next { width: 24px; float: right; margin-top: 2.4em; }

.related .items { width: 756px !important; float: left; }
.related .items li { float: left; width: 180px; display: inline; margin-right: 12px; }

.related-inner .blue-product-box { width: 180px; margin-bottom: 8px; }
.related-inner .blue-product-box .image { }
.related-inner .blue-product-box .image img { /* width: 66px; */  }
.related-inner .blue-product-box .desc { padding-left: 73px; }
.related-inner .blue-product-box .desc .price { padding-left: 0; padding-top: 4px; }
.related-inner .blue-product-box .price p,
.related-inner .blue-product-box .price span { float: none; margin: 0; }
.related-inner .blue-product-box .price span img { display: block; }
.related-inner .blue-product-box .price { padding-left: 73px; }

.related-inner .add { margin-top: 8px; cursor: pointer; }
/* ###################### */
/* /related items on product list-view/assignment page */
/* ###################### */

/* ###################### */
/* browse amazon nav
/* ###################### */
#browse-amazon { width: 190px; }

#browse-amazon h3 { margin: 0 0 10px 0; }

#browse-amazon select,
#browse-amazon input { font-size: .75em; }

#browse-amazon select { width: 190px; display: block; margin-bottom: 2px; clear: left;}
#browse-amazon input.text { width: 140px; float: left; display: inline; margin-right: 12px; }

#browse-amazon input.image { float: left; width: 24px; }
#browse-amazon select.category_sort { margin-top: 3px }

#browse-amazon label { clear: both; display: block; font-size: .75em; color: #fff; padding: 14px 0 2px 0; }
#browse-amazon label.hide { display: none; }

#browse-amazon ul.breadcrumbs { padding:0; margin-bottom: 10px;}
#browse-amazon ul.breadcrumbs li { float: left; display: inline;}

#browse-amazon ul { margin-bottom: 1.25em; }
#browse-amazon ul ul { margin-top: .1875em; margin-left: 12px; }
#browse-amazon ul.sub { padding-top: 0em; margin-left: 12px; list-style-type: none;}

#browse-amazon li { font-size: .75em; margin-bottom: .2143em; }
#browse-amazon li a { color: #fff; }
#browse-amazon li li { font-size: 1em; margin-bottom: .2188em }
#browse-amazon li li a,

#browse-amazon .sub li a { color: #09f;}
#browse-amazon li li a:hover,
#browse-amazon .sub li a:hover { color: #fff; }
#browse-amazon .sub li { font-size: .75em; margin-bottom: .25em; }
/* ###################### */
/* /browse amazon nav
/* ###################### */

/* ###################### */
/* browse amazon items / added amazon items
/* ###################### */
#amazon-results { width: 326px; }

/* .amazon-item { cursor: pointer; } */

#items-in-shop-container .amazon-item { cursor: default; }

#amazon-results .amazon-item { position: relative; width: 326px; }
#amazon-added-items .amazon-item { position: relative; width: 258px; }

#amazon-added-items h5 span { font-size: .7857em; }
#amazon-added-items h5 a { font-size: .7857em; color: #09f; }

#amazon-results .white-product-box { width: 256px; margin-bottom: 8px; }
#amazon-added-items .white-product-box,
#amazon-added-items .sm-white-product-box,
#amazon-added-items #related .white-product-box { width: 180px; margin-bottom: 8px; }

#amazon-added-items #items-in-shop-container,
#amazon-added-items #related { width: 258px; }

#amazon-added-items .selected .white-product-box { width: 258px; /* margin-bottom: 15px; */ }

#amazon-results .selected .white-product-box,
#amazon-added-items .selected .white-product-box { background-color: #000; }
#amazon-results .selected .white-product-box h6,
#amazon-added-items .selected .white-product-box h6 { color: #fff; }

#amazon-results .add { padding-left: 264px; cursor: pointer; }
#amazon-results .delete { padding-left: 264px; cursor: pointer; }
#amazon-added-items .add { padding-left: 196px; cursor: pointer; }

.add a,
.delete a { color: #fff; font-size: .6875em; display: block; margin: 6px 0 0 6px;  color: #09f; }

/*
#amazon-results .selected .add,
#amazon-added-items .selected .add { display: none; }
*/

#items-in-shop { width: 258px !important; float: left !important; }
#items-in-shop li { float: left; width: 258px; display: inline; margin-right: 12px; }

#amazon-added-items .previous a,
#amazon-added-items .next a { font-size: .6875em; color: #09f; /* display: block; margin-bottom: 4px; margin-top: 2px; */ line-height: 2em; }

#amazon-added-items #previous-just-added a:hover,
#amazon-added-items #next-just-added a:hover { color: #f60; }

#amazon-added-items #previous-just-added { float: left; width: 120px; }
#amazon-added-items #next-just-added { float: right; width: 130px; text-align: right; }
/* ###################### */
/* /browse amazon items / added amazon items
/* ###################### */

/* ###################### */
/* pagination
/* ###################### */
.pagination { margin-bottom: 9px; }
.pagination .page-totals { text-align: right; float: right; font-size: .6875em; color: #fff; display: inline; }
.pagination ul { float: left; display: inline; margin-right: 8px; }
.pagination li { float: left; font-size: .6875em; color: #fff; display: inline; margin-right: 4px; }
.pagination li a { color: #09f; }

#amazon-results .pagination ul { width: 148px; }
#amazon-results .pagination .page-totals { width: 100px; margin-right: 70px; }
/* ###################### */
/* /pagination
/* ###################### */

/* ###################### */
/* select boxes on assignment page for filtering
/* ###################### */
#assign-filters { padding: 10px 16px 22px 16px; float: left; }
#assign-filters div { float: left; }

#assign-filters .top-level { margin: 0 30px 42px 0; display: inline; }
#assign-filters .top-level a { font-size: .8125em; color: #09f; display: block; background-repeat: no-repeat; background-position: right; padding-right: 16px; }
#assign-filters .top-level a:hover { color: #fff; }
#assign-filters .top-level a.selected { color: #fff; background-image: url(/skin/default/images/icons/white-sort-arrow.gif); }

#assign-filters div.clear { float: none; }
#assign-filters div.list { width: 276px; }
#assign-filters div.types { width: 340px; }
#assign-filters div.age { width: 138px; }
#assign-filters div.gender { width: 81px; }
#assign-filters div.sell { width: 60px; }

#assign-filters label { font-size: .75em; color: #06f; display: block; margin-bottom: 7px; }
#assign-filters select { font-size: .75em; }
/* ###################### */
/* /select boxes on assignment page for filtering
/* ###################### */

/* ###################### */
/* standard text pages (faqs, terms, privacy policy, etc)
/* ###################### */
.standard-text-nav h3 { font-size: .875em; line-height: 1.1429em; margin-bottom: .4286em; cursor: pointer; color: #fff; }
.standard-text-nav h3 a { color: #fff; }
.standard-text-nav ul { margin-bottom: 1.25em; }
.standard-text-nav li { font-size: .8125em; line-height: 1.2308em; margin-bottom: .3846em; }
.standard-text-nav li a { color: #09f; }

.standard-text { background-color: #fff; padding: 46px 24px; color: #036; }
.standard-text h2 { color: #09f; font-size: 1.125em; line-height: 1.1667em; margin-bottom: 1.3889em; }
.standard-text h3 { font-size: 1.125em; line-height: 1.1667em; margin-bottom: .1667em; }

.standard-text p { font-size: .8125em; line-height: 1.3077em; margin-bottom: 1.6923em; }
.standard-text ol { list-style: decimal; }
.standard-text ol.like-ul { list-style: none; }
.standard-text ul li,
.standard-text ol.like-ul li { background: transparent url(/skin/default/images/lists/standard.gif) 0 7px no-repeat; padding-left: 12px; }
.standard-text ul,
.standard-text ol { margin-bottom: 1.6923em; margin-left: 30px; margin-right: 30px; }
.standard-text li ul,
.standard-text li ol { margin: 10px 40px; }
.standard-text li { font-size: .8125em; line-height: 1.3077em; }
.standard-text li li { font-size: 1em; line-height: 1.0625em; }

.standard-text a { text-decoration: underline; color: #036; }
/* ###################### */
/* /standard text pages (faqs, terms, privacy policy, etc)
/* ###################### */

/* ###################### */
/* forms
/* ###################### */
select, textarea, input.text { font-family: "Trebuchet MS", Trebuchet, arial, helvetica, sans-serif; color: #003; border: solid 1px #999; padding: 2px; }
input.text { padding: 3px 6px; }
input.radio-checkbox { margin-top: -1px; }
/* (ie6) css hack number 1 of 4: */
* html input.text { padding: 2px 3px; }
/* (ie) css hack number 2 of 4: */
* html input.radio-checkbox,
*+html input.radio-checkbox { margin-top: -3px; }

.standard-form h6 { font-size: 1.3em; margin-bottom: 36px; color: #fff; }
.standard-form label { font-size: .8125em; display: block; color: #fff; margin-bottom: 4px; }
.standard-form label a,
.standard-form p a { color: #fff; text-decoration: underline; }
.standard-form input.text { margin-bottom: 15px; width: 220px; font-size: .8125em; padding-top: 6px; padding-bottom: 6px; }
.standard-form select { margin-bottom: 15px; width: 234px; font-size: .8125em; padding-top: 6px; padding-bottom: 6px; }
.standard-form textarea { margin-bottom: 15px; width: 228px; font-size: .8125em; padding-top: 4px; padding-bottom: 4px; }
.standard-form p.mandatory { color: #fff; margin-bottom: 20px; }
.standard-form p.notes { margin-bottom: 16px; margin-top: -10px; color: #003; }
.standard-form span { color: #09f; }
.standard-form .button { margin-top: 20px; }
.standard-form div.radio-checkbox { padding-bottom: 15px; }
.standard-form input.radio-checkbox { float: left; display: block; margin-right: 8px; }
.standard-form div.radio-checkbox label { padding-left: 30px; padding-right: 10px; }
.standard-form p { font-size: .8125em; color: #fff; margin-bottom: 16px; }
.standard-form .asterisk { color: #fc0; }
.standard-form h6 a.help-link { font-size: .5769em; float: none; text-align: left; }
.standard-form a.help-link { font-size: .75em; color: #09f; float: right; text-align: right; }
.standard-form .error,
.standard-form .errors { clear: both; }
.standard-form .error li,
.standard-form .errors li { font-size: .8125em; display: block; color: #fc0; }

.blue-label label { color: #003 !important;}
.wider-textarea textarea { width: 400px !important;}

#register-form .standard-form h6 { margin-bottom: 16px; }
#register-form { background-color: #06f; }
#register-form .inner { padding: 28px 32px; }
#register-form .inner .inner { padding: 7px 18px 10px 18px; background: transparent url(/skin/default/images/boxes/reg-form-inner.gif) 0 0 repeat-y; }
#register-form .left-col { width: 260px; float: left; }
#register-form .middle-col { width: 272px; float: left; }
/* #register-form .right-col { width: 250px; float: left; padding-top: 24px; display: inline; margin-left: 25px; } */
#register-form .right-col { width: 250px; float: left; padding-top: 33px; display: inline; margin-left: 25px; }

/* #register-form .affiliate { width: 272px; margin-top: 35px; background: transparent url(/skin/default/images/boxes/reg-form-inner-top.gif) 0 0 no-repeat; padding-top: 13px; } */
#register-form .affiliate { width: 272px; margin-top: 11px; background: transparent url(/skin/default/images/boxes/reg-form-inner-top.gif) 0 0 no-repeat; padding-top: 13px; }
#register-form .affiliate h6 { font-size: 1.0096em; margin-bottom: 10px; }
#register-form .affiliate label { color: #003; }
#register-form .affiliate .foot { width: 272px; height: 10px; overflow: hidden; background: transparent url(/skin/default/images/boxes/reg-form-inner-bottom.gif) 0 0 no-repeat; }
#register-form .affiliate p.notes { margin-bottom: 20px; }

#register-form select { width: 234px; }
#register-form .sign-in { display: block; float: right; font-size: .75em; color: #09f; text-align: right; margin-top: 8px; }

#register-form #captcha-container { padding: 16px 0; }
#register-form #captcha-container img { display: block; margin: 4px 0; }
/* ###################### */
/* /forms
/* ###################### */

/* ###################### */
/* shadow boxes used on analytics page
/* ###################### */
.shadow-box { /* position: relative; */  background: transparent url(/skin/default/images/analytics/box-bottom.gif) bottom right no-repeat; padding-bottom: 5px; margin-bottom: 11px; }
.shadow-box .title { background: #666 url(/skin/default/images/analytics/heading.gif) top right repeat-y; position: relative; }
.shadow-box .title h6 { font-size: 1em; color: #fff; line-height: 1.125em; padding: .625em .9375em; font-weight: normal; }
.shadow-box .content { background: #f3f3f3 url(/skin/default/images/analytics/box-right.gif) right repeat-y; padding-right: 6px; }
.shadow-box .hr { height: 5px; overflow: hidden; background: transparent url(/skin/default/images/analytics/title.gif) 0 0 repeat-x; }
.content .graphs { padding: 8px 14px 14px 14px; }

.split-cols { background: transparent url(/skin/default/images/analytics/split-cols.gif) repeat-y; width: 614px; }
/* .split-cols { background-image: none; width: 614px; } */
.split-cols .shadow-box { background-image: none; float: left; width: 307px; padding-bottom: 0; margin-bottom: 0; }
.split-cols .shadow-box .title { background: #666 url(/skin/default/images/analytics/heading.gif) top right repeat-y; }
.split-cols .content { background-image: none; background-color: transparent; }
.split-cols .cleared { clear: both; height: 16px; background: #fff url(/skin/default/images/analytics/split-cols-bottom.gif) 0 0 no-repeat; overflow: hidden; }
.split-cols .button { margin: 20px 0 0 11px; padding-bottom: 10px;  }

.analytics-page .shadow-box .padding-bottom { padding-bottom: 14px; }
							
.analytics-page .shadow-box dl { padding: 8px 14px 14px; }

.analytics-page .shadow-box dt { float: left; width: 67px; font-size: .75em; color: #06f; line-height: 1.2em; padding-top: 6px; }
.analytics-page .shadow-box dd { float: left; width: 206px; background-color: #d2d6e5; }
.analytics-page .shadow-box dd .inner { padding: 6px; }

.analytics-page .shadow-box table { width: 100%; }

.analytics-page .shadow-box dd th,
.analytics-page .shadow-box dd td { font-size: .75em; color: #036; line-height: 1.2em; }

.analytics-page .shadow-box dd th { width: 80px; }

.analytics-page .shadow-box dd td { text-align: right; width: 26px; }

.analytics-page .shadow-box dd td.bar { width: 100px; text-align: left; }

.analytics-page .shadow-box dd td.bar div { overflow: hidden; background-color: #036;  line-height: 10px; }

.analytics-page .shadow-box dd td.bar div.light-blue { background-color: #09f; } 


.analytics-page .shadow-box .key { width: 141px; float: right; padding-top: 12px; }

.analytics-page .shadow-box dl.geography {  }

.analytics-page .shadow-box .key dl { padding: 0; }
.analytics-page .shadow-box .key dt { float: left; width: 16px; padding-top: 0; }

.analytics-page .shadow-box .key dt span { display: block; height: 10px; width: 10px; background-color: #036; margin-top: 2px; overflow: hidden; }
.analytics-page .shadow-box .key dt span.light-blue { background-color: #09f; }

.analytics-page .shadow-box .key dd { float: left; width: 125px; background-color: transparent; font-size: .6875em; color: #999; line-height: 1.2em; }
/* ###################### */
/* /shadow boxes used on analytics page
/* ###################### */

/* ###################### */
/* analytics page
/* ###################### */
#top-images { padding-bottom: 8px; }

#top-images dl { width: 580px; padding: 0 14px; }
.analytics-page .shadow-box #top-images dt { float: left; padding-top: 8px; width: 580px; color: #6fa3d6; font-size: .875em; padding-bottom: 2px; }
#top-images dd { float: left; width: 65px; display: inline; margin-right: 5px; color: #39f; font-size: .875em; padding-top: 4px; text-align: center; /* padding-bottom: 16px; */ }
#top-images dd.main { width: 85px; }
#top-images dd.main img { width: 85px; margin-top: 0;  }
#top-images dd img { width: 65px; display: block; margin-top: 20px; }
.analytics-page .shadow-box #top-images dd { background-color: transparent; }
#top-images dd span { display: block; padding-top: 4px; }

.analytics-page #products p.message { padding: 8px 14px 0 14px;  color: #6fa3d6; font-size: .8125em; }
.analytics-page #top-images p.message { padding: 14px 14px 12px 14px;  color: #6fa3d6; font-size: .8125em; }

#top-images #show-trigger { cursor: pointer; }
#top-images #show-trigger a { display: block; padding: 0 16px 0 0; margin-left: 14px; display: inline; color: #6fa3d6; font-size: .875em; background: transparent url(/skin/default/images/analytics/show-down.gif) right no-repeat; float: left; margin: 8px 0 8px 14px; cursor: pointer;  }
#top-images #show-trigger a.up { background-image: url(/skin/default/images/analytics/show-up.gif); }

#top-images #show-panel { display: none; }

#top-image-title h6 { width: 150px;  float: left; }

#top-image-title #top-image-filters { padding-top: 9px; float: right; width: 380px; display: inline; margin-right: 6px; padding-right: 14px; }


#top-image-title #top-image-filters label { color: #fff; display: block; font-size: .8125em; margin-bottom: 4px; padding-top: 4px; }
#top-image-title #top-image-filters label.hide { display: none; }
#top-image-title #top-image-filters select { font-size: .75em; }

#top-image-title #top-image-filters .col { float: right; display: inline; margin-left: 8px; }

.shadow-box #top-image-title h6 { /* padding: .875em .9375em .875em .9375em; */ }

.shadow-box #top-image-title { width: 614px; }

.analytics-page .box p.similar-sites { margin-bottom: 8px; }
.analytics-page .box p.similar-sites a { color: #036; }
form.similar-sites textarea { width: 218px; height: 100px; display: none; }
/* ###################### */
/* /analytics page
/* ###################### */

/* ###################### */
/* sub col for analytics page
/* ###################### */

.analytics-page .box { background: transparent url(/skin/default/images/analytics/subcol-box-top.gif) 0 0 no-repeat; padding-top: 10px; }
.analytics-page .box .inner { padding: 11px 20px 23px 20px; background: transparent url(/skin/default/images/analytics/subcol-box.gif) 0 0 repeat-y; }
.analytics-page .box .bottom { background: transparent url(/skin/default/images/analytics/subcol-box-bottom.gif) 0 0 no-repeat; height: 10px; overflow: hidden; }

.analytics-page .box h6 { font-size: 1em; color: #036; line-height: 1.125em; margin-bottom: 6px; }
.analytics-page .box p,			
.analytics-page .box li a { font-size: .75em; line-height: 1.25em; color: #999; }
.analytics-page .box p { margin-bottom: 14px; }
.analytics-page .box li { margin-bottom: 4px; }
.analytics-page .box li a { color: #06f; }
.analytics-page .box li a:hover { color: #f60; }

.analytics-page ul.analytics-nav { margin-bottom: 32px; }
.analytics-page .analytics-nav li { margin-bottom: 8px; cursor: pointer; }

.analytics-page .col264 div.button { margin-bottom: 15px; }

.analytics-page ul.analytics-nav li p span { padding-right: 16px; }

.analytics-page li .bluebox { background: transparent url(/skin/default/images/analytics/analytics-nav.gif) right no-repeat; }

.analytics-page li .bluebox { background-color: #39f; }
.analytics-page li .bluebox { padding: 10px 20px 10px 20px; }
.analytics-page li .bluebox h6 { font-size: .875em; text-transform: uppercase; letter-spacing: 1px; /* margin-bottom: 6px; */ margin-bottom: 0; padding: 6px 0; color: #fff; line-height: 1.1429em; }
.analytics-page li .bluebox p { font-size: .75em; line-height: 1.25em; color: #036; }

.analytics-page li .bluebox h6 a:link,
.analytics-page li .bluebox h6 a:visited,
.analytics-page li .bluebox h6 a:active { color: #fff; }

.analytics-page li .box h6 a:link,
.analytics-page li .box h6 a:visited,
.analytics-page li .box h6 a:active { color: #036; }

.analytics-page li .box .inner { padding:  0 20px 0 20px; background: transparent url(/skin/default/images/analytics/subcol-box.gif) 0 0 repeat-y; }
.analytics-page li .box h6 { font-size: .875em; text-transform: uppercase; letter-spacing: 1px; /* margin-bottom: 6px; */ margin-bottom: 0; padding: 6px 0; line-height: 1.1429em; }
.analytics-page li .box p { margin-bottom: 0; }
/* ###################### */
/* /sub col box for analytics page
/* ###################### */

/* ###################### */
/* the overly complicated analytics shop usage nav!
/* ###################### */
.col614 .graphs li { float: left; width: 283px; display: inline; margin-right: 14px; margin-bottom: 4px; background-repeat: no-repeat; background-position: 0 0; }
.col614 .graphs li.no-margin { margin-right: 0; }
.col614 .graphs li a { padding-top: .1339em; text-indent: 134px; display: block; background-repeat: no-repeat; background-position: bottom; font-size: 1.4em; line-height: 1.5179em; width: 283px; }
.col614 .graphs li a.blue:hover,
.col614 .graphs li a.red:hover,
.col614 .graphs li a.darkblue:hover,
.col614 .graphs li a.green:hover { color: #f60; }

.col614 .graphs ul { width: 580px; }
.col614 .graphs li a.blue { color: #06f; }
.col614 .graphs li a.red { color: #ff001a; }
.col614 .graphs li a.darkblue { color: #003; }
.col614 .graphs li a.green { color: #0d9a48; }

.col614 .graphs li a em { display: block; background-repeat: no-repeat; background-position: 11px 5px; }

.col614 .graphs li a.blue em { background-image: url(/skin/default/images/analytics/blue-graph.gif); }
.col614 .graphs li a.red em { background-image: url(/skin/default/images/analytics/red-graph.gif); }
.col614 .graphs li a.darkblue em { background-image: url(/skin/default/images/analytics/darkblue-graph.gif); }
.col614 .graphs li a.green em { background-image: url(/skin/default/images/analytics/green-graph.gif); }

.col614 .graphs li a span { font-size: .5357em; }

.col614 .graphs li.selected { background-image: url(/skin/default/images/analytics/usage-list-top.gif); }
.col614 .graphs li.selected a { background-image: url(/skin/default/images/analytics/usage-list.gif); }
.col614 .graphs li.selected a em { background-position: 11px -69px; }
/* ###################### */
/* /the overly complicated analytics shop usage nav!
/* ###################### */

/* ###################### */
/* analytics filters
/* ###################### */
#analytics-filter h2 { color: #fff; margin-top: 13px; }
#analytics-filter label { font-size: .75em; display: block; color: #09f; margin-bottom: 4px; }
#analytics-filter select { font-size: .75em; }
#analytics-filter .filter-col { float: left; width: 100px; } 
#analytics-filter .delay-message { font-size: .75em; color: #09f; float: left; width: 508px; padding-top: 21px; }
/* ###################### */
/* /analytics filters
/* ###################### */

/* ###################### */
/* login form for homepage
/* ###################### */
#header-login { position: absolute; right: 10px; top: 11px; width: 27.75em; }
				
#header-login .inputs { float: left; width: 320px; }
#header-login .inputs p { text-align: right; padding: 2px 6px 0 0; }

/* (ie6) css hack number 3 of 4: */
* html #header-login .inputs { width: 314px; }
* html #header-login .inputs p { padding-right: 12px; }

#header-login .inputs p a { color: #09f; font-size: .6875em; line-height: 1.1538em; }
#header-login .inputs p a:hover { color: #f60; }
#header-login label { display: none; }
#header-login input { float: left; width: 140px; margin-right: 6px; display: inline; margin-top: 1px; color: #036; font-size: .8125em; }
#header-login input.email { background: #fff url(/skin/default/images/homepage/form-email.gif) 0 0 no-repeat; }
#header-login input.password { background: #fff url(/skin/default/images/homepage/form-password.gif) 0 0 no-repeat; }

#header-login .nav { float: right; display: inline; margin-top: 3px; }
#header-login .nav ul,
#header-login .nav li { display: inline; }
#header-login .nav li { padding-right: .875em; }
#header-login .nav li.last { padding-right: 8px; }
#header-login .nav li a { font-size: .75em; color: #09f; }
#header-login .nav p a { font-size: .75em; color: #09f; }
/* ###################### */
/* /login form for homepage
/* ###################### */

/* ###################### */
/* homepage
/* ###################### */
#homepage #banner { width: 950px; height: 362px; overflow: hidden; background: #000 url(/skin/default/images/homepage/banner-bg.gif) bottom repeat-x; }
#homepage #flash { float: left; width: 528px; height: 297px; }

#homepage #intro { float: right; width: 405px; height: 362px; display: inline; margin-right: 13px; background: transparent url(/skin/default/images/homepage/intro-bg.gif) 0 0 no-repeat; text-align: left; }
#homepage #intro h2 { color: #fff; font-size: 2.125em; width: 9.4118em; text-align: center; line-height: 1.1471em; margin: 27px auto 75px auto; }
#homepage #intro .button { width: 253px; margin: 0 auto 0 auto; text-align: left; float: none; }
#homepage #intro .button a.large-white-cta span.middle strong { color: #036; }
#homepage #intro .button strong { width: 190px;  }
#homepage #intro p { color: #fff; width: 14.4444em; text-align: center; margin: 8px auto 0 auto; line-height: 1.2222em; font-size: 1.125em; }

#homepage #main-col { float: left; width: 571px; display: inline; margin: 0; }

#homepage #main-col #text-block { padding: 8px 25px 0 49px; }
#homepage #main-col #text-block h3 { font-size: 1.3125em; line-height: 1em; color: #09f; margin-bottom: .2381em; }
#homepage #main-col #text-block h3 strong { color: #036; }
#homepage #main-col #text-block p { color: #666; font-size: .875em; line-height: 1.2857em; margin-bottom: 1.1429em; }
#homepage #main-col #text-block p strong { font-style: normal; font-weight: normal; color: #09f; }
#homepage #main-col #text-block p em { font-style: normal; font-weight: normal; }
#homepage #main-col #text-block .hr { background: transparent url(/skin/default/images/homepage/hr.gif) 0 0 repeat-x; height: 14px; margin-top: 2px; }
#homepage #main-col #text-block h4 { color: #036; font-size: .8125em; line-height: 1.1538em; margin-bottom: .5385em; }
#homepage #main-col #text-block h5 { color: #036; font-size: .8125em; line-height: 1.1538em; display: inline; }
#homepage #main-col #text-block p.benefit { display: inline; } 
#homepage #main-col #text-block li { margin-bottom: .5em; }

#homepage #sub-col { float: right; width: 327px; display: inline; margin: 8px 52px 0 0; background-color: #fff; padding-bottom: 48px; }
#homepage #sub-col .corner { background-color: #09f; }
#homepage #sub-col .corner .inner { padding: 16px 32px; }
#homepage #sub-col li img { display: block; width: 28px; float: left; margin: 0 0 1.5em 0; }
#homepage #sub-col li em { display: block; width: 222px; float: right; color: #fff; font-size: .8125em; line-height: 1.1538em; padding-top: .6154em; }
#homepage #sub-col img { display: block; margin: 8px auto 22px auto; }


#performance { background: transparent url(/skin/default/images/homepage/performance-middle.gif) 0 0; width: 501px; margin-left: 43px; margin-top: 0px; margin-bottom: 40px; }
#performance #performance-top { background: transparent url(/skin/default/images/homepage/performance-top.gif) 0 0 no-repeat; overflow: hidden; width: 501px; height: 23px; }
#performance #performance-middle { background: transparent url(/skin/default/images/homepage/performance-bottom.gif) bottom no-repeat; width: 501px; padding-bottom: 10px; }

#performance .min-height-fix { float: left; height: 374px; width: 6px; overflow: hidden; }

#performance .inner { float: left; width: 487px; position: relative;  }

#performance h3 { color: #036; font-size: 1.2em; line-height: 1.0938em; margin: 10px 0 0 25px; }
#performance h3 span { display: block; font-size: .625em; }

#performance #show-all { position: absolute; right: 26px; top: 15px; }
#performance #show-all a { font-size: .8125em; color: #09f; }
#performance #show-all a:hover { color: #036; }

#performance table { width: 487px; }
#performance th,
#performance td { vertical-align: top; font-size: 1.1em; border-top: solid 1px #fff; border-bottom: solid 1px #999; padding-top: 8px; padding-bottom: 8px; }
#performance td { color: #09f; padding-top: 12px;  }
#performance tbody { cursor: pointer; }
#performance table p span { color: #c00; text-transform: uppercase; }
#performance table p { color: #036; font-size: .625em; line-height: 1.3em; }
#performance td.rank { text-align: right; width: 34px; }
#performance td.num { width: 60px; font-size: 12px;}
#performance th.title { padding-left: 25px; padding-right: 25px; color: #09f; }
#performance th { color: #036; }
#performance thead td { padding: 0; }
#performance thead th { font-size: .7386em; line-height: 1.1001em; padding-bottom: 6px; }

#performance h4 { font-size: .7386em; line-height: 1.1001em; }
#performance h4 a { color: #09f; }

#performance .tips { padding: 20px 25px 19px 25px; } 
#performance .tips p { font-size: .875em; color: #09f; }
#performance .tips p a { color: #036; line-height: 1.2143em; background: url(/skin/default/images/homepage/tips.gif) right no-repeat; padding-right: 12px; }
#performance .tips p a:hover { text-decoration: underline; }

#performance tr.over td,
#performance tr.over th { background-color: #e2e2e2; }

#performance tr.over td,
#performance tr.over a { color: #c00; }

#performance .foot td,
#performance .foot th { border: none !important; }

/*#performance thead th.header { cursor: pointer; background: url(/skin/default/images/homepage/sort.gif) 0 11px no-repeat; text-indent: 8px; }*/
#performance thead th.headerSortDown { cursor: pointer; background: url(/skin/default/images/homepage/sort-down.gif) 0 11px no-repeat; text-indent: 8px; }
#performance thead th.headerSortUp { cursor: pointer; background: url(/skin/default/images/homepage/sort-up.gif) 0 11px no-repeat; text-indent: 8px; }


#features { background: transparent url(/skin/default/images/homepage/features-middle.gif) 0 0; width: 501px; margin-left: 43px; margin-top: 4px; margin-bottom: 21px; }
#features #features-top { background: transparent url(/skin/default/images/homepage/features-top.gif) 0 0 no-repeat; overflow: hidden; width: 501px; height: 23px; }
#features #features-middle { background: transparent url(/skin/default/images/homepage/features-bottom.gif) bottom no-repeat; width: 501px; padding-bottom: 10px; }

#features .min-height-fix { float: left; height: 374px; width: 6px; overflow: hidden; }

#features .inner { float: left; width: 487px; position: relative;  }

#features table { width: 487px; }
#features th,
#features td { vertical-align: top; color: #036; font-size: .8125em; line-height: 1.2308em; border-top: solid 1px #fff; border-bottom: solid 1px #999; padding-top: 14px; padding-bottom: 14px; }
#features td { color: #09f; padding-top: 12px;  }
#features th { color: #036; }

#features th.feature { width: 309px; }
#features th.feature strong { color: #09f; }

#features th.feature span { padding-left: 20px; padding-right: 20px; }

#features tr.over th,
#features tr.over td { background-color: #e2e2e2; }
#features tr.over td.spacer { background: #e2e2e2 url(/skin/default/images/homepage/features-over.gif) 0 0 repeat-y; }

#features tr.over td,
#features tr.over a { color: #c00; }

#features th.spacer,
#features td.spacer { overflow: hidden; width: 14px; border: none !important; }

#features td.tick { width: 75px; padding: 12px 0 0 0; }

#features th.title { padding: 18px 20px 12px 20px; color: #09f; font-size: 1.0769em; }

#features th.prohead { padding: 0 0 12px 0 !important; color: #09f; font-size: .7692em; text-align: center; color: #000; }
#features th.prohead img { display: block; margin: 0 auto 2px auto; }

#features th.profree { padding: 18px 0 12px 0 !important; color: #09f; font-size: 1.0769em; color: #036; text-align: center; }

#features .foot td,
#features .foot th { border: none !important; }
/* ###################### */
/* /homepage
/* ###################### */

/* ###################### */
/* choose shop
/* ###################### */
.shop-type { margin-bottom: 11px; cursor: pointer; }

.shop-type .faux-height { height:129px; }
			
.shop-type .info { background-color: #fff; float: left; width: 375px; }
.shop-type .info .inner { padding: 15px 20px; height:99px; float:left;}

/*  height: 8.0625em;  */

.shop-type .pic { float: left; width: 361px; }
.shop-type .pic img { display: block; }
.shop-type .choose { float: right; width: 214px; }
.shop-type .choose div.button { margin: 45px 0 0 35px; }

.shop-type h3 { font-size: 1.7em; line-height: 1.1029em; margin-bottom: .1838em; }
.shop-type p { font-size: .875em; line-height: 1.2em; color: #666; }

.shop-type .green h3 { color: #9cc; } 
.shop-type .green h3 strong { color: #019899; } 
.shop-type .green .pic,
.shop-type .green .choose { background-color: #019899; } 
.shop-type .purple h3 { color: #f9c; } 
.shop-type .purple h3 strong { color: #ad0187; } 
.shop-type .purple .pic,
.shop-type .purple .choose { background-color: #ad0187; } 
.shop-type .blue h3 { color: #99f; } 
.shop-type .blue h3 strong { color: #36f; } 
.shop-type .blue .pic,
.shop-type .blue .choose { background-color: #36f; } 
.shop-type .red h3 { color: #f99; } 
.shop-type .red h3 strong { color: #c80000; } 
.shop-type .red .pic,
.shop-type .red .choose { background-color: #c80000; } 
.shop-type .orange h3 { color: #f99; } 
.shop-type .orange h3 strong { color: #f15f22; } 
.shop-type .orange .pic,
.shop-type .orange .choose { background-color: #f15f22; } 
.shop-type .lilac h3 { color: #c4c4e1; } 
.shop-type .lilac h3 strong { color: #99f; } 
.shop-type .lilac .pic,
.shop-type .lilac .choose { background-color: #99f; } 
.shop-type .lightgreen h3 { color: #bcdf64; } 
.shop-type .lightgreen h3 strong { color: #a4ce39; } 
.shop-type .lightgreen .pic,
.shop-type .lightgreen .choose { background-color: #a4ce39; } 
/* ###################### */
/* /choose shop
/* ###################### */

/* ###################### */
/* footer
/* ###################### */
#footer { background: #fff url(/skin/default/images/footer/bg.gif) 0 0 repeat-x; text-align: left; width: 100%;}
#footer #footer-content { width: 950px; margin: 0 auto; }
#footer .inner { padding: 0 32px; }
#footer #site-logo { float: left; display: inline; width: 242px; }
#footer #site-logo li { width: 100%; float: left; padding-bottom: 16px; }
#footer .links-col { float: left; display: inline; width: 119px; margin-right: 16px; }

#footer #other-sites { float: left; display: inline; width: 119px; }
#footer #other-sites li { margin-bottom: .6667em; }

#footer #back-to-top { float: left; display: inline; width: 80px; text-align: right; }

#footer h6 { font-size: 12px; margin-bottom: .9167em; line-height: 1.0833em; color: #036; }
#footer h6 a { color: #036; }

#footer li { font-size: 12px; line-height: 1.0833em; margin-bottom: .1667em; }
#footer li a { color: #666; }

#footer a:hover { text-decoration: underline; }

#footer #back-to-top a { font-size: 12px; color: #036; line-height: 1.0833em; margin-bottom: .9167em; display: block; }

#footer .hr { height: 9px; clear: both; border-bottom: solid 1px #ccc; }
#container{float:left; background:#003366; margin:0 auto; width:100%;}
#footer #footer-bottom { text-align: center; padding-top: 19px; }
#footer #footer-bottom p,
#footer #footer-bottom ul,
#footer #footer-bottom li { display: inline; }
#footer #footer-bottom p { font-size: 12px; line-height: 1.0833em; color: #666; padding-right: 18px; }
#footer #footer-bottom li { margin-bottom: 0; padding-right: 18px; }
#footer #footer-bottom li.last { padding-right: 0; }
#footer #footer-bottom li a { text-decoration: underline; }
#footer #footer-bottom p.powered { float: left; width: 443px; text-align: right; padding-top: 7px; padding-right: 4px; display: block; }
#footer #footer-bottom .hr { visibility: hidden; height: 20px; }
#footer #footer-bottom img { float: left; display: inline; margin-left: 4px; }
/* ###################### */
/* /footer
/* ###################### */


h2.entry-title { color: #fff; font-size: 22px; margin: 0px 0 20px 0;}
.entry-content { font-size: 14px;}

.pages-list li a { font-size: 12px;}