@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(../fonts/ptsans.woff) format('woff');
}

@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli'), url(../fonts/Muli.woff) format('woff');
}

@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), local('PoiretOne-Regular'), url(../fonts/PoiretOne.woff) format('woff');
}

@font-face {
	font-family: 'Imelda';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/imelda/Imelda.eot');
	src: url('../fonts/imelda/Imelda.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/imelda/Imelda.woff') format('woff'),
		 url('../fonts/imelda/Imelda.ttf') format('truetype'),
		 url('../fonts/imelda/Imelda.svg#imelda') format('svg');
}


@font-face {
	font-family: 'Aubrey';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/aubrey/AUBREY.eot');
	src: url('../fonts/aubrey/AUBREY.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/aubrey/AUBREY.woff') format('woff'),
		 url('../fonts/aubrey/AUBREY.ttf') format('truetype'),
		 url('../fonts/aubrey/AUBREY.svg#AUBREY') format('svg');
}

@font-face {
	font-family: 'Passion Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/passion_sans/PassionSansPDag-Regular.eot');
	src: url('../fonts/passion_sans/PassionSansPDag-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/passion_sans/PassionSansPDag-Regular.woff') format('woff'),
		 url('../fonts/passion_sans/PassionSansPDag-Regular.ttf') format('truetype'),
		 url('../fonts/passion_sans/PassionSansPDag-Regular.svg#PassionSansPDag') format('svg');
}

@font-face {
	font-family: 'Belleza';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Belleza/Belleza.eot');
	src: url('../fonts/Belleza/Belleza.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Belleza/Belleza.woff') format('woff'),
		 url('../fonts/Belleza/Belleza.ttf') format('truetype'),
		 url('../fonts/Belleza/Belleza.svg#Belleza') format('svg');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Open_Sans/Open_Sans.eot');
	src: url('../fonts/Open_Sans/Open_Sans.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Open_Sans/Open_Sans.woff') format('woff'),
		 url('../fonts/Open_Sans/Open_Sans.ttf') format('truetype'),
		 url('../fonts/Open_Sans/Open_Sans.svg#Open_Sans') format('svg');
}



html, body{
width:100%;
}

body
{
font-family: 'Imelda', normal;
font-family: 'Aubrey', normal;
font-family: 'Passion Sans', normal;
font-family: 'Open Sans', sans-serif;
min-height:200px;

}



hr {
background:none repeat scroll 0 0 #999999;
position:absolute;
margin:0.5px;
clear: both;
width:99.9%;
left:0;
height: 1px;
z-index:100;
}

div.diamondHr{
width:100%;
height:70px;
background-image:url('../images/hr-line-red.png');
background-repeat:repeat-x;
background-attachment:local;
background-position:center;
background-size:30px 30px;
position:relative;
text-align:center;
margin:0 auto;
}

div.diamondHr img{
position:relative;
height:30px;
width:30px;
margin:20px auto 0 auto;
z-index:500;
}

div.diamondHr hr{
position:absolute;
height:0.3em;
background-color:#FF4000;
vertical-align:middle;
top:50%;
margin:-0.15em 0 auto 0;
border:none;
}

.clear-floats{
clear: both;
}

.no-intrude{
margin:0;
padding:0;
width:1px;
height:1px;
}

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

#header-logo-div{
padding-top:20px;
padding-bottom:20px;
text-align:left;
}

#header-logo-img{
width:250px;
}

#topSignin{
border:0px solid #222;
float:right;
padding:5px;
background-color:#ffffff;
z-index:500;
text-align:left;
-webkit-box-shadow: 0px 9px 25px 1px rgba(0,0,0,0.73);
-moz-box-shadow: 0px 9px 25px 1px rgba(0,0,0,0.73);
box-shadow: 0px 9px 25px 1px rgba(0,0,0,0.73);
display:none;
}

#topSignin input{
padding:0px;
margin:1px;
}

#topSignin a{
font-size: 110%;
font-weight: 600;
font-style: normal;
text-decoration: none;
}

#topCapsule{
border:0px solid #222;
float:right;
width:200px;
padding:5px;
background-color:#ffffff;
z-index:500;
text-align:left;
-webkit-box-shadow: 0px 9px 25px 1px rgba(0,0,0,0.73);
-moz-box-shadow: 0px 9px 25px 1px rgba(0,0,0,0.73);
box-shadow: 0px 9px 25px 1px rgba(0,0,0,0.73);
display:none;
}

#topCapsule input{
width:194px;
padding:0px;
margin:1px;
}

#topCapsule a{
font-size: 110%;
font-weight: 600;
font-style: normal;
text-decoration: none;
}

#sign-in-div{
padding-top:34px;
text-align:center !important;
}

@media only screen and (max-width: 767px) {
	#header-logo-div{
		padding-top:10px;
	}
	
	#sign-in-div{
		padding-top:0px;
		padding-bottom:10px;
	}

}


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


/** START Products
===================================*/

.product-container{
width:33%;
float:left;
}


/** END Products
===================================*/

#topSigninButtons{
text-align:right;
font-family: 'Imelda', normal;
padding-right:8px;
}

