@charset "UTF-8";
/* 
	Master Style Sheet developed by Aaron Gough
	http://www.aarongough.com
*/

/************************************************
		 Styling for Standard Elements	
*************************************************/

body, html{
border: 0;
padding: 0;
margin: 0;
}

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
background: black;
}

h1, h2, h3, h4, h5{
margin: 0;
padding: 0;
font-weight: bold;
}

img{
border: 0;
}

h1{
font-size: 18px;
}

h2{
font-size: 16px;
}

h3{
font-size: 14px;
}

h4{
font-size: 12px;
}

h5{
font-size: 12px;
}

p{

}

ul{

}

a{
color: black;
}

/************************************************
		Custom Styling for Specific IDs		
*************************************************/

#container{
width: 992px;
margin: 0 auto;
background: transparent url(/public_ui/template_images/background_repeat.jpg) top left repeat-y;
}

#background_header{
width: 992px;
padding-top: 108px;
background: transparent url(/public_ui/template_images/background_header.jpg) top left no-repeat;
}

#background_footer{
width: 992px;
background: transparent url(/public_ui/template_images/background_footer.jpg) bottom left no-repeat;
}

#header_menu{
width: 934px;
height: 26px;
margin: 0 27px 0 31px;
position: relative;
}

#page_menu{
list-style: none;
padding: 0;
margin: 0;
}

#page_menu li, #customer_login{
display: block;
float: right;
height: 25px;
line-height: 25px;
width: 135px;
}

#page_menu li a, #customer_login{
display: block;
height: 25px;
line-height: 25px;
padding: 0 10px 0 10px;
color: #ffdd00;
text-decoration: none;
font-weight: bold;
}

#left_column{
width: 229px;
display: inline;
float: left;
margin-left: 31px;
padding-bottom: 121px;
}

#search_container{
width: 229px;
height: 58px;
position: relative;
}

#product_search_title{
display: none;
}

#product_search_input{
position: absolute;
top: 12px;
left: 74px;
width: 128px;
border: 0;
padding: 0;
margin: 0;
}

#left_menu_container{
width: 229px;
background: transparent url(/public_ui/template_images/left_menu_repeat.jpg) top left repeat-y;
position: relative;
}

#left_menu_header{
width: 229px;
background: transparent url(/public_ui/template_images/left_menu_header.jpg) top left no-repeat;
}

#left_menu_footer{
width: 229px;
background: transparent url(/public_ui/template_images/left_menu_footer.jpg) bottom left no-repeat;
position: relative;
}

#product_category_menu{
padding: 0;
margin: 0;
list-style: none;
text-align: left;
padding-top: 15px;
}

.has_submenu span, .no_submenu a{
display: block;
color: white;
text-decoration: none;
width: 189px;
padding: 2px 20px 2px 20px
}

.has_submenu span:hover, .no_submenu a:hover, #product_category_menu .hover{
background: transparent url(/public_ui/template_images/left_menu_background_dropdown.jpg) top left repeat-y;
cursor: pointer;
_cursor: hand;
}

.is_submenu{
padding: 0;
margin: 0;
list-style: none;
background: transparent url(/public_ui/template_images/left_menu_background_dropdown.jpg) top left repeat-y;
}

.is_submenu a{
display: block;
color: white;
text-decoration: none;
width: 189px;
padding: 2px 0 2px 40px;
}

.is_submenu a:hover{
background: transparent url(/public_ui/template_images/left_menu_background_highlighted.jpg) top left repeat-y;
}

#brochure_signup{
color: white;
text-align: left;
padding-top: 50px;
padding-bottom: 16px;
padding-left: 20px;
}

#brochure_signup a{
color: white;	
}

#middle_column{
width: 391px;
display: inline;
float: left;
margin-left: 19px;
padding-top: 23px;
text-align: left;
}

#middle_column_bottom_spacer{
width: 391px;
height: 125px;
}

#user_login_username, #user_login_password, #user_login_submit{
float: left;
width: 300px;
padding-top: 5px;
}

#user_login_username label, #user_login_password label{
float: left;
width: 70px;
}

#user_login_username input, #user_login_password input{
float: left;
width: 200px;
}

#user_login_submit{
float: left;
padding-left: 75px;
}

#right_column{
width: 269px;
display: inline;
float: right;
margin-right: 27px;
padding-bottom: 270px;
position: relative;
text-align: left;
}

#footer_container{
height: 87px;
width: 934px;
margin: 0 27px 0 31px;
clear: both;
position: relative;
}

#pigmalion_logo{
display: none;
}

#renew_absorbents{
width: 229px;
height: 113px;
position: absolute;
left: 0px;
bottom: 87px;
}

#pigmalion_brochure{
position: absolute;
bottom: 84px;
left: 248px;
}

