/* @group balloominate css styles */

html
{
	overflow-y: scroll;
}

body
{
	font-family: Verdana, sans-serif;
	background: #002650 url(../images/new-balloominate.jpg) repeat-x center bottom;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	min-height: 1400px;
}

a img
{
	border-style: none;
	border-width: 0;
}

a:focus
{
	outline: none;
}

div.clear
{
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

input, button, select, textarea
{
	font-family: Verdana, sans-serif;
}

#page-wrap
{
	width: 980px;
	padding: 0;
	margin: 0 auto;
}

.short #page-wrap
{
	/*height: 732px;
	height: 890px;*/
}

.tall #page-wrap
{
	/*height: 836px;*/
}

#page
{
	text-align: left;
	margin: 0;
	padding: 0 10px;
}

#masthead
{
	margin: 0;
	padding: 0;
	position: relative;
}

#masthead h1
{
	width: 218px;
	height: 94px;
	margin: 0;
	padding: 22px 0 32px;
}

#masthead h1 a
{
	width: 218px;
	height: 94px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo-ballominate.gif) no-repeat;
}

#primary
{
	margin: 0;
	padding: 0;
}

#primary ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 16px;
	float: right;
}

#primary li
{
	margin: 0;
	padding: 0 10px;
	float: left;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-transform: uppercase;
	height: 16px;
	border-left: 1px solid #f2f4f3;
	border-right: 1px solid #f2f4f3;
}

#primary li.home
{
	position: absolute;
	top: 31px;
	right: 0;
	border-style: none;
	padding: 0;
}

#primary li.products
{
	border-left-style: none;
	padding-left: 4px;
}

#primary li.contact
{
	border-right-style: none;
}

#primary li a
{
	margin: 0;
	padding: 6px 0 0;
	display: block;
	position: relative;
	top: -12px;
	border-top: 3px solid #002650;
}

#primary li.home a
{
	padding: 3px 0 0;
}

#primary li a:link, #primary li a:visited
{
	color: #f2f4f3;
	text-decoration: none;
}

#primary li a:hover, #primary li a:active,
#primary li a.active
{
	color: #fff;
	text-decoration: none;
}


#primary li.home a:hover
{
	border-top: 3px solid #cc0079;
	
}

#primary li.products a:hover
{
	border-top: 3px solid #ec008c;
}

#primary li.retailer a:hover
{
	border-top: 3px solid #d7df21;
}

#primary li.how a:hover
{
	border-top: 3px solid #00aeef;
}

#primary li.promote a:hover
{
	border-top: 3px solid #0d9543;
	
}

#primary li.spec a:hover
{
	border-top: 3px solid #ff6600;
	
}

#primary li.contact a:hover
{
	border-top: 3px solid #cd000b;
}

#content
{
	margin: 0;
	padding: 0;
	z-index: 1;
}

#flavor_2
{
	height: 420px;
	width: 960px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #f2f4f3;
	border-bottom: 1px solid #f2f4f3;
	-webkit-box-shadow: 5px 5px 21px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    5px 5px 21px rgba(0, 0, 0, 0.75);
	box-shadow:         5px 5px 21px rgba(0, 0, 0, 0.75);
	z-index: 10;
	position: relative;
}

#flavor_2 .numbered_buttons_container
{
	height: 13px;
	position:relative;
	margin: 0;
	top: 10px;
	float: right;
	padding: 0;
	right: 16px;
}

#flavor_2 .numbered_button {
	width: 13px;
	height: 13px;
	margin: 0 2px;
	padding: 0;
	background: url(../images/thumbdots.png) no-repeat right top;
	text-indent: -9999px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	position: relative;
	display: inline-block;
}

#flavor_2 .numbered_buttons_container .ac_selected, #flavor_2 .numbered_buttons_container .numbered_button:hover {
	background: url(../images/thumbdots.png) no-repeat left top;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.tall #main
{
	height: 420px;
	width: 960px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #f2f4f3;
	border-bottom: 1px solid #f2f4f3;
	z-index: 10;
	position: relative;
	background-color: #002650;
}

