/* CSS for Argos Quick-info JS feature */
#quickInfoPopup iframe {
	position: absolute;
	top: -99999px;
	left: -99999px;
}

#quickInfoPopup {
	/*  Due to IE6+7 z-index problems, had to move the element. This made left position JS calculation 
		wrong for those browsers. The new PDP also has a different left position so we could no longer 
		rely on hardcoded IE6+7 values. Instead, the popup.js has been adapted to allow us to use 
		stylesheet "left" positioning. The default "left" position, shown below, is based on original 
		project position (search and lister pages). Look for overriding values in specific stylesheets.    
	*/
	background-color: rgba(125, 125, 125, 0.5);
	font-size: 1.2em;
	left: 325px;
	padding: 5px;
	position: absolute;
	top: 0px;
	z-index: 10;
	width: auto;
	_padding: 0;
	_border: 5px solid #ccc;
	_width: 542px !important;
}

#quickInfoPopup.loading .content {
	background-color: #fff;
	background-image: url(/wcsstore/argos/en_US/images/popup/images/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
}

#quickInfoPopup .close {
	background: transparent url(/wcsstore/argos/en_US/images/popup/images/bttn_close_bg.gif) 100% 100% no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 100%;
	padding-right: 16px;
	position: absolute;
	right: 12px;
	text-decoration: underline;
	text-transform: capitalize;
	top: 8px;
	z-index: 100;
}

#quickInfoPopup .content {
	border-color: #969696;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

#quickInfoPopup .header {
	background-color: #09b2d1;
	border-color: #969696;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	padding: 7px 12px;
	position: relative;
}

#quickInfoPopup .closed {
	background-color: transparent;
	display: block;
	z-index: -1;
}

/* QuickInfo */
.quickInfo .addToCompare {
	margin-top: 10px;
}

.quickInfo .content {
	background: #fff url(/wcsstore/argos/en_US/images/popup/images/loading.gif) center no-repeat;
	min-height: 300px;
	overflow: hidden;
	*width: 549px;
	_width: 549px;
}

.quickInfo .details {
	background-color: #efefef;
	float: left;
	padding: 10px 0px 10px 10px;
	width: 210px;
	overflow: hidden;
}

.quickInfo .details a, 
.quickInfo .details label, 
.quickInfo .details li, 
.quickInfo .details p {
	font-size: 95%;
}

.quickInfo .error {
	background-color: #fff;
	font-size: 90%;
	margin: 0px;
	padding: 20px;
	min-height: inherit;
	width: auto;
}

.quickInfo .header {
	width: 525px;
}

.quickInfo .header h2 {
	margin: 0px;
	color: #ffffff;
	font-size: 100%;
	line-height: 1em;
	padding-bottom: 0px;
	padding-right: 10em;
}

.quickInfo .image {
	background-color: #fff;
	float: left;
	overflow: hidden;
	padding-bottom: 10px;
	text-align: center;
	width: 320px;
}

.quickInfo .image .actions a {
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	color: #666;
	font-weight: bold;
	line-height: 2.4em;
	padding: 0px 0px 4px 22px;
	text-decoration: underline;
}

.quickInfo .image .actions a:hover {
	color: #09b2d1;
}

.quickInfo .image .actions a span {
	display: none;
}

.quickInfo .image .actions .largeimglink a {
	background-image: url(/wcsstore/argos/en_US/images/p1/icon_pdp_larger_image.gif);
}

.quickInfo .image .actions .rclargeimglink {
	float: left;
	margin-left: 40px;
}

.quickInfo .image .actions .newwindowtext {
	float: left;
	clear: both;
	margin-top: 5px;
	margin-left: 40px
}

.quickInfo .image .actions .rclargeimglink a {
	background-image: url(/wcsstore/argos/en_US/images/p1/icon_pdp_larger_image.gif);
}

.quickInfo .image .actions .rclink360 a {
	background-image: url(/wcsstore/argos/en_US/images/p1/icon_pdp_360.gif);
}

.quickInfo .image .actions .rcvideolink a {
	background-image: url(/wcsstore/argos/en_US/images/p1/icon_pdp_video.gif);
}

.quickInfo .information {
	margin-bottom: 1em;
	overflow: hidden;
	padding-top: 1em;
}

.quickInfo .information li {
	list-style-type: disc;
	margin-left: 15px;
	padding-left: 0px;
}

.quickInfo .information ul {
	margin-bottom: 1em;
}

.quickInfo .more {
	font-weight: bold;
}

.quickInfo .price li {
	text-align: right;
}

.quickInfo .price .main {
	font-size: 180%;
	font-weight: bold;
}

.quickInfo .price .main span {
	position: relative;
}

.quickInfo .price .main span img {
	position: absolute;
	top: 3px;
	right: -3px;
}

.quickInfo .price .save {
	color: #ef2e2c;
	font-size: 90%;
	font-weight: bold;
}

.quickInfo .price .was span {
	text-transform: capitalize;
}

.quickInfo .proddetails {
	background: #fff url(/wcsstore/argos/en_US/images/quickinfo/images/popup_bg.gif) 16px 0px repeat-y;
	overflow: inherit;
}

.quickInfo .richerContent a, 
.quickInfo .richerContent p {
	font-size: 100%;
}

.quickInfo .title {
	font-weight: bold;
}

.quickInfo .warranty {
	font-size: 90%;
	padding-top: 10px;
}

.quickInfo #customerRatings {
	padding-top: 5px;
}

.quickInfo #customerRatings a {
	text-decoration: none;
}

.quickInfo #customerRatings img {
	vertical-align: bottom;
}

/* Quick info in-page thumbimages/buttons/links */
.galleryview .browselister li.product ul li.productimg .quickinfo {
	top: 83px;
}  /* ridiculous selector required to overwrite previous monster */

.hero .productimg a:hover img, 
.hero .productimg:hover img, 
.product .productimg a:hover img {
	border-color: #ccc;
}

.hero .quickinfo, 
.product .quickinfo {
	background-color: rgba(255, 255, 255, 0.7);
	cursor: pointer;
	display: block;
	height: 27px;
	left: 5px;
	margin-left: 1px;
	overflow: hidden;
	position: absolute;
	top: 88px;
	width: 110px;
}

.hero .quickinfo:hover, 
.product .quickinfo:hover {
	background-color: rgba(255, 255, 255, 0.7);
}

.hero .quickinfo span, 
.product .quickinfo span {
	background: transparent url(/wcsstore/argos/en_US/images/quickinfo/images/link_sprite.gif) 13px 4px no-repeat;
	color: #fff;
	cursor: pointer;
	display: block;
	height: inherit;
	line-height: 25px; /* hides the text */
	text-indent: 100%; /* hides the text */
	width: inherit;
}

.hero .quickinfo:hover span, 
.product .quickinfo:hover span {
	background-position: 13px -57px;
}

.noresults .hero .quickinfo {
	left: 10px;
}

.product .quickinfo {
	left: auto;
	top: 83px;
}

.productimg {
	height: 112px;
}

#heroproducts .withproductflags .quickinfo {
	top: 108px;
}

/* Extra content-specific */
label.checkbox {
	display: block;
	position: relative;
	top: 1em;
}

label.checkbox input {
	left: 0px;
	position: absolute;
	top: 0px;
}

label .label {
	padding-left: 17px;
}