#topSigninButtons .click-icon{
height:20px;
}

@media only screen and (max-width: 990px) {
	#topSigninButtons{
		padding-right:10px;
	}
}

@media only screen and (max-width: 767px) {
	#topSigninButtons{
		text-align:center;
		padding-right:0px;
	}
}

#top-nav-container{
padding-top:10px;
padding-bottom:10px;
z-index:501;
margin:0 auto;
text-align:center;
width:100%;
min-height:43px;
display:block;
}

#top-nav-container span.small{
font-size:50%;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#top-nav-container{
		min-height:99px;
	}
}

#top-nav-container-following{
-webkit-backface-visibility:hidden; /*Most Important*/
padding-top:0px;
padding-bottom:1px;
padding-right:20px;
position:fixed;
top:5px;
z-index:9998;
margin:0 auto;
background-color:#ffffff;
text-align:right !important;
color:#777777;
width:100%;
text-align:center;
}



#top-nav-container-following hr{
margin:0;
}

#top-nav-following-text{
max-width: 996px;
margin-left:auto;
margin-right:auto;
margin-top:8px;
font-size:120%;
text-align:center;
}


#top-nav-following-text span.small{
font-size:50%;
}

#top-nav-following-text a span{
font-size:80%;
}

#top-nav-following-text table tr td div.accent{
margin:0 15px;
}

#top-nav-container table tr td div.accent{
margin:0 15px;
}

@media only screen and (max-width: 920px) {
	#top-nav-following-text{
		font-size:100%;
		margin-left:85px;
	}
}

@media only screen and (max-width: 479px) {
	#top-nav-following-text{
	font-size:60%;
	margin-right:5px;
	margin-top:2px;
	}
}


#header-logo-div-following{
margin-top:5px;
margin-bottom:2px;
float:left;
margin-left:50px;
}

#header-logo-div-following img{
height:30px;
width:auto;
}

#top-nav-container div.grid_12{
text-align:center;
font-size:180%;
font-weight:bold;
color:#777777;
}


#top-nav-container div.grid_12,
#top-nav-container div.grid_12 a,
#top-nav-container div.grid_12 a:visited,
#top-nav-container div.grid_12 a:hover,
#top-nav-container div.grid_12 a:active,
#top-nav-container-following a:visited,
#top-nav-container-following a:hover,
#top-nav-container-following a:active,
#top-nav-container-following a
{
color:#777777;
text-decoration:none;
}

@media only screen and (max-width: 990px) {
	#top-nav-container div.grid_12{
		font-size:150%;
	}
}

@media only screen and (max-width: 479px) {
	#top-nav-container div.grid_12{
		font-size:125%;
	}
}

#following-menu{
padding-top:128px;
padding-bottom:1px;
padding-right:20px;
position:absolute;
top:8px;
left:0px;
margin:0 auto;
font-size:150%;
text-align:right !important;
color:#777777;
display:block;
z-index:9999;
}

@media only screen and (min-width: 480px)
{
	#following-menu {
		visibility: hidden;
	}
}

#header-logo-div-following{
position:absolute;
z-index:1000;
margin-bottom:1px;
}



#following-menu.stay{
padding-top:1px;
padding-bottom:1px;
padding-right:20px;
position:fixed;
top:10px;
left:0px;
margin:0 auto;
font-size:150%;
text-align:right !important;
color:#777777;
display:block;
z-index:9999;
}

#following-back{
padding-top:1px;
padding-bottom:1px;
padding-right:20px;
position:absolute;
top:50px;
left:0px;
margin:0 auto;
font-size:230%;
text-align:right !important;
display:block;
z-index:9999;
line-height:100%;
}

#following-back a{
text-decoration: none;
font-family: Imelda, normal;

}

#following-back-toggle{
border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border: 0px solid #000000;

}

#following-back-toggle{
padding-left:5px;
text-align:left;
display:block;
width:30px;
height:33px;
z-index:auto;
}

#following-back.stay{
padding-top:1px;
padding-bottom:1px;
padding-right:20px;
position:fixed;
/*top:8px;*/
left:0px;
margin:0 auto;
text-align:right !important;
display:none;
z-index:999;
}

@media only screen and (max-width: 990px) {
	#following-menu{
		padding-top:122px;
	}
	#following-menu.stay{
		top:8px;
	}
}

@media only screen and (max-width: 768px) {
	#following-menu{
		padding-top:152px;
	}

}

@media only screen and (max-width: 479px) {
	#following-menu{
		padding-top:1px;
	}
	#following-menu.stay{
		top:11px;
	}
	#following-menu{
		top:11px;
	}
	#following-back{
		z-index:9998;
	}

}


#following-menu a{
text-decoration: none;
font-family: Imelda, normal;
font-size:75%;
}



#following-menu-toggle{
border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border: 0px solid #000000;
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);*/
background-color:rgb(51,51,51);
background-color:rgba(51,51,51,0.9);

}