.short #main
{
	height: 316px;
	width: 960px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #f2f4f3;
	border-bottom: 1px solid #f2f4f3;
	z-index: 10;
	position: relative;
	background-color: #002650;
}

#main .fade
{
	width: 364px;
	height: 28px;
	margin: 0;
	padding: 0;
	background: url(../images/text-fade.png) no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
}

.text h1
{
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	margin: 0 0 2px;
	padding: 0;
}

.text p
{
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	margin: 0 0 17px;
	padding: 0;
}

.text p.spacer
{
	height: 12px;
	margin: 0;
	padding: 0;
}

.text p.note
{
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 16px;
	padding: 0;
	font-style: italic;
}

.text a:link, .text a:visited
{
	color: #ec008c;
	text-decoration: underline;
}

.text a:hover, .text a:active
{
	color: #ec008c;
	text-decoration: none;
}

.text ul
{
	margin: 0 0 17px 14px;
	padding: 0;
	list-style-type: square;
}

.text li
{
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	margin: 0 0 8px;
	padding: 0;
}

#products
{
	margin: 0;
	padding: 0;
	width: 834px;
	height: 420px;
	position: relative;
}

#products ul.menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid #4e4e4e;
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	position: absolute;
	top: 149px;
	left: -149px;
	height: 120px;
	width: 419px;
}

