
/* ------------------RESETS---------------------*/

* {
	margin: 0;
	padding: 0;
}


img {
	padding:0;
	border: none !important;
	}

h1 {font-weight: bolder;}


body {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	color: #000;

	}
	
/*INPUT { font-family: "Courier New" Courier monospace; font-size: 10px;}
*/

.h {
	display:none;
}

.u {
	border-bottom:1px solid white;
}

.ub {
	border-bottom:1px solid black;
}

.ast{
	color:red;
}

#outerwrapper {
	width: 950px;
/*	min-width: 950; */
	height:575px;
	padding:10px;
	margin: 20px auto 2px auto;
/*	border:3px double gray; */
	background:white;
	position:relative;
	
	}

strong, b {
	font-weight: bold;
}
	
li {
list-style-type:none;
}
/*
@media print {
  body * {
    visibility:hidden;
  }
  #bc_alert, #bc_alert * {
    visibility:visible;
  }
  #bc_alert {
    position:absolute;
    width:750px;
    height:auto;
    left:0;
    top:0;
  }
}*/

/* HEADER 
----------------------------------------*/

#header {
/*	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
*/	width:100%;
	height:50px;
	padding:3px;
	float:left;
}

img#logo {
	float: left;
	position:relative;
	height:55px;
	}
	
ul#header_phone {
	float: left;
	font-size: 20px;
	top: -15px;
	left:0px;
	margin-bottom: 5px; 
	display: block;
	position:absolute;
	
	}
/*
ul#header_phone li {
	float: left;
	padding: 10px 15px;
	}

ul#header_phone li a {
	text-decoration: none;
	color: rgb(150,150,150);
	text-transform: uppercase;
	}
*/	
ul#header_bag {
	float: right;
	font-size: 85%;
	margin-top: 7px;
	margin-right:30px;
	margin-bottom: 5px;
/*	border:1px solid black;*/
	width:630px;
	}
	
#bag_img {
	cursor:pointer;
}

#bag_count{
	cursor:pointer;
}

ul#header_bag li {
	float: right;
	padding: 10px 10px 0px;
	position:relative;
	}

ul#header_bag li a {
	text-decoration: none;
	color: black;
	text-transform: uppercase;
	margin-top:-15px;
	}
ul#header_bag li a:hover {
	text-decoration: none;
	color: rgb(230,0,90);
	text-transform: uppercase;
	}

ul#header_bag li img {
	height:50px;
	left:0px;
	position:absolute;
	top:-12px;
	}
	
ul#header_bag li label {
	color:white;
	font-size: 12px;
	height:12px;
	width:40px;
	position:absolute;
	text-align: center;
	top:9px;
	left:5px;
	}


/* COLLECTIONS PAGE CONTENT
----------------------------------------*/

#content {
	clear: left;
	padding: 0 !important;
	margin: 5px 0  0 0!important;
	}

#content #col_alpha {
/*	border:1px solid red; */
	float: left;
	height:475px;
	margin:5px 0px 5px 5px;
	width: 510px;
	}

#alpha_top{
/*	border:1px dotted green; */
/*	border-bottom:2px dashed rgb(150,150,150); */
	height:300px;
	margin: 5px auto 5px auto;
	position:relative;
	width:475px;
	}

#alpha_top #caption{
 	height:50px;
	left:90px;
	position:absolute;
	top:10px;
	width:220px;
	}	
	
#alpha_top #caption h1{
	font-size:14px;
	text-transform: uppercase;
	}
	

#alpha_top #caption p{
	font-size:12px;
	}

	
#alpha_top #main_pic{
/*	border:1px dotted green;	*/
/*	border-bottom:2px dashed rgb(150,150,150); */
	height:275px;
	margin-top: 5px;
	margin-left:35px;
	position:relative;
	top:25px;
	}
	
#alpha_top #notavailable_container{	
	position:absolute;
	font-size:16px;
	text-transform: uppercase;
	background:rgba(50,50,50,0.25);
	color:white;
	text-align: center;
	overflow: hidden;
	width:130px;
	height:100px;
	left:170px;
	top:120px;
	z-index: 500000;
	display:none;
}

#alpha_top #notavailable{	
	position:relative;
	text-align: center;
	line-height: 20px;
	margin-top:30px;
	display: block;
/*	border:1px solid black;*/
}

#alpha_bottom{
/*	border:1px dotted green; */
	height:150px;
	margin: 5px auto 5px auto;
	width:475px;
	}

	
#alpha_bottom .grid_container{
/*	border: 1px dotted blue; */
	height:105px;
	margin:10px auto 5px auto;
	width:295px;
	position:relative;
	}
	
	
#alpha_bottom .slider_right{
	position:absolute;
	left:295px;
	top:45px;
	cursor:pointer;
	padding-right:5px;
	padding-left:5px;
	border:1px solid white;
	z-index: 15000;
	}

	
#alpha_bottom .slider_right img{
	height:20px;
	}
	
#alpha_bottom .slider_left{
	position:absolute;
	left:-15px;
	top:45px;
	cursor:pointer;
	padding-right:5px;
	padding-left:5px;
	border:1px solid white;
	z-index: 15000;
	}

	
#alpha_bottom .slider_left img{
	height:20px;
	}
	
	
#alpha_bottom .grid{
/*	border: 1px solid blue; */
	height:100px;
	margin:10px auto 5px auto;
	padding-top:0px;
	width:295px;
	position:absolute;
	top:0px;
	left:0px;
	}
	
	
