/*========================================================

Collection of CSS 'tools' to clear browser defaults, attempt to achieve 
similar text rendering across different browsers and do a few other 
things besides...

For more info see allmarkedup.com

=========================================================*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; vertical-align:middle; }
a,a:visited { text-decoration:none; color:#000; }
a img,:link img,:visited img { border:none; }

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 65.2%; cursor:auto; }

h1 { font-size: 2.0em; font-weight: normal; margin: 0.6em 0em 0.8em 0em; padding: 0em; }
h2 { font-size: 1.4em; font-weight: normal; }
h3 { font-size: 1.2em; font-weight: normal; }
h4 { font-size: 1.2em; font-weight: normal; }
h5 { font-size: 1.0em; font-weight: bold; }
h6 { font-size: 0.8em; font-weight: bold;}
li { font-size: 1.2em; }
p { font-size: 1.2em; line-height: 1.6em; }
li > p { margin-top: 0.2em; }
pre, code { font-family: monospace; font-size: 1.0em; }
p code, h3 code { font-size: 1.0em; font-weight: bold; font-family: Monaco,"Courier New", Tahoma; }
p code { font-size: 1.1em; }
strong, b { font-weight: bold; }
em, i { font-weight:normal; font-style:italic; }

dl, dt, dd {
	margin:0;
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

.replace { text-indent: -10000px; }

.button { cursor:pointer; }
/*html {
	height: 100%;
	margin-bottom: 1px; 
}*/

/*========================================================

Global CSS file for Irregular Choice

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

body {
	font-family:arial, verdana, sans-serif;
/*	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";     */
	background:url('../cssimages/body_background.jpg') repeat-x;
	color: #393738;
}

@font-face {
	font-family: 'Cooper';
	src: url('/fonts/COOPERB0.eot');
}

@font-face {
	font-family: 'CooperFirefox';
	src: local("Cooper Std"), local("CooperBlackStd"), url('/fonts/CooperBlackStd.otf'), url('/fonts/COOPER.ttf');
}

#wrapper {
	width:940px;
	margin:0 auto;
	position:relative;
}

#debug {
	z-index: 9999;
}

/*===================================================================
HEADER
===================================================================*/

#header {
	width:940px;
	position:relative;
	z-index:2;
	height:115px;
}

#region_list {
	display:none;
}

/*===================================================================
BRANDING
===================================================================*/

#branding {
	position:absolute;
	top:0;
	left:0;
	margin:30px 0 0 0;
}

#branding a {
	display:block;
	width:178px;
	outline:none;
	height:97px;
	text-indent:-9999em;
	background:url('../cssimages/branding.png') no-repeat;
}

/*===================================================================
MAIN CONTENT CONTAINER
===================================================================*/
#maincontent {
	clear:both;
	margin: 0;
	z-index:1;
	position:relative;
}


.no_banner {
	margin:50px 0 0 0;
}

#ad_banner {
	clear:left;
	display:block;
	min-height:132px;
	padding:15px 0 15px;
	width:865px;
	margin:0 auto;
	z-index:0;
	position:relative;
}

p#change_region {
	margin:0;
	line-height:1.6em;
}

/*===================================================================
SITE CONTENT AREA CMS STYLES
===================================================================*/

#cmscontent {
	background:url("../cssimages/contentmain_bg.png") repeat-y;
	margin:0 auto;
	padding:40px 100px 20px;
	text-align:left;
	width:530px;
	position:relative;
}

#cmscontent .head_text {
	margin:50px 0 0 0;
	clear:left;
}

#cmscontent_top_image {
	background:url("../cssimages/contentmain_bg_top.png") no-repeat;
	height:20px;
	margin:0 auto;
	padding:0 100px;
	text-align:left;
	width:530px;
}

#cmscontent div#cmscontent_bear {
	position:absolute;
	left:-20px;
	top:-45px;
}

#cmscontent h1#main_page_title {
	color:#ea1d91;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
	font-size:3.2em;
	margin:0;
}