#following-menu-toggle.open{
border-radius: 0px 10px 0px 0px;
-moz-border-radius: 0px 10px 0px 0px;
-webkit-border-radius: 0px 10px 0px 0px;
border: 0px solid #FF4000;
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
background-color:#cccccc;*/
background-color:rgb(51,51,51);
background-color:rgba(51,51,51,0.9);
}

#following-menu-content{
border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border: 0px solid #000000;
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
background-color:#cccccc;*/
background-color:rgb(51,51,51);
background-color:rgba(51,51,51,0.9);
width:150px;
z-index:9999;
}

#following-menu-content{
margin:0;
top:0;
text-align:left;
padding-left:10px;
}



#following-menu-toggle{
position:relative;
padding-left:5px;
text-align:left;
display:block;
width:30px;
height:33px;
z-index:99999 !important;
}

span.menu-icon:after {
position:relative;
content:url('../images/menu-icon.png');
left:-5px;
display:inline-block;
}

.dragWhyToggle span.menu-icon:after {
position:relative;
top:3px;
left:0px;
}

span.menu-icon.close:after {
content: "X";
left:0px;
font-family: arial;
font-size: 100%;
font-weight: bold;
letter-spacing: 0;
display:inline-block;
color:#FFFFFF;
}

.dragWhyToggle span.menu-icon.close:after {
content: "X";
left:0px;
font-family: arial;
font-size: 100%;
font-weight: bold;
letter-spacing: 0;
display:inline-block;
color:#FFFFFF;
top:0px;
}


span.menu-icon.close:after {
-webkit-transform: rotate(0deg) translate(0px,0px);
-ms-transform: rotate(0deg) translate(0px,0px);
transform: rotate(0deg) translate(0px,0px);
}



/** START Homepage Drag-Drop 
===================================*/

#drag-container {
width: 100%;
max-width: 996px;
height: 500px;
padding: 0;
position: relative;
margin:0 auto 0 auto;
background-color:#ffffff;
}

@media only screen and (min-width: 590px){
	#drag-container {
		margin-bottom:100px;
	}
}

#drag-header{
font-size:250%;
margin:10px auto 0 auto;
text-align:center;
color:#FF4000;
font-family: 'Belleza', sans-serif;
}

.page-header{
font-size:250%;
margin:0 auto 10px auto;
text-align:center;
color:#FF4000;
font-family: 'Belleza', sans-serif;
}

@media only screen and (max-width: 767px) {
	#drag-header{
		font-size:200%;
	}
}



#prepare_div{
margin: 50px auto 0 auto;
text-align:center;
}

#prepare_div *{
text-decoration:none;
}

@media only screen and (max-width: 479px) {
	#prepare_div{
		margin: 0 auto 0 auto;
	}
}

#prepare_div span{
font-family: 'Belleza', sans-serif;
font-size:200%;
color:#FF4000
}

#change-container {
text-align:center;
width: 80%;
height: 300px;
max-width:750px;
padding: 0;
margin:10px auto 90px auto;
background-color:#ffffff;
overflow:visible;
}


#first_drop{
font-size:150%;
margin:5% auto 0 auto;
text-align:center;
color:#555555;
font-family: 'Imelda', normal;
}

@media only screen and (max-width: 479px) {
	#first_drop{
		margin:0 auto 0 auto;
	}
}
#dragContainer1,#dragContainer2,#dragContainer3,#dragContainer4,#dragContainer5,#dragContainer6{
width:16%;
}


#dragContainer1{
	margin-top:-6%;
	margin-left:0%;
}

#dragContainer2{
	margin-top:-3%;
	margin-left:17%;
}

#dragContainer3{
	margin-top:0;
	margin-left:34%;
}

#dragContainer4{
	margin-top:0;
	margin-left:51%;
}

#dragContainer5{
	margin-top:-3%;
	margin-left:68%;
}

#dragContainer6{
	margin-top:-6%;
	margin-left:85%;
}

.draggable {
position:absolute;
z-index:100;
display:inline;
margin:0;
padding:0;
}

.dragContent{
display:none;
}


.draggable img{
width:45%;
}

.draggable div{
text-align:center;
color:#999999;
}

.drag-glyph{
}

.drop-hover{
background-color:red;
}

#main-drop{
height:300px;
width:100%;
margin:0 auto 0 auto;
height:50%;
position:absolute;
background-image:url('../images/Star-burst.png');
background-repeat:no-repeat;
background-attachment:local;
background-position:center; 
background-size:contain;
z-index:1000;
}

#main-drop2{
height:300px;
width:100%;
margin:0 auto 0 auto;
height:50%;
position:absolute;
background-image:url('../images/Star-burst.png');
background-repeat:no-repeat;
background-attachment:local;
background-position:center; 
background-size:contain;
z-index:1000;
}

#main-content{
width:80%;
margin:20px auto 0 auto;
max-width:750px;
position:absolute;
background-color:#ffffff;
text-align:center;
}

div.dragWhy{
position:absolute;
top:98%;
left:50%;
margin-left:-60px;
}

@media only screen and (max-width: 479px) {
	div.dragWhy{
		top:65%;
	}
}

div.dragWhy.ui-draggable.open{
background-color:none !important;
position:absolute;
top:-20px;
left:0px;
float:right;
width:100%;
margin-left:0px;
}