#alpha_bottom .grid .flavor{
	float:left;
	height:35px;
/*	border:1px solid pink; */
	padding: 0px 5px 15px 0px;
	position:relative;
	opacity:0.5;
	cusror:pointer;
	}
	
	
#alpha_bottom .grid .flavor img{
	height:34px;
	padding: 1px 3px 1px 4px;
	cusror:pointer;
	}
	
	
#alpha_bottom #collections_tracker{
/*	border: 1px dotted blue; */
	height:20px;
	margin:-5px auto 0px auto;
	text-align: center;
	width:450px;
	font-size: 13px;
	color:rgb(200,200,200);
	}

	
	
#alpha_bottom #collections_tracker a{
	color: rgb(200,200,200);
	padding: 0px 5px 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
	}

	
	
#content #col_beta {
/*	border:1px solid blue; */
	float: left;
	height:475px;
	margin:5px 0px 5px 5px;
	width: 425px;
	margin-top:15px;
	}
	
#beta_top{
	height:115px;
	margin: 5px auto 5px auto;
	position:relative;
	width:415px;
	z-index: 5000;
	top:180px;
	}
	
#beta_bottom{
/*	border:1px dotted green;  */
	height:320px; /*350px */
	margin: 5px auto 5px auto;
	position:relative;
	width:415px;
	}

#beta_bottom_content{
/*	border:1px dotted green;  */
	height:320px; /*350px */
	margin: 5px auto 5px auto;
	position:relative;
	width:415px;
	display:none;
	}
	
#box_controls {
/*	border:1px solid black; */
	position:absolute;
	top:150px;
	left:360px;
	width:55px;
	z-index: 999999;
}

#box_controls a{
	font-size:10px;
	border:1px solid gray;
	color:gray;
	
	display:block;
	float:left;
	padding:5px;
	margin-top:5px;
	width:50px;
	text-align: center;
	
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	cursor:default;
}


#box_controls a.acti{
	color:black;
	cursor:pointer;
	border-color:black;
}

#box_controls a.acti:hover{
	color:rgb(230,0,90);
	border-color:black;
}


	
#fill_options{
	position:relative;
	width:415px;
	margin-top:7px;
	margin-left:5px;
	z-index: 999999;
	}

#fill_options li label{
    font-size:10px;
    width: 50px;
    margin-right: .9em;
    margin-top:10px;
    display: inline;
	}
	
#fill_options li input{
    font-size:10px;
    width:18px;
    margin-right: 0.05em;
    text-align: left;
    display: inline;
	}
	
#content p {
	font-size: 85%;
}

/* COLLECTIONS PAGE - BOX OPTIONS
----------------------------------------*/
.step {
	
	background:rgb(230,230,230);
	font-size:14px;
	line-height: 25px;
	padding-left:5px;
	}

.stepi {
	
	background:rgb(230,230,230);
	font-size:12px;
	line-height: 15px;
	padding-left:5px;
	margin-left:15px;
	width:250px;
	}
	
#box_options{
	
	width:100%;
}


#box_options tr td{
	text-align: center;
	font-size:12px;
	position:relative;
	}

.box_option_desc{
	text-align: center;
	font-size:9px;
	color:black;
	height:15px;
	width:100%;
	text-transform: uppercase;
	position:relative;
	top:2px;
	}
	
.box_option_boks{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background:rgb(100,100,100);
	border:2px solid pink;
	margin-top:4px;
	margin-bottom:2px;
	}
	
.box_option_price{
	text-align: center;
	font-size:9px;
	color:white;
	height:15px;
	width:100%;
	position:absolute;
	top:22px;
	left:0px;
	}
	
.box_option_note{
	text-align: center;
	font-size:9px;
	color:black;
	height:15px;
	width:100%;
	position:absolute;
	top:72px;
	left:0px;
	padding-top:3px;
	}

.box_option_note_icon{
	position:relative;
	height:20px;
}
	