#cmscontent h2 {
	margin:10px 0;
	color:#000;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
	font-size:1.5em;
}

#cmscontent ul {
	margin:0 0 0 20px;
}

#cmscontent a {
	text-decoration:underline;
	color:#EA1D91;
}

#cmscontent table {
	width:100%;
	margin:20px 0 20px 0;
	border-collapse:collapse;
}

#cmscontent table td, #cmscontent table th {
	border:solid 1px #7A7A7A;
	padding:5px;
}

#cmscontent table td {
	text-align:center;
}

#cmscontent table tr.pink {
	background:#EAA0B7;
}

#cmscontent #gen_contact {
	margin:30px 0 0 0;
}

/*===================================================================
SITE SHOP AREA CONTENT STYLES
===================================================================*/

/*shop content initial structure*/

#shopcontent{
	background:url("../cssimages/checkout_bg.png") repeat-y;
	margin:0 auto;
	padding:20px 40px 20px 100px;
	position:relative;
	text-align:left;
	width:785px;
}

#shopcontent_top_image {
	background:url("../cssimages/checkout_bg_top.png") no-repeat;
	height:20px;
	margin:30px auto 0;
	text-align:left;
	width:923px;
}

#shopcontent div#shopcontent_bear {
	position:absolute;
	left:-30px;
	top:-45px;
}

#shopcontent h1#main_page_title {
	color:#ea1d91;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
	font-size:3.2em;
	margin:0;
}

#sitemap {
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
	font-size:1em;
	margin:0;
}

/*checkout initial structure*/

#checkoutcontent{
	background:url("../cssimages/checkout_bg.png") repeat-y;
	margin:0 auto;
	padding:20px 80px;
	position:relative;
	text-align:left;
	width:765px;
}

#checkoutcontent_top_image {
	background:url("../cssimages/checkout_bg_top.png") no-repeat;
	height:20px;
	margin:0px auto 0;
	text-align:left;
	width:923px;
}

#checkoutcontent div#checkoutcontent_bear {
	position:absolute;
	left:-30px;
	top:-45px;
}

#checkoutcontent h1#main_page_title {
	color:#ea1d91;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
	font-size:3.2em;
	margin:10px;
}

/*my account content initial structure*/

#myaccountcontent{
	background:url("../cssimages/checkout_bg.png") repeat-y;
	margin:0 auto;
	padding:20px 40px 40px 100px;
	position:relative;
	text-align:left;
	width:785px;
}

#myaccountcontent_top_image {
	background:url("../cssimages/checkout_bg_top.png") no-repeat;
	height:20px;
	margin:30px auto 0;
	text-align:left;
	width:923px;
}

#myaccountcontent div#myaccountcontent_bear {
	position:absolute;
	left:-30px;
	top:-45px;
}

#myaccountcontent h1#main_page_title {
	color:#ea1d91;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
	font-size:3.2em;
	margin:0;
	width:225px;
	float:left;
}
/*===================================================================
CATEGORY SECTION
===================================================================*/

#category_list {
	width:940px;
	margin:0 0 0 5px;
}

#category_list li {
	width:180px;
	height:180px;
	min-height: 180px !important;
	float:left;
	margin:0 0 10px 40px;
	list-style:none;
	text-align:center;
}

#category_list li img {
	vertical-align: middle;
}
/*===================================================================
PRODUCT LIST SECTION
===================================================================*/

#product_list {
	width:940px;
	margin:15px 0 0 30px;
}

#product_list h2 {
	margin: 0px 0px 20px 50px;
	font-family:"Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
	font-size: 2.2em;
	font-weight: bold;
	color: #EA1D91;
}

#product_list li {
	float:left;
	list-style:none;
	margin:0 0 10px 5px;
	text-align:center;
	width:210px;
}

#product_list li img {
	vertical-align: middle;
}

.listingscontent {
	clear:both;
	display:block;
}

/*Product Item Structure DIVS*/
.image_product_container {
	height:120px;
	width:210px;
	padding:10px 0 0 0;
}