@media only screen and (max-width: 479px) {
	div.dragWhy.ui-draggable.open{
		width:95%;
	}
}

.dragWhyToggle{
background-color:rgb(119,119,119);
background-color:rgba(119,119,119,0.9);
color:#FFFFFF;
width: 115px;
border: 2px solid #ff4000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
display:none;
}

div.dragWhy.open .dragWhyToggle{
	border-bottom: none;
}

@media only screen and (min-width: 768px)
{
	.dragWhyToggle {
		font-size: 1.5em;
		width: 200px;
	}
}

.dragWhyToggle span.menu-icon:after{
color:#FFFFFF;
}

#main-content .open2{
background-color:rgb(90,90,90);
background-color:rgba(90,90,90,0.9);
color:#FFFFFF;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}


.dragWhyContent{
background-color:rgb(90,90,90);
background-color:rgba(90,90,90,0.9);
width:100%;
color:#FFFFFF;
border-radius: 0px 10px 10px 10px;
-moz-border-radius: 0px 10px 10px 10px;
-webkit-border-radius: 0px 10px 10px 10px;
text-align:left;
padding:10px;
border: 2px solid #FF4000;
}

@media only screen and (min-width: 768px)
{
	.dragWhyContent {
		font-size: 1.5em;
	}
}


#main-content{
color:#FF4000;
}

#main-content img{
margin-bottom:10px;
}

@media only screen and (max-width: 768px) {

	#main-content, #main-drop, #change-container{
		width:100%;

	}
	#glyph-container{
		font-size:0.8em;	
	}

}

@media only screen and (min-width: 500px) and (max-width: 590px) {
	#main-content, #main-drop, #change-container{
		width:85%;
	}
	#main-content, #change-container{
		height:230px;
	}
}


@media only screen and (max-width: 500px) {

	#main-content, #main-drop, #change-container{
		width:100%;
	}
	#glyph-container{
		font-size:0.8em;	
	}
	#main-content, #change-container{
		height:285px;
	}
	
}


@media only screen and (max-width: 479px) {
	#main-content img{
		width:150%
	}
	#glyph-container{
		font-size:50%;
	}
	#change-container{
		margin-bottom:0px;
	}

}


#drag-arrow-overlay{
margin:0 auto;
position:absolute;
padding-top:250px;
z-index:1600;
width:100%;
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	#drag-arrow-overlay{
		padding-top:377px;
	}
}



@media only screen and (max-width: 479px) {
	#drag-arrow-overlay{
		padding-top:270px;
	}
}

/** END Homepage Drag-Drop 
===================================*/

.hr
		{
		display:block;
		height: 2px;
		padding: 0;
		margin: 10px auto 15px auto;
		clear: both;
		width:100%;
		}

.vhr /* vertical HR used site wide */
		{
		width: 2px;
		padding: 0;
		}

.pointer{
cursor:pointer;
}

.plain-link{
text-decoration:inherit;
font-weight:inherit;
}

.clear-floats{
clear: both;
}

.no-intrude{
margin:0;
padding:0;
width:1px;
height:1px;
}

.disabled,#tabs ul .disabled *{
pointer-events: none;
cursor: default;
}

.readable{
padding:5px;
}

.no-margin{
margin:0 !important;
}

.button,
a.button,
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	margin:5px 5px 5px 0px;
    text-decoration: none;
    padding: 2px 6px 2px 6px;
    cursor:pointer;
}

#signupRedirectForm input[type="reset"],
#signupRedirectForm input[type="button"],
#signupRedirectForm input[type="submit"] {
	margin:5px 5px 5px 16px;
    text-decoration: none;
    padding: 2px 6px 2px 6px;
    cursor:pointer;
}

a.button{
display:inline-block;
}

.show-s, .show-m, .show-l, .show-o{
display:none;
}


html, body{
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  z-index:-5;
}
html{
  height:101%;
}

.wrap-break{
	word-wrap:break-word;
}

.italic{
font-style:italic;
}

.bold{
font-weight:bold;
}

.center{
margin-left:auto;
margin-right:auto;
}

.float-right{
float:right;
}

.float-left{
float:left;
}


.text-left{
text-align:left		!important;
}


.text-right{
text-align:right		!important;
}

.text-center{
text-align:center 		!important;
}

.text-bottom{
vertical-align:bottom;
}

.no-padding{
padding:0 !important;
}

.rounded {
-moz-border-radius: 15px;
border-radius: 15px;
}

.ui-helper-hidden, .container .ui-helper-hidden, * .ui-helper-hidden{
display:none !important;
}


.moreClick{
padding-left:5px;
/*font-size:85% !important;*/
right:0;
padding-top:1px;
padding-right:5px;
float:right;
font-weight:900;
}

.groupClear .moreClick{
margin-top:6%;
font-size:90% !important;
padding:1px;
vertical-align:middle;
display:block;
}

.moreClick img{
padding-left:5px;
}

.closed, .group .group-content .closed{
display:none;
}