#products .menu li
{
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

#products .menu li a
{
	margin: 0;
	padding: 1px 5px 2px;
	border-top: 1px solid #4e4e4e;
	display: block;
	color: #fff;
	text-decoration: none;
	background-color: #000;
	height: 11px;
	width: 410px;
}

#products .menu li.red a.active:link, #products .menu li.red a.active:visited,
#accordion ol li.red.selected h2, #accordion ol li.red h2:hover
{
	background-color: #b00c28;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #b00c28 0%, #ffc010 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #b00c28 0%, #ffc010 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #b00c28 0%, #ffc010 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #b00c28), color-stop(1, #ffc010));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #b00c28 0%, #ffc010 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #b00c28 0%, #ffc010 100%);
	color: #fff;
}

#products .menu li.green a.active:link, #products .menu li.green a.active:visited,
#accordion ol li.green.selected h2, #accordion ol li.green h2:hover
{
	background-color: #0d9543;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #0d9543 0%, #d7df21 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #0d9543 0%, #d7df21 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #0d9543 0%, #d7df21 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d9543), color-stop(1, #d7df21));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #0d9543 0%, #d7df21 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #0d9543 0%, #d7df21 100%);
	color: #fff;
}

#products .menu li.pink a.active:link, #products .menu li.pink a.active:visited,
#accordion ol li.pink.selected h2, #accordion ol li.pink h2:hover
{
	background-color: #ec008c;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #ec008c 0%, #a80435 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #ec008c 0%, #a80435 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #ec008c 0%, #a80435 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ec008c), color-stop(1, #a80435));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #ec008c 0%, #a80435 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #ec008c 0%, #a80435 100%);
	color: #fff;
}

#products .menu li.blue a.active:link, #products .menu li.blue a.active:visited,
#accordion ol li.blue.selected h2, #accordion ol li.blue h2:hover
{
	background-color: #0060af;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #0060af 0%, #00aeef 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #0060af 0%, #00aeef 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #0060af 0%, #00aeef 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0060af), color-stop(1, #00aeef));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #0060af 0%, #00aeef 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #0060af 0%, #00aeef 100%);
	color: #fff;
}

#products .menu li.white a.active:link, #products .menu li.white a.active:visited,
#accordion ol li.white.selected h2, #accordion ol li.white h2:hover,
#accordion ol li.white-pack.selected h2, #accordion ol li.white-pack h2:hover
{
	background-color: #cccccc;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #cccccc 0%, #ffffff 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #cccccc 0%, #ffffff 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #cccccc 0%, #ffffff 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #cccccc), color-stop(1, #ffffff));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #cccccc 0%, #ffffff 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #cccccc 0%, #ffffff 100%);
	color: #fff;
}

#products .menu li.yellow a.active:link, #products .menu li.yellow a.active:visited,
#accordion ol li.yellow.selected h2, #accordion ol li.yellow h2:hover
{
	background-color: #ffe201;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #ffe201 0%, #fe3916 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #ffe201 0%, #fe3916 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #ffe201 0%, #fe3916 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffe201), color-stop(1, #fe3916));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #ffe201 0%, #fe3916 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #ffe201 0%, #fe3916 100%);
	color: #fff;
}

#products .menu li.mixed a.active:link, #products .menu li.mixed a.active:visited,
#accordion ol li.mixed.selected h2, #accordion ol li.mixed h2:hover,
#accordion ol li.mixed-pack.selected h2, #accordion ol li.mixed-pack h2:hover,
#accordion ol li.cc-pack.selected h2, #accordion ol li.cc-pack h2:hover
{
	background: #0063b1; /* Old browsers */
background: -moz-linear-gradient(left,  #0063b1 0%, #157f7b 20%, #d9d728 40%, #fa963f 60%, #e60777 80%, #e5017f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0063b1), color-stop(20%,#157f7b), color-stop(40%,#d9d728), color-stop(60%,#fa963f), color-stop(80%,#e60777), color-stop(100%,#e5017f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* IE10+ */
background: linear-gradient(to right,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063b1', endColorstr='#e5017f',GradientType=1 );
	color: #fff;
}

#products .menu li.birthday a.active:link, #products .menu li.birthday a.active:visited,
#accordion ol li.birthday.selected h2, #accordion ol li.birthday h2:hover
{
	background: #0063b1; /* Old browsers */
background: -moz-linear-gradient(left,  #0063b1 0%, #157f7b 20%, #d9d728 40%, #fa963f 60%, #e60777 80%, #e5017f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0063b1), color-stop(20%,#157f7b), color-stop(40%,#d9d728), color-stop(60%,#fa963f), color-stop(80%,#e60777), color-stop(100%,#e5017f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* IE10+ */
background: linear-gradient(to right,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063b1', endColorstr='#e5017f',GradientType=1 );
	color: #fff;
}

#products .menu li.red a:hover, #products .menu li.red a:active
{
	background-color: #b00c28;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #b00c28 0%, #ffc010 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #b00c28 0%, #ffc010 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #b00c28 0%, #ffc010 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #b00c28), color-stop(1, #ffc010));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #b00c28 0%, #ffc010 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #b00c28 0%, #ffc010 100%);
	color: #fff;
}

#products .menu li.green a:hover, #products .menu li.green a:active
{
	background-color: #0d9543;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #0d9543 0%, #d7df21 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #0d9543 0%, #d7df21 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #0d9543 0%, #d7df21 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d9543), color-stop(1, #d7df21));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #0d9543 0%, #d7df21 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #0d9543 0%, #d7df21 100%);
	color: #fff;
}

#products .menu li.pink a:hover, #products .menu li.pink a:active
{
	background-color: #ec008c;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #ec008c 0%, #a80435 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #ec008c 0%, #a80435 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #ec008c 0%, #a80435 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ec008c), color-stop(1, #a80435));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #ec008c 0%, #a80435 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #ec008c 0%, #a80435 100%);
	color: #fff;
}

#products .menu li.blue a:hover, #products .menu li.blue a:active
{
	background-color: #0060af;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #0060af 0%, #00aeef 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #0060af 0%, #00aeef 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #0060af 0%, #00aeef 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0060af), color-stop(1, #00aeef));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #0060af 0%, #00aeef 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #0060af 0%, #00aeef 100%);
	color: #fff;
}

#products .menu li.white a:hover, #products .menu li.white a:active
{
	background-color: #cccccc;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #cccccc 0%, #ffffff 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #cccccc 0%, #ffffff 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #cccccc 0%, #ffffff 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #cccccc), color-stop(1, #ffffff));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #cccccc 0%, #ffffff 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #cccccc 0%, #ffffff 100%);
	color: #fff;
}

#products .menu li.yellow a:hover, #products .menu li.yellow a:active
{
	background-color: #ffe201;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #ffe201 0%, #fe3916 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #ffe201 0%, #fe3916 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #ffe201 0%, #fe3916 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffe201), color-stop(1, #fe3916));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #ffe201 0%, #fe3916 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #ffe201 0%, #fe3916 100%);
	color: #fff;
}

#products .menu li.mixed a:hover, #products .menu li.mixed a:active
{
	background: #0063b1; /* Old browsers */
background: -moz-linear-gradient(left,  #0063b1 0%, #157f7b 20%, #d9d728 40%, #fa963f 60%, #e60777 80%, #e5017f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0063b1), color-stop(20%,#157f7b), color-stop(40%,#d9d728), color-stop(60%,#fa963f), color-stop(80%,#e60777), color-stop(100%,#e5017f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* IE10+ */
background: linear-gradient(to right,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063b1', endColorstr='#e5017f',GradientType=1 );
	color: #fff;
}

#products .menu li.birthday a:hover, #products .menu li.birthday a:active
{
	background: #0063b1; /* Old browsers */
background: -moz-linear-gradient(left,  #0063b1 0%, #157f7b 20%, #d9d728 40%, #fa963f 60%, #e60777 80%, #e5017f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0063b1), color-stop(20%,#157f7b), color-stop(40%,#d9d728), color-stop(60%,#fa963f), color-stop(80%,#e60777), color-stop(100%,#e5017f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* IE10+ */
background: linear-gradient(to right,  #0063b1 0%,#157f7b 20%,#d9d728 40%,#fa963f 60%,#e60777 80%,#e5017f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063b1', endColorstr='#e5017f',GradientType=1 );
	color: #fff;
}

#products ul.details
{
	width: 834px;
	height: 420px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	list-style-type: none;
}

#products .details li
{
	padding: 0;
	margin: 0;
	width: 700px;
	height: 420px;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

#products .details li.active
{
	display: list-item !important;
}

#products .details li.over
{
	display: list-item !important;
	z-index: 100;
}

#products .details li.red,
#accordion ol li.red div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-RED.jpg) no-repeat right top;
}

#products .details li.green,
#accordion ol li.green div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-GREEN.jpg) no-repeat right top;
}

#products .details li.pink,
#accordion ol li.pink div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-PINK.jpg) no-repeat right top;
}

#products .details li.blue,
#accordion ol li.blue div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-BLUE.jpg) no-repeat right top;
}

#products .details li.white,
#accordion ol li.white div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-WHITE.jpg) no-repeat right top;
}

#products .details li.yellow,
#accordion ol li.yellow div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-YELLOW.jpg) no-repeat right top;
}

#products .details li.mixed,
#accordion ol li.mixed div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-MULTI.jpg) no-repeat right top;
}

#products .details li.birthday,
#accordion ol li.birthday div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-COLOUR-CHANGE.jpg) no-repeat right top;
}

#accordion ol li.birthday.tune div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-TUNE.jpg) no-repeat right top;
}


#accordion ol li.cc-pack div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-15PK-CC.jpg) no-repeat right top;
}