.text_product_container {
	height:60px;
	width:210px;
}
/*This spaces the product image to the bottom of the container using a spacer gif in the code*/

.image_product_container img {
	vertical-align: middle; /* Set to middle because of different size images, temporary fix */
}

/*product price identification WAS AND NOW*/

.text_product_container span.was{
	text-decoration:line-through;
	margin:0 10px 0 0;
	color:#616161;
	font-size:0.8em;
	font-weight:bold;
}

.text_product_container span.now{
	color:red;
	font-size:0.8em;
	font-weight:bold;
}

.text_product_container span.price{
	color:#616161;
	font-size:0.8em;
}

.text_product_container .product_title{
	color:#000;
	font-size:0.9em;
	font-weight:bold;
}
/*Pagination*/

#pagination {
	float:left;
	margin:50px auto 0 auto;
	text-align:center;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
}
#pagination li{
	float:left;
	text-align:center;
	height:30px;
	width:200px;
	margin:0;
}

	
/*pagination back button*/

#pagination li.back {
	color:#FFFFFF;
	height:12px;
	padding:5px;
	text-transform:uppercase;
	width:55px;
	background:red;
	cursor:pointer;
}

#pagination li.back a {
	color: #FFFFFF;
}

/*pagination page navigation */

#pagination li.nav {
	width:750px;
	color:#2b518e;
	font-size:1.3em;
	text-align:center;
}

#pagination li.nav a {
	color:#2B518E;
}

#pagination li.nav span{
	text-decoration:underline;
	color:#2b518e;
	margin:0 5px;
}

#pagination li.nav span.current_page{
	text-decoration:none;
	font-size:1.7em;
	margin:0 2px;
	color:red;
}

#pagination li.nav span.current_page_side{
	text-decoration:none;
	font-size:1.3em;
	margin:0 2px;
}

#pagination li.view_all {
	color:#000;
	height:12px;
	padding:5px;
	text-transform:uppercase;
	text-decoration:underline;
	width:75px;
	cursor:pointer;
}

/*===================================================================
REGION & SEARCH FACILITY
===================================================================*/

#change_region a {
	font-size:0.8em;
	color:#C90704;
}

#search_avatar {
	position:absolute;
	top:20px;
	right:160px;
	display:block;
	height:69px;
	width:123px;
	background:url('../cssimages/search_avatar.png') no-repeat;
	z-index: 1;
}

#search_facility {
	position:absolute;
	right:0;
	text-align:right;
	top:10px;
	width:230px;
}

#search_facility form {
	margin:10px 0 0 0;
}

#search_facility input#keyword_search {
	width:138px;
	padding-left:12px;
	height:16px;
}

#search_facility input {
	border:solid 1px #C90704;
	padding:3px 0 3px 0;
}

#search_facility input.submit {
	color:#fff;
	background:#C90704;
	padding:4px 0 2px 0;
	margin:0 0 0 -5px;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
}

#region_list a {
	margin:0 0px 0 10px;
}

/*===================================================================
ACCOUNT FACILITY / MY ACCOUNT
===================================================================*/

/*---------------------------------My account nav---------------------------------*/

#account_nav ul {
	list-style:none;
}

#account_facility {
	position:absolute;
	top:110px;
	right:0; 
	list-style:none;
	font-weight:bold;
}

#account_facility li {
	float:left;
	margin:0 0 0 12px;
}

/*------------------login form------------------*/

#loginform dl {
	width:600px;
	clear:both;
}

#loginform dt {
	width:170px;
	float:left;
	clear:left;
	margin:0 0 10px 0;
}

#loginform dd {
	margin:0 0 10px 0;
}

#loginform dt, #loginform dd {
	font-size:1.2em;
}

#loginform dd input {
	border:1px solid #ccc;
	height:20px;
}

#loginform dd input.submit {
	float:left;
	background:#C90704;
	color:#fff;
	margin:0 10px 0 0;
	border:solid 1px #C90704;
	padding:2px 5px 18px;
	font-size:1em;
}

