/* 
    Document   : vt_watchlist.css
    Created on : 11.04.2013, 10:43:14
    Author     : rl
    Description:
        Purpose of the stylesheet follows.
*/

root 									{display: block;}
a.add_to_watchlist span.button:hover 	{text-decoration:none !important;}
a.add_to_watchlist 						{display: block; text-decoration: none !important;}
h2.watchlist-head						{font-size:18px; font-weight:900;}
h3.watchlist-title						{font-size:14px; font-weight:900;}
a.watchlist-image						{display:block; float:left; margin:0 10px 0 0;}		

.float_right							{float:right; margin: 10px 0;}	
.boxcartbody							{margin-bottom:20px;}
.clearboth								{clear: both;}	

a.add_to_watchlist						{display:block; text-align:right; margin:11px 0;}
a.add_to_watchlist img					{background: -moz-linear-gradient(center top , #FFAE4B 0%, #FF7B00) repeat scroll 0 0 transparent; border: 1px solid #FF7B00; border-radius: 5px 5px 5px 5px; color: #FFFFFF; margin: 5px 2px 5px 0; padding: 11px 20px;}

.watchlist--head--group 				{border-bottom: 1px solid #ccc; float: left; margin: 0 0 10px; padding: 0 0 5px; width: 100%;}
.watchlist--content--box 				{float:left; width:100%; margin: 0; padding: 0;}
.watchlist--left--col					{float:left; width:5%; margin: 0; padding: 0; text-align: left;}
.watchlist--left--col1					{float:left; width:65%; margin: 0; padding: 0; text-align: left;}
.watchlist--left--col2 					{float: left; margin: 0; padding: 0;  width: 24%;}
.watchlist--left--col3					{float:right; width:5%; margin: 0; padding: 0; text-align: right;}
.watchlist--listing--box 								{float: left; margin: 5px 0 0; width: 100%;}
.watchlist--listing--box .watchlist--product--infos 	{float: right; margin: 0 10px 0 0; width: 70%;}
.watchlist--listing--box .watchlist--img 				{float: left; margin: 0 10px 0 0; padding: 0; width: 25%;}
.watchlist--listing--box .watchlist--img img			{width: 100%;}
.watchlist--product--infos h3.watchlist-title 			{margin: 0 0 15px 0;}
.watchlist--right--price 								{float:left; width:100%;}
.watchlist--right--price .watchlist--price 				{float: right; width: 78%;}
.watchlist--quantity 									{float: left; width: 20%;}
.watchlist--buttons input 								{background-color: #13ae58; border: 0; color: #fff; padding: 8px;}
.watchlist--popup--inner 								{padding:5px;}
.watchlist--popup--group 				{float: left; width: 100%;}
.watchlist--popup--group 				{float: left; width: 30%;}
.watchlist--popup--row 					{float:left; width:100%;}
.watchlist--popup--row span.left 		{float:left; width:30%;}

.watchlist--container--box 				{font-size: 15px; margin: 8px 0 0; padding: 0 15px 0 8px;}
.watchlist--body a 						{}
.watchlist--link						{font-size:15px !important;}
.watchlist--text						{font-size:12px;}
.watchlist--head 						{font-weight:700;}

.nyroModalCont 							{min-width: 350px; position: absolute; z-index: 9999;}
.watchlist--popup--group--name			{float:left; width:68%;}

.watchlist--button--edit input			{float:right; width: auto; border: 0 none; color: #fff; padding: 8px; background-color: #13ae58;}
.watchlist--button--edit 				{float: right; margin: 9px 8px 0; width: 90%;}
.watchlist--popup--edit 				{border-bottom: 1px solid #ccc; float: left; margin: 0 0 15px; padding: 0 0 5px; width: 100%;}

.watchlist--popup--inner h3 			{margin:0 0 5px 0;}
.name--first							{margin:5px 0 0 0;}

h3.watchlist--top--head 				{text-align: left; font-size: 14px; margin: 5px 0 20px;}

.watchlist--popup--left													{float:left; width: 20%;}
.watchlist--popup--left .watchlist--popup--article--img					{float:left; width:100%;}
.watchlist--popup--left .watchlist--popup--article--img img {
	float: left;
	width: 100%;
	max-width: 125px !important;
	margin: auto;
}

.watchlist--popup--select--group, .watchlist--popup--select--new		{float:left; width:100%; padding: 0 0 0 0px;}
.check--box--link 														{margin:0 5px 0 0;}

.watchlist--popup--right 												{float: right; padding: 0 0 35px; width: 70%;}
.watchlist--popup--headline												{font-weight:700; font-size:15px; text-decoration: underline;}

.watchlist--popup--article--name 										{font-size: 21px; font-weight: 700; margin: 0 0 13px 0;}
.watchlist--popup--list--qty 											{float: left; margin: 6px 15px 20px 30px; width: 157px;}
.watchlist--popup--headline 											{float: left; margin: 17px 0 9px 0; width: 100%;}
.watchlist--button--popup 												{background-color: #13ae58; border: 0 none; color: #fff; float: left; margin: 16px 0 0 0px; padding: 5px 15px;}

.watchlist--price span 					{float:left; width:100%;}
.price-tag.price-new 					{font-size: 16px; font-weight: 700;}
.price-tag.price-discount 				{font-size:12px;}
.price-tag.price-old 					{font-size:12px;}

.watchlist--group--all--active			{background-color: #ff7a00; border-color: #e66e00; color: #fff; float:left; margin: 0 3px 0 0; padding:5px;}
.watchlist--group--all--active:hover	{background-color: #13ae58; border-color: #10974c;}
.watchlist--group--all--active a 		{color:#fff; padding: 5px 10px;}
.watchlist--group--all--active a:hover  {color:#000;} 

.clearBoth 								{clear:both;}

.watchlist--popup--select--name 		{float: left; width: 172px; line-height: 25px; margin:0 0 0 30px;}

.watchlist--head--group .watchlist--left--col2 {
	width: 24.8%;
	float: right;
}
.nyroModalCont {
    position: fixed;
    width: 800px !important;
    height: 93% !important;
    top: 0px;
    left: 0px;
    overflow-x: scroll;
}


@media screen and (max-width:991px)

	{ 
		.watchlist--listing--box .watchlist--img 						{display:none;}
		.watchlist--listing--box .watchlist--product--infos 			{float: right; margin: 0 10px 0 0; width: 97%;}
		.watchlist--left--col1 											{float: left; margin: 0; padding: 0; text-align: left; width: 90%;}
		.watchlist--left--col2 											{float: left; margin: 0 0 0 22px; padding: 0; width: 85%;}
		.watchlist--content--box 										{border-bottom: 1px solid #ccc; float: left; margin: 0; padding: 10px 0; width: 100%;}
		.watchlist--head--group .watchlist--left--col2 {
	display:none;
}
		.nyroModalCont {
    position: fixed;
    width: 93% !important;
    height: 93% !important;
    top: 0px;
    left: 0px;
    overflow-x: scroll;
}

	}
@media screen and (max-width:546px) {
	.watchlist--popup--select--name {
	float: left;
	width: 100%;
	line-height: 25px;
	margin: 0;
}
	.watchlist--popup--list--qty {
	float: left;
	margin: 0;
	width: 100%;
}
	
}


@media screen and (max-width:449px) {
	.watchlist--buttons input {
	background-color: #13ae58;
	border: 0;
	color: #fff;
	padding: 8px;
	width: 100%;
	margin: 2px 0;
}
	.watchlist--left--col3 {
	width: auto;
}
	.watchlist--popup--list--qty {
	float: left;
	margin: 6px 15px 20px 0px;
	width: 100%;
}
	.watchlist--popup--select--name {
	float: left;
	width: 100%;
	line-height: normal;
	margin: 25px 0 13px 0;
}
	.watchlist--button--popup {
	margin: 16px 0 0 0px;
	width: 100%;
}
	input[type="checkbox"], input[type="radio"] {
	margin: 4px -5px 0;
	line-height: normal;
}
	.watchlist--left--col {
	width: 20px !important;
}
	.nyroModalCont {
    width: 80% !important;
}
a.nyroModalClose.nyroModalCloseButton.nmReposition {
	position: fixed !important;
	top: 13px !important;
	left: 88% !important;
}
	.nyroModalCont 	{min-width: 85%; position: absolute; z-index: 9999;}
	
}

.watchlist--quantity input {
	padding: 6px 3px !important;
	text-align: center !important;
}

@media screen and (max-width:449px) {

.watchlist--popup--left {display:none;}
	.watchlist--popup--right {
	float: right;
	padding: 0 0 35px;
	width: 99%;
}
	
}

.watchlist--popup--select--text {
	float: left;
}