.group, .group-container{
/*margin-top:20px;*/
padding:0 !important;
padding-bottom:10px; !important;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
margin-bottom:20px;
}

.group .group,.group-container .group {
margin-top:20px;
width:100% !important;
}

.group-label{
margin:0;
position:relative;
cursor: pointer;

width:100%;
z-index:45;
}

.group-container .group-label{
position:relative;

font-weight:bold;
font-size:140%;
width:100%;
}

.group-container .group-label .moreClickText{
text-transform:none;
}

.group:NOT(.groupClear) .group-label{
position:relative;

font-weight:bold;
font-size:130%;
width:100%;
text-transform:capitalize;
}

.group-label .inactive-label{
display:none;
font-size:90%;
}

.ui-state-disabled .group-label .inactive-label{
display:inline;
}

.group-container .group-content{
padding:5px;
}

.group-content form {
	width: 100%;
}

form input, 
form textarea {
	max-width: 95%;
}

.group:NOT(.groupClear) .group-content{
padding: 0;
position:relative;
width:100%;
}
.group p,
.group-plum p {
	padding: 0 16px 0 16px;
}
#centerAlertMessage p,
#IQR_manageA .group p,
#IQR_manageA .group-plum p {
	padding: 0;
}
#centerAlertMessage p {
	margin-bottom: 0;
}
.group table input[name="contact"]{
width:300px !important;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.group:NOT(.groupClear) .group-content{
		padding-left:7px;
	}
	
	.group table input[name="contact"]{
	width:290px !important;
	}
	
}

@media only screen and (max-width: 479px) {
	.group:NOT(.groupClear) .group-content{
		padding-left:6px;
	}
	.group table input[name="contact"]{
	width:100% !important;
	}
}

@-moz-document url-prefix()
{
	.group .group-content{
	width:98%;
	border-spacing:50px;
	}
}

.group-content td{
vertical-align:top;

}

.group input:NOT(#submit,.button), .group select{
margin-bottom:21px;
}

.group table input:NOT(#submit), .group select{
margin-bottom:inherit;
width:50%;
}

form .group-content table {
	margin-top: 1em;
	margin-left: 1em;
}

.group label{
font-weight:bold;
}




#page-container {
	margin-top:10px;
	min-height:65%;
	position:relative;
}

#content {
   padding-bottom:70px;
}

.text-center{
text-align:center;
}

.text-upper{
text-align:center;
text-transform:uppercase;
}


.updated{
	margin: 10px 0 10px 0;
	padding:10px;
}






#bottom-sign-in-div{
margin-top:5px;
margin-bottom:5px;
}

#sign-in-div a, #bottom-sign-in-div a, #sign-in-div .menu-icon{
font-size:110%;
font-weight:600;
font-style:normal;
text-decoration:none;
}

#sign-in-table, #bottom-sign-in-table{
	align:right;
	margin: 0 0 0 auto;
}
#sign-in-table *, #bottom-sign-in-table *{
}

#sign-in-td, #buttom-sign-in-td{
	text-align: left;
}

#sign-up-td, #bottom-sign-up-td{
	text-align: right;
}

#sign-in-table input, #bottom-sign-in-table input{

}

#bottom-sign-in-div{
padding-bottom:0px;
}

#bottom-sign-in-table{
	margin: 0 auto 0 auto;
}

#navigation-div, #bottom-navigation-div{
padding-top:10px;
padding-bottom:15px;
}

#navigation-div *, #bottom-navigation-div *{
font-weight:600;
font-style:normal;
text-decoration:none;
}

#navigation-div a, #bottom-navigation-div a{
margin-left:10px;
margin-right:10px;
}

#bottom-navigation-div{
	text-align:center;
}

.mobile-nav{
position:relative;
overflow:hidden;
width:100%;
height:auto;
padding:0px;
margin:0px;
font-size:150%;
clear:both;
}

.mobile-nav img{
margin-top:8px;
}

.mobile-nav a, .mobile-nav a div:not(.mobile-nav-arrow){
height:35px;
padding:0px;
margin:0px;
clear:both;
}

.mobile-nav a div:not(.mobile-nav-arrow){
position:relative;
width:100%;
}
.mobile-nav-arrow{
display:inline-block;
}

.mobile-nav a div:not(.mobile-nav-arrow):hover{

}


.mobile-nav-arrow{
position:relative;
left:286px;
top:0px;
}

.mobile-nav a{
display:inline-block;
width:100%;
text-decoration:inherit;
font-weight:inherit;
}


#slider-div{
text-align:center;
}

#footer-background{

}
#footer-container{
		position:relative;
		width: 100%;
		clear:both;
		vertical-align:bottom;
		bottom:0px;
		min-height:100px;
		margin: 20px auto 0px auto;
		z-index:450;
}

#footer-container #menu-container{
	width: 35%;
	margin: 0 auto;
}

@media only screen and (max-width: 1000px) {
	#footer-container #menu-container{
		width: 100%;
		margin: 0 auto;
	}
}