#loginform .forgotten {
	background:#C90704 none repeat scroll 0 0;
	color:#FFFFFF;
	float:left;
	font-size:1em;
	margin:0 20px 0 0;
	padding:4px 5px 2px 5px;
}

#failure {
	margin:30px 0 0 0;
}

div.warning {
	background-color: #ff0090;
	padding: 15px;
	margin: 0 0 15px 0;
}

div.success {
background-color:#7ec31b;
margin:0 0 15px;
padding:15px;
}

.warning a {
	color:#fff;
}

.warning h3  {
	color:#FFFFFF;
	font-size: 2.2em;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
}

p.warning {
	color:#FFFFFF;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
	font-size:1.3em;
}

div.confirmation {
	background-color: #d1f6ff;
	padding: 15px;
	margin: 0 0 15px 0;
}

.confirmation h3  {
	color:#EA1D91;
	font-size: 2.2em;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
}

p.confirmation {
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
	font-size:1.3em;
}

/*===================================================================
FOOTER
===================================================================*/

#footer {
	clear:both;
	background:#D8ECF3;
	/*background: #a7f1c6;*/
}

#footer span{
	display: block;
	float: left;
	height: 55px;
	width:210px;
	margin:0;
	padding:0;
}

#footer a#twitter {
	padding:0 5px 0 5px;
	border-right:0;
}

#footer a#facebook {
	padding:0 5px 0 5px;
	border-right:0;
}

#footer a#myspace {
	padding:0 5px 0 5px;
	border-right:0;
}

#footer a#digg {
	padding:0 5px 0 5px;
	border-right:0;
}

#footer a#reddit {
	padding:0 5px 0 5px;
	border-right:0;
}

#footer a#delicious {
	padding:0 5px 0 5px;
	border-right:0;
}

#footer a#strawberrysoup {
	background: url('http://image.irregularchoice.com/shop/images/SS_ICON_NOACTION_STATE.png');
/*	display: inline-block;*/
/*	width: 9px;*/
/*	height: 20px;*/
	text-indent: -99999px;
}

#footer a#strawberysoup:hover {
	background: url('http://image.irregularchoice.com/shop/images/SS_ICON_OVER_STATE.png');
}


#footer p {
	font-size:1em;
	text-align:center;
	padding:10px 0 5px 0;
	width:940px;
	margin:0 auto;
	/*color:#6D6D6D;*/
	color:#333333;
}

#footer p a {
	border-right:solid 1px #818181;
	padding:0 5px 0 5px;
	line-height:2.5em;
	color:#6D6D6D;
}

#footer .strawberrysoup {
	border-right: 0px;
}

.success h1 {
	color:#EA1D91;
	font-family:"Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
	font-size:3.2em;
	margin:10px;
}

.success {
	font-family:"Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
	margin:30px 0 70px;
	font-size:12px;
}

#view_my_account a {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#EA1D91;
	border:medium none;
	color:#FFFFFF;
	float:left;
	font-family:"Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
	font-size:1.5em;
	height:15px;
	margin:10px 0;
	padding:10px;
	width:190px;
	text-align:center;
}

#continue_shopping a {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#9ED8E7;
	border:medium none;
	color:#FFFFFF;
	float:right;
	font-family:"Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
	font-size:1.5em;
	height:15px;
	margin:10px 0;
	padding:10px;
	width:190px;
	text-align:center;
}



/*** ESSENTIAL STYLES ***/

