@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;
}


/*
 * 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, .pmainContent 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, .pmainContent 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, .pmainContent a
{
	color: #467A99;	/* dark blue #32566B */
	font-weight:bold;
	text-decoration:none;
}

.overall #mainContent a:hover, .pmainContent 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;
}

.popup_input_shaded2
{
	font-size:12px;
	margin-bottom:6px;
	padding: 2px;
	border: 1px solid #CCC;
	/* background-color:#CADBE5;*/
	/*color:#467A99;*/
	/* background-color:#E6EEF6; */
	background-color:#F2F2F2;
	/* color:#034997; */
	color:#000;
}

.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;
}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.youtubevideowrap
{
	width:100%;
	max-width:854px;
	margin-bottom:32px;
}


/* 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: 810px;	/* 810 for 6 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;
}

.popup_qty5
{
	position:absolute;
	text-align:left;
	z-index:5;
	left:100px;
	top:-20px;
	width:240px;
	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_qty6
{
	position:absolute;
	text-align:left;
	z-index:5;
	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_shadow
{
	background-color:#FFFFFF;
	padding:8px 12px;
	-moz-box-shadow: 0 0 4px 4px #AAAAAA;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 4px 4px #AAAAAA;
	box-shadow: 0 0 4px 4px #AAAAAA;
}

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

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

.blue_account
{
	padding: 2px 8px;
	background-color: #467A99;
	color:#FFF;
}

.blue_account_s
{
	padding: 2px 4px;
	background-color: #467A99;
	color:#FFF;
	font-size:10px;
}

.grey_account_s
{
	padding: 2px 4px;
	background-color: #999;
	color:#FFF;
	font-size:10px;
}

.orange_account_s
{
	padding: 2px 4px;
	background-color: #FCB03F;
	color:#FFF;
	font-size:10px;
}

.blue_account_sA
{
	padding: 2px 4px 2px 6px;
	background-color: #467A99;
	color:#FFF;
	font-size:10px;
	text-align:center !important;
}


.blue_account_s2
{
	padding: 2px 4px;
	background-color: #CADBE5;
	color:#467A99;
	font-size:10px;
}

.white_s
{
	padding: 2px 4px;
	font-size:11px;
}

.white_sA
{
	padding: 2px 6px 2px 4px;
	font-size:11px;
	text-align:right !important;
}

.white_s2
{
	padding: 2px 4px;
	font-size:11px;
	color: #467A99;
}

.white_s2A
{
	padding: 2px 6px 2px 4px;
	font-size:11px;
	color: #467A99;
	text-align:right !important;
}

.white_s3
{
	padding: 2px 4px;
	font-size:11px;
}

.white_s4
{
	padding: 2px 4px;
	font-size:11px;
}

.left_butt
{
	background-color:#EEE;
	padding: 2px 4px;
}

.no_phone_element { pointer-events: none; }
.no_phone_element > a { text-decoration:none; color:inherit; }

.client_main
{
	z-index:100; width:244px; height:620px; background-color:#D80000;
	margin: 0px 20px;
	bottom: 0px; left: 0px;
	position: fixed;
	border-radius:5px;
	text-align:center;
	color:#EEE; font-size:13px;
	-moz-box-shadow: 0 0 5px 3px #666;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 5px 3px #666;
	box-shadow: 0 0 5px 3px #666;
	/* speed of transition */
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	overflow:scroll;
}

.client_move_down
{
	-ms-transform: translate(6px,586px); /* IE 9 */
    -webkit-transform: translate(6px,586px); /* Safari */
    transform: translate(6px,586px);
}

.client_title
{
	color:#F1DF8D;
	font-size:13px;
}

.client_data
{
	color:#F1F1F1;
	font-weight:bold;
	font-size:13px;
}

.client_data_CAPS
{
	color:#F1F1F1;
	font-weight:bold;
	font-size:12px;
}

.client_gap
{
	margin-top:6px;
}

.client_gap2
{
	margin-top:10px;
}

.client_gap3
{
	margin-top:12px;
}

.client_button0
{
	margin-top:12px;
	margin-left:4px;
	padding:4px;
	padding-top:6px;
	text-align:center;
	color:#BFFFBF;
	font-size:15px; font-weight:bold;
	background-color:#00CC57;
	width:208px; height:18px;
	border-radius:5px;
	-moz-box-shadow: 0 0 3px 1px #DDD;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 3px 1px #DDD;
	box-shadow: 0 0 3px 1px #DDD;
}

.client_button1
{
	margin-top:12px;
	margin-left:4px;
	padding:4px;
	padding-top:12px;
	text-align:center;
	color:#000;
	font-size:19px; font-weight:bold;
	background-color:#FE0;
	width:208px; height:30px;
	border-radius:5px;
	-moz-box-shadow: 0 0 3px 1px #DDD;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 3px 1px #DDD;
	box-shadow: 0 0 3px 1px #DDD;
}

