/* COLORS 
dark #56514F
light #
*/

/* site dialog */
.error,.error-sm, .error strong { text-align:left; color: #D73838; }
.success,.success-sm, .success strong { text-align:left; color: #390; }
.info,.info-sm, .info strong { text-align:left; color: #133150; }

p.error, p.success,p.info { margin:20px 0 20px 16px; width:auto; position:relative; display:block; padding: 10px 20px 10px 30px; }
p.error span, p.success span,p.info span { display:block; position:absolute; top:-12px; left: -17px; height:29px; width:29px; }
* html p.error span, 
* html p.success span,
* html p.info span { left: -47px; top:-10px; }

p.error { border:1px solid #b01515; background: #f4efef; *border-top:2px; }
p.error span { background: url(../images/error-span.png) no-repeat 0 0; }

p.success { border:1px solid #42b623; background:#f0fbed; *border-top:2px; }
p.success span { background: url(../images/success-span.png) no-repeat 0 0; }

p.info { background:#eff2f5; border:1px solid #133150; *border-top:2px; }
p.info span { background: url(../images/info-span.png) no-repeat 0 0; }

p.success-sm { background: url(../images/success.png) no-repeat top left; text-indent:25px; }
p.error-sm { background: url(../images/error.png) no-repeat top left; text-indent:25px; }
p.info-sm { background: url(../images/info.png) no-repeat top left; text-indent:25px; }

#discounts { text-align:left; color:#A83232; background: url(../images/discount.png) no-repeat bottom; width: 195px; padding: 0 0 10px 0; margin: 0 0 0 auto; }
#discounts h4 { color:#A83232; background: url(../images/discount-h4.png) no-repeat top; padding:10px 10px 0 10px; margin:0; }
#discounts p { margin: 0 10px 5px 10px; }


/* common */

#popup-bg { background: #000; position:absolute; z-index:500; top:0;left:0; }
.loading { background: url(../images/loading.gif) 50% 50% no-repeat; min-height: 30px; width: 100px; }
* html .loading { height: 30px; }
.output { display:none; padding:5px; margin: 5px 0 0 0; line-height: 15px !important; }
.output button span.button,.output a.button span { width: auto !important; }

/* ORDER CONTENTS TABLE */
table.contents { margin: 10px 0 7px 1px; width:100%; }
table.contents caption { font-size:1.3em; font-weight:bold; text-align:left; color:#2D589C; margin: 0 0 0 0; }
table.contents th { text-align:center; color:#56514F; line-height: 23px;background:#E8EAEE; white-space:nowrap; }
table.contents th span { display:block; height: 100%; padding: 0 10px; }
table.contents th.left span { background: url(../images/corner-left.png) no-repeat left top; }
table.contents th.right span { background: url(../images/corner-right.png) no-repeat right top; }
table.contents td { vertical-align:top; padding: 10px 10px 10px 10px; border-bottom: 1px solid #E8EAEE; }
table.contents td.image {padding:0;}
table.contents td.image a { padding:10px 10px 15px 10px; display:block; height: 100%;}
table.contents td.left { border-left: 1px solid #E8EAEE; }
table.contents td.right { border-right: 1px solid #E8EAEE; }
table.contents .box-number { text-align:left }
table.contents .status { text-align:left; }
table.contents .recurring { text-align:center; }
table.contents .date { text-align:right; }
table.contents .total { text-align:right }
table.contents .price { text-align:right; }
table.contents .title span { display:block; color:#2D589C; margin:0; font-weight:normal; }
table.contents td.qty { white-space: nowrap; text-align:center; }
table.contents td.qty input.text { direction:rtl; }
table.contents tr.totals { white-space: nowrap; background:#E8EAEE; color:#56514F; text-align:right; }
table.contents td.totals { white-space: nowrap; background:#E8EAEE; color:#56514F; text-align:right; }
table.contents tr.totals .price { font-weight: bold; }
table.contents .buttons { }

/* BASKET */
#basket table .qty { }


#order-contents table .totals { white-space: nowrap; background:#E8EAEE; color:#56514F; text-align:right; }
#order-contents table .totals td { padding:2px 10px; border:0;}
#order-contents table .totals .price{ font-weight: bold; }
#order-notice { border:1px solid #2D589C; background:#EFF2F5; padding: 10px; margin: 10px 0; }


/* LOGIN */
#login { overflow:hidden; }
#login form { margin: 15px 20px 0 0; float:left; width:270px; }
#login form legend { }
#login form fieldset,#fContinue fieldset { background:none; }
#login form.site-form label span { width:85px;background:#fff; }
#login #login-form { }
#login form h3 { color:#2D589C; font-size: 1.2em; margin: 0 0 15px 0; }
#login .buttons { text-align:center; padding: 0 0 5px 0; }

/* CATEGORY / SEARCH */
/* sort */
#fsort { text-align:right; border: solid #ddd; border-width: 1px 0; padding: 5px 0; }
#fsort fieldset { overflow:hidden; width: 300px; text-align:right;  margin: 0 0 0 auto; }
#fsort legend { display:none; }
#fsort label { float:left; }
#fsort select { width: 145px; }
#fsort button { float:right; }

/* product listings */
#product-listings { overflow:hidden; width: 100%; margin: 10px 0 0 0; }
/* #product-listings dl { float:left; } */
#product-listings dt { display:none; }
#product-listings dt { font-weight:bold; margin: 0 10px; height: 40px; color:#56514F; background: url(../images/corner-left.png) no-repeat left top #E8EAEE; font-size:1.2em; }
#product-listings dt span.title { display:block; padding:5px 5px 5px 5px; background: url(../images/corner-right.png) no-repeat right top; }
#product-listings dd p.title a{ text-decoration:none; color:#56514F; }


#product-listings dd { float:left; width:217px; margin:0 10px 10px; min-height: 193px; }
#product-listings dd.last { clear:left; }
* html #product-listings dd { height: 193px; }
#product-listings dd legend { display:none; }
#product-listings dd p.title { font-weight:bold; padding:0; margin: 0 0; height: 40px; color:#56514F; background: url(../images/corner-left.png) no-repeat left top #E1E4CA; font-size:1.2em; }
#product-listings dd p.title span { display:block; padding:5px 5px 5px 5px; margin:0; background: url(../images/corner-right.png) no-repeat right top; }

#product-listings dd .image { float:left; text-align:center; width:90px; margin: 10px 0 0 0; }
#product-listings dd .image img { width: 80px; }
#product-listings dd .image a { display:block; padding: 5px; height:100%; }
#product-listings dd .content {clear:both; padding:10px 5px 0 0; position:relative; text-align:right; /*adjust*/ }
#product-listings dd .output { text-align:center; }
#product-listings dd .buttons { float:right; width:102px; margin: 10px 0 0 0; text-align:left; }
#product-listings dd button span.button { margin:0 0 2px 0; }
#product-listings dd button span.button,#product-listings dd  a.button { width:85px; text-align:center; }
#product-listings dd .price { font-size: 1.3em; }

.category-image { background:#fff; text-align:center; }
.category-image img { border:0 !important;}

#yuletide-sub-categories {}
#yuletide-sub-categories ul { margin:0; padding:0; overflow:hidden; width: 100%; }
#yuletide-sub-categories ul li { display:block; float:left; width: 33.29%; text-align:center; list-style:none; }
#yuletide-sub-categories ul li .image { }
#yuletide-sub-categories ul li .link { }


/* featured */
#featured dd { min-height:90px; }
* html #featured dd { height:90px; }
#featured dd .price { float:right; width:90px; margin: 24px 0 0 0; }

/*quick details*/
#quick-details { z-index:510; position:absolute; border: solid #FFF; border-width: 10px 25px; width:400px; background-color:#FFF; }
#quick-details .close { position:absolute; top: -30px; right:-60px; display:block; width: 43px; height: 43px; cursor: pointer; background: url(../images/close.png) no-repeat; padding: 5px; text-indent: -6000px; }
#gallery-image { }
#gallery-image img { }
#gallery-image .close { }

#quick-details h3 { background:#E8EAEE; color:#56514F; padding: 10px; }
#quick-details .content { overflow:hidden; width: 100%; }
#quick-details .content .image { float:left; width:200px; text-align:center; }
#quick-details .content .panel { float:left; width:200px; text-align:right; }
#quick-details .content .panel .price { font-size: 1.5em; display:block; margin: 0 0 10px 0; }
#quick-details label { display:block; margin: 0 0 10px 0; }
#quick-details .buttons { line-height: 35px; }
#quick-details button span.button,#quick-details a.button { width:100px; }
#quick-details .description { margin: 15px 0 0 0; line-height:1.4em; }

/* pagination */
.pagination { border: solid #ddd; border-width: 1px 0; padding: 5px 0; overflow:hidden; width: 100%; }
.pagination .links { overflow:hidden; float:right; width: 50%; line-height: 15px; white-space:nowrap; }
.pagination .text { display:block; float:left; width:68px; padding: 5px; margin: 0 5px; }
.pagination .number { text-decoration:none; border:1px solid #E8EAEE; display:block; float:left; height: 20px; line-height: 20px; margin: 0 3px; padding: 0 5px; }
.pagination .number:hover { border:1px solid #56514F; }
.pagination .separator { display:block; float:left; }
.pagination .active { border:1px solid #56514F; background:#E8EAEE; }
.pagination .prev, .pagination .next { font-size: 14px; }
.pagination .display { float:left; width: 50%; font-style: italic; padding:0;margin:0; line-height: 35px; }

/* DETAILS */
/*details*/
#details {}
#details h3 { margin: 15px 0 0 0; font-size:1.6em;color:#56514F; padding: 5px 5px 7px 5px; font-weight:normal; border: solid #E8EAEE; border-width: 1px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1.1em; }
#details .content { width: 100%; padding: 15px 0; }
#details .panel { float: left; width: 25%; margin: 0 0 0 10px; } /* change */
#details .panel p { line-height:1.3em; } /* change */
#details .panel .image {  text-align:center; }
#details .panel .image img { margin:0 auto; }
#details .panel .price { font-size: 1.5em; display:block; margin: 0 5px 0 0; text-align:right; line-height: 30px; }
#details .panel .savings { text-align:right; }
#details .panel form { width: 100%; text-align:right; }
#details .panel form label { display:block; margin: 0 0 10px 0; }
#details .panel form .buttons { line-height: 35px; }
#details .panel form button span.button,#details .panel form a.button { width:105px; }
/*subproducts*/
#details .panel #sub-products { text-align:left; }
#details .panel #sub-products h5 { color:#56514F; border-top: 1px solid #E8EAEE; margin: 0; padding:5px 0 0 0; }
#details .panel #sub-products p { overflow:hidden; width: 100%; }
#details .panel #sub-products p img { float:left; margin: 0 5px 0 0; }
#details .panel #sub-products form { text-align:left; }
#details .panel #sub-products form label { display:inline; margin:0; }
#details .panel form button span.button span,#details .panel form a.button { width:auto; }
/*display*/
#details .display { float: right; position:relative; display:inline; margin: 0 10px 0 0; width: 65%; } /* change */
#details .display ul.tabs { margin:0;padding:0; list-style:none; }
#details .display ul.tabs li{ float:left; display:inline; background: url(../images/corner-right.png) no-repeat right top #E8EAEE; margin: 0 1px 0 0; padding: 0 10px 0 0; }
#details .display ul.tabs li.active{ background: url(../images/corner-right-active.png) no-repeat right top #56514F; }
#details .display ul.tabs li a{ display:block; display:inline-block; width:auto; color:#56514F; text-decoration:none; background:url(../images/corner-left.png) no-repeat left top; height: 18px; padding: 6px 0 0 10px; }
#details .display ul.tabs li.active a{ background:url(../images/corner-left-active.png) no-repeat left top; color:#E8EAEE; height: 19px; }

#details .display .tab-blocks { }
#details .display .tab-blocks .tab-block{ position:absolute; top:25px;left:0; width:93%; min-height: 200px; border:1px solid #56514F; display:none; padding: 10px 20px; }
* html #details .display .tab-block .tab-block{ height:200px; width:100%; }
#details .display .tab-blocks .active { display:block; }
* html #details .display .tab-blocks .active { display:block; height:200px; }
#details .display .tab-blocks .tab-block h4 { display:none; }

/*specs*/
#specs {}
#specs .title {}

/*gallery*/
#gallery {}
#gallery ul { padding:0; margin:0; list-style:none; width: 100%; }
#gallery li { float:left; width:100px; margin: 0 10px 10px 0; }
#gallery img { width: 100px; height:100px; }

#gallery-image { z-index:510; position:absolute; border: solid #FFF; border-width: 10px 25px; }
#gallery-image p { background:#FFF; padding: 10px 0; }
#gallery-image .close { position:absolute; top: -30px; right:-60px; display:block; width: 43px; height: 43px; cursor: pointer; background: url(../images/close.png) no-repeat; padding: 5px; text-indent: -6000px; }

#related { width: 100%; overflow:hidden; position:relative; margin: 10px 0 0 0; }
#related h3 { display:none; }
#related .scroll {overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 0px; float:left; display:block; border: solid #E8EAEE; border-width: 0 0 1px 0; }
#related ul { margin:0;padding:0; overflow:hidden; list-style:none;position: relative; z-index: 1; height:120px; }
#related li { float:left; overflow: hidden; height: 120px; margin: 0 6px 0 0; width: 132px !important;  text-align:center; }
#related .image { text-align:center; }
#related .image img { margin:0 auto; }
#related .link { padding: 0 5px; }
#related .link a {  }
#related .nav { overflow:hidden; width:91px; margin:0 auto; position:relative; top:-17px; background:#fff; border: 1px solid #E8EAEE; z-index:100; padding:4px 0; }
#related .nav a { float:left; display:block; width: 25px; height: 25px; cursor:pointer; padding: 0 10px 0 10px; }
#related .prev { background: url(../images/related-prev.png) no-repeat 50% 0; border-right: 1px solid #E8EAEE; }
#related .next { background: url(../images/related-next.png) no-repeat 50% 0; }

/* CHECKOUT */
#checkout{}
#checkout h3 { font-size:1.3em; color:#2D589C; }
#checkout .display,
#order-history-details .display { overflow:hidden; width:100%; margin:15px 0 0 0; }
#checkout #fShipping,
#checkout #fBilling,
#order-history-contents #fBilling,
#order-history-contents table,
#checkout table.contents { float:left; width:76%; }
#checkout #address-list,#order-history-details #address-list { float:right; width:19%; border:1px solid #56514F; background:#E8EAEE; padding: 10px 5px 10px 10px; margin: 10px 0; }
#checkout #address-list form { }
#checkout .display h3,
#checkout .order-history-details h3 { font-size:1.1em; font-weight:bold; color:#56514F; }
#checkout #address-list form legend,
#order-history-details #address-list form legend { display:none; }
#fAddNew legend { display:none; }

#checkout form#billing-form label span { width: 200px; }
#checkout div#address-confirm { width:97%; overflow: hidden; background: #FBFCFC; border: 1px solid #E8EAEE; padding: 10px; margin: 10px 0;}
#checkout div#address-confirm form { float: left; width: 195px; }
#checkout textarea { width:99%; height:auto; }
#checkout .buttons { margin: 10px 0 0 0; }

#order-history-details {}
#order-history-details .display { overflow:hidden; width:100%; margin:15px 0 0 0; }


/* checkout meter*/
#checkout .meter { margin:10px 0 15px 0; padding:2px 0 3px 0; list-style:none; overflow: hidden; width: 100%; border: #565150 solid; border-width: 0 0 1px 0; background:#FBFCFC; }
#checkout .meter li { display:block; color:#DDDDDB; float: left; width: auto; padding: 0; background:#e8eaee no-repeat 0 0; }
#checkout .meter li.first { background-image:url(../images/meter-li-first.png); }
#checkout .meter li.first-active { background-image:url(../images/meter-li-first-active.png); }
#checkout .meter li.active { color:#55555B; font-weight:bold; background-color:#565150; }
#checkout .meter li a { line-height: 25px; color:#565150; display:block; display:inline-block; height: 25px; background:url(../images/meter-li-a.png) no-repeat right 0; padding: 0 20px 0 10px; }
#checkout .meter li.prev a { background:url(../images/meter-li-prev-a.png) no-repeat right 0; }
#checkout .meter li.active a { color:#e8eaee; background:url(../images/meter-li-active-a.png) no-repeat right 0; }
#checkout .meter li.last a { background:url(../images/meter-li-last-a.png) no-repeat right 0; }
#checkout .meter li.last-active a { background:url(../images/meter-li-last-active-a.png) no-repeat right 0; }


/*order contents*/
#order-contents { }

/* WISH LIST */
#wish-list { }
#wish-list .display { overflow:hidden; width:100%; }
#wish-list dl { margin:0;padding:0 0 0 8px; float:left; display:inline; width:48%; }
#wish-list dt { font-weight:bold; margin: 0 10px 0 0; height: 40px; color:#56514F; background: url(../images/corner-left.png) no-repeat left top #E8EAEE; font-size:1.2em; }
#wish-list dt span.title { display:block; padding:5px 5px 5px 5px; background: url(../images/corner-right.png) no-repeat right top; }
#wish-list dt a{ text-decoration:none; color:#56514F; }
#wish-list dd {  margin:10px 0 10px 0; padding:0; width:100%; overflow:hidden; }
#wish-list dd .panel { float:left; width:35%;text-align:center; line-height: 25px; }
#wish-list dd .panel input.text { direction:rtl; }
#wish-list dd .panel button span.button,#wish-list dd .panel a.button { width:90px !important; }
#wish-list dd .notes { float: right; width:65%; }
#wish-list textarea { font-style: italic; height: 70px; width:185px; /*change*/ }
#wish-list .buttons { margin: 10px 0 0 0; text-align:center; }

#wish-list div.prod-delete { float: left; width: 25px; text-align: center; margin: 2px 0 0 0;  }
#wish-list div.prod-quantity { float: left; width: 30px; text-align: center; margin: 5px 0 0 0;  }
#wish-list div.prod-price { float: left; width: 55px; margin: 5px 0 0 0;  text-align: right; }
#wish-list div.prod-add { float: left; width: 100px; margin: 5px 0 0 5px;  text-align: right; }
#wish-list div.prod-extras { clear:both; margin: 10px 0 10px 5px;  text-align: left; border-bottom: 1px solid #DDDDDB; padding: 0 0 20px 0; }
#wish-list strong { margin: 0 0 0 10px; }

/* reviews */
#reviews {}
#reviews .buttons { margin:10px 0; }
#reviews .title {}
#reviews .name {}
#reviews .content { padding:0; }

#write-review { background: #FBFCFC; border: 1px solid #D3CFB4; padding: 10px; margin: 10px 0; }
#write-review textarea.text { width:350px; height: 100px; }
#write-review .buttons { width: 510px; }
#write-review #review-preview { margin: 10px 0 10px 0; }

/* your account */
#your-account { }
#your-account ul{ overflow:hidden; width:470px; padding:0;margin:30px auto 0 auto; list-style:none; }
#your-account li { float:left; width: 50%; padding:5px 0; }
#your-account li a { display: block; height:32px; padding: 0 0 0 40px; line-height: 20px; }

#your-account #icon-orders { background:url(../images/icon-orders.png) no-repeat 0 0; }
#your-account #icon-orders-recurring { background:url(../images/icon-orders-recurring.png) no-repeat 0 0; }
#your-account #icon-orders-downloads { background:url(../images/icon-orders-downloads.png) no-repeat 0 0; }
#your-account #icon-wishlist { background:url(../images/icon-wishlist.png) no-repeat 0 0; }
#your-account #icon-memberships { background:url(../images/icon-memberships.png) no-repeat 0 0; }
#your-account #icon-gift-certificates { background:url(../images/icon-gift-certificates.png) no-repeat 0 0; }
#your-account #icon-address-book { background:url(../images/icon-address-book.png) no-repeat 0 0; }
#your-account #icon-account-info { background:url(../images/icon-account-info.png) no-repeat 0 0; }
#your-account #icon-password { background:url(../images/icon-password.png) no-repeat 0 0; }
#your-account #icon-viewing-prefs { background:url(../images/icon-viewing-prefs.png) no-repeat 0 0; }

/* address list */
#address-list {}
#address-list .display { overflow: hidden; width: 100%; border: 1px solid #E8EAEE; margin: 10px 0; }
#address-list .display .address-info { float: left; width: 45%; padding: 10px; }
#address-list .display .address-details { float: left; width: 45%; padding: 10px; }

#edit-account {}

/* payment logos */
#payment-logos { }
#payment-logos img { border:1px solid #E8EAEE; }

/***********************************/


.price { color: #524E4F; }
.price-discounted { color: #A92F41; }
.price-special { color: #A92F41; }

p.notes {}

#sort { text-align: right; width: 355px; margin: 0 0 0 auto; }
#bread-crumbs { margin: 10px 0; }
#bread-crumbs strong,#bread-crumbs a { text-transform: capitalize; }
#sub-categories { background: #FBFCFC; border: 1px solid #E8EAEE; padding: 16px; margin: 10px 0; line-height: 190%;  }
#basket-contents {}

/* PAGES 
----------------------*/
 
/* create account */
#create-account { }
#create-account-form { }

/* order history details */



/* order history */
#order-history {}

/* gift certificates */
#gift-certificates {}
#gift-certificates form label span { width: 200px; }
#gift-certificates form label textarea { width: 200px; }
/* memberships */
#memberships {}
/* affiliates */
#affiliates {}
/* links */
#links {}
/* order status */
#order-status {}

/* add address */
#add-address {}
/* edit address */
#edit-address {}

/* order history */
#order-history {}
#order-history ul { margin: 0; padding:0; list-style:none; line-height: 130%; }
#order-history li { margin: 0 0 0 5px; }
#order-history span.number { margin: 0 5px 0 10px; }
#order-history span.date { margin: 0 10px 0 10px; }
#order-history span.recurring { margin: 0 10px 0 10px; }

/* account preferences */
#account-preferences {}
#account-preferences ul { padding: 0; margin: 0; list-style: none; }
#account-preferences li { text-transform: capitalize; padding: 2px 0 2px 15px; }
#account-preferences li.title { padding: 8px 0 8px 20px; }
#account-preferences li.row1 { font-weight: bold; }
#account-preferences li.row2 { margin: 0 0 0 35px; }
#account-preferences li.row3 { font-size: .95em; margin: 0 0 0 55px; }
#account-preferences li.row4 { font-size: .95em; margin: 0 0 0 75px; }
#account-preferences li.row5 { font-size: .95em; margin: 0 0 0 95px; }
#account-preferences li.row6 { font-size: .95em; margin: 0 0 0 115px; }
#account-preferences li.row7 { font-size: .95em; margin: 0 0 0 135px; }
#account-preferences li.row8 { font-size: .95em; margin: 0 0 0 155px; }
#account-preferences li.row9 { font-size: .95em; margin: 0 0 0 175px; }
#account-preferences li.row10 { font-size: .95em; margin: 0 0 0 195px; }

/* reset password */
#reset-password {}
#reset-password input.text { margin: 0 5px 0 0; }


#address-contents { margin: 10px 0 0 0; }
#address-contents div.address { }

#email-a-friend {}
#email-a-friend fieldset { margin: 20px 0 0 0; }
#email-a-friend form label span { width:200px; }

/* security notice */
#security-notice {}

/* print screen */
#print { color: #000; background: #FFF; text-align:left; padding: 20px; }
#print div.address { overflow:hidden; width: 100%; margin: 20px 0; }
#print div.address div { float: left; width: 40%; }
#print table { width: 100%; }
#print table td { border: 1px solid #666; padding: 2px; }
#print table td.title { background: #EDEDED; font-weight:bold; }