.sub_menu {
	display:none;
	visibility: hidden;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index:999;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
/*	padding: 10px 8px 15px 15px;*/
	visibility:visible;
	z-index:1;
/*	-moz-border-radius-bottomleft: 17px;*/
/*	-moz-border-radius-topright: 17px;*/
/*	-webkit-border-top-right-radius: 17px;*/
/*	-webkit-border-bottom-left-radius: 17px;*/
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*===================================================================
NAVIGATION
===================================================================*/

.navigation {
	left:185px;
	position:absolute;
	top:58px;
	width:560px;
	z-index: 3;
}

.navigation li.nav_home:hover {
	background: url('/images/header_button/home_GB_hover.png') no-repeat 0 0;	
}

.navigation li.nav_womens:hover {
	background: url('/images/header_button/womens_GB_hover.png') no-repeat 0 0;
}

.navigation li.nav_womens {
	height:38px;
	width:110px;
	/*background: url('/images/header_button/womens_GB.png') no-repeat 0 0;*/
}

.navigation li.nav_vip {
	height:38px;
	width:75px;
}

.navigation li.nav_home a.sf-with-ul {
	/*margin: -9999px;*/
	display:block;
}

.navigation li.nav_womens a.sf-with-ul {
	/*margin: -9999px;*/
	display:block;
}

.navigation li.nav_mens:hover {
	background: url('/images/header_button/mens_GB_hover.png') no-repeat 0 0;
}

.navigation li.nav_mens {
	height:38px;
	width:83px;
	/*background: url('/images/header_button/mens_GB.png') no-repeat 0 0;*/
}

.navigation li.nav_arrivals {
	height:38px;
	width:178px;
}
.navigation li.nav_arrivals:hover { background: url('/images/header_button/arrivals_GB_hover.png'); }

.navigation li.nav_my_ic {
	height:38px;
	width: 89px;
}
.navigation li.nav_my_ic:hover { background: url('/images/header_button/my_ic_GB_hover.png'); }

.navigation li.nav_mens a.sf-with-ul {
	/*margin: -9999px;*/
	display:block;
}

.navigation li.nav_kids a.sf-with-ul {
	/*margin: -9999px;*/
	display:block;
}

.navigation li {
	list-style:none;
	float:left;
	margin:0 0px 0 0;
}

.navigation ul {
	position:absolute;
	top: 36px;
	width:227px;
	z-index:999;
	margin: 0 0 0 -2px;
}

.navigation ul li {
	float:none;
}

.navigation li a {
	font-size: 1.0em;
}

.navigation li a:hover {
	color:red;
}

.sub_menu li{
	background:url("../cssimages/dropmenu_bg.png") repeat-y ;
	padding:5px 20px 1px;
	font-family:"Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
	margin:0 3px;
}
.sub_menu li a{
	border-bottom:2px solid #E8F6F9;
	display:block;
	width:185px;
}

li.dropdown_top {
	background:url("../cssimages/dropmenu_top.png") no-repeat 0 0;
	height:5px;
	border:none;
}

li.dropdown_bottom {
	background:url("../cssimages/dropmenu_bottom.png") no-repeat 0 0;
	height:20px;
	border:none;
}


#popup {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#popup #cover {
	height: 100%;
	width: 100%;
	background: #db2bb4;
	position: fixed;
	top: 0;
	opacity: 0.9;
	z-index: 50;
}
#popup #panel {
	position: relative;
	z-index: 99;
	margin: 0 auto;
	background: white;
	width: 476px;
	height: 400px;
	margin-top: 10%;
	background: white;
}
#popup #panel #character {
	display: block;
	width:300px;
	height: 400px;
	position: absolute;
	left: -250px;
	bottom: -40px;
	background: url(../images/characters/strip.png);
	z-index: 15;
}
#popup #panel #content {
	height: 100%;
}
#popup #panel #topbar, #bottombar, #leftbar, #rightbar {
	display: block;
	position: absolute;
	background-position: 0px 0px;
	z-index: 11;
}
#popup #panel #topbar {
	height: 13px;
	width: 98%;
	position: absolute;
	left:1%;
	top: -3px;
	background: url(../images/popup-x.png);
}
#popup #panel #bottombar {
	height: 13px;
	width: 98%;
	left: 1%;
	bottom: -4px;
	background: url(../images/popup-x.png);
}
#popup #panel #leftbar {
	width: 13px;
	height: 98%;
	left: -5px;
	top: 1%;
	background: url(../images/popup-y.png);
}
#popup #panel #rightbar {
	width: 13px;
	height: 98%;
	top: 1%;
	right: -5px;
	background: url(../images/popup-y.png);
}
#popup #panel .topleft, .bottomleft, .bottomright, .topright, .ui-resizable-handle {
	diplay: block;
	background: url(../images/popup_sprites.png) no-repeat;
	position: absolute;
	z-index: 12;
}
#popup #panel .topleft {
	width: 44px;
	height: 48px;
	top: -11px;
	left: -7px;
}
#popup #panel .bottomleft {
	width: 44px;
	height: 48px;
	bottom: -11px;
	left: -7px;
	background-position: 0 -47px;
}
#popup #panel .topright {
	width: 50px;
	height: 48px;
	top: -12px;
	right: -10px;
	background-position: -43px 0;
	cursor: pointer;
}
#popup #panel .bottomright {
	width: 50px;
	height: 42px;
	bottom: -7px;
	right: -11px;
	background-position: -43px -49px;
}
#popup #panel .ui-resizable-se {
/*  width: 50px;*/
/*  height: 42px;*/
width: 0;
height: 0;
	bottom: -7px;
	right: -11px;
	background-position: -43px -49px;
	cursor: se-resize;
	display: none;
}
#popup #panel.ui-resizable-disabled {
}
#popup #panel.ui-resizable-disabled .ui-resizable-se {
	display: none;
}
#popup #panel h2 {
	font-family: "Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
	font-size: 2em;
}
#popup #panel /* dt {
	float: left;
	height: 30px;
	text-align: right;
	margin-right: 10px;
	clear: left;
	width: 100px;
}
#popup #panel dd {
	float: left;
	height: 30px;
	text-align: right;
	margin-right: 10px;
}
#popup #panel */ {
}
#popup #panel #loading {
	display: block;
	width:309px;
	height: 340px;
	position: absolute;
	left:109px;
	top: 30px;
	background: white;
}
 .centered {
	text-align: center;
}
 .two_pane {
}
.two_pane .left {
	width: 67%;
	float: left;
	padding: 46px 0 0 40px;
	overflow: hidden;
}
.two_pane .left h1 {
	font-size: 24px;
	font-family: "Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
	color: #ea1e92;
}
.two_pane .right {
	width: 24%;
	padding: 30px 7px;
	float: right;
}
.two_pane .right h4 {
	font-family: "Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
}
.two_pane .right .bar {
	display: block;
	width:13px;
	height: 100%;
	background: url(../images/popup-y.png);
	position: absolute;
	left:71%;
	top: 0;
	z-index: 10;
}
.two_pane .right li {
	list-style: 1.2em;
}
.two_pane .right ul.accordian {
	list-style: none;
	font-size: 20px;
}
.two_pane .right ul.accordian li span {
	color: red;
	font-family: "Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
	font-weight: 700;
	cursor: pointer;
}
.two_pane .right ul.accordian ul {
	list-style: none;
	font-size: 0.8em;
	display: none;
}
.two_pane .right ul.accordian ul li {
	color: black;
}
 .page {
	position: absolute;
	left:0;
	top: 23px;
	width: auto;
	margin-right: 8px;
	overflow: auto;
	height: 75%;
	padding: 23px 20px 20px;
}
.page.character {
	margin-left: 35px;
}
.page.autoH {
	height: auto;
}
.page h1 {
	font-family: "Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
	font-size: 2.2em;
	color: #ea1e92;
}
.page .strong {
	font-weight: 700;
	font-family: "Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
}
.page li {
	margin-left: 10px;
	line-height: 1.5em;
}
.page form {
	margin-left: 10px;
}
.page form dt {
	margin: 14px 0 4px;
}
.page form dt label {
	font-size: 1.2em;
	color: #ea1e92;
	font-family: "Cooper","CooperFirefox","Cooper Std","CooperBlackStd","arial";
}
.page form input {
	width: 90%;
	font-size: 16px;
}
.page form .button {
	background: url('../images/submit.png');
	text-indent: -99999px;
	display: block;
	width:224px;
	height: 24px;
}
.page #popup_footer {
	font-size: 10px;
	color: #333;
}
.page .center {
	margin: 0 auto;
	text-align: center;
}