#footer-container #about-toggle {
    width: 30%;
    float: left;
    text-align: right;
}
#footer-container #legal-toggle {
    width: 30%;
    float: left;
    text-align: left;
}
#footer-container #contact 
{
    width: 40%;
    float: left;
    text-align: center;
}
#footer-container #about-menu {
    width: 30%;
    float: left;
    text-align: right;
    display: none;
}
#footer-container #legal-menu {
    width: 30%;
    float: right;
    text-align: left;
    display: none;
}
#footer-container #contact-menu {
    width: 40%;
    float: left;
    text-align: center;
    display: none;
}

#footer-container #about-toggle a,
#footer-container #legal-toggle a,
#footer-container #about-menu a,
#footer-container #legal-menu a, 
#footer-container #contact a
{
    display: block;
    padding: 5px 20px;
    text-decoration: none;
    color: grey;
}
#footer-container #about-menu a {
    width: 100%;
    float: right;
}
#footer-container #legal-menu a {
    width: 100%;
    float: left;
}

#footer-nav-div{
padding-top:10px;
text-align: center;
width: 100%;
}

#footer-nav-div a{
margin-left:10px;
margin-right:10px;
font-weight:500;
font-style:normal;
text-decoration:none;
}

#footer-content-div{
margin-top:10px;
text-align:center;
margin:0 auto 0 auto;
width:100%;
z-index:5;
}

#footer-logo-img{
height:50px;
}

/*
Homepage
*/

.homepage-hr-div {
padding-left:5px;
padding-right:5px;
margin-left:5px;
}

#homepage-slide1-table{
font-size:215%;
position:relative;
}


#homepage-tagline-1{
	margin-top:1px;
	font-size:100%;
}


#homepage-tagline-2{
width:100%;
font-size:175%;
margin: 0 auto 0 auto;
}

#homepage-slider-nav img{
width:140px;
}

.landing-page-column1, .landing-page-column2 {
margin-bottom:10px;
font-size:120%;
}

.landing-page-column1 img, .landing-page-column2 img{
margin-bottom:10px;
margin-right:10px;
}

.landing-page-column1 img{
width:180px;
}

.landing-page-column2 img{
width:190px;
}


#microsequence-td{
height:71px;
overflow:hidden;
}


/*
About
*/

.section-header{
font-weight:bold;
}


/*
Signup
*/


#errorbox, .errorbox{
	margin: 10px auto 10px auto;
	padding:10px;
}

#username_status{
	float:right;
	right:-100px;
	margin-left:10px;
}

#signup table{
margin-top:20px;
}

#signup table td{
vertical-align:bottom;
padding-bottom:10px;
padding-left: 16px;
width: 100%;
}

#captcha{
margin-top:10px;
margin-bottom:10px;
}

#createAccount{
margin-left:10px;
}
input[type="checkbox"]{
margin-right:10px;
}

#captcha-input{
width:310px;
}

/*
Contact page
*/

#contact_form input:NOT(#submit), #contact_form select{

margin-bottom:21px;
width:90%;
}

#contact_form label{
font-weight:bold;
}

/*
Signin
*/

#signin table,#othersignin table{
margin-top:10px;
margin-bottom:10px;
}


/*
Account
*/
.capsule-create-href{
display:block;
min-height:20px;
max-width:210px;
margin: 5px 0 5px 0;
text-decoration:none;
font-weight:bold;
}


.capsule-create-div{
min-height:20px;
max-width:200px;
margin: 5px 0 5px 0;
}

.capsule-list-container{
display:inline-block;
width:98%;
margin: 5px 0 5px 0;
padding:5px;
}

.capsule-buttons{
float:right;
display:inline-block;
margin: 5px auto 5px auto;
}

.capsule-buttons form{
display:inline;
}

.capsule-list-element{
min-height:20px;
min-width:200px;
margin: 5px 0 5px 0;
}

.capsule-list-href{
float:left;
text-align:center;
display:inline-block;
min-height:20px;
min-width:200px;
margin: 5px 0 5px 10px;
text-decoration:none;
font-weight:bold;
}

#account_remove_capsule{
margin-right:5px;
}

#change-password-div{
margin-bottom:26px;
}

.group-content #purge-button-div{
margin-top:5px;
}

#account_remove{
margin-top:26px;
}
/*
Capsules
*/

.drag-icon{
width:30px;
}

#sortableSections{
margin:0px !important;
}

.capsule-page table tr td{
vertical-align:top;
}

#capsule-back-div {
margin-bottom:20px;
}

.updated-div, .updated-div-noauto{
float:right;
margin-right:55px;
}

.toggle{
margin:1px !important;
}



.save-div{
position:absolute
right:0;
float:right;
font-size:80%;
z-index:50;
}

@-moz-document url-prefix()
{
	.save-div {
	font-size:75%;
	}
}

#capsule_status{
float:right;
width:90%;
padding:2px 6px 2px 6px;
margin-right:19px;
margin-bottom:5px;
}

#general-tab #general-text
		{
		width: 85%;
		height: 260px;
		padding: 10px;
		overflow-y: scroll;
		}


.capsule-display-option-div{
display:inline-block;
margin-right:10px;
margin-top:20px;
}