.box_option_note1{
	text-align: center;
	font-size:9px;
	color:black;
	height:15px;
	width:100%;
	position:absolute;
	top:54px;
	left:0px;
	border-bottom:1px dashed black;
	padding-top:3px;
	
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
.box_option{
	
	height:60px;
	width:70px;
	margin:2px auto 2px auto;
	padding:2px;
	background-size: 100%;
	position:relative;
	}
	
.box_option:hover{
	
	opacity:1.0;
	cursor:pointer;
	}


/* COLLECTIONS PAGE - BOX 
----------------------------------------*/


.box {
	border:1px solid gray;
/*	margin: 20px auto 5px 20px; */
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index: 999;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

.slot_container{
	
	border:1px dashed gray;
	position:relative;
	width:60px;
	height:25px;
	padding:3px;
	margin:2px;
	margin-right:1px;
	float:left;

	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}


.slot_container_blocked{
	
	border:1px dashed white;
	position:relative;
	width:60px;
	height:25px;
	padding:3px;
	margin:2px;
	margin-right:1px;
	float:left;

	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	}
	

.slot{
	
/*	background:red; */
	width:60px;
	height:25px;
}

.mac {
	z-index:2000;
	position:absolute;
	}

.delete_cross{
	height:12px;
	position:absolute;
	width:12px;
	opacity:0.75;
	margin-left:50px;
	margin-top:-3px;
	visibility: hidden;
	z-index:3000;
	}

.mini6{
		
	width:23px;
	height:77px;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);

	background:white;	
}

.mini12{	
	width:57px;
	height:48px;
	background:white;	
}

.mini24{	
	width:75px;
	height:70px;
	background:white;	
}

.miniRotated {
	
transform:rotate(90deg) scale(0.3);
-ms-transform:rotate(90deg) scale(0.3); 
-moz-transform:rotate(90deg) scale(0.3);
-webkit-transform:rotate(90deg) scale(0.3);
-o-transform:rotate(90deg) scale(0.3); 

background:white;
}



.mini {
	
	width:23px;
	height:77px;	
	background:white;
}

/* MINI BOX PICTURES */

.mini_box{
	
	position:relative;
	display:block;
	height:auto;
	
	margin-right:auto;
	margin-left:auto;
	
	margin-top:5px;
	margin-bottom: 5px;
	
	border:1px solid black;
	overflow: hidden;
	
	border:1px solid gray;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	
	cursor:pointer;
}

.mini_box .flav{
	position:relative;
	display:inline-block;
	width:14px;
	height:10px;
	margin:0px 1px 0px 1px;
	border:none;
	float:left;
	
	border:1px dashed rgb(200,200,200) !important;
	
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.mini_box .flav.empty{
	border:none !important;
	width:16px;
	height:12px;
	}

.mini_box.rotated{
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */
}



/* COLLECTIONS PAGE - ADD_ONS 
----------------------------------------*/

#add_ons{
	
	background:white;
	-moz-box-shadow: 5px 1px 2px #888;
	-webkit-box-shadow: 5px 1px 2px #888;
	-ms-box-shadow: 5px 1px 2px #888;
	-o-box-shadow: 5px 1px 2px #888;
	box-shadow: 5px 1px 2px #888;
	
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:530px;
	height:auto;
	
	overflow: hidden;
	
	font-size:13px;
	
	padding:10px;
	
	display:none;
	z-index: 999999 !important;
}


#add_ons h1{
	
	text-align:center;
	text-transform: uppercase;
	font-size:17px;
	border-bottom:20px;
	position:relative;
	color:rgb(230,0,90);
}

#addon_table_wrapper{
	    margin-top:10px;
	    position:relative;
            border: 1px solid #e3e3e3;
            background-color: rgb(245,245,245);
            border-radius: 6px;
   
  	    -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -o-border-radius: 6px;
	    -ms-border-radius: 6px;
	    /*height:475px;*/
	    width:525px;
	    overflow-y:scroll;
	
}

#add_ons_table {

	    
	    margin-top:10px;
	    position:relative;
    }

#add_ons_table td, #add_ons_table th {
            padding: 5px;
            color: #333;
            text-align: center;
    }
    
#add_ons_table thead {
            padding: .2em 0 .2em .5em;
       }
       
.add_on_sep{
	background:rgb(220,220,220);
	text-align: center;
	height:1px;
	line-height: 1px;
	border:0px;
	padding:0px !important;
	margin:0px;
}


#add_ons_continue{
	
	margin-top:7px;
	font-size:12px;
	font-weight: bolder;
	color:white;
	background:rgb(230,0,90);
	float:right;
	display:block;
}

#add_ons_no{
	
	margin-top:7px;
	font-size:12px;
	font-weight: bolder;
	color:white;
	background:rgb(100,100,100);
	float:right;
	display:block;
}

.noEdit {
	
	background:gray;
}


/* FOOTER 
----------------------------------------*/

#footer {
	background:black;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	-ms-box-shadow: 0px 1px 2px #888;
	-o-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
	width:100%;
	height:30px;
	padding:3px;
	float:left;
	position:relative;
	margin-top:10px;
}

#footer_slideIn {
	border:1px solid rgb(200,200,200);
	
	-moz-border-radius-topright: 20px 20px;
	-o-border-radius-topright: 20px 20px;
	-ms-border-radius-topright: 20px 20px;
	-webkit-border-radius-topright: 20px 20px;
	border-top-right-radius: 20px 20px;
	
	-moz-border-radius-topleft: 20px 20px;
	-o-border-radius-topleft: 20px 20px;
	-ms-border-radius-topleft: 20px 20px;
	-webkit-border-radius-topleft: 20px 20px;
	border-top-left-radius: 20px 20px;
	
	background:rgb(10,10,10);
	width:940px;
	height:18px;
	padding:3px;
	float:left;
	position:absolute;
	top:-27px;
	z-index: 60000;
}

#footer_slideOut {
	border:1px solid rgb(200,200,200);
	background:rgb(10,10,10);
	width:940px;
	height:73px;
	padding:3px;
	float:left;
	position:absolute;
	top:-82px;
	z-index: 60000;
}

#arrowUp{
	position:absolute;
	width:20px;
	height:20px;
	top:1px;
	left:470px;
	display:block;
	
}

.footer_slideOut_link_container{
	
	height:70px;
	position:relative;
	/*margin-left:auto;
	margin-right:auto;
	*/
	margin-left:115px;
	width:160px;
	/*padding-right:10px;*/
	border:1px double white;
	background:rgba(255,255,255,1);
	display:inline-block;
	
}

.footer_slideOut_link_container a img{
	
	width:160px;
	height:70px;
	position:absolute;
	top:0px;
	left:0px;
}

.footer_slideOut_link_container .cache{
	
	width:160px;
	height:70px;
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(50,50,50,0.4);
}

.footer_slideOut_link_container .title{
	
	width:120px;
	height:16px;
	position:absolute;
	text-align: center;
	top:45px;
	left:20px;
	color:white;
/*	background:rgba(50,50,50,0.5);
	border:1px double white; */
	line-height: 16px;
	vertical-align: bottom;
}