/*.store {
	cursor:pointer;	margin-bottom:10px;
	padding:0 0px 10px 0px;
	margin:0 10px 10px 0;
	border-bottom:solid 1px #E40006;
}

.store_photo_thumb {
	float:left;
}*/

.store_wrap {
	width: 10000px;
}
	
.store {
	width: 445px;
	text-align: center;
	float: left;
}
		
.store	h2 {
	font-size: 1.6em;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
	margin: 20px 0 20px;
}	
.store .group img {
	cursor: pointer;
}

#stockist_results {
	width:650px;
}

.stockist_box {
	width:100px;
	float:left;
	margin:10px 10px 0 0;
	padding:5px;
	border:solid 1px #DB35BB;
	height:60px;
	min-height:60px !important;
}

#return_image {
	position:absolute;
	top:35px;
}

/*===================================================================
MY ACCOUNT RETURN / EXCHANGE POPUP
===================================================================*/

#returnorexchange, #exchange, #return {
	padding:30px 40px 0 40px;
}

#returnorexchange h2, #exchange h2, #return h2 {
	color:#EA1D91;
}

#returnorexchange #item {
	background:#ECFBFE;
	padding:10px;
	margin:0 0 30px 0;
}

#returnorexchange #item_title {
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
	font-size:1.4em;
}

