﻿/*-----------------------------------------------------------------------------------------------
*
*		File:						/stylesheets/promotion/promotion.js
*		Created by:			Matthew Olney
*		Creation Date:	Monday, 29 March 2004
*		Modified by: 		Matthew Olney
*		Modified Date:	Monday, 29 March 2004
*
*------------------------------------------------------------------------------------------------
*------------------------------------------------------------------------------------------------
*
*			Change Control:
*------------------------------------------------------------------------------------------------		
*			<Who>					<When>				<What>
*------------------------------------------------------------------------------------------------
* 1.		
*	2.	
* 3.
*	4. 
* 5. 
*------------------------------------------------------------------------------------------------
*------------------------------------------------------------------------------------------------
*
*		Description:  
*		Promotion:		N/A
*		Start Date:		N/A		
*		End Date:			N/A	
*
*------------------------------------------------------------------------------------------------*/



#viewMoreProduct{
font-weight: bold;
font-size:12px;
font-family:Arial;
color:#C20724;
float:right;
margin-right:4px;
margin-top:0px;
margin-bottom:20px;
border:0px solid red;
padding-left:2px;

}

#giftcolumnHeading{
margin-bottom:20px;
float: left;
width:100%;
border: 0px solid blue;

}
#productContainer{
	border: 0px solid yellow;
	width: 100%;
	float:left;
}

#sigleproduct_container{
margin-top:0px;
padding-bottom:20px;
border: 0px solid purple;
vertical-align:top;


float:left;
position:relative;

}
#product_image{
border: 0px solid red;
width:86px;
height:121px;
float:left;
margin-right:10px;
}
#more_info_button{
margin-top:10px;
float:left;
}



#gift_category{
float:left;
font-weight: bold;
font-size:12px;
font-family:Arial;
color:#C20724;
margin-top:7px;
}
#product_title,#product_description,#product_note{
width:148px;
float:left;
border: 0px solid red;
}
#product_title{
font-weight: bold;
font-size:12px;
font-family:Arial;
color:#C20724;
margin-bottom:5px;
}


#product_note{
font-size:11px;
color:#000000;
font-family:Arial;
}

#promotionMovie{
	margin-bottom: 20px;
}

#buy{
	width: 740px !important;
	width: 100%;
	margin-bottom: 4px;
	
}

.itemBlur, .itemFocus, .optionBlur, .optionFocus, .tastingNote{
	padding: 5px 10px 5px 10px;
	background-color: #F8EBD9;
	font-size: 12px;
	height:auto;
	width: 719px !important;
	width: 100%;
	}
	
.itemBlur2, .itemFocus2, .optionBlur2, .optionFocus2, .tastingNote2{
	padding: 5px 10px 5px 10px;
	background-color: #F8EBD9;
	font-size: 12px;
	height:auto;
	width: 500px !important;
	width: 100%;
	}
.itemBlur_promo, .itemFocus_promo, .optionBlur_promo, .optionFocus_promo, .tastingNote_promo{
	padding: 5px 10px 5px 10px;
	background-color: #F8EBD9;
	font-size: 12px;
	height:auto;
	width: 740px !important;
	width: 100%;
	}	
.optionBlur, .optionFocus, .optionBlur2, .optionFocus2,.optionBlur_promo, .optionFocus_promo{
	text-align: right;
	

}

.itemFocus, .optionFocus,.itemFocus2, .optionFocus2, .optionFocus_promo, .itemFocus_promo{
	background-color: #F3E1D1;

}

.instructions{
	float: left;
	width: 540px;
	font-size: 11px;
	margin-top: 4px;
	text-align: left;
}

.buttons_remove_CSS_cause_not_working{
	float: right;
	width: 340px !important;
	width: 340px;
	border: 1px solid blue;
	margin-top:15px !important;
	margin-top:15px 
}

.savings {
	font-weight: bold;
	color: #C20724;
}

.columnx200, .columnx280, .columnx320, .columnx400, .columnx560, .columnx480{
	float: left;
	font-size: 12px;
		border:0px solid orange;
}

.columnx200{
	width: 200px;
	border:0px solid orange;
}

.columnx280{
	width: 270px !important;
	width: 270px;
	border:0px solid orange;
}

.columnx320{
	width: 310px !important;
	width: 320px;
		border:0px solid orange;
}

.columnx380{
	width: 380px;
	float: left;
		border:0px solid orange;
}

.columnx400{
	width: 400px;
	float: left;
}

.columnx440{
	width: 440px;
	float: left;
}

.columnx480{
	width: 480px;
}

.columnx560{
	width: 560px !important;
	width: 560px;
}

.columnx80, .columnx120{
	text-align: right;
	font-size: 11px;
	float: left;
		border:0px solid orange;
}

.columnx120{
	width: 120px !important;
	width: 120px;
	border:0px solid orange;
}

.columnx80{
	width: 113px;
	border:0px solid red;
	
	
}

.columnx801{
	width: 150px;
	
}

.columnHeading2LineLeft{
	background-image: url(/images/backgrounds/bg_column_heading_2_line_left_end.gif);
	width: 9px;
	float: left;
	height: 33px;
}

.columnHeading2Line{
	background-image: url(/images/backgrounds/bg_column_heading_2_line.gif);

	width:502px !important;
	width:542px;
	height:33px;
	float: left;	
	border:0px solid red;
}
.columnHeading_gifts{
	background-image: url(/images/backgrounds/bg_column_heading_2_line.gif);
	background-repeat:repeat-x;
	
		width:500px !important;
		width:542px;
	/*width:542px;*/
	
	float: left;	
	border:0px solid red;
	height:33px;
}
.columnHeading_promo{
	background-image: url(/images/backgrounds/bg_column_heading_2_line.gif);
	background-repeat:repeat-x;
	
		/*width:942px !important;
		width:942px;*/
	width:742px;	
	float: left;	
	border:0px solid red;
	height:33px;
}



.columnHeading_gifts2{
	background-image:url(/images/backgrounds/bg_column_heading_2_line.gif);
	background-repeat:repeat-x;
	
	width:737px;
			/*width:542px;*/
	
	float: left;	
	border:0px solid red;
	height:33px;
}

.columnHeading3Line{
	background-image:url(/images/backgrounds/bg_column_heading_2_line.gif);
	background-repeat:repeat-x;
	width:722px !important;
	width:742px;	
	float: left;	
	border:0px solid red;
	height:33px;
}

.columnHeading2LineRight{
	background-image: url(/images/backgrounds/bg_column_heading_2_line_right_end.gif);
	width: 9px;
	float: right;
	height: 33px;
	border:0px solid red;
}

.columnHeading3LineRight{
	background-image: url(/images/backgrounds/bg_column_heading_2_line_right_end.gif);
	width: 9px;
	float: left;
	height: 33px;
}

#overDiv img{
	float: left;
	margin-right: 6px;
}