#edmonton_address, #brandon_address, #mississauga_address{
position: absolute;
bottom: 5px;
text-align: left;
}

#edmonton_address{
left: 0px;
}

#brandon_address{
left: 200px;
}

#mississauga_address{
left: 393px;
}

#customer_service_number{
font-weight: bold;
position: absolute;
bottom: 4px;
right: 15px;
font-size: 16px;
text-align: left;
}

#legal{
width: 934px;
margin: 0 auto;
padding-left: 3px;
height: 25px;
padding-bottom: 20px;
line-height: 25px;
color: #ffeb94;
text-align: left;
font-size: 10px;
}

#legal a{
color: #ffeb94;	
}

#copyright{
color: #ffdd00;
}

#walden_badge{
float: right;
padding-right: 16px;
}


/************************************************
				Styling for product lists 
				and individual products	
*************************************************/

.pagination_footer{
font-weight: bold;
padding-bottom: 5px;
}

.product_list_item, .main_product_container, .product_variation, .product_list_item_special{
width: 371px;
padding: 14px 10px 0 10px;
margin: 3px 0 3px 0;
position: relative;
background: transparent url( /public_ui/template_images/product_container_repeat.jpg ) top left repeat-y;
float: left;
}

.product_list_item_header, .product_header, .product_variation_header{
width: 391px;
height: 14px;
position: absolute;
top: 0px;
left: 0px;
background: transparent url( /public_ui/template_images/product_container_header.jpg ) top left no-repeat;
}

.product_list_item_thumbnail, .main_product_image, .product_variation_image{
float: left;
display: inline;
margin-right: 10px;
margin-bottom: 5px;
}

.product_list_item_name, .product_heading{
font-size: 16px;
font-weight: bold;
display: block;
}

.product_list_item_image_link{
display: block;
height: 100%;
width: 120px;
float: left;
padding-bottom: 5px;
}

.product_variation_image_container{
display: block;
height: 100%;
width: 120px;
float: left;
padding-bottom: 5px;
}

.product_heading{
clear: left;
}

.product_brand, .product_list_item_base_price{
display: none;
}

.product_list_item_name a{
text-decoration: none;
}

.product_list_item_description_container, .product_variation_data_container{
width: 240px;
float: left;
}

.product_variation_data_container{
padding-bottom: 5px;
}

.product_list_item_footer, .product_footer, .product_variation_footer{
width: 391px;
height: 14px;
position: relative;
left: -10px;
background: transparent url( /public_ui/template_images/product_container_footer.jpg ) bottom left no-repeat;
clear: both;
}

.product_variation_price_container{
clear: both;
text-align: right;
width: 100%;
border: 1px solid black;
border-width: 1px 0 0 0;
padding-top: 7px;
font-size: 11px;
}

.product_variation_base_price, .product_variation_volume_price, .product_variation_discount_price{
padding-right: 10px;
}

.product_variation_description, .product_variation_dimension, .product_variation_model, .product_variation_type, .product_variation_quantity{
display: block;
}

.right_column_product_item, .right_column_product_item_special{
float: left;
text-align: left;
margin-bottom: 10px;
padding-left: 24px;
padding-right: 10px;
height: 226px;
}

.right_column_product_item_name{
font-size: 14px;
font-weight: bold;
display: block;
}

.right_column_product_item_thumbnail{
display: block;
width: 230px;
height: 230px;
padding: 12px 11px 35px 15px;
background: transparent url( /public_ui/template_images/special_image_container.jpg ) top left no-repeat;
position: absolute;
top: 340px;
left: 15px;
}

.right_column_product_item_base_price{
height: 22px;
width: 92px;
line-height: 22px;
text-align: center;
position: absolute;
top: 584px;
right: 10px;
font-weight: bold;
}

.right_column_product_item_base_price strong{
display: none;
}

/************************************************
				Global Classes	
*************************************************/

/* for any block-level elements */
.clear{ 
clear: both; 
}

.float_left{
float: left;
}

.float_right{
float: right;
}

/* for text */
.align_left{
text-align: left;
}

.align_right{
text-align: right;
}

.align_center{
text-align: center;
}

.align_justify{
text-align: justify;
}

.bold{
font-weight: bold;
}

.italic{
font-style: italic;
}

.underline{
text-decoration: underline;
}

/* for images */
.img_left{
float: left;
display: inline;
margin: 4px 10px 4px 0;
}

.img_right{
float: right;
display: inline;
margin: 4px 0 4px 10px;
}

/* for lists */
.nopadding{
padding: 0;
}

.noindent{
margin-left: 0;
padding-left: 0;
}

.nobullet{
list-style: none;
list-style-image: none;
}

/************************************************
				Custom Classes	
*************************************************/