.client_button2
{
	margin-top:4px;
	margin-left:4px;
	padding:2px;
	padding-top:5px;
	text-align:center;
	color:#000;
	font-size:16px; font-weight:bold;
	background-color:#FE0;
	width:88px; height:20px;
	border-radius:5px;
	-moz-box-shadow: 0 0 3px 1px #DDD;	/* horiz offset, vert offset, blur, spread */
	-webkit-box-shadow: 0 0 3px 1px #DDD;
	box-shadow: 0 0 3px 1px #DDD;
}


/* Screen-size variable
************************/
.client_move_init
{
	-ms-transform: translate(6px,586px); /* IE 9 */
	-webkit-transform: translate(6px,586px); /* Safari */
	transform: translate(6px,586px);
}

.showiftablet
{
	display:block;
}

.hideiftablet
{
	display:none;
}

.client_move_up
{
	-ms-transform: translate(6px,80px); /* IE 9 */
    -webkit-transform: translate(6px,80px); /* Safari */
    transform: translate(6px,80px);
}

.admin_table101 tr:hover
{
    background-color: #FFFFBE;
}

.rotate101
{
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.rotate102
{
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

.braces_form
{
	border: solid #467A99 1px;
	padding: 0px 16px 16px 16px;
	margin-top: 20px;
}

.braces_selector
{
	float: left;
	margin-bottom: 40px;
	min-width: 200px;
}

.braces_selector label
{
	text-align:right;
}


#braces_form select {min-width: 100px;}


.backto-button { 
	font-family: Arial,Helvetica,sans-serif;
    font-size: 16px !important;
    font-weight: normal !important;
    text-decoration: none;
    padding-left: 10px; 
    padding-right:10px;  
    color: white !important; 
    background-color: #44616E;
    display: table-cell; 
    vertical-align: middle;
    text-align: center;
    height: 32px;
    margin: 0;
    border: 0;
    }
    

.backto-button:hover 
   { 
   color: white !important;
   text-decoration: none !important;
   background-color: #3ab54a;} 

.dub_button { 
	font-family: Arial,Helvetica,sans-serif;
    font-size: 13px !important;
    font-weight: normal !important;
    text-decoration: none;
    padding-left: 10px; 
    padding-right:10px;  
    padding-top: 5px; 
    padding-bottom:5px;  
    color: #EEE !important; 
    /*background-color: #606060;*/
	background-image: -webkit-linear-gradient(#909090, #303030);
	background-image: -o-linear-gradient(#909090, #303030);
	background-image: linear-gradient(#909090, #303030);
    display: table-cell; 
    vertical-align: middle;
    text-align: center;
    /*height: 24px;*/
    margin: 0;
    border: 0;
	border-radius:2px;
	white-space: nowrap;
    }

.dub_button:hover, .dub_button_selected:hover
   { 
   color: black !important;
   text-decoration: none !important;
   /*background-color: #F5D6B3;*/
	background-image: -webkit-linear-gradient(#F5D6B3, #FCB03F);
	background-image: -o-linear-gradient(#F5D6B3, #FCB03F);
	background-image: linear-gradient(#F5D6B3, #FCB03F);
} 

.dub_button_selected { 
	font-family: Arial,Helvetica,sans-serif;
    font-size: 13px !important;
    font-weight: normal !important;
    text-decoration: none;
    padding-left: 10px; 
    padding-right:10px;  
    padding-top: 5px; 
    padding-bottom:5px;  
    color: black !important; 
    /*background-color: #606060;*/
	background-image: -webkit-linear-gradient(#F5D6B3, #FCB03F);
	background-image: -o-linear-gradient(#F5D6B3, #FCB03F);
	background-image: linear-gradient(#F5D6B3, #FCB03F);
    display: table-cell; 
    vertical-align: middle;
    text-align: center;
    /*height: 24px;*/
    margin: 0;
    border: 0;
	border-radius:2px;
	white-space: nowrap;
    }

.hd_div
{
	display:inline-block; margin-top:5px; margin-right:18px;
}

.searchplace::-webkit-input-placeholder { /* Chrome */
  color: black;
}
.searchplace:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
.searchplace::-moz-placeholder { /* Firefox 19+ */
  color: black;
  opacity: 1;
}
.searchplace:-moz-placeholder { /* Firefox 4 - 18 */
  color: black;
  opacity: 1;
}

.sportstek_italic
{
	font-size:22px;
	font-style: italic;
	font-weight:bold;
	text-align:center;
	margin:auto;
}

.sportstek_straight
{
	font-size:24px;
	font-weight:bold;
	text-align:left;
}

.sportstek_link
{
	;
}

.sportstek_link:hover
{
	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;
}

/* Desktop Layout: 769px upwards */
/* ***************************** */

@media only screen and (min-width: 769px)
{
	.client_move_init
	{
		-ms-transform: translate(6px,-6px); /* IE 9 */
		-webkit-transform: translate(6px,-6px); /* Safari */
		transform: translate(6px,-6px);
	}
	
	.showiftablet
	{
		display:none;
	}
	
	.hideiftablet
	{
		display:block;
	}
	
	.client_move_up
	{
		-ms-transform: translate(6px,-6px); /* IE 9 */
		-webkit-transform: translate(6px,-6px); /* Safari */
		transform: translate(6px,-6px);
	}
}