/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body { font: 12px/18px Arial, "Trebuchet MS", sans-serif; text-align: left; }
a img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: none; }

ul li { list-style-type: none; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

.field { font-size: 12px; font-family: Arial, "Trebuchet MS", sans-serif; color: #000; padding: 2px 5px; border: solid 1px #ddd; }

a.button-one,
a.button-two { text-align: center; color: #fff; font-weight: bold; float: right; display: inline; cursor:pointer;}
a.button-one { width:113px; height:42px; float: right !important;  }
a.button-two { width:111px; height:40px; }
a.button-one:hover,
a.button-two:hover { text-decoration: none; }

a.button-back-tosearch { text-transform: lowercase; display: block; height: 29px; line-height: 29px; width: 160px; color: #fff; background: no-repeat 0 0; cursor:pointer;}
a.button-back-tosearch { float: left; font-weight: bold; text-align: center; margin-bottom: 10px; }
a.button-back-tosearch:hover { text-decoration: none; }

a.button-add-schedule { display: block; width: 230px; height: 42px; line-height: 42px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; }
a.button-add-schedule { text-align: center; margin: 0 auto 20px; }

a.close { display: block; font-size: 0; line-height: 0; height: 11px; width: 11px; background: url(http://up.c-dn.us/css/201005010252/images/button-remove.gif); }

h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 26px; }
/*----- End "Main definitions" -----*/

.page { width: 960px; margin: 0 auto; }
.btq_content { width: 710px; }
.sidebar { width: 230px; }
.header { height: 147px; border: solid 1px #ddd; border-top: none; }

/*----- Start "Header" -----*/

.header .right-side { float: right; display: inline; width: 548px; height: 147px; }

.logobar { float: left; display: inline; width: 410px; height: 147px; }
.logobar h1 { height: 150px; width: 150px; font-size: 0; line-height:0; margin: -2px  0 0 10px;   }
.logobar h1 a { display: block; height: 137px; text-indent: -4000px; }

.searchbar { height: 75px; border-bottom: solid 1px #000; }
.searchbar form { width: 316px; height: 25px; overflow: hidden; padding-top: 17px; padding-left: 223px; }
.searchbar form .fieldplace { float: left; display: inline; width: 246px; height: 25px; }
.searchbar form .fieldplace .field { background: none; border: none; padding: 5px; width: 235px; }
.searchbar form .button { float: left; display: inline; width: 70px; height: 25px; font-size: 0; line-height: 0; text-indent: -4000px; border: 0; cursor: pointer; }

.main-buttons .schedule { float: right; display: inline; text-transform: uppercase; font-size: 12px; font-weight: bold;  line-height: 18px; cursor: pointer;}
.main-buttons .schedule span { font-size: 24px; }
.main-buttons .schedule { padding: 17px 32px 18px 9px; background: url(http://up.c-dn.us/css/201005010252/images/arrow-schedule.gif) no-repeat right center; border-left: solid 1px #ddd; }
.main-buttons .schedule:hover { text-decoration: none; }

.cart-dropdown { float: right; display: inline; width: 164px; height: 71px; border-left: solid 1px #ddd; background: #eee; position: relative; z-index: 99; }
.cart-dropdown .button { width: 127px; height: 50px; cursor: pointer; padding: 8px 27px 9px 11px; background: url(http://up.c-dn.us/css/201005010252/images/cart-dropdown-button.gif) no-repeat 140px 34px; }
.cart-dropdown .button .book { width: 140px; height: 50px; background: url(http://up.c-dn.us/css/201005010252/images/cart-dropdown-book.gif) no-repeat 0 0; }
.cart-dropdown .button span { float: left; display: inline; color: #fff; text-transform: uppercase; font-size: 13px; line-height: 16px; }
.cart-dropdown .button span.big { font-size: 40px; line-height: 50px; width: 48px; text-align: center; font-weight: bold; }
.cart-dropdown .button span.small { width: 78px; padding-top: 12px; padding-left: 5px; }
.cart-dropdown .button span.small strong { font-size: 11px; }

.cart-menu { background: no-repeat 0 bottom; padding-bottom: 5px; }
.cart-menu .cnt { background: repeat-y 0 0; }
.cart-menu ul { padding: 0 1px; }
.cart-menu ul li { list-style-type: none; padding: 8px 13px 8px 10px; position: relative; background-color: #444;}
.cart-menu ul li img { float: left; display: inline; margin-right: 2px; cursor:pointer;}
.cart-menu ul li a:hover { text-decoration: none; }
.cart-menu ul li a strong { display: block; padding-bottom: 10px; cursor:pointer;}
.cart-menu .remove { position: absolute; top: 12px; right: 13px; height: 11px; width: 11px;  cursor:pointer;}
/*------ End "Header" ------*/

/*----- Start "Navigation" -----*/
.navigation { height: 32px; line-height: 32px; overflow: hidden; background: #ddd; font-size: 13px; text-transform: uppercase; margin-bottom: 10px; }
.navigation ul li { float: left; display: inline; }
.navigation ul li a { float: left; display: inline; color: #000; padding: 0 11px;  }
.navigation ul li a.active { padding: 0 10px; }
.navigation ul li.first a.active { padding: 0 10px 0 11px; border-left: none; background: no-repeat 0 0; }
.navigation ul li a:hover { text-decoration: none; }
.navigation ul li a { cursor: pointer; }
.navigation ul li.first a:hover { background: no-repeat 0 bottom; }
/*------ End "Navigation" ------*/

/*----- Start "Footer" -----*/
.footer { font-size: 10px; line-height: 14px; color: #fff; padding: 10px 0 20px; border-top: solid 1px #666; margin-top: 60px; }
.footer a { text-decoration: underline; display: inline-block; margin: 0 5px; cursor: pointer; }
.footer a:hover { text-decoration: none; }
/*------ End "Footer" ------*/


/*----- Start "Sidebar Blocks" -----*/
.block { margin-bottom: 8px; }
.block h2 { background: no-repeat 0 0; line-height: 22px; color: #fff; padding-left: 6px; cursor: pointer; }
.block h2 span { display: block;
                       /*padding-left: 15px; background: url(http://up.c-dn.us/css/201005010252/images/block-toggler-arrow.gif) no-repeat 0 center;*/ 
}
.block p { padding: 3px 0; }
.block .expander { position: relative; width: 230px; padding: 5px 0; margin-bottom: 5px; }
.block .see-all { font-weight: bold; text-transform: uppercase; font-size: 11px; line-height: 14px; border-top: solid 1px #ddd; text-align: right; }
.block .see-all a { display: block; padding-right: 11px; background: no-repeat right center; margin-top: 3px; cursor:pointer; }

.block .find-box { height: 16px; line-height: 16px; padding: 5px; margin-top: -6px; background: no-repeat 0 bottom; }
.block .find-box label { float: left; display: inline; font-size: 10px; color: #fff; }
.block .find-box .field { width: 114px; float: right; display: inline; padding: 0 5px; }
/*------ End "Sidebar Blocks" ------*/

/*----- Start "See All Popup" -----*/
.see-all-popup { background:#222 none repeat scroll 0 0; padding:7px 0; }
.see-all-popup .col { display:inline; float:left; font-size:12px; margin-left:5px; }
*/*------ End "Sidebar Blocks" ------*/

/*----- Start "Checked List" -----*/
ul.checked-list li { display: inline; }
ul.checked-list li a { display: block; padding-left: 15px; background: no-repeat 0 center; margin-left: 5px; position: relative; cursor:pointer; }
ul.checked-list li a:hover { text-decoration: none; }
ul.checked-list li a span { color: #999; }
/*------ End "Checked List" ------*/

/*----- Start "Credit Frame" -----*/
.credit-frame { padding: 0 5px; }
.credit-frame span  { font-size: 9px; position: relative; margin: 0 0 0 -3px; line-height: 10px; }
.credit-frame a { float: left; display: inline; margin: 3px; width: 25px; height: 25px; line-height: 25px; text-align: center; background: no-repeat 0 0; cursor:pointer; }
.credit-frame a:hover { background-position: 0 bottom; color: #000; text-decoration: none; }
/*------ End "Credit Frame" ------*/

/*----- Start "Color Family" -----*/
.color-family { padding: 4px 3px 30px }
.color-family a { float: left; display: inline; width: 25px; height: 25px; padding: 3px; margin: 0 0 2px 1px; cursor:pointer; }
.color-family a:hover { padding: 1px; border: solid 2px; }
.color-family a.active { padding: 1px; border: solid 2px; }
/*------ End "Color Family" ------*/

/*----- Start "Slider" -----*/
.slider { background: none; padding-top: 12px; height:auto;  position:relative; font-size: 12px; line-height: 14px; width: 220px; cursor:pointer;}
.slider .slider-bg div { position:absolute; top:-3px; left: 0; display: block; width:11px; height:21px; text-indent: -4000px; font-size: 0; line-height:0; }
.slider .slider-bg { height: 17px; position: relative; margin-bottom: 10px; }
.slider .values span { float: left; display: inline; font-weight: bold; }
.slider .values span.slider-max-value { float: right; }
/*------ End "Slider" ------*/

/*----- Start "Paging" -----*/
.paging { width: 697px; height: 30px; line-height: 30px; padding: 3px 3px 3px 10px; background: no-repeat 0 0; font-size: 12px; }
.paging .the-paging { float: right; display: inline; }
.paging p, .paging span { font-size: 16px; text-transform: uppercase; color: #fff; }
.paging .the-paging a { float: left; display: inline; width: 30px; height: 30px; color: #fff; font-weight: bold; text-align: center; margin-left: 3px;cursor:pointer; }
.paging .the-paging a:hover,
.paging .the-paging a.active { font-size: 18px; text-decoration: none; }
.paging .the-paging a.button { font-size: 0; line-height: 0; text-indent: -4000px; background: no-repeat 0 0; }
/*------ End "Paging" ------*/

/*----- Start "Grid Items" -----*/
.grid-items { padding-top: 16px; }
.grid-items .item { float: left; display: inline; width: 170px; margin-right: 10px; margin-bottom: 10px; }
.grid-items .item { position: relative; z-index: 100; }
.grid-items .item p { font-weight: bold; text-transform: uppercase; line-height: 12px; padding-left: 5px; }
.grid-items .item .category { position: absolute; bottom: 7px; right: 10px; background-color: black; padding: 0 3px 0 3px; }
.grid-items .item .sale { display: block; width: 72px; height: 72px; position: absolute; top: 0px; left: 0px; font-size: 0; line-height: 0; text-indent: -4000px; }
.grid-items .item .sale { background: url(http://up.c-dn.us/css/201005010252/images/sticker-sale.gif); }
.grid-items .last-item { margin-right: 0; }
.grid-items .item .bot { padding: 4px 1px; min-height: 220px; }
.grid-items .item .head { border-bottom: solid 1px #ccc; height: 32px; position: relative; z-index: 11; }
.grid-items .item .head h3 { font-size: 16px; padding-left: 8px; line-height: 32px; text-transform: uppercase; }
.grid-items .item .select { float: right; display: inline; padding-top: 1px; padding-right: 13px; font: 10px/11px Helvetica, Arial, sans-serif; text-transform: uppercase; color: #bbb; text-decoration: none;}
.grid-items .item .select:hover, .grid-items .chosen .select { color: #ff6600; }
.grid-items .item .select:hover span, .grid-items .chosen .select span { border-color: #ff6600 !important; background: #ff6600 !important; }
.grid-items .item .select span, .grid-items .chosen .select span { display: block; height: 6px; width: 6px; position: absolute; top: 6px; right: 10px; border: solid 1px #fff; }
.grid-items .item .select span { background: #fff; }
.grid-items .item .cnt { min-height: 87px; line-height: 14px; }
.grid-items .item .cnt span { color: #666; float: left; display: inline; width: 52px; text-transform: uppercase; padding: 7px 0 0 7px; font-size: 11px; }
.grid-items .item .cnt p { color: #000; float: left; display: inline; padding-top: 7px; width: 92px; }
/*------ End "Grid Items" ------*/

/*----- Start "Calendar" -----*/
.big-rounded { width: 710px; background: repeat-y 0 0; margin-bottom: 16px; position: relative; }
.big-rounded .top { background: no-repeat 0 0; position: relative; width: 710px; }
.big-rounded .bot { background: no-repeat 0 bottom; position: relative; width: 710px; }

.calendar { padding-bottom: 7px; border-bottom: solid 1px #ddd; }
.calendar .time-slider,
.calendar .time-slider .active-part { background: url(http://up.c-dn.us/css/201005010252/images/time-slider.gif) no-repeat 0 0; }
.calendar .time-slider { height: 27px; width: 408px; position: relative; }
.calendar .time-slider .active-part { height: 27px; font-size: 0; line-height: 0; text-indent: -400px; position: absolute; top: 0; left: 0; z-index: 10; }
.calendar .time-slider .handler { height: 27px; width: 14px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.calendar .time-slider .handler { position: absolute; top: 0; left: 0; z-index: 12; cursor: pointer; background: no-repeat 0 0; }

.calendar .time { float: left; display: inline; padding: 6px 0 0 15px; width: 408px; }
.calendar .time span { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.calendar .time strong { padding-left: 100px; text-transform: uppercase; }
.calendar .time .hours { height: 13px; line-height: 13px;  }
.calendar .time .hours span { font-size: 10px; padding-right: 11px; }
.calendar .time .hours span.last { padding-right: 0; }

.calendar .days { float: left; display: inline; font-size: 14px; font-weight: bold; padding: 6px 0 0 9px; text-transform: uppercase; }
.calendar .days p { line-height: 21px; }
.calendar .days a { float: left; display: inline; width: 35px; height: 44px; line-height: 44px; background: url(http://up.c-dn.us/css/201005010252/images/calendar-days.gif) no-repeat 0 0; }
.calendar .days a { text-align: center; font-size: 18px; color: #fff; margin-right: 2px; }
.calendar .days a:hover { text-decoration: none; }

.calendar .am-pm { background: #e6e6e6; border-left: solid 2px #3a3a3a; border-right: solid 2px #3a3a3a; height: 7px; width: 404px; }
.calendar .am-pm span { float: left; display: inline; font-size: 8px; font-weight: normal; line-height: 7px; text-align: center; text-transform: uppercase; }
.calendar .am-pm span.am { width: 133px; }
.calendar .am-pm span.pm { background: #ccc; border-left: solid 2px #3a3a3a; width: 269px;  }

.selected { line-height: 31px; padding-left: 10px; }
.selected span { float: left; display: inline; margin-right: 15px; }
.selected .remove { float: right; display: inline; font: bold 10px/16px Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; width: 80px; height: 16px; text-align: center; width: 67px; position: relative; margin-top: 7px; margin-right: 10px; cursor:pointer;}
.selected a { float: left; display: inline; font-size: 0; line-height: 0; height: 11px; width: 11px; }
.selected a { margin: 10px 5px 0 0; }
/*------ End "Calendar" ------*/

/*----- Start "View Modes" -----*/
.viewmod { margin: 10px 0; }
.viewmod .part { float: right; display: inline; margin-left: 15px; }
.viewmod .part-left { float: left; display: inline; margin-left: 0; }
.viewmod .part-left .item-actions { float: left; display: inline; height: 27px; line-height: 27px; width: 120px; text-align: center; text-transform: uppercase; margin-right: 5px; color: #000; background-position: 0 0; }


.viewmod .part-left .item-actions:hover, .compareButton, .addToBagButton { text-decoration: none; background-position: 0 bottom; color: #000; }


.viewmod .part .label { float: left; display: inline; line-height: 27px; margin-right: 7px; font-size: 11px; }
.viewmod .part .dropdown { float: left; display: inline; position: relative; height: 100%; z-index: 1000; }
.viewmod .part .toggler { float: left; display: inline; line-height: 27px; font-size: 12px; text-transform: uppercase; padding: 0 6px 0 9px; }
.viewmod .part .toggler em { font-style: normal; }
.viewmod .part .toggler span { display: block; padding-right: 21px; background: no-repeat right center; }
.viewmod .part .toggler:hover { text-decoration: none; }
.viewmod .part .expander { position: absolute; top: 22px; left: 0; display: none; width: 100%; background: no-repeat 0 0; padding-top: 5px; }
.viewmod .part .expander li { display: inline; }
.viewmod .part .expander a { display: block; font-size: 11px; text-transform: uppercase; line-height: 17px;  padding-left: 10px; border-top: 1px solid #ff6600; border-bottom: 1px solid #ff6600;
	margin: 3px 1px 3px 0;
}
.viewmod .part .expander a:hover { text-decoration: none; color: #000; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.viewmod .part .sort-dropdown { width: 114px; }
.viewmod .part .sort-dropdown .expander { height: 83px; width: 111px; }
.viewmod .part .sort-dropdown .toggler { padding-right: 0; }
.viewmod .part .sort-dropdown .toggler em { float: left; display: inline; background-position: right 0; padding-right: 6px; }
.viewmod .part .view-dropdown { width: 60px; }
.viewmod .part .view-dropdown .toggler { width: 45px; }
.viewmod .part .view-dropdown .expander { height: 33px; width: 62px; left: -1px; }
.viewmod .part .view-dropdown .expander li a { width: 50px; margin-left: 1px; }
.viewmod .part .results-dropdown { width: 42px; }
.viewmod .part .results-dropdown .toggler { width: 27px; background: no-repeat 0 0; }
.viewmod .part .results-dropdown .expander { height: 52px; left: -1px; width: 44px; }
.viewmod .part .results-dropdown li { width: 42px; }
.viewmod .part .results-dropdown li a { display: block; width: 32px; margin-left: 1px; }
/*------ End "View Modes" ------*/

/*----- Start "List Items" -----*/
.list-items { padding-top: 10px; }
.list-items .item { height: 100%; background-repeat: repeat-y; background-position: 0 0; position: relative; margin-bottom: 10px; }
.list-items .item .bottom { background-repeat: no-repeat; background-position: 0 bottom; }
.list-items .item .top { background-repeat: no-repeat; background-position: 0 top; padding: 10px; min-height: 130px; _height: 130px; }

.list-items .chosen { height: 100%; background-repeat: repeat-y; background-position: 0 0; }
.list-items .chosen .bottom { background-repeat: no-repeat; background-position: 0 bottom; }
.list-items .chosen .top { background-repeat: no-repeat; background-position: 0 top; padding: 15px 10px 10px 10px; }


.list-items img { float: left; display: inline; width: 120px; margin-right: 10px; cursor:pointer; }
.list-items img.category { width: auto !important; position: absolute; top: 10px; right: -10px; }
.list-items a.select { float: right; display: inline; font: 10px/9px Helvetica, Arial, sans-serif; padding-top: 1px; padding-right: 10px; text-transform: uppercase; position: relative; }
.list-items a.select:hover, .list-items .chosen a.select { color: #ff6600; text-decoration: none; }
.list-items a.select:hover span, .list-items .chosen a.select span { border-color: #ff6600; background-color: #ff6600; }
.list-items a.select span { display: block; position: absolute; top: 1px; right: 0px; height: 6px; width: 6px; background: #fff; border: solid 1px #fff; }
.list-items .info-text { float: left; display: inline; width: 400px; margin: 5px 0 30px; padding: 10px 160px 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative; }
.list-items .info-text h2 { font: bold 14px Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 15px; cursor:pointer;}
.list-items .info-text p { color: #ccc; }
.list-items .info-text p strong { float: left; display: inline; width: 110px;  }
.list-items .info-text p a { text-decoration: underline; color: #ccc; }
.list-items .info-text p a:hover { text-decoration: none; }
.list-items .price { position: absolute;right: 0; bottom: 10px; font: 24px/24px Helvetica, Arial, sans-serif; }
.list-items .add-to-bag { position: absolute; bottom: 7px; right: 10px; display: block; height: 27px; line-height: 27px; text-transform: uppercase; width: 120px;text-align: center; font-weight: bold; }
/*------ End "List Items" ------*/

/*----- Start "Compare View" -----*/
.compare-view th.first, .compare-view td.first {  text-transform: uppercase; v-align: top; font-weight: bold; padding: 10px 0 10px 15px; }
.compare-view th, .compare-view td { padding: 10px 20px; }
.compare-view a { display: block; height: 27px; width: 120px; text-align: center; font: bold 14px/27px Helvetica, Arial, sans-serif; text-transform: uppercase;}
.compare-view tr.last td { border-top: 0; }
.compare-view span.price { font-size: 18px; }
.compare-view h2 { font-size: 12px; }
/*------ End "Compare View" ------*/

/*----- Start "Checkout" -----*/
.check-out .steps { padding: 15px 0;  }
.check-out .steps a { float: left; display: inline; font: bold 18px/14px Helvetica, Arial, sans-serif; color: #ccc; text-decoration: none; height: 14px; padding-right: 25px; margin-right: 75px; }
.check-out .steps a:hover, .check-out .steps .active { background-position: right -14px; color: #ff6600; }
.check-out .steps a:hover strong, .check-out .steps .active strong { background-position: 0 bottom; color: #fff; }
.check-out .steps a.last { background: none; margin-right: 0; }
.check-out .steps a strong { float: left; display: inline; height: 26px; width: 26px; text-align: center; font: bold 12px/26px Helvetica, Arial, sans-serif; position: relative; margin-top: -5px; margin-right: 10px; }

.check-out table th { text-transform: uppercase; font: bold 11px/30px Helvetica, Arial, sans-serif;  padding-left: 8px; }
.check-out table td { border-bottom: 1px solid #ccc; padding: 10px 0 10px 8px; }
.check-out table td.first { padding-left: 0; }
.check-out table td h2 { font: bold 14px/20px Helvetica, Arial, sans-serif; text-transform: none; }
.check-out table td.price .field { width: 36px; background: #fff; border: 1px solid #fff; text-align: center; padding: 3px 0; }
.check-out table td.total { font: 14px Helvetica, Arial, sans-serif; }
.check-out table td.remove a { display: block; height: 18px; line-height: 18px; width: 68px; text-align: center; background: url(http://up.c-dn.us/css/201005010252/images/button-remove-orange.png) no-repeat 0 0; text-transform: uppercase;  text-decoration: none; font-size: 10px; }

.checkout-action { padding: 15px 0; }
.checkout-action .checkout { float: right; display: inline; height: 36px; width: 133px; text-align: center; font: bold 18px/36px Helvetica, Arial, sans-serif; text-transform: uppercase; margin-left: 20px; }

.checkout-action .total-price { float: right; display: inline; height: 38px; width: 172px; text-transform: uppercase; font: 18px/38px Helvetica, Arial, sans-serif; padding: 0 10px;}
.checkout-action .total-price span { float: right; display: inline; font: bold 24px/38px Helvetica, Arial, sans-serif; }
/*------ End "Checkout" ------*/

/*----- Start "Detail View" -----*/
.detail-view .product-images { float: left; display: inline; width: 275px; }
.detail-view .product-images .main-frame { height: 258px; width: 259px; padding: 8px; position: relative; margin-bottom: 20px; }
.detail-view .embedded-code { margin: 15px 0 20px; }
.detail-view .embedded-code label { display: block; text-transform: uppercase; margin-bottom: 3px;  }
.detail-view .main-frame .controls { position: absolute; top: 85%; left: 6px; height: 38px; width: 263px; }
.detail-view .main-frame .controls img { height: 38px; width: 263px; }
.detail-view .thumbs a { float: left; display: inline; width: 50px; height: 50px; margin: 0 5px 5px 0; position: relative; }
.detail-view .thumbs a span { display: none; }
.detail-view .thumbs a span { display: block; position: absolute; top: 0px; left: 0px; }
.detail-view .thumbs a span img {  display: block; height: 32px; width: 32px; }

.detail-view .text-info { float: left; display: inline; width: 490px; margin: 0 17px 0 25px; }
.detail-view .text-info .row { margin-bottom: 5px; }
.detail-view .text-info .last-row { border: 0 !important; }
.detail-view .text-info h2 { font: bold 18px Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; }
.detail-view .text-info h3 { font: bold 13px Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 10px; }
.detail-view .text-info p { padding-bottom: 10px; color: #ccc; }
.detail-view .text-info p a { text-decoration: underline; color: #ccc; }
.detail-view .text-info p a:hover { text-decoration: none; }
.detail-view .text-info p strong { float: left; display: inline; width: 105px; }
.detail-view .text-info .color { float: left; display: inline; height: 35px; width: 75px; text-align: center; font: bold 12px/35px Helvetica, Arial, sans-serif; margin: 0 8px 15px 0; text-transform: uppercase; text-decoration: none; }

.detail-view .text-info .active { text-decoration: none; }

.detail-view .text-info .size { float: left; display: inline; width: 35px; height: 35px; text-align: center; font: bold 14px/35px Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 8px 15px 0; text-decoration: none; }

.detail-view .user-interaction { float: left; display: inline; width: 153px; height: 100%; }
.detail-view .user-interaction .top { padding: 10px; }
.detail-view .user-interaction .price {  height: 38px; width: 133px; text-align: center; margin-bottom: 5px; }
.detail-view .user-interaction .price h2 { font: bold 16px/38px Helvetica, Arial, sans-serif; }
.detail-view .user-interaction .add-to-bag { display: block; height: 38px; width: 133px; text-align: center; font: bold 16px/38px Helvetica, Arial, sans-serif; text-transform: uppercase; }
.detail-view .user-interaction .enabled { background: url(http://up.c-dn.us/css/201005010252/images/details-right-add-bag.gif) no-repeat 0 0; cursor: pointer; }
.detail-view .user-interaction .disabled { background: url(http://up.c-dn.us/css/201005010252/images/details-right-price.gif) no-repeat 0 0; cursor: text }
.detail-view .user-interaction .add-to-bag:hover { text-decoration: none; }
.detail-view .user-interaction .separator { height: 1px; font-size: 0; line-height: 0; text-indent: -4000px; margin: 10px; }
.detail-view .user-interaction .tell-a-friend { display: block; height: 25px; width: 131px; text-align: center; font: bold 14px/25px Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; margin-bottom: 12px; }
.detail-view .user-interaction h3 { font: bold 12px Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 5px; }
.detail-view .user-interaction .bookmarks { padding-left: 3px; }
.detail-view .user-interaction .bookmarks a { float: left; display: inline; margin: 0 2px 10px 0; }
/*------ End "Detail View" ------*/

/*----- Start "Items Carousel" -----*/
.items-carousel .thumb { height: 83px; width: 83px; overflow: hidden; padding: 3px; margin-right: 7px; cursor:pointer;}
.items-carousel { margin-bottom: 20px; }
.items-carousel h2 { font: bold 13px Helvetica, Arial, sans-serif; color: #fff; border-top: 1px solid #666; padding: 10px 0; margin-top: 10px; }
.items-carousel li { float: left; display: inline; padding-top: 8px; }
.items-carousel .grid-items { position: relative; height: 107px; padding-top: 0;  background: url(http://up.c-dn.us/css/201005010252/images/image-carousel-bg.gif) repeat-x 0 0; }
.items-carousel .grid-items .yui-carousel { overflow: hidden; height: 105px; width: 960px !important; border-top: 1px solid #333; border-bottom: 1px solid #333; background: #000; }
.items-carousel .grid-items .yui-carousel .yui-carousel-content { position: relative; overflow: hidden; width: 878px !important; margin: 8px 0 0 42px; }
.items-carousel .yui-carousel-element { width: 32000px; }
.yui-carousel .yui-carousel-nav ul { display: none; }
.yui-carousel .yui-carousel-nav .yui-carousel-button { position: absolute; top: 0; left: 0; display: block; height: 107px; width: 35px; }
.yui-carousel .yui-carousel-nav .yui-carousel-next-button { left: auto; right: 0; }
.yui-carousel .yui-carousel-nav .yui-carousel-button button { display: block; height: 107px; width: 35px; font-size: 0; line-height: 0; text-indent: -4000px; border: 0; cursor: pointer; }
.yui-carousel .yui-carousel-content ol li { float: left; display: inline; list-style-type: none; padding-top: 0px; }
.yui-carousel-item-selected {background:transparent url(http://up.c-dn.us/css/201005010252/images/details-carousel-thumb.gif) no-repeat scroll 0 0;}


/*------ End "Items Carousel" ------*/

/*----- Start "Wholesale Detail" -----*/
.availability { margin-bottom: 10px; position: relative; margin-top: -5px; }
.availability .column { float: left; display: inline; width: 244px; border-right: 1px solid #333; border-bottom: 1px solid #333; padding-bottom: 25px; }
.availability .last-column { border-right: 0; }
.availability .last-column .header { padding-left: 10px; }
.availability .last-column h3 { padding-left: 10px; }
.availability .header { border-bottom: 1px solid #333; height: auto; background: none; }
.availability h2 { font: bold 10px/29px Helvetica, Arial, sans-serif !important; color: #ccc; text-transform: uppercase; }
.availability h2.right { margin-right: 45px; }
.availability h3 { font: bold 12px/12px Helvetica, Arial, sans-serif; color: #fff; margin-top: 10px; }

.available-size { line-height: 20px; margin-bottom: 3px; color: #ccc; }
.no-size { color: #333; }
.no-size .availability-marker { border: 1px solid #333; }
.no-size .quantity { background: #333 !important; color: #333 !important;  }
.available-size label { width: 70px; text-align: right; font-size: 10px; line-height: 20px; }
.availability-marker { width: 97px; height: 18px; border: 1px solid #666; margin: 0 3px; }
.availability-marker div { height: 16px; margin: 1px; }
.availability-marker div.yellow { background: #fff600; }
.availability-marker div.green { background: #25b125; }
.availability-marker div.red { background: #990000; }
.available-size .quantity { background: #fff; color: #333; width: 23px; border: 0; padding: 2px 0; text-align: center; margin-right: 5px; }
.available-size em { width: 30px; font-style: normal; }
/*----- END "Wholesale Detail" -----*/


/*----- Start "Wholesale Items" -----*/
.wholesale-items { padding-bottom: 60px; }
.wholesale-items .item { border-bottom: 1px solid #666; padding: 15px 0; }
.wholesale-items .last-item { border-bottom: 0; }
.wholesale-items .availability { float: right; display: inline; width: 520px; margin-top: 0; border-top: 1px solid #333; }
.wholesale-items .availability .column { width: 259px; }
.wholesale-items .placeholder { width: 170px; }
.wholesale-items .placeholder .top { padding: 15px 8px 6px; }
.wholesale-items .placeholder p { font-size: 12px; line-height: 12px; font-weight: bold; color: #fff;  text-transform: uppercase; padding: 5px 0 1px; }
.wholesale-items .placeholder span { font-size: 12px; line-height: 12px; color: #fff; }
.wholesale-items .info { padding-top: 7px; width: 170px; }
.wholesale-items .info p { line-height: 20px; display: block; clear: left; }
.wholesale-items .info p a { float: left; width: 30%; }
.wholesale-items .info p span {  float: left; width: 100px; }
.wholesale-items .info p a img {  float: left; margin-top: 5px; }
.wholesale-items .add-to-bag { display: block; height: 27px; line-height: 27px; font-weight: bold; text-transform: uppercase; width: 125px; text-align: center; margin: 10px 0 0 auto; }
/*----- END "Wholesale Items" -----*/


.compare-popup { padding: 5px 7px; position: relative; background-color:#444444}
.compare-popup h2 { font: bold 14px/14px Helvetica, Arial, sans-serif; margin-top: 3px; }
.compare-popup span { font: 14px/14px Helvetica, Arial, sans-serif; color: #fff; display: block; margin: 5px 0; }
.compare-popup img  { display: block; width: 200px; margin: 0 auto; cursor:pointer;}
.compare-popup .category  { position: absolute; top: 220px; right: 8px;  width: auto !important; background-color: black; padding: 3px 3px 1px 3px; }
.compare-popup .button { float: left; display: inline; width: 99px; height: 34px; line-height: 34px; text-transform: uppercase; color: #000; }
.compare-popup .button-two { font-weight: normal !important; }
.tooltip .transparent-arr { width: 16px; height: 29px; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 84px; left: -16px; }
.tooltip .transparent-arr { background-position: 0 0; background-repeat: no-repeat; }
.small-popup .transparent-arr { top: 94px; }
.small-popup .links { border-top: solid 2px #ddd; height: 40px; }
.small-popup .links .button { float: left; display: inline; width: 112px; background-image: none; margin: 0 !important; height: 35px; font-size: 12px; text-transform: uppercase; padding-top: 5px; }
.small-popup .links .button-one { margin-right: 0; border-right: solid 1px; }
.small-popup h2 { line-height: 35px; color: #fff; font-size: 16px; text-transform: uppercase; padding-left: 8px; }
.small-popup .inner { padding-bottom: 10px; }
.small-popup .inner span { color: #666; float: left; display: inline; width: 55px; text-transform: uppercase; padding: 7px 0 0 7px; font-size: 11px; }
.small-popup .inner p { color: #000; float: left; display: inline; padding-top: 7px; width: 145px; }

.see-all-popup { padding: 7px 0; background: #222; }
.see-all-popup .col { float: left; display: inline; width: 140px; font-size: 12px; margin-left: 5px; }
.see-all-popup .col ul li { line-height: 20px; }
.see-all-popup .col-last { border-right: none; }



/* themes/darkgrey/theme-style.css */

body { color: #fff; background: #000; }
a { color: #fff; }
h2 { color: #fff; }
/*----- Start "Header" -----*/
.header { border-color: #000; background-color: #333; }
.header .logobar { background-color: #000000; }


.logobar h1 { background: url(http://up.c-dn.us/css/201005010252/images/UPLogo.jpg); }

.searchbar { border-color: #000; background-color: #343434; }
.searchbar form .fieldplace { background-image: url(http://up.c-dn.us/css/201005010252/images/searchbar-field.gif); }
.searchbar form .button { background-image: url(http://up.c-dn.us/css/201005010252/images/searchbar-button.gif); }

.main-buttons .schedule { background-color: #fff600; border-color: #000; color: #000; }

.cart-dropdown { border-color: #000; background-color: #444; }
.cart-dropdown .button .book { background-image: url(http://up.c-dn.us/css/201005010252/images/cart-dropdown-book.gif); }
/*------ End "Header" ------*/

/*----- Start "Navigation" -----*/
.navigation { background-image: url(http://up.c-dn.us/css/201005010252/images/navigation-bg.gif); }
.navigation ul li a { color: #000; }
.navigation ul li a:hover { background-color: #fff600 !important; }
.navigation ul li a.active { background-color: #fff600 !important; border-left: solid 1px #000; border-right: solid 1px #000; color: #000; font-weight: bold; }
.navigation ul li.first a.active,
.navigation ul li.first a:hover { background-image: url(http://up.c-dn.us/css/201005010252/images/navigation-first-states.gif); }
/*------ End "Navigation" ------*/

/*----- Start "Sidebar Blocks" -----*/
.block h2 { background-image: url(http://up.c-dn.us/css/201005010252/images/block-toggler.gif); }
.block .see-all { border-color: #d7d7d7; }
.block .see-all a { background-image: url(http://up.c-dn.us/css/201005010252/images/see-all-arrow.gif); color: #ccc; }
.block .expander { background-color: #000; }

.block .find-box { background-image: url(http://up.c-dn.us/css/201005010252/images/findbox.gif); }
.block .find-box .field { border-color: #333333; }
/*------ End "Sidebar Blocks" ------*/

/*----- Start "Credit Frame" -----*/
.credit-frame a { background-image: url(http://up.c-dn.us/css/201005010252/images/credit-frame-a.gif); color:#000; }
/*------ End "Credit Frame" ------*/

/*----- Start "Color Family" -----*/
.color-family { background-color: #000; }
.color-family a:hover { border-color: #ff6600; }
/*------ End "Color Family" ------*/

/*----- Start "Slider" -----*/
.slider .slider-bg { background: url(http://up.c-dn.us/css/201005010252/images/slider-bg.gif) repeat-x 0 0; }
.slider .slider-bg .slider-min { background-image: url(http://up.c-dn.us/css/201005010252/images/slider-min.gif); }
.slider .slider-bg .slider-max { background-image: url(http://up.c-dn.us/css/201005010252/images/slider-max.gif); }

/*------ End "Slider" ------*/

/*----- Start "Checked List" -----*/
ul.checked-list li a { background-image: url(http://up.c-dn.us/css/201005010252/images/checked-list-check.gif); }
ul.checked-list li a:hover { background-image: url(http://up.c-dn.us/css/201005010252/images/checked-list-check-hover.gif); color: #ff6600; }
ul.checked-list li a:hover span { color: #ff6600; }
ul.checked-list li a.active { background-image: url(http://up.c-dn.us/css/201005010252/images/checked-list-check-hover.gif); color: #ff6600; }
/*------ End "Checked List" ------*/

/*----- Start "Paging" -----*/
.paging { background-image: url(http://up.c-dn.us/css/201005010252/images/paging.gif); }
.paging .the-paging a.active { background-image: url(http://up.c-dn.us/css/201005010252/images/paging-hover.gif); color: #000; }
.paging .the-paging a.prev { background-image: url(http://up.c-dn.us/css/201005010252/images/paging-prev.gif); }
.paging .the-paging a.next { background-image: url(http://up.c-dn.us/css/201005010252/images/paging-next.gif); }
.paging .the-paging a.last { background-image: url(http://up.c-dn.us/css/201005010252/images/paging-last.gif); }
.paging .the-paging a.first { background-image: url(http://up.c-dn.us/css/201005010252/images/paging-first.gif); }
/*------ End "Paging" ------*/

/*----- Start "Grid Items" -----*/
.grid-items .item { background-color: #333; }
.grid-items .item .top { background: url(http://up.c-dn.us/css/201005010252/images/item-top.gif) no-repeat 0 top; }
.grid-items .item .bot { background: url(http://up.c-dn.us/css/201005010252/images/item-bot.gif) no-repeat 0 bottom; }
.grid-items .item .head h3 { color: #333333; }
.grid-items .item-hover { background-image: url(http://up.c-dn.us/css/201005010252/images/item-cnt-hover.gif); }
.grid-items .item-hover .head { background-color: #cccccc; border-color: #000; }
.grid-items .item-hover .select { border-color: #000; }
.grid-items .item-hover .cnt { background-color: #fff; }
.grid-items .item-hover .top { background-image: url(http://up.c-dn.us/css/201005010252/images/item-top-hover.gif); }
.grid-items .item-hover .bot { background-image: url(http://up.c-dn.us/css/201005010252/images/item-bot-hover.gif); }

.grid-items .chosen .head h3 { color: #fff; }
.grid-items .chosen { background-image: url(http://up.c-dn.us/css/201005010252/images/item-cnt-active.gif); }
.grid-items .chosen .head { background-color: #50a61d; border-color: #50a61d; }
.grid-items .item p { color: #fff; }

.grid-items .chosen .cnt { background-color: #e0f6d3; }
.grid-items .chosen .top { background-image: url(http://up.c-dn.us/css/201005010252/images/item-top-active.gif); }
.grid-items .chosen .bot { background-image: url(http://up.c-dn.us/css/201005010252/images/item-bot-active.gif); }
/*------ End "Grid Items" ------*/

/*----- Start "Wholesale Items" -----*/
.wholesale-items .placeholder .top { background: url(http://up.c-dn.us/css/201005010252/images/item-top.gif) no-repeat 0 top; }
.wholesale-items .placeholder .bottom { background: url(http://up.c-dn.us/css/201005010252/images/item-bot.gif) no-repeat 0 bottom; }
.wholesale-items .placeholder {  background: #333; }
.wholesale-items .add-to-bag { background:url(http://up.c-dn.us/css/201005010252/images/item-actions-bg.gif) no-repeat 0 bottom; color: #000; }
/*----- END "Wholesale Items" -----*/

/*----- Start "Footer" -----*/
.footer { border-color: #ccc; }
/*------ End "Footer" ------*/

/*----- Start "Calendar" -----*/
.big-rounded { background-color: #333; }
.big-rounded .top { background-image: url(http://up.c-dn.us/css/201005010252/images/big-rounded-top.gif); }
.big-rounded .bot { background-image: url(http://up.c-dn.us/css/201005010252/images/big-rounded-bot.gif); }
.selected a { background: url(http://up.c-dn.us/css/201005010252/images/button-remove.png); }
.selected span { color: #ccc; }
.selected .remove { background: url(http://up.c-dn.us/css/201005010252/images/button-remove-orange.png) no-repeat 0 0;  margin-bottom:5px;}

.calendar { border-color: #333333; }
.calendar .time-slider { background-color: #edf4f1; }
.calendar .time-slider .active-part { background-color: #4aa312; }
.calendar .time-slider .handler-left { background-image: url(http://up.c-dn.us/css/201005010252/images/timeslider-handler-left.gif); }
.calendar .time-slider .handler-right { background-image: url(http://up.c-dn.us/css/201005010252/images/timeslider-handler-right.gif); }

.calendar .time span { color: #333333; }

.calendar .days p { color: #333333; }
.calendar .days a.off { background-image: url(http://up.c-dn.us/css/201005010252/images/calendar-days-off.gif); }
.calendar .days a.today { background-image: url(http://up.c-dn.us/css/201005010252/images/calendar-days-today.gif); }

.calendar .am-pm span { color: #333333; }

/*------ End "Calendar" ------*/

/*----- Start "View Modes" -----*/
.viewmod .part .toggler span { background-image: url(http://up.c-dn.us/css/201005010252/images/viewmod-toggler.gif); }
.viewmod .part a { color: #000; }
.viewmod .part .expander a:hover { background-color: #fff600; }
.viewmod .part-left .item-actions,
.viewmod .part-left .item-actions span, .compareButton, .addToBagButton{ background-image: url(http://up.c-dn.us/css/201005010252/images/item-actions-bg.gif); }
/*------ End "View Modes" ------*/

/*----- Start "List Items" -----*/
.list-items .item { background-image: url(http://up.c-dn.us/css/201005010252/images/list-view-item-cnt.gif); }
.list-items .item .bottom { background-image: url(http://up.c-dn.us/css/201005010252/images/list-view-item-bottom.gif); }
.list-items .item .top { background-image: url(http://up.c-dn.us/css/201005010252/images/list-view-item-top.gif); }
.list-items .chosen { background-image: url(http://up.c-dn.us/css/201005010252/images/list-view-item-cnt-active.gif); }
.list-items .chosen .bottom { background-image: url(http://up.c-dn.us/css/201005010252/images/list-view-item-bottom-active.gif); }
.list-items .chosen .top { background-image: url(http://up.c-dn.us/css/201005010252/images/list-view-item-top-active.gif); }
.list-items .add-to-bag { background: url(../darkgrey/images/item-actions-bg.gif) no-repeat 0 bottom; color: #000; }
/*------ End "List Items" ------*/

/*----- Start "Compare View" -----*/
.compare-view th.first, .compare-view td.first { background: #222; color: #999; }
.compare-view th, .compare-view td { border-top: 1px solid #ccc; }
.compare-view a { background: url(http://up.c-dn.us/css/201005010252/images/item-actions-bg.gif) no-repeat 0 bottom; color: #000; }
/*------ End "Compare View" ------*/

/*----- Start "Checkout -----*/
.check-out .steps { border-top: 1px solid #ccc; border-bottom: 1px solid #666; }
.check-out .steps a { color: #666; background: url(http://up.c-dn.us/css/201005010252/images/checkout-steps-pointer.gif) no-repeat right 0; }
.check-out .steps a strong  { color: #000; background: url(http://up.c-dn.us/css/201005010252/images/checkout-steps-number-bg.gif) no-repeat 0 0; }
.check-out table th { background: #222; color:#999; border-bottom: 1px solid #666; }
.check-out table td { border-bottom: 1px solid #ccc; }
.check-out table td h2 { color: #fff; }
.check-out table td.price span  { border: 1px solid #fff; background: #fff; color: #000; }
.check-out table td.remove a { color: #fff; }
.checkout-action .checkout.enabled { background: url(http://up.c-dn.us/css/201005010252/images/button-checkout.gif) no-repeat 0 0; color: #fff; }
.checkout-action .checkout.disabled { background: url(http://up.c-dn.us/css/201005010252/images/details-right-price.gif) no-repeat 0 0; color: #000; }
.checkout-action .total-price { background: url(http://up.c-dn.us/css/201005010252/images/checkout-total-price-field.gif) no-repeat 0 0; color: #000; }
.checkout-action .total-price span { color: #990000; }
/*----- END "Checkout -----*/

a.button-one { background-image: url(http://up.c-dn.us/css/201005010252/images/button-big-1.gif); }
a.button-two { background-image: url(http://up.c-dn.us/css/201005010252/images/button-big-2.gif); }

/*----- Start "Shedule" -----*/
.shedule h2 { color: #333333; }
.shedule .small th { background-color: #999999; }
.shedule .small th.light { background-color: #C2C2C2; }
.shedule .large th { background-color: #999999; }
.shedule .large th.light {background-color:#C2C2C2}
/*------ End "Shedue" ------*/

/*----- Start "Detail View" -----*/
.detail-view .product-images .main-frame { background: url(http://up.c-dn.us/css/201005010252/images/detail-view-product-frame.gif) no-repeat 0 0;}
.detail-view .embedded-code .field { background: #000; border: 1px solid #1a1a1a; color: #fff; }
.detail-view .main-frame .controls img { background: url(../../images/detail-view-main-frame-video.png) no-repeat 0 0; }
.detail-view .thumbs a span img { background: url(http://up.c-dn.us/css/201005010252/images/product-thumb-hover.png) no-repeat 0 0; }
.detail-view .text-info .row { padding-bottom: 5px; border-bottom: 1px solid #666; background: none; }
.detail-view .text-info .color, .detail-view .text-info .color span { background: url(http://up.c-dn.us/css/201005010252/images/detail-view-color-bg.gif) no-repeat 0 -35px; color: #FFF; cursor: pointer; }
.detail-view .text-info .color span { background-position: right 0; }
.detail-view .text-info .active, .detail-view .text-info .active span { background-position: 0 bottom; color: #fff; }
.detail-view .text-info .active span { background-position: right bottom; }
.detail-view .text-info .size { background: url(http://up.c-dn.us/css/201005010252/images/detail-view-size-bg.gif) no-repeat 0 -35px; cursor: pointer; }
.detail-view .text-info .varUnavailable { background-position: 0 0; cursor: text; }
.detail-view .text-info .size.active { background-position: 0 -70px; }
.detail-view .user-interaction { background: #333; }
.detail-view .user-interaction .bottom { background: url(http://up.c-dn.us/css/201005010252/images/detail-view-user-int-bot.gif) no-repeat 0 bottom; }
.detail-view .user-interaction .top { background: url(http://up.c-dn.us/css/201005010252/images/detail-view-user-int-top.gif) no-repeat 0 top; }
.detail-view .user-interaction .price { background: url(http://up.c-dn.us/css/201005010252/images/details-right-price.gif) no-repeat 0 0; }
.detail-view .user-interaction .price h2 { color: #990000; }
.detail-view .user-interaction .add-to-bag { color: #000; }
.detail-view .user-interaction .separator { background: #000; }
.detail-view .user-interaction .tell-a-friend { background: url(http://up.c-dn.us/css/201005010252/images/details-right-friend.gif) no-repeat 0 0; color: #fff; }
.detail-view .user-interaction h3 { color: #fff; }
/*------ End "Detail View" ------*/

a.button-add-schedule { background-image: url(http://up.c-dn.us/css/201005010252/images/button-add-schedule.gif); }

.cart-menu { background-color: #444;}
.cart-menu a { color: #fff; }
.cart-menu ul li.darker { background-color: #333; }
.cart-menu .remove { background: url(http://up.c-dn.us/css/201005010252/images/button-remove.gif) no-repeat 0 0;}

.viewmod .part .results-dropdown .toggler { background-image: url(http://up.c-dn.us/css/201005010252/images/results-dropdown-toggler.gif); }
.viewmod .part .view-dropdown .toggler { background-image: url(http://up.c-dn.us/css/201005010252/images/view-dropdown-toggler.gif); }
.viewmod .part .sort-dropdown .toggler,
.viewmod .part .sort-dropdown .toggler em { background-image: url(http://up.c-dn.us/css/201005010252/images/sort-dropdown-toggler.gif); }
.viewmod .part .sort-dropdown .expander { background-image: url(http://up.c-dn.us/css/201005010252/images/sort-dropdown.gif); }
.viewmod .part .view-dropdown .expander { background-image: url(http://up.c-dn.us/css/201005010252/images/view-dropdown.gif); }
.viewmod .part .results-dropdown .expander { background-image: url(http://up.c-dn.us/css/201005010252/images/results-dropdown.gif); }

a.button-back-tosearch { background-image: url(http://up.c-dn.us/css/201005010252/images/button-back-to-search.gif); }

/*----- Start "YUI Carousel" -----*/
.yui-carousel .yui-carousel-nav .yui-carousel-first-button button { background-image: url(http://up.c-dn.us/css/201005010252/images/carousel-prev.gif); }
.yui-carousel .yui-carousel-nav .yui-carousel-next-button button { background-image: url(http://up.c-dn.us/css/201005010252/images/carousel-next.gif); }
.items-carousel .thumb.active { background: url(http://up.c-dn.us/css/201005010252/images/details-carousel-thumb.gif) no-repeat  0 0; }
/*------ End "YUI Carousel" ------*/

.compare-popup .button-one { background-image: url(http://up.c-dn.us/css/201005010252/images/compare-popup-button-one.gif); }
.compare-popup .button-two { background-image: url(http://up.c-dn.us/css/201005010252/images/compare-popup-button-two.gif); }
.tooltip .transparent-arr { background-image: url(http://up.c-dn.us/css/201005010252/images/compare-popup-arrow.gif); }
.small-popup .links { border-color: #50a61d; }
.small-popup .button-one { background-color: #4aa312; }
.small-popup .button-two { background-color: #990000; }
.small-popup .links .button-one { border-color: #50a61d; }
.small-popup h2 { background-color: #50a61d; }


/* themes/darkgrey/boutique-style.css */
.cart-dropdown .button .book { background-image: url(http://up.c-dn.us/css/201005010252/images/cart-dropdown-cart.gif); height: 65px; padding-top: 10px; }
.cart-dropdown .button { padding-top: 3px; padding-bottom: 4px; height: 70px; }
.grid-items .item-hover .top { background-image: url(http://up.c-dn.us/css/201005010252/images/item-top-hover.gif); }
.grid-items .chosen { background-image: url(http://up.c-dn.us/css/201005010252/images/item-cnt-active.gif); }
/*.grid-items .chosen .select { background-color: #50a61d; border-color: #50a61d; }*/
.grid-items .chosen .top { background-image: url(http://up.c-dn.us/css/201005010252/images/item-top-active.gif); }
.grid-items .chosen .bot { background-image: url(http://up.c-dn.us/css/201005010252/images/item-bot-active.gif); }
.grid-items .item .bot { padding-left: 7px; padding-right: 7px; }
.grid-items .item .image { text-align: center; padding: 5px 0; cursor:pointer; }
.grid-items .item .price { position: absolute; bottom: 5px; left: 10px; font-size: 12px; line-height: 12px; text-align: right; padding: 0 3px 2px 0; }
.grid-items .item .price .old { text-decoration: line-through; }
.grid-items .item .price .new { padding-left: 10px; color: #910202; }
.new-products { padding-top: 0; }
.grid-items h2 { font-size: 18px; padding-bottom: 15px; }


/* jon's changes */
.prototip .default .content {
    padding:0px
}
.compareButton, .addToBagButton{
	cursor: pointer;
	float: left; display: inline; height: 27px; line-height: 27px; width: 120px; text-align: center; text-transform: uppercase; margin-right: 5px; color: #000;
}
.inactiveButton {
	background-position: 0 0;
}
.enabled {
	 background: url(http://up.c-dn.us/css/201005010252/images/details-right-add-bag.gif) no-repeat 0 0; cursor: pointer;
}
.item {
	cursor: pointer;
}

/* -- BANNER STYLES -- */
#topLeft {
	width: 230px;
	overflow: hidden;
}
/* -- END BANNER STYLES -- */

/* -- Button Reset -- */
span.button,
span.button a { position:relative; margin:0; display:inline-block; text-transform:uppercase; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(http://up.c-dn.us/css/201005010252/images/buttonWhite.gif) no-repeat; vertical-align:middle; overflow:visible; color:#333;}
span.button { height:23px; padding:0; margin-top:4px; margin-right:2px; background-position:left top; overflow:visible;}
/* span.button a { left:2px; *vertical-align:top; _vertical-align:middle;} */
span.button.xLarge { height:35px; background-position:left -65px; }

/* Anchor */
span.button a { padding:6px 10px 5px 8px; *padding:4px 10px 7px 8px; color:#000; font-size:12px; line-height:12px; background-position:right top;}
span.button.xLarge a { padding:8px 10px 7px 8px; *padding:6px 10px 9px 8px; font-size:16px; line-height:20px; background-position:right -65px;}

/* Strong */
span.button.strong * { font-weight:bold !important;}

/* Color */
span.button.black,
span.button.black a { background-image:url(http://up.c-dn.us/css/201005010252/images/buttonBlack.gif); color:#fff; cursor:pointer; }
span.button.black *:hover { background-image:url(http://up.c-dn.us/css/201005010252/images/buttonRed.gif); }
span.button.red,
span.button.red a { background-image:url(http://up.c-dn.us/css/201005010252/images/buttonRed.gif); color:#fff; cursor:pointer;}

/* UNAVAILABLE */
span.unavailable a { position:relative; margin:0; display:inline-block; text-transform:uppercase; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(http://up.c-dn.us/css/201005010252/images/buttonCant.gif) no-repeat; vertical-align:middle; overflow:visible; color:#333;}

/*LP*/
#graveyard{width:100%;}
#graveyard td{padding-top: 5px;padding-bottom:5px;text-align:center;}

#topBanner p{
margin-bottom:5px;
}

.availability-marker div.yellow { color: black; }
.availability-marker div.green { color: black; }
.lightview-text { color: white; background:black; }
.lightview-text p { padding:10px; }
.lightview-text h2 { padding:10px; }
.lightview-text h3 { padding:10px; }
.lightview-text table { padding:10px; cellspacing:5px; }
.lightview-text td { border: 2px solid black; }
.lightview-text th { border: 2px solid black; }

.MagicZoomBigImageCont { border: 1px solid #fff; height:450px;width:450px; }
.MagicThumb img { border: 0px; }

.wholesaleEmail { font-size: 25px;padding-bottom:20px; }
.wholesaleEmail input { border: 2px solid #FF6600; height: 20px; }