ul#footer_links {
	float: left;
	font-size:15px;
	margin-top: 0px;
	margin-left:10px;
	margin-bottom: 5px; 
	}

ul#footer_links li {
	float: left;
	padding-right:0px;
	
	height:30px;
	line-height:30px;
	vertical-align: middle;
	}

ul#footer_links li a {
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	font-size:12px;

	}
	
ul#footer_links li a:hover {
	text-decoration: none;
	color: rgb(230,0,90);
	text-transform: uppercase;
	}

ul#footer_social {
	float: right;
	position:relative;
	}

ul#footer_social li a{
	margin-right: 5px;
	}
	
#footer_macaron_club_input{	
	position:absolute;
	top:12px;
	left:-365px;
	padding:0;
	border:1px solid gray;
	color:gray;
	line-height: 16px;
	height:16px;
	width:148px;
	font-size:12px;
	z-Index:11000;
	text-transform: capitalize;
}

#footer_macaron_club_input_title{	
	position:absolute;
	top:-2px;
	left:-365px;
	padding:0;
/*	border:1px solid gray; */
	color:gray;
	text-align: justify;
	line-height: 15px;
	height:15px;
	width:165px;
	font-size:10px;
	z-Index:11000;
	text-transform: uppercase;
}

#footer_add_club{
	position:absolute;
	top:3px;
	left:-213px;
	padding:0;
	width:18px;
	z-Index:11000;
}
	
/* CART 
----------------------------------------*/

#cart{
	width:370px;
	overflow:hidden;
	background:white;
	position:absolute;
	top:50px;
	left:570px;
	display:none;
	z-index: 1999999;
	padding:5px;
	border:3px solid gray;
	
	-moz-box-shadow: 0px 3px 5px #888;
	-webkit-box-shadow: 0px 3px 5px #888;
	box-shadow: 0px 3px 5px #888;
	}
	
#cart_header{
	width:100%;
	border-bottom: 1px solid gray;
	overflow:hidden;
	}
	
#cart_close{
	display:inline;
	float:right;
	width:20px;
	cursor:pointer;
}

#cart ul li b{
	
	float:left;
	color:rgb(230,0,90);
}

#cart ul{display:block;}

#cart_items{
	
	position:relative;
	width:370px;
	margin: 0px auto 0px auto;
/*	border:1px solid red;	*/
}
.item{
	position:relative;
	margin:3px auto 3px auto;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px dashed gray;
	overflow:hidden;
}

.item_pic_container{
	
	float:left;
	width:95px;
	height:75px; 
	overflow: hidden;
	position:relative;
/*	border:1px solid blue;	*/
}

.item_content{
	
	float:right;
	width:255px;
/*	height:80px;	*/
	overflow: hidden;
/*	border:1px solid blue;	*/
	position: relative;
}
/*
.item_header{
	color:black;
	position:relative;
}
*/
.item_header_name{
	position:relative;
	float:left;
	margin-bottom:5px;
	margin-left:5px;
}

.item_header_b{
	text-transform: uppercase;	
	color:black !important;
	font-size:13px;
}

.item_header_price{
	position:relative;
	float:right;
}

.item_desc_title{
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:3px;
	font-size: 11px;
	width:135px;
	text-transform: uppercase;
/*	border:1px solid red; */
	}
	
.item_desc_price{
	position:relative;
	float:right;
	margin-top:3px;
	font-size: 11px;
	width:50px;
	text-align:right;
	}

.item_desc_detail{
	position:relative;
	float:left;
	margin-left:25px;
	font-size: 12px;
	width:160px;
/*	border:1px solid red; */
	font-style:italic;
	}


.item_qty_title{
	position:relative;
	float:left;
	margin-left:15px;
	margin-top:8px;
	font-size: 12px;
	width:170px;
/*	border:1px solid red; */
	}

.item_edits{
	position:relative;
	color:gray;
	float:left;
	margin-left:2px;
	margin-top:5px;
	font-size: 12px;
	width:170px;
	cursor:pointer;
}
	
.item_remove{
	position:relative;
	color:gray;
	float:left;
	margin-left:15px;
	margin-top:8px;
	font-size: 12px;
	cursor:pointer;
	}
	
.item_edit{
	position:relative;
	color:gray;
	float:left;
	margin-left:15px;
	margin-top:8px;
	font-size: 12px;
	cursor:pointer;
	}

#cart_total_bar{
	
	position:relative;
	width:370px;
	height:40px;
/*	pading:3px;*/
	margin-top:5px;
	background:rgb(230,0,90);
	color:white;
}

#cart_total_bar_items{
	position:relative;
	float:left;
	top:12px;
	margin-left:5px;
	font-size: 15px;
	text-transform: uppercase;
}

#cart_total_bar_subtotal{
	position:relative;
	float:right;
	top:12px;
	margin-right:5px;
	font-size: 15px;
	text-transform: uppercase;
}


#cart_checkout_bar{
	
	position:relative;
	width:370px;
	height:40px;
/*	pading:3px;*/
	margin-top:5px;
	color:black;
}

#cart_view_bag_div{
	position:relative;
	float:left;
	top:12px;
	margin-left:5px;
	font-size: 15px;
	text-transform: uppercase;
	
}

#cart_checkout_div{
	position:relative;
	float:right;
	top:12px;
	margin-right:5px;
	font-size: 15px;
	text-transform: uppercase;
}