#accordion ol li.white-pack div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-15PK-WHITE.jpg) no-repeat right top;
}

#accordion ol li.mixed-pack div
{
	background: url(../images/2167_BALLOOMINATE_PRODUCT_SLIDES-15PK-MIXED.jpg) no-repeat right top;
}

.carousel_outer {
	position: relative;
}

img.buy-now-img {
	width: 85px !important;
	height: 85px !important;
	position: absolute;
	top: -110px;
	z-index: 100;
}

.carousel_outer img.buy-now-img {
	width: 85px !important;
	height: 85px !important;
	position: absolute;
	top: auto;
	bottom: 30px;
	left: 50px;
	z-index: 100;
}

img.symbol {
	width: 50px !important;
	height: 55px !important;
}

#products .details li h2
{
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin: 140px 0 0;
	padding: 68px 0 0 4px;
	width: 144px;
}

#products .details li.red h2
{
	background: url(../images/h2-products-red.png) no-repeat 0 0;
}

#products .details li.green h2
{
	background: url(../images/h2-products-green.png) no-repeat 0 0;
}

#products .details li.pink h2
{
	background: url(../images/h2-products-pink.png) no-repeat 0 0;
}

#products .details li.blue h2
{
	background: url(../images/h2-products-blue.png) no-repeat 0 0;
}