#returnorexchange #request_exchange {
	width:158px;
	height:30px;
	float:left;
}

#returnorexchange #request_return {
	width:158px;
	float:right;
}

#returnorexchange #request_exchange a, #returnorexchange #request_return a {
	text-indent:-9999em;
	width:158px;
	height:30px;
	display:block;
}

#returnorexchange #request_exchange a {
	background:url('../cssimages/exchange.jpg') no-repeat;
	cursor:pointer;
}

#returnorexchange #request_return a {
	background:url('../cssimages/return.jpg') no-repeat;
	cursor:pointer;
}

/*-------------------------------------------exchang-------------------------------------------e*/

#exchange p, #exchange dt, #return .cooper {
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
}

#exchange .instruction {
	color:#EA1D91;
}

#exchange textarea, #return textarea {
	width:400px;
}

#exchange dl input {
	width:392px;
	border:solid 1px #7c7c7c;
	padding:4px;
}

#exchange dd {
	margin:0 0 30px 0;
}

#exchange #backward {
	width:156px;
	float:left;
}

#exchange #submit_exchange {
	width:156px;
	float:right;
}

#exchange #backward a {
	text-indent:-9999em;
	display:block;
	width:156px;
	height:30px;
	background:url('../cssimages/backward.jpg') no-repeat;
}

#exchange #submit_exchange input {
	text-indent:-9999em;
	display:block;
	width:156px;
	height:30px;
	border:none;
	background:url('../cssimages/submit_exchange.jpg') no-repeat;
}

/*--------------------------------------returns--------------------------------------*/

#returns_number {
	background:#ECFBFE;
	font-size:3em;
	text-align:center;
	padding:10px;
	margin:0 0 20px 0;
}

#return textarea {
	margin:0 0 20px 0;
}

#return #return_orders {
	width:158px;
	height:30px;
	border:none;
	text-indent:-9999em;
	background:url('../cssimages/return_orders.jpg') no-repeat;
	float:right;
}

/*===================================================================
SIZE GUIDE POPUP
===================================================================*/

#content_popup table {
	width:100%;
	margin:20px 0 20px 0;
	border-collapse:collapse;
}

#content_popup table td, #content_popup table th {
	border:solid 1px #7A7A7A;
	padding:5px;
}

#content_popup table td {
	text-align:center;
}

#content_popup table tr.pink {
	background:#EAA0B7;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }
.ui-corner-left { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; font-size: 1.2em; text-align: center; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }