@charset "utf-8";
/* WHITELEY BLUE #467A99 */
/* WHITELEY DARK GREY #585858 */
/* WHITELEY DARK GREY RightSide #5A5A5D */
/* WHITELEY LIGHT GREY background #A1A1A2 */
/* WHITELEY LIGHT GREY text #E8E8E8 */
/* WHITELEY LIGHT GREY box #F2F2F2 */

/* WHITELEY LEFT NAV DARK BLUE #4D86A8 */
/* WHITELEY LEFT NAV LITE BLUE #82AAC2 */
/* WHITELEY TABLE LITE BLUE #CADBE5 */

/* WHITELEY LINK BLUE #32566B  new #467A99 */

/* WHITELEY LITE CYAN #E4EDF2 */

/* MAIN CYAN/LINK = x00AEEF */
/* BOX LIGHT CYAN = xE5F7FD */
/* BOX MEDIUM CYAN = x99DFF9 */

/* WHITELEY ORANGE #FCB03F */
/* Header Bar GREEN #425E6C */

/* Snailtrail */
/* ********** */
.overall #mainContent .snailtrail_a1
{
	color: #585858;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}

.overall #mainContent .snailtrail_a1:hover
{
	color: #585858;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

.link_prod1
{
	color: #32566B !important;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.link_prod1:hover
{
	color: #32566B;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}


/*
 * MAIN CONTENT
 * ************
 */
.overall #mainContent
{ 
	padding: 0 12px 12px 12px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
	text-align:justify;	/* to make text look nice on rightside of page */
}

.overall #mainContent td
{
	text-align:left;
}

.overall #mainContent h1
{
	color: #4D86A8;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	font-weight:normal;
	font-size:20px;
	padding-top:0px; padding-bottom:12px; margin-top:-2px;
}

.overall #mainContent .emphasis1
{
	color: #32566B;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}

.overall #mainContent .head_box10
{ 
	text-decoration: none;
	color:#32566B;
	font-weight:normal;
	font-size:18px;
}

.overall #mainContent .minor_head
{ 
	color: #4D86A8; 
	font-size:12px;
	margin-bottom:3px;
	font-weight:bold;
}

.overall #mainContent .minor_head_D
{ 
	color: #4D86A8; 
	font-size:12px;
	margin-top:10px;
	padding-top:3px;
	font-weight:bold;
}

/* a perimeter div so you can float other div's inside it */
.overall #mainContent .perimeter100
{ 
	width:100%; overflow:hidden; margin-bottom:12px;
}

.overall #mainContent h1
{
	color: #4D86A8;
	font-weight:normal;
	font-size:20px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.overall #mainContent .perimeter100 h2
{
	color:#4D86A8;
	font-weight: normal;
	font-size:18px;
	margin-top:18px;
	margin-bottom:8px;
}

.overall #mainContent .perimeter100 h3
{
	color:#4D86A8;
	font-weight: normal;
	font-size:14px;
	margin-top:0px;
	margin-bottom:4px;
}

.overall #mainContent .product_left
{ 
	width:322px;
	margin-right:28px;
	margin-top:16px;
	float:left;
	/*background-color:#FC9;*/
}

.overall #mainContent .product_left .small_text
{ 
	font-size:10px;
	color:#333;
}

.overall #mainContent .link_quote_hdr1
{ 
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

.overall #mainContent .link_quote_hdr1:hover
{ 
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

.overall #mainContent .product_left .black_small
{ 
	font-size:10px;
	color:#32566B;
	text-decoration:none;
	font-weight:normal;
}

.overall #mainContent .product_left .black_small:hover
{ 
	font-size:10px;
	color:#32566B;
	text-decoration:underline;
	font-weight:normal;
}

.overall #mainContent .product_left .blue_small
{ 
	font-size:10px;
	color:#00AEEF;
	text-decoration:none;
	font-weight:normal;
}

.overall #mainContent .product_left .blue_small:hover
{ 
	font-size:10px;
	color:#00AEEF;
	text-decoration:underline;
	font-weight:normal;
}


.image_shadow
{
	border-radius:3px;
	-moz-box-shadow: 0 0 5px 3px #BABABA;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 5px 3px #BABABA;
	box-shadow: 0 0 5px 3px #BABABA;
}

.image_small_shadow
{
	border-radius:2px;
	-moz-box-shadow: 0 0 4px 2px #BABABA;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 4px 2px #BABABA;
	box-shadow: 0 0 4px 2px #BABABA;
}

.image_70_shadow
{
	border-radius:1px;
	-moz-box-shadow: 0 0 3px 1px #CCC;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 3px 1px #CCC;
	box-shadow: 0 0 3px 1px #CCC;
}

.overall #mainContent .product_right
{ 
	width: 384px; 
	margin-top:16px;
	float:left;
	font-size:11px;
}

.overall #mainContent .product_right_more
{
	width: 384px;
	padding-top:8px;
	float:right;
	font-size:11px;
}

.overall #mainContent .product_right h3
{ 
	color: #4D86A8; 
	font-size:13px;
	margin-bottom:3px;
	font-weight:bold;
}

.overall #mainContent .product_right h4
{ 
	color: #4D86A8; 
	font-size:11px;
	margin-top:3px;
	margin-bottom:3px;
	font-weight:normal;
	font-style:italic;
}


.overall #mainContent .order_table
{
	background-color:#E4EDF2;
	border-radius:2px;
	margin-top:0px;
	text-align:left;
}

.overall #mainContent a
{
	color: #467A99;	/* dark blue #32566B */
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent a:hover
{
	color: #467A99;	/* dark blue #32566B */
	font-weight:bold;
	text-decoration:underline;
}

.overall #mainContent .linkW
{ 
	text-decoration: none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}

.overall #mainContent  .linkW:hover
{ 
	text-decoration: underline;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}

.overall #mainContent .input_normal
{
	font-size:11px;
	height: 18px;
	margin-bottom:6px;
	padding: 2px 2px 0 2px;
	border: 1px solid #00AEEF;
}

.overall #mainContent .input_shaded
{
	font-size:11px;
	margin-bottom:6px;
	padding: 2px 2px 0 2px;
	border: 1px solid #999;
	background-color:#E8E8E8;
}

.overall #mainContent .input_shaded2
{
	font-size:12px;
	margin-bottom:6px;
	padding: 2px;
	border: 1px solid #82AAC2;
	background-color:#CADBE5;
}

.overall #mainContent .input_normalG
{
	font-size:11px;
	height: 18px;
	margin-bottom:6px;
	padding: 2px 2px 0 2px;
	border: 1px solid #999999;
}

.overall #mainContent .input_normalH
{
	font-size:11px;
	margin-bottom:6px;
	padding: 2px 2px 0 2px;
	border: 1px solid #999;
}

.overall #mainContent .input_medH
{
	font-size:11px;
	margin-bottom:6px;
	padding: 2px 2px 0 2px;
	border: 1px solid #999;
	width:88px;
}

.overall #mainContent .input_shortH
{
	font-size:11px;
	margin-bottom:6px;
	padding: 2px 2px 0 2px;
	border: 1px solid #999;
	width:40px;
}

.overall #mainContent .button_normal
{
	font-size:11px;
	width:60px;
}


/* Specification boxes */
/* ******************* */
.overall #mainContent .specbox1
{
	float:left; width:392px; background-color:#FFF;
	font-size:11px;
	border: 1px solid #00AEEF;
	padding:4px;
	margin-right:20px;
}

.overall #mainContent .specbox1_filler
{
	float:left; width:192px; background-color:#FFF;
	font-size:12px;
	margin-right:20px;
}

.overall #mainContent .specbox1_narrow
{
	float:left; width:391px; background-color:#FFF;
	font-size:11px;
	border: 1px solid #00AEEF;
	padding:4px;
}

.overall #mainContent .specbox1_filler_narrow
{
	float:left; width:391px; background-color:#FFF;
	font-size:12px;
}

.overall #mainContent .innerspec_LHS
{
	float:left; width:65%; padding-right:5%;
}

.overall #mainContent .innerspec_RHS
{
	float:left; width:30%;
}

.overall #mainContent .punchbox1
{
	float:right; width:116px; background-color:#FFF;
	font-size:11px;
	border: 1px solid #00AEEF;
}

.overall #mainContent .innerpunch1
{
	float:left; width:103px;
	text-align:center;
	font-weight:bold;
	padding:2px;
}


/* Ordering Table */
/* ************** */
.overall #mainContent .table_contents0
{
	padding:3px;
	font-weight:bold;
}

.overall #mainContent .table_header1
{
	background-color:#4D86A8;
	padding:2px;
	font-weight:bold;
	color:#FFF;
	font-size:10px;
}

.overall #mainContent .table_header1_plain
{
	background-color:#FFF;
	padding:2px; padding-left:0px;
	font-weight:bold;
	color:#000;
	font-size:10px;
}

.overall #mainContent .table_header15
{
	background-color:#D8D8D8;	/* was #5a5a5d */
	padding:2px;
	font-weight:bold;
	color:#818181;	/* was #CCC */
	font-size:10px;
}

.overall #mainContent .table_header15_plain
{
	background-color:#FFF;
	padding:2px; padding-left:0px;
	font-weight:bold;
	color:#000;
	font-size:10px;
}


.overall #mainContent .table_header1G
{
	background-color:#999999;
	color:#FFFFFF;
	padding:2px;
	font-weight:bold;
}

.overall #mainContent .table_header1_subtot
{
	background-color:#4D86A8;
	padding:2px; padding-left:0px;
	font-weight:bold;
	width:86px;
	color:#FFF;
	font-size:10px;
}

.overall #mainContent .table_header1_plain_subtot
{
	background-color:#FFF;
	padding:2px; padding-left:0px;
	font-weight:bold;
	color:#000;
	font-size:10px;
}

.overall #mainContent .table_header15_subtot
{
	background-color:#D8D8D8;	/* was #5a5a5d */
	padding:2px; padding-left:0px;
	font-weight:bold;
	width:86px;
	color:#818181;	/* was #CCC */
	font-size:10px;
}

.overall #mainContent .table_header15_subtot_plain
{
	background-color:#FFF;
	padding:2px; padding-left:0px;
	font-weight:bold;
	width:86px;
	color:#000;
	font-size:10px;
}

.overall #mainContent .table_header1_pad
{
	background-color:#4D86A8;
	padding:2px;
	padding-right:6px;
	font-weight:bold;
	color:#FFF;
	font-size:10px;
}

.overall #mainContent .table_header15_pad
{
	background-color:#D8D8D8;	/* was #5a5a5d */
	padding:2px;
	padding-right:6px;
	font-weight:bold;
	color:#818181;	/* was #CCC */
	font-size:10px;
}

.overall #mainContent .table_header15_pad_plain
{
	background-color:#FFF;
	padding:2px;
	padding-right:6px;
	font-weight:bold;
	color:#000;
	font-size:10px;
}

.overall #mainContent .table_header1L
{
	background-color:#CADBE5;
	padding:4px;
	font-weight:bold;
}

.overall #mainContent .table_contents1
{
	padding:2px;
	background-color:#FFF;
	font-size:10px;
}

.overall #mainContent .table_contents1_coloured
{
	padding:2px;
	background-color:#CADBE5;
	font-size:10px;
}

.overall #mainContent .table_contents1N
{
	padding:0px;
	background-color:#FFF;
	font-size:11px;
}

.overall #mainContent .table_contents1N_pad
{
	padding:0px;
	padding-right:6px;
	background-color:#FFF;
	font-size:11px;
}

.overall #mainContent .table_contents1ND_pad
{
	padding:0px;
	padding-right:10px;
	background-color:#FFF;
	font-size:11px;
}

.overall #mainContent .subdued
{
	font-size:11px;
}

.overall #mainContent .table_contents1_pad
{
	padding:2px;
	padding-right:6px;
	background-color:#FFF;
	font-size:10px;
}

.overall #mainContent .table_contents1_pad_coloured
{
	padding:2px;
	padding-right:6px;
	background-color:#CADBE5;
	font-size:10px;
}

.overall #mainContent .table_contents2_pad
{
	padding:2px;
	padding-right:6px;
	background-color:#FFF;
	font-size:12px;
}

.overall #mainContent .highlight1
{
	font-weight:bold; font-size:13px; background-color:#FF6; padding:3px;
}

.overall #mainContent .highlight1B
{
	font-weight:bold;
	font-size:13px;
	background-color:#FBB;
	padding:3px;
}

.overall #mainContent .highlight1C
{
	font-weight:bold;
	font-size:13px;
	background-color:#DDF;
	padding:3px;
}


.overall #mainContent .a_titleL
{
	color: #000000;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .a_titleL:hover
{
	color: #000000;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}

.overall #mainContent .a_titleRR
{
	color: #CC0000;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .a_titleRR:hover
{
	color: #CC0000;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
}

.overall #mainContent .a_titleBB
{
	color: #000000;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .a_titleBB:hover
{
	color: #000000;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
}

.overall #mainContent .a_title
{
	color: #000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .a_title:hover
{
	color: #000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

.overall #mainContent .a_ordinary
{
	color: #000000;
	text-decoration:none;
	font-weight:normal;
}

.overall #mainContent .a_ordinary:hover
{
	color: #000000;
	text-decoration:underline;
	font-weight:normal;
}

.overall #mainContent .a_ordinary_ul
{
	color: #000000;
	text-decoration:underline;
	font-weight:normal;
}

.overall #mainContent .a_ordinary_ul:hover
{
	color: #000000;
	text-decoration:underline;
	font-weight:normal;
}

.overall #mainContent .a_ordinarysmall
{
	color: #000000;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
}

.overall #mainContent .a_ordinarysmall:hover
{
	color: #000000;
	text-decoration:underline;
	font-weight:normal;
	font-size:11px;
}

.overall #mainContent .a_ordinary_col1
{
	color: #FF0000;
	text-decoration:none;
	font-weight:normal;
}

.overall #mainContent .a_ordinary_col1:hover
{
	color: #FF0000;
	text-decoration:underline;
	font-weight:normal;
}

.overall #mainContent .special0
{
	width:252px;
	height:135px;
	float:left;
	padding: 12px 13px 10px 0px;
}

.overall #mainContent .special1
{
	width:150px;
	height:126px;
	float:left;
	padding: 12px 13px 10px 10px;
}

.overall #mainContent .special2
{
	width:150px;
	height:126px;
	float:left;
	padding: 12px 0 10px 10px;
}

.overall #mainContent .special2A
{
	width:146px;
	height:126px;
	float:left;
	padding: 12px 0 10px 8px;
}

.overall #mainContent .special_left
{
	width:60px;
	height:22px;
	float:left;
	padding: 0 2px 4px 2px;
	background-color:#00AEEF;
	text-align:right;
	line-height:12px;
}

.overall #mainContent .special_left2
{
	float:left;
	text-align:center;
	line-height:12px;
}

.overall #mainContent .special_right
{
	width:26px;
	height:20px;
	float:left;
	padding: 0 2px 4px 2px;
	border: 1px solid #00AEEF;
	margin-left:3px;
}

.overall #mainContent .special_right2
{
	float:left;
	padding: 0 6px 2px 6px;
	border: 1px solid #32566B;
	text-align:center;
	margin-left:350px;
	background-color:#FFF;
	color: #000000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .special_right2:hover
{
	float:left;
	padding: 0 6px 2px 6px;
	border: 1px solid #32566B;
	text-align:center;
	margin-left:350px;
	background-color:#32566B;
	color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .special_info
{
	width:30px;
	padding: 0px 3px 2px 3px;
	margin-top:10px;
	border: 1px solid #32566B;
	text-align:center;
	background-color:#FFF;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .special_info:hover
{
	width:30px;
	padding: 0px 3px 2px 3px;
	margin-top:10px;
	border: 1px solid #32566B;
	text-align:center;
	background-color:#32566B;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
}


.overall #mainContent .special_info2
{
	font-size:12px;
	width:60px;
	padding: 0px 3px 2px 3px;
	margin-top:10px;
	border: 1px solid #32566B;
	text-align:center;
	background-color:#FFF;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .special_info2:hover
{
	font-size:12px;
	width:60px;
	padding: 0px 3px 2px 3px;
	margin-top:10px;
	border: 1px solid #32566B;
	text-align:center;
	background-color:#32566B;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .special_left_T
{
	color: #FFFFFF;
	font-size:10px;
}

.overall #mainContent .special_left_T2
{
	color: #FFFFFF;
	background-color:#00AEEF;
	font-size:20px;
	font-weight:bold;
	padding:8px;
}


.overall #mainContent .special_left_T3
{
	color: #FFFFFF;
	background-color:#00AEEF;
	font-size:16px;
	font-weight:bold;
	padding:2px;
}

.overall #mainContent .special_left_B
{
	color: #FFFFFF;
	font-size:10px;
	font-weight:bold;
}

.overall #mainContent .special_left_B2
{
	color: #00AEEF;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	padding:4px;
}

.overall #mainContent .special_left_B3
{
	color: #00AEEF;
	font-size:12px;
	font-weight:normal;
}

.overall #mainContent .special_left_B4
{
	color: #CC0000;
	font-size:12px;
	font-weight:bold;
}

.overall #mainContent .a_special_right
{
	color: #000000;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .a_special_right:hover
{
	color: #000000;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}

.overall #mainContent .a_special_white
{
	color: #CC0000;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .a_special_white:hover
{
	color: #FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .a_special_right2
{
	color: #000000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .a_special_right2:hover
{
	color: #000000;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.overall #mainContent .checkout_outer
{
	width: 372px;   /* 333 */
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.overall #mainContent .scrollable
{
	width: 372px;    /* 333 */ 
	/* height: 680px;	/* 675 for 5 sections */
	max-height: 680px;	/* 675 for 5 sections */
	overflow:auto;
}

.overall #mainContent .item
{
	width: 351px;   /* 312 */ 
}

.overall #mainContent .item_photo
{
	width: 132px;	   /* 128 */ 
	float:left;
	padding:4px;
	margin-left:16px;
}

.overall #mainContent .item_text
{
	width: 187px;   /* 168 */ 
	float:left;
	padding:4px;
	color:#5A5A5D;
	font-size:10px;
} 

.overall #mainContent .item_text a
{
	color:#5A5A5D;
	text-decoration:none;
} 

.overall #mainContent .item_text a:hover
{
	color:#5A5A5D;
	text-decoration:underline;
} 

.overall #mainContent .subtotal
{
	width: 372px;   /* 333 */ 
	color:#5A5A5D;
	font-size:11px;
	margin-top:6px;
	margin-bottom:4px;
}

.overall #mainContent .total
{
	width: 372px;   /* 333 */ 
	color:#5A5A5D;
	font-size:12px;
	font-weight: bold;
	margin-top:8px;
}



/* Title Page */
/* ********** */
.overall #mainContent .title_top_box
{
	width:80px;	height:80px;
	background-color:#E5F7FD;
	border:dashed 1px #4D86A8;
	text-align:center;
	padding-top:10px;
}

.overall #mainContent .intermediate_box
{
	width:98px;	height:108px;
	border:dashed 1px #4D86A8;
	overflow:hidden;
}

.overall #mainContent .intermediate_text
{
	margin-top:6px;
}

.overall #mainContent .intermediate_text a
{
	font-size:9px;
	color:#666;
}

.overall #mainContent .title_top_description
{
	width:80px; text-align:center; font-size:9px; padding:3px 0;
/*	background-color:#FFF;*/
}

.overall #mainContent .title_range_container
{
	float:left;	border:dashed 1px #4D86A8; background-color:#FFF;
}

.overall #mainContent .title_range_container2
{
	float:left;	border:solid 1px #CADBE5; /*background-color:#CADBE5;*/ background-color:#FFF;
}

.overall #mainContent .title_range_box
{
	width:164px;
	height:120px;	/* NEW for Whiteley */
	margin-top:12px;
	background-position:center;
	background-repeat:no-repeat;
}

.overall #mainContent .title_range_box22
{
	width:164px;
	height:120px;	/* NEW for Whiteley */
	margin-top:6px;
	margin-left:6px;
	background-position:center;
	background-repeat:no-repeat;
}

.overall #mainContent .title_range_box_plain
{
	width:120px;
	height:110px;
	text-align:center;
	padding-top:6px;
}

.overall #mainContent .on_special
{
	/*width:154px;*/
	font-size:12px; 
}

.overall #mainContent .title_range_description
{
	width:154px; font-size:10px; padding: 3px 5px 8px 5px;
	height:54px;	/* NEW for Whiteley */
}

.overall #mainContent .title_range_description_plain
{
	width:110px; height:24px; font-size:11px; padding: 5px 5px 8px 5px;
	text-align:center;
}

.overall #mainContent .title_range_description_inner1
{
	float:left; padding-top:8px; width:80px;
}

.overall #mainContent .title_range_description_inner2
{
	float:left; padding-top:8px; padding-left:9px;
}

.overall #mainContent .link_prod1
{
	color: #32566B;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent .link_prod1:hover
{
	color: #32566B;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

.overall #mainContent .title_on_sale
{
	float:left; text-align:center; background-color:#FFF64C; color:#000;
	font-size:11px; font-weight:bold;
	padding:3px;
	border-radius:1px;
	-moz-box-shadow: 0 0 3px 1px #CCC;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 3px 1px #CCC;
	box-shadow: 0 0 3px 1px #CCC;
}

.overall #mainContent .title_best_seller
{
	/*float:left; text-align:center; background-color:#9D1882; color:#FFFFFF;*/
	float:left; text-align:center; background-color:#FDB133; color:#000;
	font-size:11px; font-weight:bold;
	padding:3px;
	border-radius:2px;
	-moz-box-shadow: 0 0 4px 2px #BABABA;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 4px 2px #BABABA;
	box-shadow: 0 0 4px 2px #BABABA;
}

.overall #mainContent .title_new_product
{
	/*float:left; text-align:center; background-color:#9D1882; color:#FFFFFF;*/
	float:left; text-align:center; background-color:#9D1882; color:#FFF;
	font-size:11px; font-weight:bold;
	padding:3px;
	border-radius:2px;
	-moz-box-shadow: 0 0 4px 2px #BABABA;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 4px 2px #BABABA;
	box-shadow: 0 0 4px 2px #BABABA;
}

.overall #mainContent .title_best_seller_pseudo
{
	float:left; text-align:center; color:#FFFFFF;
	font-size:11px; font-weight:bold;
	padding:3px;
	
	/* for IE */
	filter:alpha(opacity=0);
 	/* CSS3 standard */
	opacity:0;
}

.overall #mainContent .form_heading
{
	font-weight:bold;
	padding: 2px 3px;
	background-color:#E5F7FD;
}

.overall #mainContent .form_app_txt
{
	color:#333; width:160px; text-transform:uppercase;
}

.overall #mainContent .form_app_reqd
{
	color:#000; background-color:#FFB; width:160px; text-transform:uppercase;
}

.overall #mainContent .searchbox_main
{
	/*width: 100px;*/
	/*height: 36px;*/
	padding-top:0px;
	margin-top:12px;
	/*padding-left:2px;*/
}

.overall #mainContent .searchbox_main input
{
	font-size:10px;
	width:110px;
	height: 23px;
	margin-bottom:0px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #999;
	text-align:center;
}


/* My Cart    */
/* ********** */
.overall #mainContent .scrollable_cart
{
	width: 508px; 
	/* height: 680px;	/* 675 for 5 sections */
	max-height: 680px;	/* 675 for 5 sections */
	overflow:auto;
}

.overall #mainContent .item_cart
{
	width: 487px;	/* 509 - 22 = 487 */
	float:left;
}

.overall #mainContent .item_photo_cart
{
	width: 128px;
	float:left;
	padding:4px;
	padding-top:8px;
}

.overall #mainContent .item_text_cart
{
	width: 198px;
	float:left;
	padding:4px;
	color:#5A5A5D;
	font-size:11px;
} 

.overall #mainContent .item_button_cart
{
	width: 64px;
	float:left;
	margin-top:5px;
	padding-left:6px;
} 

.overall #mainContent .item_price_cart
{
	width: 66px;
	float:left;
	margin-top:5px;
	font-size:11px;
	text-align:right;
	padding-right:4px;
} 

.overall #mainContent .item_text_cart a
{
	color:#5A5A5D;
	text-decoration:none;
} 

.overall #mainContent .item_text_cart a:hover
{
	color:#5A5A5D;
	text-decoration:underline;
} 

.overall #mainContent .subtotal_cart
{
	width: 508px;
	color:#5A5A5D;
	font-size:11px;
	margin-top:6px;
	margin-bottom:4px;
}

.overall #mainContent .total_cart
{
	width: 508px;
	color:#5A5A5D;
	font-size:12px;
	font-weight: bold;
	margin-top:8px;
} 

.overall #mainContent .subtotal_cart2
{
	width: 780px;
	color:#5A5A5D;
	font-size:11px;
	margin-top:6px;
	margin-bottom:4px;
}

.overall #mainContent .total_cart2
{
	width: 780px;
	color:#5A5A5D;
	font-size:12px;
	font-weight: bold;
	margin-top:8px;
}

.overall #mainContent .cart_left
{
	float:left;
	border: 1px solid #CCC;
}

.overall #mainContent .cart_left h1
{
	color:#999;
	font-weight: normal;
	font-size:18px;
	margin: 0px 0px 0px 16px;
	padding:0px;
}

.overall #mainContent .cart_right
{
	float:left;
	margin-left:24px;
	width:373px;
}

.overall #mainContent .cart_right h1
{
	color:#999;
	font-weight: normal;
	font-size:18px;
	margin: 0px;
	padding:0px;
}

.overall #mainContent .minute_surround
{
	margin-top:14px;
	border: 1px solid #CCC;
	width:371px;
	padding-bottom:12px;
}

.overall #mainContent .minute_photo
{
	float:left;
	width:113px;	/* was 136px */
	padding:4px;
	padding-top:8px;
}

.overall #mainContent .minute_text
{
	float:left;
	text-align:left;
	width:190px;
	margin-left:16px;
	padding:4px;
	font-size:11px;
}

.overall #mainContent .minute_text h1
{
	color:#4D86A8;
	font-weight: bold;
	font-size:18px;
	margin: 0px;
	padding:0px;
}

.overall #mainContent .minute_text h2
{
	color:#4D86A8;
	font-weight: normal;
	font-size:16px;
	margin: 0px;
	padding:0px;
}

.overall #mainContent .minute_text h3
{
	color:#4D86A8;
	font-weight: normal;
	font-size:14px;
	margin: 0px;
	padding:0px;
}

.input_plus
{
	font-size:9px;
	width:20px;
	border:none;
	background-color:#EEE;
	padding:1px 1px 1px 2px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

.popup_qty1
{
	position:absolute;
	text-align:left;
	z-index:1;
	left:80px;
	top:-40px;
	width:200px;
	font-size:14px;
	padding:10px;
	background-color:#EEE;
	border: 1px solid #CCC;
	-moz-box-shadow: 3px 3px 3px 3px #777;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 3px 3px 3px 3px #777;
	box-shadow: 3px 3px 3px 3px #777;
}

.popup_qty2
{
	position:absolute;
	text-align:left;
	z-index:2;
	left:100px;
	top:-20px;
	width:200px;
	font-size:14px;
	padding:10px;
	background-color:#EEE;
	border: 1px solid #CCC;
	-moz-box-shadow: 0 0 5px 3px #BABABA;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 5px 3px #BABABA;
	box-shadow: 0 0 5px 3px #BABABA;
}

.popup_qty3
{
	position:absolute;
	text-align:left;
	z-index:3;
	left:100px;
	top:-20px;
	width:200px;
	font-size:14px;
	padding:10px;
	background-color:#EEE;
	border: 1px solid #CCC;
	-moz-box-shadow: 0 0 5px 3px #BABABA;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 5px 3px #BABABA;
	box-shadow: 0 0 5px 3px #BABABA;
}

.popup_qty4
{
	position:absolute;
	text-align:left;
	z-index:4;
	left:100px;
	top:-20px;
	width:200px;
	font-size:14px;
	padding:10px;
	background-color:#EEE;
	border: 1px solid #CCC;
	-moz-box-shadow: 0 0 5px 3px #BABABA;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 5px 3px #BABABA;
	box-shadow: 0 0 5px 3px #BABABA;
}


.close_box
{
	margin-top:10px;
	text-decoration:underline;
	color:#00AEEF;
	cursor:pointer; cursor:hand;
}

.p_promote
{
	color:#090; font-size:13px; font-weight:bold;
}

.top_navv
{
    height:60px;
    position:relative;
    display:inline-block;
}

.top_aa
{
    font-size:16px !important;
    font-weight:bold !important;
    color:#5A5C5D !important;
    text-align:left;
    white-space:normal;
    float:left;
    padding-top:4px;
}

.top_navv_note
{
    font-size:12px !important;
    color:#5A5C5D !important;
    font-weight:normal !important;
    text-align:left;
}

.address1
{
    font-size:16px;
    float:right;
    margin-right:15px;
}

.hideiftablet
{
    display:block;
}

.truck1
{
    height:36px;
}

.search_bb
{
    height:20px;
    width:112px;
}

.top_panel2
{
    margin: 0 auto; 
    margin-bottom: 15px;
    padding-bottom:4px;
}

/* Width to 480 px */
/* ********************************************************************** */

@media only screen and (max-width: 720px)
{
    .top_aa
    {
        font-size:12px !important;
        font-weight:bold !important;
        color:#5A5C5D !important;
        white-space:nowrap;
        text-align:left;
        float:left;
        padding-top:4px;
    }

    .address1
    {
        font-size:12px;
        float:left;
        margin-left:4px;
    }
    
    .hideiftablet
    {
        display:none;
    }
    
    .truck1
    {
        height:24px;
    }
    
    .search_bb
    {
        height:20px;
        width:60px;
    }
}