#products .details li.white h2
{
	background: url(../images/h2-products-white.png) no-repeat 0 0;
}

#products .details li.yellow h2
{
	background: url(../images/h2-products-yellow.png) no-repeat 0 0;
}

#products .details li.mixed h2
{
	background: url(../images/h2-products-mixed.png) no-repeat 0 0;
}

#products .details li.birthday h2
{
	background: url(../images/h2-products-birthday.png) no-repeat 0 0;
}

#products .details li p
{
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	margin: 0 0 14px;
	padding: 0 0 0 4px;
	width: 144px;
}

#products .details li ul
{
	height: auto;
	position: relative;
	list-style-type: disc;
	padding: 0 0 0 4px;
	margin: 0 0 0 16px;
	width: 144px;
}

#products .details li li
{
	margin: 0;
	padding: 0;
	display: list-item;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	width: auto;
	height: auto;
	position: relative;
}

#how
{
	margin: 0;
	padding: 32px 32px 32px 0;
}

#how .text
{
	width: 230px;
	margin: 0;
	padding: 16px 0 0;
	float: left;
}

#how .steps
{
	float: right;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 0;
}

#how .steps th
{
	text-align: center;
	padding: 0 3px;
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;
	color: #ec008c;
	font-weight: normal;
}

#how .steps td
{
	text-align: center;
	padding: 0 3px 3px;
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;
	color: #fff;
}

#retailer
{
	margin: 0;
	padding: 0;
	background: url(../images/retailer-bg.jpg) no-repeat right top;
	height: 316px;
	overflow-y: auto;
}

#retailer .text
{
	width: 364px;
	margin: 0;
	padding: 48px 0 0;
}

#balloonatune
{
	margin: 0;
	padding: 0;
	background: url(../images/balloonatune-bg.jpg) no-repeat right top;
	height: 316px;
	overflow-y: auto;
}

#balloonatune .text
{
	width: 400px;
	margin: 0;
	padding: 48px 0 0;
}

#contact
{
	margin: 0;
	padding: 48px 32px 32px 0;
}

#contact .text
{
	width: 420px;
	margin: 0;
	padding: 0;
	float: left;
}

#contact form
{
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
}

#contact form #error
{
	position: absolute;
	left: 0;
	font-size: 13px;
	line-height: 16px;
	color: #f30;
	font-weight: bold;
	bottom: 10px;
}

#contact .form
{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 0;
}

#contact .form th
{
	text-align: left;
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	padding: 0 0 2px;
}

#contact .form td
{
	text-align: left;
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	padding: 0 0 7px;
}

#contact .form td.lastfield
{
	padding: 0 0 4px;
}

#contact .form td.submit
{
	text-align: right;
}

#contact .form input
{
	width: 260px;
	border: 1px solid #fff;
	background-color: #002650;
	padding: 2px;
	color: #fff;
	font-size: 13px;
	line-height: 17px;
}

#contact .form input:focus
{
	outline: none;
	border: 1px solid #ccc;
}

#contact .form textarea
{
	width: 260px;
	border: 1px solid #fff;
	background-color: #002650;
	height: 84px;
	padding: 2px;
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	margin: 0;
}

#contact .form textarea:focus
{
	outline: none;
	border: 1px solid #ccc;
}

#contact .form button
{
	border-style: none;
	background-color: #890051;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
	margin: 0;
	line-height: 1;
}

#contact .form button::-moz-focus-inner
{
	padding: 0 !important;
}

#contact .form button::-moz-focus-outer
{
	padding: 0 !important;
}

#contact .form button:hover
{
	background-color: #ec008c;
}

#features
{
	margin: 0;
	padding: 0;
	height: 234px;
	z-index: 1;
	clear: both;
	position: relative;
}

#features .range,
#features .balloonatune,
#features .works
{
	width: 304px;
	height: 235px;
	margin: 0 23px 0 0;
	padding: 0;
	float: left;
	overflow: hidden;
}