#capsule-contacts-table{
margin:0 auto 0 0;
width:100%;
table-layout:fixed;
word-wrap:break-word;
}

#capsule-contacts-table td{
padding:5px;
}

#capsule-contacts-table th{
*padding-top:10px;
padding-bottom:10px;
padding-right:10px;
}

#capsule-contacts-table th{
text-align:left;
}

#capsule_edit_contacts_table,
#capsule_edit_vehicle_log_table,
#capsule_edit_equipmentLog_table,
#capsule_edit_applianceLog_table,
#capsule_edit_petLog_table
{
width:100%;
}

#capsule_edit_contacts_table th,
#capsule_edit_vehicle_log_table th,
#capsule_edit_equipmentLog_table th,
#capsule_edit_applianceLog_table th,
#capsule_edit_petLog_table th
{
text-align:left;
padding-right:0px;
}

#capsule_edit_contacts_table .contact-new-th,
#capsule_edit_vehicle_log_table .contact-new-th,
#capsule_edit_equipmentLog_table .contact-new-th,
#capsule_edit_applianceLog_table .contact-new-th,
#capsule_edit_petLog_table .contact-new-th
{
text-align:right;
width:123px;
padding-right:0px;
}
.contact-new-th .button{
width:80px;
}


#capsule_edit_contacts_table td,
#capsule_edit_vehicle_log_table td,
#capsule_edit_equipmentLog_table td,
#capsule_edit_applianceLog_table td,
#capsule_edit_petLog_table td
{
padding-top:10px;
padding-bottom:10px;
}

#capsule_edit_contacts_table .edit-contact, 
#capsule_edit_contacts_table .remove-contact, 
#capsule_edit_vehicle_log_table .edit-contact, 
#capsule_edit_vehicle_log_table .remove-contact,
#capsule_edit_equipmentLog_table .edit-contact, 
#capsule_edit_equipmentLog_table .remove-contact, 
#capsule_edit_applianceLog_table .edit-contact, 
#capsule_edit_applianceLog_table .remove-contact,
#capsule_edit_petLog_table .edit-contact, 
#capsule_edit_petLog_table .remove-contact,
.cancel-contact-remove, 
confirm-contact-remove{
display: block;
float: right;
clear: both;
}


#capsule-physical-table{

}

/*
Notification page
*/

#notifyForm #message{
width:85%;
height: 260px;
}


/*
Display page
*/
#display-container{
margin-top:10px;
}

#display-page-container{
min-height:200px;
}

/*
User Agreement
*/
.user-agreement .section-header{
font-size:110%;
}

.user-agreement .before-ul{
margin-bottom:0;
}

.user-agreement ul{
margin-top:0;
}

/*
Privacy Policy
*/
.privacy-policy .section-header{
font-size:110%;
}

.privacy-policy .before-ul{
margin-bottom:0;
}

.privacy-policy ul{
margin-top:0;
}


/*
Resources Page
*/

#lightOverlay{
	position:fixed; /* keeps the lightbox window in the current viewport */
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background: url('../images/light-window-overlay-75.png') repeat;
	text-align:center;
	z-index:500;
}

.product-container{
padding:0;
padding-bottom:10px;
padding-top:10px;
margin-bottom:20px;
}

.product-name-div{
height:70px;
}

.product-container .product-name{
height:70px;
font-weight:bold;
}

.product-container .product-images{
min-height:120px;
}

#productsGrid-one-container{
position:absolute;
padding-top:5%;
z-index:501;
}

.products-header{
font-weight:bold;
font-size:200%;
}

.product-preview{
margin-bottom:20px;
padding:0;
}



.product-preview-title{
font-weight:bold;
font-size:200%;
}

#fullInfo{
min-height:300px;
}

#productFullName{
font-size:165%;
margin-bottom:15px;
}

.fullBuyDiv{
position:absolute;
right:20px;
bottom:20px;
}

#customQRCounter{
margin-top:10px;
}

#customQRText {
    width: 50%;
    height: 150px;
}

.emergency-sequence-theme #slide2{
text-align:left;
font-size:135%;
}

.emergency-sequence-theme #slide3 .cloud{
width:600px;
margin:50px auto 0 auto;
}

.emergency-sequence-theme #slide3{
font-size:190%;
font-weight:bold;
}

/*
jQuery UI Overides
*/

.ui-widget-header, .ui-tabs-panel, .ui-widget-content, .ui-corner-bottom,
.ui-state-default, .ui-corner-top, .ui-tabs-active, .ui-state-active,.ui-state-active, .ui-state-active,.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
background:none;
border:none;
}


/*
Site Map
*/

.site-map ul ul{
padding-top:0px;
padding-bottom:0px;
margin:0px;
}

/*
Tabbs
*/

#tabs {
	font-size: 90%;
	margin: 5px 0;
}
#tabs ul {
	float: left;
	padding-left: 0;
	margin:0px;
	margin-bottom:25px;
}
#tabs li {
	margin-left: 0;
	list-style: none;
}
* html #tabs li {
	display: inline;
}
#tabs li, #tabs li a {
	float: left;
}