#cart_view_bag {
	
	border-bottom:1px solid black;
	cursor:pointer;
}

#continue_shopping_container1{
	position:relative;
	width:170px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	font-size: 15px;
	text-transform: uppercase;
/*	display:none; */
}

#continue_shopping_one{
	border-bottom:1px solid black;
	cursor:pointer;
	display:block;
	text-align: center;
}

#continue_shopping_container{
	position:relative;
	width:167px;
	margin-top:30px;
	margin-left:auto;
	font-size: 15px;
	margin-right:auto;
	text-transform: uppercase;
}

#continue_shopping_two{
	border-bottom:1px solid black;
	cursor:pointer;
	display:block;
	text-align: center;
}

#cart_checkout{	
	margin-top:-5px;
	font-size:12px;
	font-weight: bolder;
	color:black;
	background:rgb(200,200,200);
	float:right;
	display:block;
}

/*#cart_checkout_infooter{
	position:absolute;
	left:-110px;
	top:1px;
	font-size:12px;
	font-weight: bolder;
	color:white;
	background:black;
	float:right;
	display:block;
}
*/
#cart_checkout_infooter{
	position:relative;
	float:right;
	margin-top:1px;
	font-size:12px;
	font-weight: bolder;
	color:white;
	background:black;
	float:right;
	display:block;
	
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-webkit-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;

}

	
/* MYBAG PAGE 
----------------------------------------*/

/*.ui-datepicker{ z-index: 500000 !important;}*/

#myBag{
	position:relative;
	float: left;
	height:485px;
	margin:5px 0px 5px 5px;
	width: 460px;
/*	border:1px solid black;*/
	overflow: hidden;
		
}

#myBag_top{
	width:450px;
	height:40px;
/*	border:1px solid red;	*/
	position:relative;
	margin:5px 0px 2px 5px;
}

#myBag_main{
	
	width:450px;
	height:250px;
/*	border:1px solid red;	*/
	border-top:5px solid rgb(50,50,50);
	border-bottom:5px solid rgb(50,50,50);
	padding:5px 0px 5px 0px;
	position:relative;
	margin:2px 0px 2px 5px;
}

#myBag_bottom{
	
	width:455px;
	height:auto;
	overflow: hidden;
/*	border:1px solid red;	*/
	position:relative;
	margin:2px 0px 5px 5px;
}

#myBag_title{
	
	position:relative;
	margin-left:10px;
	margin-top:5px;
	font-size:30px;
	color:rgb(20,20,20);
	float:left;
	text-transform: uppercase;
}


#myBag_items{
	
	overflow-y: auto;
	height:100%;
/*	border:1px solid blue;	*/
	position:relative;
	float:left;
	width:100%;
	margin-right:10px;
}

.myBag_item{
	position:relative;
	margin:3px auto 3px auto;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px dashed gray;
	overflow:hidden;
}

.myBag_item_pic_container{
	
	float:left;
	width:95px;
	height:75px; 
	overflow: hidden;
	position:relative;
/*	border:1px solid blue; */
	margin-left:-2px;
	margin-top:-5px;
	transform:scale(0.9,0.9);
	-ms-transform:scale(0.9,0.9); 
	-moz-transform:scale(0.9,0.9)
	-webkit-transform:scale(0.9,0.9)
	-o-transform:scale(0.9,0.9)
	
}

.myBag_item_content{
	
	float:left;
	width:200px;
	overflow: hidden;
/*	border:1px solid pink;   */
	position: relative;
	margin-right:5px;
}

/*
.myBag_item_header{
	color:black;
	position:relative;
}
*/


.myBag_item_header_name{
	position:relative;
	float:left;
	margin-bottom:5px;
	margin-left:5px;
	width:135px;
/*	border:1px solid blue;	*/
}

.myBag_item_header_b{
	text-transform: uppercase;	
	color:black !important;
	font-size:13px;
}

.myBag_item_header_price{
	position:relative;
	float:right;
	text-align: right;
}

.myBag_item_desc_title{
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:3px;
	font-size: 11px;
	width:135px;
	text-transform: uppercase;
/*	border:1px solid red; 	*/
	}
	
.myBag_item_desc_price{
	position:relative;
	float:right;
	margin-top:3px;
	font-size: 11px;
	text-align:right;
	}

.myBag_item_desc_detail{
	position:relative;
	float:left;
	margin-left:25px;
	font-size: 12px;
	width:250px;
/*	border:1px solid red; */
	font-style:italic;
	}

.myBag_item_qty_container{
	
	float:left;
	width:80px;
	height:75px;
	overflow: hidden;
	border-left:1px solid rgb(150,150,150);   
	border-right:1px solid rgb(150,150,150);   
	position: relative;
	margin-left:5px;
}


.myBag_item_qty_title{
	position:relative;
	float:left;
	margin-left:3px; 
	margin-top:0px;
	font-size: 12px;
	width:80px;
/*	border:1px solid red; */
	}
	

.myBag_item_edits{
	position:relative;
	color:gray;
	float:left;
	margin-left:3px;
/*	margin-top:5px; */
	font-size: 12px;
	width:70px;
	cursor:pointer;
}
	
.myBag_item_remove{
	position:relative;
	color:gray;
	float:left;
	margin-left:2px;
	margin-top:8px;
	font-size: 12px;
	cursor:pointer;
	width:70px;
	}
	
.myBag_item_edit{
	position:relative;
	color:gray;
	float:left;
	margin-left:2px;
	margin-top:8px;
	font-size: 12px;
	cursor:pointer;
	width:70px;
	}

