/* COLORS 
img/button bg borders: 676767
address list stuff: A2B1C7
light colors: DDDDDB 
strong text: 55555B
button colors, notice bg's: FBFCFC //should be light color
*/


/* 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; 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; }

/* LOGIN */
#login { overflow:hidden; }
#login form { margin: 15px 20px 0 0; float:left; width:270px; }
#login form legend { }
#login form fieldset { }
#login form.site-form label span { width:85px;background:#fff; }
#login #login-form { }
#login form h3 { color:#14529B; 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: 290px; 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 { font-weight:bold; margin: 0 10px; height: 40px; padding:5px 5px 5px 5px; color:#5675A3; border-top: 1px solid #ECF6FB; background:#ECF6FB; font-size:1.2em; }
#product-listings dt a{ text-decoration:none; color:#14529B; }
#product-listings dd { margin:0 10px 10px; min-height: 193px; }
* html #product-listings dd { height: 193px; }
#product-listings dd legend { display:none; }
#product-listings dd .image { float:left; text-align:center; width:100px; border:1px solid #f2f2f2; margin: 10px 0 0 0; }
#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; }
#product-listings dd .output { text-align:center; }
#product-listings dd .buttons { float:right; width:104px; 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 { color:#2B89C7; font-size: 1.3em; }
*/
/* product listings */
#product-listings { overflow:hidden; width: 100%; margin: 10px 0 0 0; }
#product-listings dl { margin: 20px 0 0 0; }
#product-listings > dl > dt { margin: 0 0 0 160px; width: 550px; height: 40px; position:relative; z-index:10; line-height: 1.3em; }
#product-listings dt .title { display:block; font-size: 1.27em; }
#product-listings dt .model { display:block; font-size: .9em; }
#product-listings dt a { text-decoration:none; color:#14529B; }
#product-listings dd { margin:0;padding:0; }
#product-listings > dl > dd { height: 112px; background:url(/includes/images/skin/commerce.png) 0 0 no-repeat; width: 718px; position:relative; top: 0; left:0; z-index:1; margin: -48px 0 8px 0; }
#product-listings dd .image { position:absolute; top: 7px; left: 5px; width: 141px; height:92px; overflow:hidden; }
#product-listings dd .image img { margin: 0 auto; display:block; }
#product-listings dd .image a {}
#product-listings dd .content { position:absolute; top:25px; left: 160px; width:400px;padding:25px 0 0 0; }
#product-listings dd .content dl { margin:0; position:relative; }
#product-listings dd .content .description { position:absolute; top:-4px; left: 0; width:400px; }
#product-listings dd .content .status-title { position:absolute; top:40px; left:0; width:100px; display:inline; }
#product-listings dd .content .status { position:absolute; top:40px;left: 50px; display:inline; width: 300px; font-weight:bold; }
#product-listings dd .content .status.out { color:#BF5353; }
#product-listings dd .content .price { display:inline !important; font-size: 1.3em; }
#product-listings dd .content .discount { }
#product-listings dd .buttons { position:absolute; right:14px; bottom:12px; z-index:10; width:105px; text-align:left; }
#product-listings dd .buttons p { padding:0; margin:0; text-align:right; }
#product-listings dd .buttons .link-details { margin: 0 0 2px 0; }
#product-listings dd .buttons .btn-add-to-cart { margin: 0 0 0 0; }
#product-listings dd button span.button,#product-listings dd a.button { width:85px; text-align:center; }
#product-listings dd .output { display:block; margin:0;padding:0;position:absolute; z-index:20; bottom:20px; left:240px; }
#product-listings dd .output .success-sm { padding:3px 0 3px 0; margin: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:#ECF6FB; color:#5675A3; 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: 49%; line-height: 15px; }
.pagination .text { display:block; float:left; padding: 5px; margin: 0 5px; }
.pagination .number { text-decoration:none; border:1px solid #ddd; display:block; float:left; height: 20px; line-height: 20px; margin: 0 5px; padding: 0 5px; }
.pagination .number:hover { border:1px solid #5675A3; }
.pagination .separator { display:block; float:left; }
.pagination .active { border:1px solid #5675A3; background:#ECF6FB; }
.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:#5675A3; padding: 5px 5px 7px 5px; font-weight:normal; border: solid #ECF6FB; 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: 27%; margin: 0 0 0 10px; } /* change */
#details .panel .price { font-size: 1.5em; display:block; margin: 0 5px 0 0; text-align:right; line-height: 30px; }
#details .panel form { width: 200px; 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:#5675A3; border-top: 1px solid #ECF6FB; 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: 68%; } /* 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 #2B89C7; 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 #14529B; }
#details .display ul.tabs li a{ display:block; display:inline-block; width:auto; color:#ECF6FB; 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:#ECF6FB; 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 #14529B; 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; border: 1px solid #ECF6FB; }
#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; }
#related h3 { display:none; }
#related .display { overflow:hidden; width:99%; border: 1px solid #ECF6FB; }
#related .display .nav { float:left; display:block; width: 20px; height: 130px; background:#ECF6FB; cursor:pointer; margin: 0 0 0 0; display:inline; line-height: 130px; text-indent:-6000px; }
#related .display .prev { background: url(../images/related-prev.png) no-repeat; }
#related .display .next { background: url(../images/related-next.png) no-repeat; }
#related .display .scroll {overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 0px; float:left; display:block;padding: 5px 6px 5px 6px !important; *padding-right: 7px; }
#related .display .scroll ul { margin:0;padding:0; list-style:none;position: relative; z-index: 1;}
#related .display .scroll li { float:left; overflow: hidden; height: 120px; margin: 0 6px 0 0; width: 132px !important; }
#related .display .scroll .image { text-align:center; }
#related .display .scroll .link { padding: 0 5px; }
#related .display .scroll .link a { text-decoration:none; color:#5675A3; }

/* BASKET */
#basket table { margin: 15px 0 0 0; width:100%; }
#basket table th { text-align:center; padding: 0 0; color:#5675A3; line-height: 23px;background:#F1F1F1 url(../images/table-tr-title.png) repeat-x top; }
#basket table th.left span { display:block; height: 100%; background: url(../images/table-tr-title-left.png) no-repeat left top; }
#basket table th.right span { display:block; height: 100%; background: url(../images/table-tr-title-right.png) no-repeat right top; }
#basket table td { vertical-align:top; padding: 10px 10px 0 10px; border-bottom: 1px solid #ECF6FB; }
#basket table td.left {padding:0;}
#basket table td.left a { padding:10px 10px 15px 10px; display:block; height: 100%; border-left: 1px solid #ECF6FB;}
#basket table .image { } 
#basket table .qty { white-space: nowrap; line-height: 30px; text-align:center; }
#basket table .qty input.text { direction:rtl; }
#basket table .totals { white-space: nowrap; line-height: 30px; background:#f4f4f4; color:#5675A3; text-align:right; }
#basket table .totals .price { font-weight: bold; }
#basket .buttons { text-align:right; margin: 7px 0 0 0; }

/* CHECKOUT */
#checkout{}
#checkout h3 { font-size:1.5em; color:#14529B; font-weight:normal; }
#checkout .display { overflow:hidden; width:100%; margin:15px 0 0 0; }
#checkout #fShipping,#checkout #fBilling,#checkout #order-contents { float:left; width:76%; }
#checkout #address-list { float:right; width:18%; border:1px solid #14529B; background:#f8f8f8; padding: 10px 5px 10px 10px; margin: 10px 0; }
#checkout #address-list form { }
#checkout .display h3,#checkout form.site-form h3 { font-size:1.2em; }
#checkout #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 #A2B1C7; 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 contents*/
#order-contents { }
#order-contents table { margin: 0 0 0 0; border-left: 1px solid #ECF6FB; width:100%; }
#order-contents table th { text-align:center; padding: 0 0; color:#5675A3; line-height: 23px;background:#F1F1F1 url(../images/table-tr-title.png) repeat-x top; }
#order-contents table th.left span { display:block; height: 100%; background: url(../images/table-tr-title-left.png) no-repeat left top; }
#order-contents table th.right span { display:block; height: 100%; background: url(../images/table-tr-title-right.png) no-repeat right top; }
#order-contents table td { vertical-align:top; padding: 10px; border-bottom: 1px solid #ECF6FB; }
#order-contents table td.product { padding:0;}
#order-contents table td.product p { margin:0; border-left: 1px solid #F4F4F4; padding:10px 10px 10px 10px; }
#order-contents table .qty { text-align:right; }
#order-contents table .price { text-align:right; }
#order-contents table .totals { white-space: nowrap; background:#F4F4F4; color:#5675A3; 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 #14529B; background:#EFF2F5; padding: 10px; margin: 10px 0; }

/* WISH LIST */
#wish-list { }
#wish-list .display { overflow:hidden; width:100%; }
#wish-list dl { margin:0;padding:0 0 0 10px; float:left; display:inline; width:48%; }
#wish-list dt { font-weight:bold; margin: 0 10px; height: 40px; padding:5px 5px 5px 5px; color:#5675A3; border-top: 1px solid #ECF6FB; background:#ECF6FB; font-size:1.2em; }
#wish-list dt a{ text-decoration:none; color:#5675A3; }
#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 { width:204px; font-style: italic; height: 70px; }
#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; }




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


.price { color: #2B89C7; }
.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 #A2B1C7; padding: 16px; margin: 10px 0; line-height: 190%;  }
#basket-contents {}

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

/* your account */
#your-account { }
#your-account li { padding: 5px 0; }
#your-account li a { display: block; }

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

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

/* address list */
#address-list {}
#address-list .display { overflow: hidden; width: 95%; background: #FBFCFC; border: 1px solid #A2B1C7; padding: 10px; 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; }

/* 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; }

/* order history details */
#order-history-details {}
#order-history-details div.row { overflow:hidden; width: 100%; }



/* 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; }
#reset-password div.buttons { width: 300px; }

/* edit name/email */
#edit-account {}
#edit-account div.buttons { width: 300px; }

/* checkout */
/* checkout meter*/
#checkout .meter { margin:10px 0 15px 0; padding:2px 0 3px 0; list-style:none; overflow: hidden; width: 100%; border: #2B89C7 solid; border-width: 0 0 1px 0; background:#FBFCFC; }
#checkout .meter li { display:block; color:#2B89C7; float: left; width: auto; padding: 0; background:#e8f1f6 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:#fff; font-weight:bold; background-color:#2B89C7; }
#checkout .meter li a { line-height: 25px; color:#2B89C7; 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:#EFF7FB; 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; }


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

/* contact */
#contact {}
#contact form { margin: 20px 0; }
#contact form div.buttons { width:340px; }

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

/* 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; }