/* POPUPS */

#backgroundPopup{background:#fff;display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;top:0;left:0;z-index:9996!important;}
.popupClose {cursor: pointer; padding:0; float: right; margin-top: -4px;}

.popup.noborder {background: none;}
.popup { border: 1px solid #af8db0; width: 525px!important;display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/z-index:9997!important;padding:12px; background: #d8badb;}
.popup h3 {margin:0 0 10px 0; padding: 10 0 25px 0; text-transform: uppercase; color: #000;}
.popup li { padding:0; font-weight: bold; list-style-type: square;}
.popup ul { margin: 0px 0px 20px 20px; padding: 0px; line-height: 16px;}
.popup .form { width: 433px;}
.popup .mainbutton { float:right;}
.popup form { margin-bottom: 0px;}

.popupcontent { padding: 12px; color: #000; background:#fff;}
.popupcontent h3 { color: #000000!important; z-index:9999!important; display: block; line-height:20px;}

/* POP UPS */

.error h3  { font-size: 13px; text-transform: uppercase!important; color: #FF0000!important; line-height: 16px;}

#popupquicklook {width: 525px;}
hr { margin-top: 5px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; border-top: 1px dotted #ccc; height: 1px; background: #fff; border-bottom: none; border-right: none; border-left: none; width: 100%;}


/* QUICK LOOK POP UP */

#quicklookdetails { padding-top: 0px; margin-top: 0px; width: 318px; float: left;}
.popup #quicklookdetails .tabs ul { margin:0; padding:0;} 

#quicklookimages {width: 145px;text-align: center; float: left; padding-right: 9px;}
	#quicklookimages #productimage { width: 150px; max-width: 150px; padding:0;}

#quicklookinfo, #quicklookdescription { margin-bottom: 10px; padding: 15px 10px 10px 10px; background: #fff; border: 1px solid #4a0353;}
#quicklookinfo label { float:left; width: 52px; padding-top: 4px;}
#quicklookinfo form { margin-top: 10px;}
#quicklookinfo h2 { color: #000000!important; font-weight: bold; font-family: Arial, Helvetica, sans-serif; z-index:9998!important;display: block; line-height:20px;}

#prices { margin:0; padding:0;}
#quicklookinfo #prices dt, #prices dd {line-height: 20px;}
#quicklookinfo #prices dt {width:52px; float:left; padding:0;}
#quicklookinfo #prices dd { float:left; padding-left: 10px;}
#quicklookinfo #prices .ourprice {color: #9e72b6; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal;}
#quicklookinfo #prices .rrp {text-decoration: line-through;}

#overflow { width: 280px; height: 150px; overflow: auto;}

#quicklookinfo #popupattributes { padding-top: 20px;}
#quicklookinfo #popupattributes label {width: 80px; line-height:20px; float:left; padding-top: 3px;}
#quicklookdetails label {width: 80px; float:left; line-height:20px; padding-top: 3px;}
#quicklookinfo #popupattributes label, #attributes select {margin-top: 4px;}
#quicklookinfo #popupattributes select {width:130px;}

#quicklookinfo #additionalfields {background:#f0e8f1; width: 258px; font-family:11px; color:#000; margin: 10px 0px 10px 0px;}
#quicklookinfo #additionalfields th {border-right: 1px solid #fff; color:#000; background: #dfd5e1; text-align: left; width: 50%;}
#quicklookinfo #additionalfields th, #additionalfields td { font-size: 11px; border-bottom: 1px solid #fff;}
#quicklookinfo #additionalfields td, #additionalfields th { font-size: 11px; padding: 3px;}

#quicklookinfo .addtobasket { float: left; padding:0;}
#quicklookinfo .quantity { float:left; width: 25px;}
#quicklookinfo input.quantity { height: 20px; text-align: center;}
#quicklookdetails .quantity { float:left; width: 25px;}
#quicklookdetails input.quantity { height: 20px; text-align: center;}

#quicklookimages #productthumbs { width: 145px; margin:0; padding: 10px 0 0 0;}
#quicklookimages #productthumbs li {display: inline; padding: 0 1px 1px 0; }




#quicklookdetails .tabs { padding: 0; margin:0; width: 100%; border-bottom: 1px solid #fff;}
#quicklookdetails .tabs ul { margin:0; padding:0;}
#quicklookdetails .tabs li { float:left; padding: 0; margin: 0px 1px 0px 0px; list-style-type: none!important;}

#quicklookdetails .tabs li a { padding: 0px 0px 0px 0px; font-weight: bold; text-transform: uppercase; text-decoration: none; background: url(../_images/buttons/tab_off_small.gif) no-repeat scroll left top; height: 19px; width: 132px; display: block; text-align: center; color: #fff; line-height: 19px;}
#quicklookdetails .tabs li.ui-tabs-selected a { text-decoration: none; background: url(../_images/buttons/tab_on_small.gif) no-repeat scroll left top; color: #fff;}
#quicklookdetails .tabs li a:hover { text-decoration: none; background: url(../_images/buttons/tab_on_small.gif) no-repeat scroll left top; color: #fff;}