.myBag_item_price{
	position:relative;
	color:black;
	float:right;
	margin-right:2px;
	font-size: 12px;
	cursor:pointer;
	color:rgb(230,0,90);
	}
	
#myBag_total_bar{
	
	position:relative;
	width:450px;
	height:30px;
/*	pading:3px;*/
	margin-top:5px;
/*	background:rgb(230,0,90); */
	background:rgb(230,230,230);
	color:black;
}

#myBag_total_bar_items{
	position:relative;
	float:left;
	top:5px;
	margin-left:5px;
	font-size: 15px;
	text-transform: uppercase;
}

#myBag_total_bar_subtotal{
	position:relative;
	float:right;
	padding:0;
	top:5px;
	margin-right:0px;
	width:12em;
	font-size: 15px;
	text-transform: uppercase;
}

#calculate_shipping{
	
	position:relative;
	margin-top:14px;
	font-size:12px;
	font-weight: bolder;
	color:black;
	opacity:0.25;
	background:rgb(200,200,200);
	float:right;
	display:block;
}

#prefill{
	
	position:relative;
	margin-top:0px;
	font-size:12px;
	font-weight: bolder;
	color:gray;
	/*background:rgb(200,200,200); */
	float:right;
	display:block;
	border:none;
	background:white;
	
}

/* DELIVERY BAR !!! */

#delivery_method_bar{
	position:relative;
	width:450px;
	height:35px;
/*	pading:3px;*/
/*	margin-top:5px; */
	font-size:13px;
	border-bottom:1px dashed gray;
	background:white;
	color:black;
}

#delivery_method_label{
	position:relative;
	width:120px;
	line-height:35px;
	font-size:13px;
	margin:0px 5px 0px 5px;
	vertical-align: middle;
	color:black;
	text-align: right;
}

#delivery_method_value{
	position:relative;
	width:100px;
	line-height:35px;
	font-size:13px;
	text-transform: uppercase;
	margin:0px 5px 0px 0px;
	vertical-align: middle;
	color:black;		
}

#delivery_method_price{
	position:relative;
	float:right;
	width:70px;
	text-align: right;
	line-height:35px;
	font-size:13px;
	vertical-align: middle;
	color:rgb(230,0,90);
/*	border:1px solid blue; */
}

/* PROMOTION CODE !!! */

#promotion_code_bar{
	position:relative;
	width:450px;
	height:35px;
/*	pading:3px;*/
/*	margin-top:5px; */
	border-bottom:1px dashed gray;
	font-size:13px;
	background:white;
	color:black;		
}

#promotion_code_label{
	position:relative;
	width:120px;
	line-height:35px;
	margin:0px 5px 0px 5px;
	vertical-align: middle;
	font-size:13px;
	color:black;
	text-align:right;
}

#promotion_code{
	position:relative;
	width:100px;
/*	line-height:35px; */
	margin:0px 5px 0px 0px;
	vertical-align: middle;
	font-size:13px;
	color:black;		
}

#promotion_code_apply{
	position:relative;
	width:100px;
	line-height:35px;
	font-size:13px;
	padding:5px;
	margin:0px 2px 0px 2px;
	vertical-align: middle;
	color:white;
	background:black;
}

#promotion_code_close{
/*	position:relative;
	width:15px;
	height:20px;
	line-height:13px;
	font-size:20px;
	padding:1px;
	margin:0px 2px 0px 2px;
	vertical-align: middle;
	text-align: center;
	color:rgb(210,0,90);
	font-weight:bold;
	border:1px dashed rgb(210,0,90);
*/	display:none;
}

#promotion_code_price{
	position:relative;
	float:right;
	width:70px;
	text-align: right;
	line-height:35px;
	font-size:13px;
	vertical-align: middle;
	color:rgb(230,0,90);
/*	border:1px solid blue; */
}



#myBag_total_order_bar{
	position:relative;
	width:450px;
	height:30px;
/*	pading:3px;*/
	margin-top:5px;
	background:rgb(230,0,90); 
	color:white;
}

#myBag_total_order_container{
	position:relative;
	float:right;
	top:5px;
	margin-right:5px;
	font-size: 15px;
	text-transform: uppercase;
}



.subtotals{
	text-align: right;
	display:inlin-block;
	float:right;
	width:63px;
}


.myBag_miniRotated {
	
transform:rotate(90deg) scale(0.4);
-ms-transform:rotate(90deg) scale(0.4); /* IE 9 */
-moz-transform:rotate(90deg) scale(0.4); /* Firefox */
-webkit-transform:rotate(90deg) scale(0.4); /* Safari and Chrome */
-o-transform:rotate(90deg) scale(0.4); /* Opera */

background:white;
}


.myBag_mini {
	

transform:scale(0.4);
-ms-transform:scale(0.4); 
-moz-transform:scale(0.4);
-webkit-transform:scale(0.4);
-o-transform:scale(0.4);

background:white;
}


#myBag_beta {
	position:relative;
/*	border:1px solid blue; */
	float: left;
	height:465px;
	margin:15px 0px 5px 30px;
	width: 440px;
	}


#myBag_beta_top {
	position:relative;
/*	border:1px solid blue; */
	float: left;
	height:auto;
	overflow-y: hidden;
	width:430px;
	margin: 5px auto 5px 5px;
	}


.myBag_beta_bottom {
	position:relative;
/*	border:1px solid blue;  */
	float: left;
	height:430px;
	width:430px;
	margin: 5px auto 5px 5px;
	overflow-y: hidden;
	}