#tab-div {
	clear: both;
	padding: 15px;
	min-height: 200px;
}
#tabs div h3 {
	margin-bottom: 12px;
}
#tabs div p {
	line-height: 150%;
}
#tabs ul li a {
	text-decoration: none;
	padding: 8px;
	color: #000;
	font-weight: bold;
}
.thumbs {
	float:left;
	border:#000 solid 1px;
	margin-bottom:20px;
	margin-right:20px;
}


/*
Glyph Gallery
*/

#glyph-gallery-div, #glyph-single-div, #glyph-grid-div{
padding:0px;
margin:10px auto 10px auto;
}


#glyphLarge{
position: relative;
top:0px;
margin-top:25px;
max-width:200px;
max-height:200px;
}

#glyph-large-title{
position: relative;
top:0px;
text-align:center;
z-index:5;
}

#glyph-grid-title{
vertical-align:bottom;
position: relative;
top:0px;
text-align:center;
z-index:5;
}

#glyph-grid-click{
position: relative;
top:0px;
text-align:center;
z-index:5;
}

.glyph-grid-item-div{
position: relative;
margin-bottom:20px;
cursor:pointer;
}

.glyph-grid-item{
max-height:50px;
}



/*
SHOWCASE 
*/

.ac-wrapper {
	width: 100%;
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 25%;
	-moz-perspective-origin: 50% 25%;
	perspective-origin: 50% 25%;
}

.ac-wrapper h2 {
	top: 20%;
	width: 50%;
	position: absolute;
	font-weight: 300;
	font-size: 4em;
	text-align: right;
	padding: 0 180px 0 50px;
}

.ac-wrapper h2 span {
	display: block;
	font-size: 60%;
	color: #c0c0c0;
}

.ac-device {
	width: 288px;
	height: 611px;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.ac-device a {
	height: 440px;
	width: 249px;
	display: inline-block;
	margin: 85px 0 0 20px;
}

.ac-device a img {
	display: block;
}

.ac-device h3 {
	position: absolute;
	font-size: 2.5em;
	left: 100%;
	width: 100%;
	top: 60%;
	margin-left: 30px;
	font-weight: 300;
	color: #888;
}

.ac-grid {
	position: absolute;
	width: 620px;
	left: 50%;
	margin-left: -310px;
	height: 100%;
	z-index: 1000;
	top: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translateZ(-350px);
	-moz-transform: translateZ(-350px);
	transform: translateZ(-350px);
}

.ac-grid a {
	width: 145px;
	display: block;
	position: relative;
	float: left;
	margin: 10px 5px;
	cursor: pointer;
}

.ac-grid a img {
	display: block;
	width: 100%;
}

.ac-grid a span {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	text-transform: uppercase;
	padding: 3em 1em 0;
	z-index: 100;
	color: #ddd;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.4);
	font-weight: 700;
	opacity: 0;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.ac-grid a:hover span {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

.ac-wrapper.ac-gridview .ac-device {
	-webkit-transform: translateZ(-350px);
	-moz-transform: translateZ(-350px);
	transform: translateZ(-350px);
	opacity: .6;
}

.ac-wrapper.ac-gridview .ac-grid {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	transform: translateZ(0px);
	opacity: 1;
	pointer-events: auto;
}

@media screen and (max-width: 63.875em) {
	.ac-wrapper { 
		font-size: 60%; 
		width: 100%; 
		padding: 0 20px;
	}

	.ac-device {
		margin: 0;
		width: 100%;
	}

	.ac-device h3 { 
		width: 50%;
		left: 290px;
	}

	.ac-wrapper h2 { 
		left: 308px; 
		padding: 0; 
		text-align: left; 
		margin-left: 30px;
	}
}

@media screen and (max-width: 39.8125em) {
	.ac-grid {
		width: 90%;
		left: 5%;
		margin-left: 0;
		padding-top: 150px;
	}

	.ac-grid a {
		width: 22%;
	}
}


@media screen and (max-width: 35.6875em) {
	.ac-wrapper {
		padding: 0 20px 100px;
	}

	.ac-wrapper h2 { 
		width: 100%;
		text-align: center;
		margin: 0 0 1em;
		top: 0;
		left: auto;
		position: relative;
	}

	.ac-device {
		margin: 0 auto;
		width: 288px;
	}

	.ac-device h3 {
		position: relative;
		margin: 0;
		left: auto;
		width: 100%;
		top: 100px;
		display: block;
		text-align: center;
	}
}

#centerAlertMessage
{
	width: 428px;
}

.showContactLink {
	text-decoration: none;
	color: #00b;
	border: 1px solid #aad;
	border-radius: .5em;
	padding: 0 .5em 0 .5em;
	font-weight: normal;
}

.showContactLink:hover {
	color: #00f;
	border-color: #00f;
}

.group input, .group select {
	width: auto !important;
}

@media only screen and (min-width: 768px) and (max-width: 995px)
{
	#centerAlertMessage
	{
		width: 353px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
	#centerAlertMessage
	{
		width: 250px;
	}
}

@media only screen and (max-width: 479px)
{
	#centerAlertMessage
	{
		width: 200px;
	}
}