#features .balloonatune {
	margin-top: 40px;
}

#features .works {
	margin-right: 0;
	width: 314px;
	position: absolute;
	right: -8px;
	top: 0;
}

#features .range a
{
	margin: 0;
	padding: 105px 200px 50px 13px;
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
}

#features .balloonatune a
{
	margin: 0;
	padding: 63px 180px 50px 13px;
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
}

#features .range a:link, #features .range a:visited
{
	background: url(../images/new-box-product-range.png) no-repeat 0 -40px;
}

#features .range a.active:link, #features .range a.active:visited
{
	background: url(../images/new-box-product-range.png) no-repeat 0 -331px;
}

#features .range a:hover, #features .range a:active
{
	background: url(../images/new-box-product-range.png) no-repeat 0 -331px;
}

#features .balloonatune a:link, #features .balloonatune a:visited
{
	background: url(../images/box-product-balloonatune.png) no-repeat 0 -40px;
}

#features .balloonatune a.active:link, #features .balloonatune a.active:visited
{
	background: url(../images/box-product-balloonatune.png) no-repeat 0 -274px;
}

#features .balloonatune a:hover, #features .balloonatune a:active
{
	background: url(../images/box-product-balloonatune.png) no-repeat 0 -274px;
}

#features .works a
{
	margin: 0;
	padding: 105px 180px 60px 13px;
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
}

#features .works a:link, #features .works a:visited
{
	background: url(../images/box-how-works.png) no-repeat 0 0;
}

#features .works a.active:link, #features .works a.active:visited
{
	background: url(../images/box-how-works.png) no-repeat 0 -234px;
}

#features .works a:hover, #features .works a:active
{
	background: url(../images/box-how-works.png) no-repeat 0 -234px;
}

#retailers-wrap
{
	width: 100%;
	height: 110px;
	margin: 0 0 30px;
	padding: 0;
	display: block;
	clear: both;
	margin-bottom: 500px;
	display: none;
}

#retailers
{
	width: 960px;
	height: 110px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

#retailers h3
{
	color: #666;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 0 0 8px;
	padding: 8px 0 0 42px;
}

a#mycarousel-next{
	position: absolute;
    top: 16px;
    right: -32px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../scripts/jcarousel/skins/tango/next-horizontal.png) no-repeat 0 0;
}

a#mycarousel-prev{
	position: absolute;
    top: 16px;
    left: -32px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../scripts/jcarousel/skins/tango/prev-horizontal.png) no-repeat 0 0;
}

#credits-wrap
{
	width: 968px;
	padding: 0;
	margin: 500px auto 30px;
}

#credits
{
	text-align: left;
	margin: 0px;
	padding: 4px 0 0;
	border-top: 2px groove #fff;
}

#credits p
{
	color: #f3f3f3;
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0;
}

#credits p.left
{
	float: left;
}

#credits p.right
{
	float: right;
}

#credits p a:link, #credits p a:visited
{
	color: #f3f3f3;
	text-decoration: none;
}

#credits p a:hover, #credits p a:active
{
	color: #f3f3f3;
	text-decoration: underline;
}

#fade
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

#response
{
	width: 432px;
	margin: 0 0 0 -216px;
	padding: 24px 16px 8px;
	position: absolute;
	top: 200px;
	z-index: 1002;
	left: 50%;
	background-color: #000;
	text-align: left;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

#response div
{
	background: url(../images/response.gif) no-repeat left top;
	padding: 0 0 0 70px;
	margin: 0;
}

#response h2
{
	margin: 0 0 12px;
	padding: 0;
	width: 312px;
	height: 23px;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo-fsm.png) no-repeat;
}

#response h3
{
	color: #fff;
	margin: 0 0 6px;
	padding: 0;
	font-size: 15px;
}

#response p
{
	color: #fff;
	margin: 0 0 16px;
	padding: 0;
	font-size: 14px;
	line-height: 19px;
}

#response p.close
{
}

#response p.close a
{
	color: #666;
	font: 13px Verdana, sans-serif;
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../images/bg-close.png) no-repeat left center;
	text-decoration: none;
}
	
/* @end */