#delivery_options{
	position:absolute;
	top:100px;
	width:100%;
/*	border:1px solid blue; */
	float:left;
}


.delivery_option{
	position:relative;
	width:120px;
	margin-left:17px;
/*	border:1px solid blue; */
	float:left;
	display:inline;
	cursor:pointer;
}

.delivery_option.unfocus{
	opacity:0.2;
}


.delivery_option label
{
position: relative;
display:block;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:rgb(200,200,200);
border:1px solid black;
width:120px;
height:30px;
line-height:12px;
font-size:14px;
text-align: center;
vertical-align: middle;
margin-top:5px;
}

#no_shipping{
	position: absolute;
	display:block;
	width:22px;
	top:30px;
	left:110px;
}

#no_delivery{
	position: absolute;
	display:block;
	width:22px;
	top:30px;
	right:-10px;
}



.delivery_option h1{display:none;} /*just an id # */

.delivery_option .ship_msg,.delivery_option .deliv_msg{
	
	position: absolute;
	display:block;
	top:50px;
	left:0px;
	width:120px;
	font-size:9px;
	color:black;
	text-transform: uppercase;
	text-align: center;
}

.delivery_option ul
{
list-style-type: square;
position:relative;
margin-top:0px;
margin-left:5px;
}


.delivery_option ul li
{
list-style-type: square;
position:relative;
font-size:11px;
margin-left:13px;
margin-top:2px;
margin-left:9px;
text-indent: -4px;
width:112px;
line-height:12px;
}

.delivery_option_form{
	
	position:relative;
	border-top:1px dashed gray;
	width:400px;
	margin:0px auto 5px auto;
/*	background:gray; */
	top:90px;
	overflow-y: auto;
	height:290px;
	display:none;
}



#validate_delivery_method{
	
	position:absolute;
	left: 180px;
	top: 380px;
	font-size:12px;
	font-weight: bolder;
	color:white;
	background:black;
	display:block;
	width:90px;
	z-index: 9999;
}

#validate_payment_info{
	
	position:absolute;
	left: 180px;
	top: 380px;
	font-size:12px;
	font-weight: bolder;
	color:white;
	background:black;
	display:block;
	width:90px;
}

#shipping_svc{
	
	width:130px;
}

.payment_wrapper {	
	position:relative;
/*	border:1px dashed black;*/
	width:400px;
	margin:0px auto 0px auto;
/*	background:gray; */
	top:0px;
	overflow-y: auto;
	height:375px;
}


/* ==========FORM STYLE======== */

.field_area{
	position:relative;
	display:block;
	float:left;
	width:100%;
	margin-top:4px;
	overflow:hidden;
}


.field_area .title{
	position:relative;
	display:block;
	float:left;
	font-size:12px;
	color:black;
	text-transform: uppercase;
	background:rgb(200,200,200);
	width:200px;
	margin:4px 100px 2px 0px;
	line-height: 15px;
	vertical-align: middle;
}

.field_area .field{
	position:relative;
	display:inline;
	float:left;
/*	width:140px; */
	margin-left:5px;
	margin-top:-3px;
/*	border:1px solid red;	*/
	height:45px;
}	



.field_area .field input{font-size:11px;}

.field_area .field span{
	font-size:12px;
	}

input:focus, input.sffocus { border:2px solid rgb(230,0,90); }

.field_area textarea{
height:2em;
}

textarea:focus, textarea.sffocus {
	border:2px solid rgb(230,0,90);
/*	height:2em; */
}

.field_area .field .label{
	position:relative;
	margin-top:5px;
	margin-bottom:1px;
	padding:0px;
/*	border:1px solid blue; */
	font-size:11px;
	color:black;
}

/*
.field_area .field input.onfocus{
	position:relative;
	display:inline;
	float:left;
	width:150px;
	margin:5px 5px 5px 5px;
	padding:0px;
	border:1px solid red;	
}
*/

div.ui-datepicker{
 font-size:11px;
}

.field_area .radios{
	position:relative;
	float:left;
	width:150px;
/*	border:1px solid blue; */
}

.field_area .radios .location{
	position:relative;
	float:left;
	width:150px;
/*	border:1px solid red; */
	margin-top:10px;
}

.field_area .radios .location .name{
	position:relative;
	float:left;
/*	width:150px; */
	font-size:12px;
	border-bottom:1px solid black;
	display:inline;
	cursor:pointer;
}
.field_area .radios .location input{
	position:relative;
	display:inline;
	float:right;
	width:20px;
	cursor:pointer;
}
.field_area .radios .location .desc{
	position:relative;
	display:inline;
	float:left;
	width:120px;
	font-size:9px;
	cursor:pointer;
}

.field_area img{
	position:absolute;
	width:130px;
	left:250px;
	top:-20px;
}


#cc_bar{
	position:relative;
	float:left;
	width:172px;
	height:30px;
/*	border:1px solid blue;	*/
	margin-top:10px;
	margin-left: 5px;
}

#cc_bar img{
	width:40px;
	position:relative;
	display:block;
	float:left;
	left:0px;
	top:3px;
	margin-left:2px;
}

.shipping_option{
	position:relative;
	display:inline;
	float:left;
	width:90px;
/*	border:1px solid red; */
	margin-top:8px;
	text-align: center;
}

.shipping_option label{
	width:100px;
	font-size:11px;
	cursor:pointer;
}

