/* updated 2013-08-06 AJC */

/********************* helpers.css ************************/
/* display */

.wrap{overflow:auto}
.floatLeft{float:left}
.floatCenter{margin:0 auto}
.floatRight{float:right}
.vo > .clear{clear:both;display:block;height:1%;overflow:hidden}
.clr{clear:both;}
.hidden{display:none!important}
.block{display:block}
.inlineBlock{display:inline-block}
.vat {vertical-align:top;}

/* text */

.n{font-weight:normal!important}
.i{font-weight:italic!important}
.bold{font-weight:bold!important}
.u{text-decoration:underline!important}
.tal{text-align:left!important}
.tac{text-align:center!important}
.tar{text-align:right!important}
.taj{text-align:justify!important}
.break{word-wrap:break-word!important}
.small{font-size:0.8em;}

/* separators */

.hrSmall,.hrLarge{border-bottom:solid 1px #ccc;display:block;overflow:hidden}
.hrSmall{height:10px;margin-bottom:10px}
.hrLarge{height:20px;margin-bottom:20px}
.hrDashed{border-bottom-style:dashed!important}
.pipe{color:#999!important;font-weight:normal!important;margin:0 7px!important}

/* background colors */

.bg000{background:#000!important}
.bg111{background:#111!important}
.bg333{background:#333!important}
.bg666{background:#666!important}
.bg999{background:#999!important}
.bgCCC{background:#ccc!important}
.bgFFF{background:#fff!important}

/* colors */

.c000{color:#000!important}
.c333{color:#333!important}
.c666{color:#666!important}
.c777{color:#777!important}
.c888{color:#888!important}
.c999{color:#999!important}
.cAAA{color:#aaa!important}
.cBBB{color:#bbb!important}
.cCCC{color:#ccc!important}
.cFFF{color:#fff!important}

/* font family */

.georgia{font-family:georgia,serif!important}

/* font size */

.fs10{font-size:10px!important}
.fs11{font-size:11px!important}
.fs12{font-size:12px!important}
.fs13{font-size:13px!important}
.fs14{font-size:14px!important}
.fs16{font-size:16px!important}
.fs18{font-size:18px!important}
.fs20{font-size:20px!important}
.fs22{font-size:22px!important}
.fs24{font-size:24px!important}
.fs28{font-size:28px!important}
.fs32{font-size:32px!important}
.fs36{font-size:36px!important}
.fs40{font-size:40px!important}
.fs44{font-size:44px!important}
.fs50{font-size:50px!important}

/* line height */

.lh13{line-height:1.3}
.lh15{line-height:1.5}

/* border radius */

.br2{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.br3{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.br4{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.br6{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}

/* border top radius */

.brt2{border-top-left-radius:2px;border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px}
.brt4{border-top-left-radius:4px;border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px}

/* border bottom radius */

.brb2{border-bottom-left-radius:2px;border-bottom-right-radius:2px;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-left-radius:2px;-webkit-border-bottom-right-radius:2px}
.brb4{border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px}

/* border left radius */

.brl2{border-top-left-radius:2px;border-bottom-left-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-bottomleft:2px;-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px}
.brl10{border-top-left-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px}

/* border right radius */

.brr2{border-top-right-radius:2px;border-bottom-right-radius:2px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px}

/* margin top */

.mt0{margin-top:0px!important}
.mt1{margin-top:1px!important}
.mt2{margin-top:2px!important}
.mt3{margin-top:3px!important}
.mt4{margin-top:4px!important}
.mt5{margin-top:5px!important}
.mt6{margin-top:6px!important}
.mt7{margin-top:7px!important}
.mt8{margin-top:8px!important}
.mt9{margin-top:9px!important}
.mt10{margin-top:10px!important}
.mt11{margin-top:11px!important}
.mt12{margin-top:12px!important}
.mt13{margin-top:13px!important}
.mt14{margin-top:14px!important}
.mt15{margin-top:15px!important}
.mt16{margin-top:16px!important}
.mt17{margin-top:17px!important}
.mt18{margin-top:18px!important}
.mt19{margin-top:19px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt60{margin-top:60px!important}

/* margin right */

.mr0{margin-right:0px!important}
.mr1{margin-right:1px!important}
.mr2{margin-right:2px!important}
.mr3{margin-right:3px!important}
.mr4{margin-right:4px!important}
.mr5{margin-right:5px!important}
.mr6{margin-right:6px!important}
.mr7{margin-right:7px!important}
.mr8{margin-right:8px!important}
.mr9{margin-right:9px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr25{margin-right:25px!important}
.mr30{margin-right:30px!important}
.mr40{margin-right:40px!important}
.mr50{margin-right:50px!important}
.mr60{margin-right:60px!important}

/* margin bottom */

.mb0{margin-bottom:0px!important}
.mb1{margin-bottom:1px!important}
.mb2{margin-bottom:2px!important}
.mb3{margin-bottom:3px!important}
.mb4{margin-bottom:4px!important}
.mb5{margin-bottom:5px!important}
.mb6{margin-bottom:6px!important}
.mb7{margin-bottom:7px!important}
.mb8{margin-bottom:8px!important}
.mb9{margin-bottom:9px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb16{margin-bottom:16px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb35{margin-bottom:35px!important}
.mb40{margin-bottom:40px!important}
.mb45{margin-bottom:45px!important}
.mb50{margin-bottom:50px!important}
.mb60{margin-bottom:60px!important}

/* margin left */

.ml0{margin-left:0px!important}
.ml1{margin-left:1px!important}
.ml2{margin-left:2px!important}
.ml3{margin-left:3px!important}
.ml4{margin-left:4px!important}
.ml5{margin-left:5px!important}
.ml6{margin-left:6px!important}
.ml7{margin-left:7px!important}
.ml8{margin-left:8px!important}
.ml9{margin-left:9px!important}
.ml10{margin-left:10px!important}
.ml11{margin-left:11px!important}
.ml12{margin-left:12px!important}
.ml13{margin-left:13px!important}
.ml14{margin-left:14px!important}
.ml15{margin-left:15px!important}
.ml16{margin-left:16px!important}
.ml17{margin-left:17px!important}
.ml18{margin-left:18px!important}
.ml19{margin-left:19px!important}
.ml20{margin-left:20px!important}
.ml30{margin-left:30px!important}

/* padding */

.p3{padding:3px!important}
.p5{padding:5px!important}
.p10{padding:10px!important}
.p11{padding:11px!important}
.p15{padding:15px!important}
.p20{padding:20px!important}
.p30{padding:30px!important}
.p50{padding:50px!important}

.p5px{padding:5px;}
.p10px{padding:10px;}
.p15px{padding:15px;}
.p20px{padding:20px;}

/* padding top */

.pt0{padding-top:0!important}
.pt5{padding-top:5px!important}
.pt10{padding-top:10px!important}
.pt15{padding-top:15px!important}
.pt20{padding-top:20px!important}
.pt30{padding-top:30px!important}
.pt40{padding-top:40px!important}
.pt50{padding-top:50px!important}

.ptop10{padding-top:10px;}
.ptop205{padding-top:205px;}

/* padding right */

.pr0{padding-right:0px!important}
.pr10{padding-right:10px!important}
.pr20{padding-right:20px!important}
.pr25{padding-right:25px!important}
.pr30{padding-right:30px!important}
.pr40{padding-right:40px!important}

/* padding bottom */

.pb0{padding-bottom:0px!important}
.pb5{padding-bottom:5px!important}
.pb10{padding-bottom:10px!important}
.pb15{padding-bottom:15px!important}
.pb20{padding-bottom:20px!important}
.pb30{padding-bottom:30px!important}
.pb40{padding-bottom:40px!important}

.pbot10{padding-bottom:10px;}

/* padding left */

.pl0{padding-left:0px!important}
.pl10{padding-left:10px!important}
.pl20{padding-left:20px!important}
.pl25{padding-left:25px!important}
.pl30{padding-left:30px!important}
.pl40{padding-left:40px!important}

/* grid width */

.w192{width:192px!important}
.w394{width:394px!important}
.w596{width:596px!important}
.w798{width:798px!important}

/* general width */

.w36{width:36px!important}
.w50{width:50px!important}
.w100{width:100px!important}
.w150{width:150px!important}
.w200{width:200px!important}
.w250{width:250px!important}
.w300{width:300px!important}
.w320{width:320px!important}
.w332{width:332px!important}
.w344{width:344px!important}
.w400{width:400px!important}
.w500{width:500px!important}
.w600{width:600px!important}
.w696{width:696px!important}
.w708{width:708px!important}

/* height */

.h20{height:20px!important}
.h30{height:30px!important}
.h50{height:50px!important}
.h75{height:75px!important}
.h100{height:100px!important}
.h200{height:200px!important}

/* min height */

.mh20{min-height:20px!important}
.mh30{min-height:30px!important}
.mh50{min-height:50px!important}
.mh75{min-height:75px!important}
.mh100{min-height:100px!important}
.mh200{min-height:200px!important}
.mh220{min-height:220px!important}

/* developer */

.test{border:solid 1px #f00;color:#f00;font-weight:bold;padding:10px}

.image, .twtr-widget {
	background: white;
	box-shadow: 0 0 10px #999;
	display: block;
	-moz-box-shadow: 0 0 10px #999;
	position: relative;
	-webkit-box-shadow: 0 0 10px #999;
	z-index: 200;
	max-width:300px;
	margin-left:10px;
}

.lt-ie8 .image, .lt-ie8 .twtr-widget {
	
border: solid 1px #cccccc;
}


.list ul
{
    margin:0;
    padding:0;
}
.double_image {
	float: none;
	clear: both;
}



/********************* fonts.css ************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #666666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  word-spacing: 0.1em;
  line-height: 1.2em;
  margin-bottom: 0.4em;
}

h3,
h4,
h5,
h6 {
  line-height: 1.3em;
}

h1 {
  font-size: 2.0em;
}

h1 small {
  font-size: 86%;
}

h2 {
  font-size: 1.6em;
}

h2 small {
  font-size: 84%;
}

h3 {
  font-size: 1.4em;
}

h3 small {
  font-size: 82%;
}

h4 {
  font-size: 1.2em;
}

h4 small {
  font-size: 80%;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1.0em;
}


/*Standard font attributes*/

.bold{
	font-weight:bold;	
}
.normal{
	font-weight:normal;
}
.lighter{
	font-weight:lighter
}
.uppercase{
	text-transform:uppercase;	
}
.lowercase{
	text-transform:lowercase;
}
.capitalize{
	text-transform:capitalize;
}
.condensed{
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	word-spacing: 0.1em;
	}

/*Custom sizes*/
.f8px{font-size:8px; line-height:10px;}
.f9px{font-size:9px; line-height:11px;}
.f10px{font-size:10px; line-height:12px;}
.f11px{font-size:11px; line-height:13px;}
.f12px{font-size:12px; line-height:14px;}
.f13px{font-size:13px; line-height:15px;}
.f14px{font-size:14px; line-height:16px;}
.f15px{font-size:15px; line-height:17px;}
.f16px{font-size:16px; line-height:18px;}
.f17px{font-size:17px; line-height:19px;}
.f18px{font-size:18px; line-height:20px;}
.f19px{font-size:19px; line-height:21px;}
.f20px{font-size:20px; line-height:22px;}
.f21px{font-size:21px; line-height:23px;}
.f22px{font-size:22px; line-height:24px;}
.f23px{font-size:23px; line-height:25px;}
.f24px{font-size:24px; line-height:26px;}
.f25px{font-size:25px; line-height:27px;}
.f26px{font-size:26px; line-height:28px;}
.f27px{font-size:27px; line-height:29px;}
.f28px{font-size:28px; line-height:30px;}
.f29px{font-size:29px; line-height:31px;}
.f30px{font-size:30px; line-height:32px;}
.f31px{font-size:31px; line-height:33px;}
.f32px{font-size:32px; line-height:34px;}
.f33px{font-size:33px; line-height:35px;}
.f34px{font-size:34px; line-height:36px;}
.f35px{font-size:35px; line-height:37px;}
.f36px{font-size:36px; line-height:38px;}
.f37px{font-size:37px; line-height:39px;}
.f38px{font-size:38px; line-height:40px;}
.f39px{font-size:39px; line-height:41px;}
.f40px{font-size:40px; line-height:42px;}

/*Customized font families*/
@font-face {
    font-family: 'milk';
    src: url('../fonts/milk_script.eot');
    src: url('../fonts/milk_script.eot#iefix') format('embedded-opentype'),
         url('../fonts/milk_script.woff') format('woff'),
         url('../fonts/milk_script.ttf') format('truetype'),
         url('../fonts/milk_script.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.narrow{
	font-family: "Arial Narrow",Arial, Helvetica, sans-serif;
	font-stretch:condensed;
}
.fancy{
	font-family: milk,'Lobster Two', cursive;
	font-weight: normal !important;
}
.times{	
	font-family:Georgia, "Times New Roman", Times, serif;
}
.spirit_font{
    font-family:'Alfa Slab One', "Times New Roman", Times, serif;
    }

.universal span{
	font-size:13px;;
}
.trip_three .f35px {
font-size: 35px;
line-height: 46px;
}
.tcenter
{
    text-align:center;
    }
	
	.tright
	{
	    text-align:right;
	    }
.lh2em
{
    line-height:10px;
    }
	
/********************* backgrounds.css ************************/

.trip_two_top{
	min-height:105px; 
}

.full{
	background:url('../../assets.thirtyonegifts.com/images/2013/summer/backgrounds/summer2013.jpg') center top repeat;
}
.full .container{
	background:#fff;
}


/********************* buttons.css ************************/

.button{
	float:left;
	background:#de1c85;
	padding:5px 0;
	text-transform:uppercase;
	color:#fff;
	display: block;
	font-size:15px;
	margin: 0 5px 0.5em 5px;
	border: none;
	box-shadow: none;
}
.button:hover{
	background:#666;
	color:#fff;
	text-decoration:none;
}
.button_main{
	display:block;
	padding:6px 10px;
	border-bottom: 1px dashed #EB77B6;
	border-top: 1px dashed #EB77B6;
}
.button a, .button a:link, a.button:link, a.button:visited, .button a:hover {
	color:#fff;
	text-decoration:none;
}


#rep-template .button{
	float:left;
	background:#de1c85;
	padding:5px 0;
	text-transform:uppercase;
	color:#fff;
	display: block;
	font-size:15px;
	margin: 0 5px 0.5em 5px;
	border: none;
	box-shadow: none;
}
#rep-template .button:hover{
	background:#666;
}
#rep-template .button_main{
	display:block;
	padding:6px 10px;
	border-bottom: 1px dashed #EB77B6;
	border-top: 1px dashed #EB77B6;
	
}
#rep-template .button a, .button a:hover{
	color:#fff;
	text-decoration:none;
}
#rep-template .trip_three .button{
	display:inline;
}
#rep-template .trip_one .trip_content .button{
	top:160px;
	position:relative;
}


@media (max-width: 400px) {

	.button{

	float: none;
	width: 100%;
	text-align: center;
	}

}



/* BACKOFFICE BUTTON */
.vistaButton
{
	height:32px;
	float:left;
	background:#de1c85;
	padding:5px 0;
	text-transform:uppercase;
	color:#fff;
	display: block;
	font-size:15px;
	margin-bottom: .5em;
	margin-right:.5em;
	border: none;
	box-shadow: none;
}

a.vistaButton {
	border: none;
    display:block;
	box-shadow:none;
	}
.vistaButton a a:hover
{        
    color:#fff;
	text-decoration:none;
}

/* Inner div for text */
.vistaButton div
{
    /* font-family:tahoma, arial, sans-serif; 
	font-size:10px; 
	font-weight:bold; 
	text-decoration:none !important; */

	display: inline;	    
	line-height: 30px;
	position: relative;
	background: transparent;
	padding-left:10px;
}

/* Inner span - displays the right end cap */
.vistaButton span { 
   
	padding: 0 15px 0 10px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:  #de1c85;
	margin: 0;    		
	overflow: hidden;
	position:relative;
	line-height: 30px;	
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
}

/* Scale the image if present and align centered with text */
.vistaButton img 
{
    /*border: none;  	
    width: 14px;
    height: 14px;
    padding: 0;    	
    vertical-align: middle;
    display:none;*/
}
    /*
.vistaButton img.padRight
{
    margin-right: 55px;
}
    
.vistaButton img.padLeft
{
    margin-left: 5px;   	
}	*/


/* REGULAR ASP BUTTONS */
/*

.button
{
    background-color:  #de1c85;
    min-width:100px;
    cursor:pointer;
    border: 2px solid #962330; 
	box-shadow: 0 0 5px 3px #bbbbbb;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	height:30px;
}

input[type=submit][disabled=disabled],
.button[disabled=disabled] {
    background-color:  #de1c85;
    min-width:100px;
    cursor:wait;
    border: 2px solid #962330; 
	box-shadow: 0 0 5px 3px #bbbbbb;
	color:#dcdcdc;
	font-weight:bold;
	font-size:12px;
	height:30px;	
}
*/



/********************* colors.css ************************/
.seafoam {
	color:#599187;
}
.purple{
	color:#654167;
}
.pink{
	color:#de1c85;
}
.beige{
	color:#ebe8de;
}
.grey{
	color:#666;
}
.silver{
	color:#ccc;
}
.middle_grey{
	color:#999;
}
/*link colors*/
.dotted a{
	color:#666;
}


/********************* containers.css ************************/

@charset "UTF-8";
/* CSS Document */
/* Specify container heights here*/
	.h100{
		height:100px;
	}
	.h105{
		height:105px;
	}
	.h110{
		height:110px;
	}
	.h115{
		height:115px;
	}		
	.h120{
		height:120px;
	}
	.h125{
		height:125px;
	}
	.h130{
		height:130px;
	}
	.h135{
		height:135px;
	}
	.h140{
		height:140px;
	}
	.h145{
		height:145px;
	}
	.h150{
		height:150px;
	}
	.h155{
		height:155px;
	}
	.h160{
		height:160px;
	}
	.h165{
		height:165px;	
	}

/* Specify container placements here*/
.trip_three .trip_content{
	top:165px;
	position:relative;
	}	
.socialMenu{
	float:right;
	}	
		
.w320{max-width:320px; max-width: 100%;}



/********************* borders.css ************************/

@charset "UTF-8";
/* CSS Document */
.left_grey_dotted{
	border-left:1px dotted #ccc;
}
.left_pink_dotted{
	border-left:1px dotted #de1c85;
}
.left_grey{
	border-left:1px solid #ccc;
}
.left_pink{
	border-left:1px solid #de1c85;
	padding-left:10px;
}
.universal span{
	border-left:1px solid #666;
	margin-left:10px;
	padding-left:10px;
}
.universal span:first-child{
	border:none;
	margin-left:0;
	padding-left:0;
}
.dotted{
		margin:1em auto 0;
		border-top:thin dotted #666;
		padding:1em 0 .5em;
		max-width:1000px;
		
}
.dotted-0pd{
		border-top:thin dotted #666;
		max-width:1000px;
}