/* This part is used to "equalize" the browsers for fonts, margins and spacing*/
/* START >> */
body, html, div, p, th, td, span{
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
/* Here you could do the same for p, ol, li, ul and br tags */
/*
p{
	margin-bottom:2px;
}
*/
input, textarea, form, img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
/* << END */

#main, #header, #content, #footer{
	width:950px;
}

#main{
	position:relative;	
	height:auto;
	margin:0px auto 0px auto;
}

#overall_shades_selector #content{
	position:relative;
	height:auto;
	width:950px;
	background:#f0e5eb url(/en_ca/products/overall_shades/images/header_full_shade_bg.jpg) no-repeat;
}


/* products/overall_shades/ */

#overall_shades_selector #shades_selector{
	background:#e1d3db;
}

#shades_selector #left_side, #shades_selector #right_side{
	position:relative;
	float:left;
}

#overall_shades_selector #shades_selector #left_side{	
	/*background:url(/en_ca/products/images/shade_pallette/bg_selected-shade.png);*/
	background-color:#e1d3db;
	width:220px;
	/*min-height:358px;*/
	height:auto;
}

#overall_shades_selector #shades_selector #right_side{	
	width:730px;
	/*min-height:358px;*/
	height:auto;	
}

#product_image_container{
	margin:0px auto 0px auto;
	height:auto;
	width:75px;
	min-height:96px; 
	background-color:#FFF;
}

#product_name{
	color:#3A0C19;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:18px;
	line-height:20px;	
}

#rating_div{
	color:#3A0C19;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
}


#collection_image_container{
	margin:0px auto 0px auto;
}

.shades_cell{
	position:relative;
	background:none;
	width:140px;
	padding-left:5px;
	height:auto;
	float:left;
}

.shades_row{	
	position:relative;
	height:auto !important;
	width:725px;
	padding-top:5px;
	padding-bottom:5px;
}

.dark_row{
	background:#dfd1d9 url(/en_ca/products/overall_shades/images/dark_row_bg.jpg) repeat-y;
}

.light_row{
	background:#e9dbe3 url(/en_ca/products/overall_shades/images/light_row_bg.jpg) repeat-y;
}

.imgpng{
	behavior: url('/includes/css/iepngfix.htc');
}


#shade_container{
	background:transparent url(/images/shadow.png) no-repeat scroll center bottom;
	width:132px;
	height:132px;
	margin:0px auto 0px auto;	
}

#shade_container #big_shade_image{
	padding-left:6px;
	padding-top:6px;
}


/******/
.red{
	color:#F00;
}

.bold{
	font-weight:bold;
}

.dark_brown{
	/*color:#3a0c19;*/
	color:#380E1C;
}

.darkGray{
	color:#666666;
}

.colorError{
	/*color:#CC0000;*/
	color:#FF0000;
}

.blueGreen{
	color:#75ccd9;
}

.purpleBlue{
	/*color:#98a4d1;*/
	color:#a5afd6;
}

.pink{
	color:#d869be;
}

.size30{
	font-size:30px;
}

.size35{
	font-size:35px;
}

.size40{
	font-size:40px;
}

.size28{
	font-size:28px;
}

.size26{
	font-size:26px;
}

.size24{
	font-size:24px;
}

.size22{
	font-size:22px;
}

.size20{
	font-size:20px;
}

.size18{
	font-size:18px;
}

.size16{
	font-size:16px;
}

.size14{
	font-size:14px;
}

.size10{
	font-size:10px;
}

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

.mTop20{
	margin-top:20px;
}

.mTop15{
	margin-top:15px;
}

.mTop25{
	margin-top:25px;
}
.mTop30{
	margin-top:30px;
}
.mTop35{
	margin-top:35px;
}
.mLeft20{
	margin-left:20px;
}

.mLeft15{
	margin-left:15px;
}

.mLeft25{
	margin-left:25px;
}

.mBottom5{
	margin-bottom:5px;
}

.mBottom25{
	margin-bottom:25px;
}
.mBottom30{
	margin-bottom:30px;
}
.mBottom35{
	margin-bottom:35px;
}

.floatLeft{
	float:left;
}
.clear{
	clear:both;
}

.hide{
	display:none;
}

.show{
	display:block;
}