.shipping_option input {
	width:15px;
	cursor:pointer;
}

.saturday_delivery{
	position:relative;
	display:inline;
	float:left;
	width:135px;
/*	border:1px solid red; */
	margin-top:15px;
	text-align: center;
}

.saturday_delivery label{
	width:100px;
	font-size:11px;
	cursor:pointer;
}

.saturday_delivery input {
	width:15px;
	cursor:pointer;
}

#exp_shipping_date{
	
	border:0;
	background:white;
	font-style: italic;
	}

/* ==========COMPLETE FORM ======= */

.complete_title{
	margin-top:20px;
	width:430px;
	text-align:left;
	position:relative;
	display:block;
	float:left;
	font-size:14px;
	color:black;
	text-transform: uppercase;
	/*background:rgb(200,200,200); */
	line-height: 15px;
	vertical-align: middle;
}

.complete_tab{
	
	width:430px;
	margin-top:25px;	
	position:relative;
	border:1px solid black;
	background:rgb(240,240,240);
	}

.complete_tab th{
	
	text-align: center;
	line-height: 15px;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom:1px solid gray;
	position:relative;
	}

.complete_tab td{
	text-align: center;
	line-height: 15px;
	font-size: 11px;
	margin-top:5px;
	position:relative;
	text-transform: uppercase;
	}
	
#submit_payment{
	
	position:absolute;
	left: 105px;
	top: 404px;
	font-size:12px;
	font-weight: bolder;
	color:white;
	background:black;
	border:2px solid rgb(230,0,90);
	display:block;
	width:150px;
	text-transform: uppercase;
}

/* ==========MYBAG TRACKER======== */

#myBag_tracker{
	position:absolute;
	width:332px;
	top:6px;
	left:93px;
/*	border:1px dashed gray; */
	background:white;
	overflow:hidden;
	font-size:12px;
	z-index: 1;
	}

.tracker_step.enabled {
	
	position:relative;
	display:inline-block;
	float:left;
	line-height: 14px;
	padding:3px;
	text-transform: uppercase;
	margin:0px 4px 0px 4px;
	color:black;
	cursor:pointer;
	}

.tracker_step.enabled .check {
	
	position:relative;
	background:rgb(230,0,90);
	width:10px;
	height:10px;
	display:inline-block;
	float:left;
	margin-right:4px;
	margin-top:2px;
	
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor:pointer;
	
	visibility:visible;
	}

.tracker_step.enabled .check img {	
	position:absolute;
	height:15px;
	visibility:hidden;
	}

.tracker_step.enabled label {
	
	position:relative;
	display:inline-block;
	float:left;
	cursor:pointer;
	}
	


.tracker_step.disabled {
	
	position:relative;
	display:inline-block;
	float:left;
	line-height: 14px;
	padding:3px;
	text-transform: uppercase;
	margin:0px 4px 0px 4px;
	color:rgb(200,200,200);
	cursor:default;
	}

.tracker_step.disabled .check {
	
	position:relative;
	background:rgb(200,200,200);
	width:10px;
	height:10px;
	display:inline-block;
	float:left;
	margin-right:4px;
	margin-top:2px;
	
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor:default;
	visibility:visible;
	}
	
.tracker_step.disabled .check img {	
	position:absolute;
	height:15px;
	visibility:hidden;
	cursor:default;
	}

.tracker_step.disabled label {
	
	position:relative;
	display:inline-block;
	float:left;
	cursor:default;
	}
	
.tracker_step.completed {
	
	position:relative;
	display:inline-block;
	float:left;
	line-height: 14px;
	padding:3px;
	text-transform: uppercase;
	margin:0px 4px 0px 4px;
	color:black;
	cursor:pointer;
	}

.tracker_step.completed .check {	
	position:relative;
	background:rgb(200,200,200);
	width:10px;
	height:10px;
	display:inline-block;
	float:left;
	margin-right:4px;
	margin-top:2px;
	
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor:default;
	visibility:hidden;
	}
	
.tracker_step.completed .check img {
	position:absolute;
	height:15px;
	top:-3px;
	left:-2px;
	visibility: visible;
	cursor:pointer;
	}

.tracker_step.completed label {
	
	position:relative;
	display:inline-block;
	float:left;
	cursor:pointer;
	}
	
/* ==== AJAX =====*/

.modal {
    display:    none;
    position:   fixed;
    z-index:    560000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../i/spinner.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}


/* ////////////CREATOR PAGE/////////// */

#tanyaSignature {
	text-indent: -9999px;
	height: 70px;
	background: transparent url(../i/creator_signature.jpg) 0 0 no-repeat;
	margin: 0px 0 0 -7px;
	padding: 0;
	}

#creator_col_alpha{
	/*	border:1px solid red; */
	float: left;
	height:475px;
	margin:5px 0px 5px 5px;
	width: 370px;	
}

#creator_col_beta{
/*	border:1px solid blue; */
	float: left;
	height:475px;
	margin:5px 0px 5px 5px;
	width: 555px;
	margin-top:15px;
	}

#creator_col_alpha img{
	
	margin-top:25px;
	margin-left:50px;
	height:420px;
}

#creator_col_beta .title{
	
	margin-top:15px;
	text-transform: uppercase;
	font-size:15px;
	padding-bottom:3px;
}

#creator_col_beta .contenu{
	
	font-size:14px;
	line-height:15px;
}

.tooltip{
    position:absolute;
    z-index:19999;
    left:-9999px;
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    width:300px;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
    font-size:12px;
}
	