#totes-large{ position:relative; text-align:left;}
#totes-large .row{ position:relative; max-width:1140px; margin:auto;}

.toteHero{
	background-image: url(/personalized-canvas-totes/images/20160130-totes-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	padding: 40px 0;
}
.toteHero h1.sm-title {
    padding-top: 30px;
    padding-left: 30px;
    font-size: 3em !important;
    font-weight: bold;
    line-height: .8em;
    color: #225EA2;
}
.toteHero h1 {
    padding-left: 30px;
    font-size: 3.6em !important;
    font-weight: bold;
    line-height: .8em;
    color: #002B5C;
    margin: 0;
}
.toteHero p.tab-caption {
    padding-top: 15px;
    padding-left: 30px;
    font-size: 18px !important;
    font-weight: bold;
    margin: 0 0 20px;
}
.le-tooltip-white .le-tooltip-arrow-up span {
	background: url(/pps/images/global/core/tooltip/white_arrow.gif);
}

#totes-large h2,
#totes-large p,
#totes-large .tote-btn,
#totes-small h2,
#totes-small p,
#totes-small .tote-btn{ font-family:'lato',sans-serif;}

#totes-large p1, #totes-small p1{font-size:18px;}

#totes-large h2,
#totes-small h2{
	text-transform:uppercase;
	font-size:32px;
}
#totes-large p{ font-size:15px; line-height:1.4;}
#totes-large .tote-size .col-sm-3,
#totes-large .col-sm-6{ padding:0;}
#totes-large .col-sm-6.p30{padding: 30px; text-align: center;}
#totes-large .tote-size .size-text{ padding:15px;}
#totes-large .main-txt-top{font-size:40px; color:#225ea2; letter-spacing:5px;}
#totes-large .main-txt-bottom{font-size:50px; color:#002b5c;}
.tote-btn{
	background-color: transparent;
	padding: 10px 15px;
	position: relative;
	margin: 0 0 20px 0;
	display:inline-block;
}
.tote-btn.blk{ color: #000; border: 1px solid #000;}
.tote-btn.wht{ color: #fff; border: 1px solid #fff;}
#totes-large .feature-txt{
	position:absolute;
	z-index:10;
	width:45%;
	left:20px;
	top:15%;
}
#totes-large .main-txt-style-1{ font-size:22px; padding:10px 0;}
#totes-large .main-txt-style-2{ padding-bottom:15px; letter-spacing:1px;}
#totes-large .feature-txt a:hover{ text-decoration:none;}
.features{
	position:absolute;
	color:#fff;
	padding:25px 0 0 50px;
}

#totes-large .tote-size a{ color:inherit;}
#totes-large .tote-size a:hover{ color:inherit; text-decoration:none;}
#totes-large .tote-size a:hover p1{ text-decoration:underline;}


#totes-small a:hover {
    text-decoration: none;
}
#totes-small .mob-title {
    padding-top: 15px;
    background-color: #f8f8f8;
    text-align: center;
}
#totes-small .mob-title h1.sm-title {
    font-size: 1.8em !important;
    line-height: .8em;
    color: #225EA2;
    font-weight: bold;
}
#totes-small .mob-title h1 {
    margin: 0 !important;
    font-size: 2em !important;
    line-height: .8em;
    color: #002B5C;
    font-weight: bold;
}
#totes-small .mob-title p.tab-caption {
    margin: 0;
    line-height: 20px;
}

#totes-small .row{ position:relative;}
#totes-small ol{padding-bottom: 20px;}
#totes-small ol li{font-family:'lato', sans-serif; font-size: 2rem; padding-bottom: 10px; line-height: 1.2;}
#totes-small p{ font-family:'lato', sans-serif; padding: 8px; font-size: 1.6rem;}

#totes-small .tote-size{ text-align:left;}
#totes-small .tote-size a{ color:inherit;}
#totes-small .tote-size .size-text{ padding:15px;}

/*TOOL TIP STYLES*/

/* tool tip copy */ 
.tip-copy {
    position: absolute;
    display: none;
    z-index:10;
    color:black;
    top: 35px;
    padding: 10px;
    left: -50%;
    right: 25%;
}
/* optional background color */
.tip-copy{background-color: rgba(250, 250, 250, .9);}

.tip-copy p{
    font-family:'lato',sans-serif;
    font-size:1.4rem !important;
    /*text-shadow:2px -2px 7px #000,2px 2px 7px #000;*/
    text-align: center;
}
/* end tool tip copy */ 

/* tool tip container */
.tip{
    position: absolute;
    max-width:140px;
    width: 100%;
}
/* end tool tip container */

/* tool tip +/- icon */
i.fa{color:gray;}
.trigger-inner{
    margin-left: 9.5px;
    margin-top: 6px;
    position: absolute;
}
.trigger{
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background-color: rgba(250, 250, 250, .9);
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.trigger:hover{
    background-color: rgba(250, 250, 250, .5);
}
/* end tool tip +/- icon */

/* position each tool tip */
.tip-01{left: 44.6%;top: 15.6%;}
.tip-02{left: 54%;top: 32.5%;}
.tip-03{left: 70%;top: 10.5%;}
.tip-04{left: 84.6%;top: 11.6%;}
.tip-05{left: 76.5%;top: 52.5%;}
.tip-06{left: 47%;top: 73.5%;}

.body .tab-desc-copy {
    padding-top: 40px;
}

.body .tab-desc-copy p {
    font-size: 10px !important;
    line-height: 14px !important;
    text-transform: inherit;
}

@media (max-width: 1100px) {
    .toteHero h1.sm-title {
        font-size: 2em !important;
    }
    .toteHero h1 {
        font-size: 2.4em !important;
    }
}

@media (max-width:990px){
    #totes-large .feature-txt{ width:45%; top:0;}
    #totes-large .main-txt-top{font-size:28px;}
    #totes-large .main-txt-bottom{font-size:37px;}
    #totes-large .main-txt-style-1{ font-size:16px;}
    #totes-large .main-txt-style-2{ padding-bottom:5px; letter-spacing:0;}
}