@charset "utf-8";
body { background-color: #FFF; font-family: "Open Sans", Arial, Helvetica, sans-serif; background: #FFF url('/media/site/Alliance/greystripe.png') repeat-x; }
h1, h2, h3, h4 { font-family: "Open Sans Condensed", "Arial Narrow", "Trebuchet MS", Verdana; font-weight: 700; color: #E00; }
h2, h3, h4 { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 400; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
a:active, a:visited, a:hover, a:link,
h2 a:active, h2 a:visited, h2 a:hover, h2 a:link,
h3 a:active, h3 a:visited, h3 a:hover, h3 a:link, .nav a, .customH2, .allianceP { color: #05C; }
a:hover   { color: #E00; text-decoration: underline; }
.expressLocation { margin-top: 2%; }
.inner { width: 90%; max-width: 1000px; }
.masthead { position: relative; width: 100%; background: transparent url('/media/site/Alliance/accent-1170x140.png') no-repeat top center; }
.lowermast {background: url('/media/site/Alliance/greystripe-reverse.png') bottom repeat-x;}
.masthead .inner { height: 300px; }
.has_sub {
	height: 350px !important;
}
.masthead .primary { 
	padding-left: 50px;
	width: 45%;
	margin-top: 5%;
}
#Quantity {
	color: black;
}
.masthead #allianceHeadLeft {
	margin-top: 5%;
	padding-left: 50px;
	width: 90%;
}
#tagdesign .chooseMaterial {
	width: 50%;
}
.chooseMaterial {
	width: 50%; 
	padding: 60px 0 20px 0 !important;
}
.callTD {
	text-align: center;
	width: 50%;
	float: right;
}
.callTD p {
	margin-top: 0; 
	font-size: 1.1em;
	margin-left: 50px;
}
#allianceHeadLeft {
	font-family: "Open Sans Condensed","Arial Narrow","Trebuchet MS",Verdana;
    font-weight: 600;
    padding-left: 0;
}
#allianceHeadLeft img {
	float: right;
	padding-left: 0;
	width: 30%;
	height: auto;
	margin-top: -180px;
	margin-right: 6%;
}
#allianceHeadLeft h5 {
    color: #E00;
    font-size: 1.4em;
    padding-top: 15px;
}
.gallHead {
	position: absolute;
    width: 25%;
    margin-left: 62%;
    margin-top: -30px;
    font-size: 1.6em;
    z-index: 100;
}
.customH1 {
	margin-top: 2%;
	text-align: center;
}
.customH1 h1 {
	font-size: 3em;
}
.customH2 {
	font-size: .5em; 
}
#unitPrice {
	width: 40%;
}
#tagSize {
	border: none;
    padding: 6px 0 6px 0;
    margin: 0;
	width: 50%;
	display: inline;
	float: left;
}
.tagSizeSelect {
	padding-top: 20px;
	margin-bottom: 8%;
}
.durImgLg, .durImgMd, .durImgSm {
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
}
.durImgLg {
	width: 800px; 
	margin: 20px 0 0 70px;
}
.durImgMd {
	width: 553px; 
	margin: 20px 0 0 50px;
	display:none;
}
.durImgSm {
	width: 270px; 
	margin: 20px 0 0 50px;
	display:none;
}
.masthead .secondary {
	width: 40%;
}
.alliStyle {
	display: inline-block;
}

.alliColor {
	display: inline-block;
}
#addCart {
	display: inline-block;
	float: left;
	margin-top: -20px !important;
}
#addCartProduct {
		margin-left: 50%;
}
#allianceAdhesive {
	margin-top: -20px;
}
.sizeBtn {
	background-color: #1174ff;
	padding: 8px;
	margin-right: 10px;
	color: white !important;
	border-radius: 3px;
	text-decoration: none !important;
}

.sizeBtn:hover {
	background-color: #006aff;
}
.active {
	border-bottom: 5px #ff2121 double;
	background-color: #05C;
	padding: 10px;
}

.sizeTop {
	margin-bottom: 10px;
}
/*#Text1 input[type=text]:focus {
	border-color: #62f442;
}

#Text2 input[type=text]:focus {
	border-color: #62f442;
}

#Text3 input[type=text]:focus {
	border-color: #62f442;
}*/
.nav { position: absolute; bottom: 5%; }
.nav a { display: block; float: left; padding: 20px 20px 0 0; font-family: "Open Sans Condensed", "Arial Narrow", "Trebuchet MS", Verdana; font-size: 1.5em; line-height: 1; font-weight: 700;  }
.logo { padding: 10px 0 0 0; }
.logo img { float: left; margin: 0 15px 0 60px; }
.logo .name { font-size: 1.9em; line-height: 1.4; font-family: "Open Sans Condensed", "Arial Narrow", "Trebuchet MS", Verdana; font-weight: 700; color: #FFF; margin-top: 4px; }
.logo .tagline { font-size: .9em; line-height: 1.5; color: #FFF; }
.guarantee { position: absolute; top: 3px; left: 60%; }
.contactus { display: none; position: fixed; z-index: 999; bottom: 0; left: 0; width: 90%; height: 40px; padding: 0 5% 15px 5%; background-color: #FFF; border-top: 2px solid #E00; -moz-box-shadow: 0 0 12px #AAA; -webkit-box-shadow: 0 0 12px #AAA; box-shadow: 0 0 12px #AAA; }
.contactus .fa-comment-o { line-height: .3; }
.accounted { position: fixed; top: -2px; left: 75%; text-align: center; background-color: #FFF;  border-radius: 0 4px 4px 4px; padding: 6px 10px 6px 10px; font-size: .9em; -moz-box-shadow: 0 2px 12px #AAA; -webkit-box-shadow: 0 2px 12px #AAA; box-shadow: 0 2px 12px #AAA; z-index: 1;}
.accounted b { font-weight: normal; }
.footer { margin-top: 30px; padding: 20px 0 60px 0; border-top: 1px solid #EEE;
	background: #F5F5F5; /* Old browsers */
	background: -moz-linear-gradient(top, #FAFAFA 0%, #FAFAFA 70%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(70%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FAFAFA 0%,#FAFAFA 70%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FAFAFA 0%,#FAFAFA 70%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FAFAFA 0%,#FAFAFA 70%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FAFAFA 0%,#FAFAFA 70%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
}
.floatRight.pad { margin: 10px 0 20px 20px; }
.floatLeft.pad { margin: 10px 20px 20px 0; }

.toughstuff { background:#FFF url('/media/site/Alliance/bg-Tough-Stuff-1000x300.gif') repeat-x; }
.toughstuff .graphic { position: relative; margin: 0 auto 0 auto; width: 90%; max-width: 1000px; background: transparent url('/media/site/Alliance/feature-Tough-Stuff-1000x300.jpg') no-repeat top center; }
/*.toughstuff #wowslider { width: 320px; position: absolute; top: 280px; right: 90px; width: 320px; background: none; margin: 0; }*/
.toughstuff #wowslider { width: 320px; float:right; width: 320px; background: none; margin: 0; }
.toughstuff .intro { width: 680px; padding-top: 0; }
.toughstuff h3 { font-family: "Open Sans Condensed", "Arial Narrow", "Trebuchet MS", Verdana; font-weight: 700; color: #E00; font-size: 1.4em; padding-top: 15px; }
.toughstuff h2 { padding-top: 5px; }

.pricebox { margin: 40px 0 40px 0; padding: 0 0 0 15px; border: 1px solid #EEE; background-color: #FAFAFA; border-radius: 8px; }
.pricebox a { font-size: 1.2em; }
.pricebox .option { float: left; margin-right: 15px; padding-bottom: 15px; }
.pricebox .option:last-child { margin-right: 0; }
.pricebox .option p { color: #373; padding: 5px 0 2px 0; font-weight: bold; }
.pricebox select { font-size: .9em; width: 100px; }
.pricebox input[type=text] { width: 90px; }
.ibox { position: relative; float: right; z-index: 100; width: 240px; border-left: 1px solid #DDD; padding: 0 0 0 16px; font-size: 12px; margin: 20px 0 5px 10px; }
.ibox h4 { padding-top: 0; }
.caption { font-family: "Palatino Linotype", "Times New Roman", Times; font-style: italic; font-size: 12px; color: #555; text-align: center; }
.siteseal { float: left; padding: 20px 30px 0 0; }
.copyright { padding-top: 30px; float: left; font-size: 1em; }
.livechat { float: right; margin-left: 15px; }
.quadbox { float: left; width: 160px; }
.quadbox label { width: 90%; }
.quadbox input[type="text"] { width: 80%; }
.quadbox .YourPrice { border-color: #bdd9ae; }
#selectHeading {
	margin-left: 0;
}
#tagCompareDialog {width: 100%; height: 50px; margin-top: 0;}
/*.viewProd {
	color: #05c;
	font-weight: bold;
	font-size: 1.5em;
	width: 40%; 
	margin: 0 30% 0 30%; 
	float: left;
}*/
#tagCompareContent { font-family: "Open Sans"; }
#tagCompareContent td.fontBold { color: #444; font-size: 11px; }
#tagCompareContent tr.top th { text-align: center; font-size: 13px; color: #555; font-style: italic; line-height: 16px; padding: 0 5px 4px 5px; }
#tagCompareContent td {vertical-align: middle;}
#tagCompareContent td { border: 1px solid #EEE; font-size: 11px; line-height: 18px; padding: 5px; text-align: center; }
#tagCompareContent tr.nbrd td, #tagCompareContent tr.nbrd th { border: none; }
#tagCompareContent td div { margin: 6px auto 6px auto; width: 22px; height: 22px; background: url('/media/site/Alliance/bg_12.gif') no-repeat 0 0; }
#tagCompareContent td div.blu { background-position: 0 0; }
#tagCompareContent td div.grn { background-position: -22px 0; }
#tagCompareContent td div.yel { background-position: -44px 0; }
#tagCompareContent td div.rng { background-position: -66px 0; }
#tagCompareContent td div.red { background-position: -88px 0; }
#tagCompareContent .hdr td {text-align: center; padding: 20px 4px; background-color: #EEF4FF; font-weight: bold; border: 1px solid #ABD0E4; font-size: 14px; line-height: 14px; color: #018}
#tagCompareContent td a {text-decoration: underline;}
#tagCompareContent .hdr td a {color: #018; font-size: 14px;}
#tagSelect {width: 30%; float: left; clear: none; margin-left: 0;}
#allianceSelect {
	float: right;
}
.ui-widget-content {
	background: #fff !important;
}
.ui-dialog-titlebar {
	background-image: -webkit-gradient(linear, 0 0, 746 0, from(#03a4da), to(#27429c));
	background-image: -webkit-linear-gradient(360deg, #03a4da, #27429c);
	background-image: -moz-linear-gradient(360deg, #03a4da, #27429c);
	background-image: -o-linear-gradient(360deg, #03a4da, #27429c);
	background-image: linear-gradient(90deg, #03a4da, #27429c)
}
.hrDesigner {
	margin-left: -50px;
}
/*in checkout page, have this hidden until user clicks on Your Cart*/
.returnCart {
	display: none;
}
.checkoutQ a {
	background-color: #05C;
    color: white;
    padding: 5px;
    border-radius: 3px;
}
.checkoutQ a:hover {
	background-color: #267bf2;
}
a.designertip {
     position: relative;
     cursor: pointer;
     text-decoration: none;
     font-size: 18px;
 }
 a.designertip span {
     text-align: center;
     color: #fff;
     font-family: "Open Sans", Arial, Helvetica, sans-serif;
     background: #05C;
     width:250px;
     padding:10px;
     margin-left: 0;
     margin-top: -520px;
     margin-bottom: -500px;
     margin-right: -500px;
     font-size:14px;
     border: 5px solid white;
     border-radius: 5px;
     box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
     display: none;
     vertical-align: middle;
     position: relative;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .1s linear;
     -moz-transition: all .1s linear;
     transition: all .1s linear;
 }
 a.designertip > span:before, a > span:after {
     content: "";
     position: absolute;
     border-bottom: 10px solid transparent;
     border-right:10px solid transparent;
     top: 50%;
     left: 0;
     margin-left: -10px;
 }
 a.designertip > span:before {
     border-top: 13px solid #111;
     border-bottom: 13px solid #111;
     border-right:9px solid #111;
     border-top: 10px solid transparent;
     border-left: 10px solid transparent;
     border-bottom:10px solid transparent;
     margin-left: -22px;
     z-index: 100001;
 }
a.designertip:hover span {
    opacity: 1;
    display: inline-block;
    visibility: visible;
    margin-left: 15px;
    z-index: 1000001;
}
#builder {
	float: left;
	position: relative;
    z-index: 10000000000;
}
.quanPrice {
	margin-left: 5%;
}
.sizeH5 {
	color: black; 
	text-align: left; 
	margin-top: 0;
}
#tagDivWidth {
	text-align: center;
	width: 40%;
}
.tagDiv {
	text-align: left; 
	padding-top:20px; 
	margin-bottom: 5px;
}
.questionsProduct {
	padding-top: 50px;
	font-size: 1.1em;
}
.quanH5 {
	color: black;
    text-align: center;
    border: 3px solid #DFDFDF;
    padding: 2px;
    border-radius: 3px;
    background-color: #DFDFDF;
    width: 100%;
}
.quanH3 {
	width: 100%; 
	font-size: 1.0em; 
	text-align: center;
}
.wordingDiv {
	width: 600px;
}
.buildDiv, .buildDivProd {
		position: relative;
		/*top: 700px;
		left: 56%;*/
	    z-index: 10000000000;
}
.sticky-wrapper {
	margin-left: 65%;
}
.gallP {
	padding: .2em 1em .8em 0;
}
.quanField { 
	width: 45%; margin-bottom: 15px; margin-top: 15px; text-align: center; border: 3px solid #DFDFDF; padding: 2px; border-radius: 3px; background-color: #f4f4f4;
 }
 .quanLabel {
 	width: 100% !important; text-align: center;
 }
 .quanInput {
 	width: 95% !important; text-align: center;
 }
 .price100Field {
 	float: right !important; width: 45%; margin-bottom: 15px; margin-top: 15px; text-align: center; border: 3px solid #DFDFDF; padding: 2px; border-radius: 3px; background-color: #f4f4f4;
 }
 .price100Label {
 	width: 100% !important; text-align: center; padding-top: 3px;
 }
 .price100Div {
 	height: auto; width: 100% !important; text-align: center; padding-top: 10px; padding-bottom: 5px;
 }
 .yourPriceField {
 	width: 100%; text-align: center; border: 3px solid #DFDFDF; padding: 1px; border-radius: 3px; background-color: #f4f4f4; height: auto !important; margin-bottom: 15px;
 }
 .yourPriceLabel {
 	height:auto; text-align: center; width: 100%; padding-top: 5px;
 }
 .yourPriceDiv { 
 	height:30px; width: 100% !important; text-align: center;
  }
@media (max-width: 1070px) {
	.wordingDiv {
		width: 50%;
	}
	.checkoutQ a {
		color: #05C;
		padding: 0;
	}
	.checkoutQ a, .checkoutQ a:hover {
		background-color: transparent;
	}
}
@media (max-width: 1050px) {
	.quanPrice {
		margin-left: 0;
	}
	.masthead .inner {
		height: 300px;
	}
	.has_sub {
		height: 350px !important;
	}
	.questionsProduct {
	padding-top: 50px;
	font-size: 1em;
	}
}
@media (max-width: 1000px) {
	.masthead { background-position: -90px 0; }
	.twothirds { width: 42% !important; }
	#allianceHeadLeft img {
		margin-right: 8%;
		margin-top: -155px;
	}
	#allianceHeadLeft h5 {
	font-family: "Open Sans Condensed","Arial Narrow","Trebuchet MS",Verdana;
    font-weight: 600;
    color: #E00;
    font-size: 1.2em;
    padding-top: 15px;
	}
	.gallHead {
		margin-top: -25px;
	}
	.tagDiv, .tagSizeSelect {
	padding-top: 30px; 
	}
	.quanH3, .callTD {
	text-align: left;
	}
	.customH1 h1 {
		padding: 0 1em .5em 0;
	}
	.callTD p, #addCartProduct {
		margin-left: 0;
	}
	.customH2 {
		display: block;
	}
}
@media (max-width: 944px) {
	#addCart {
		margin-top: 0 !important;
	}
}
@media (max-width: 900px) {
	.primary, .mainbar, .secondary, .sidebar, #tagdesign .primary, .triple { float: none; width: 90%; padding: 0; }
	#tagdesign .secondary { float: none; width: 90% !important; padding: 0;}
	.masthead { background: transparent url('/media/site/Alliance/accent-1000x200.png') no-repeat 0 0; background-size: auto auto; }
	/*.masthead .inner { height: 180px; }*/
	.logo img { margin: 0 15px 0 0; }
	.nav { left: 0; width: 100%; }
	.nav a { width: 25%; font-size: 1.5em; text-align: center; padding: 0; }
	.duocolumn, .tricolumn { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; }
	.mobile { display: block; }
	.wordDiv { margin-top: 10px !important; }
	#builder { clear: both; padding-left: 0 !important; }
	.desktop, .durImgLg, .durImgSm { display: none; }
	.durImgMd { display: block; }
	.masthead #allianceHeadLeft {
		margin-top: 6%;
	}
	#allianceHeadLeft img {
		margin-right: 6%;
	}
	#tagSizeMdSm {
		width: 90% !important;
	}
	.callTD {
	width: 90%;
	}
	.callTD {
		margin-top: 0;
		float: left;
	}
	.sticky-wrapper {
		margin-left: 0%;
	}
}
/*added in for responsive formatting to avoid positioning select tag style over total*/
@media (max-width: 796px) {
	.marginTop60 {
	margin-top: 60px !important;}
}
@media (max-width: 769px) {
	#allianceHeadLeft img, .gallHead, .allianceP {
		display: none;
	}
	.masthead #allianceHeadLeft {
		text-align: center;
		padding-left: 0;
		width: 100%;
		margin-top: 8%;
	}
	#tagdesign .chooseMaterial {
	width: 100%;}
	.customH1 h1 {
		font-size: 2.5em;
	}
	.callTD p {
		margin-top: 140px;
		font-size: 1em;
	}
}
@media (max-width: 740px) {
	.guarantee { display: none; }
	#tagCompareDialog {
		width: 100%;
	}
	#tagP {
		width: 50%; margin: 0 25% 0 25%; float: left; color: blue; font-size: 20px;
	}

	#tagSelect {
		width: 100%;
		margin: 20px 0 0 0;
		clear: both;
	}

	.allianceMast {
		clear: both;
	}
}
@media (max-width: 710px) {
	.chooseMaterial {
	width: 100%; 
	padding: 60px 0 50px 0 !important;}
	#allianceAdhesive, .customH2 {
		display: none;
	}
}
@media (max-width: 650px) {
	.lowermast {
		height: 300px;
	}
	.masthead #allianceHeadLeft {
		margin-top: 10%;
	}
	.nav {
		display: none;
	}
}

@media (max-width: 600px) {
	.logo img { width: 30%; height: auto; max-width: 150px; }
	.nav a { font-size: 1.4em; }
	.quadbox { float: none; width: 100%; }
	label { width: 100%; }
	input[type=text], input[type=password], input[type=email] { width: 99%; }
	select { width: 99%; }
	.twothirds { width: 63% !important; }
	.thirds { width: 28% !important; }
	.cryptogram { clear: left; margin-right: 10px; }
	.cryptogirl { margin-bottom: 15px; }
	dl.summary dt { width: 40%; padding: 0; margin: 0; }
	dl.summary dd { width: 60%; padding: 0; margin: 0; }
	.accounted { left: 90%; font-size: 1.2em; }
	.cryptoarrow, .accounted b, .durImgLg, .durImgMd { display: none; }
	.durImgSm { display: block; }
}
@media (max-width: 500px) {
	h1, h2, h3, h4, p { padding-right: 0; }
	.masthead { background-position: 0 -30px; }
	.masthead .inner { height: 150px; }
	.nav { top: 120px; }
	.nav a span { display: none; }
	.logo .name { font-size: 1.6em; }
	.logo .tagline { font-size: .8em; line-height: 1.3; }
	.siteseal { float: none; }
	.copyright { padding-top: 15px; float: none; font-size: .8em; }
	.livechat { float: none; margin-left: 0; }
	.contactus { display: block; }
	.accounted { right: -6px; }
	#tagP { width: 60%; margin: 0 20% 0 20%; float: left; color: blue; font-size: 22px; }
	#builder { margin-top: 200px; }
	#unitPrice {
		width: 90%;
	}
	.designertip {
		display: none;
	}
	.customH1 h1 {
		padding: 0 0 0 0;
		font-size: 2em;
	}
}
@media (max-width: 450px) {
	.hrDesigner {
		display: none;
	}
	.tagSizeSelect {
		margin-top: 50px;
	}
	.callTD p {
		margin-top: 200px;
	}
}
@media (max-width: 435px) {
	#selectHeading {margin-top: 20px;}
	.callTD p {
		margin-top: 240px;
	}
}
@media (max-width: 400px) {
	.masthead { background-position: 0 -50px; }
	.masthead .inner { height: 130px; }
	.nav { top: 100px; }
	.nav a, .logo .name { font-size: 1.2em; }
	.logo .tagline { font-size: .6em; line-height: 1.3; }
	h1 { font-size: 1.7em; }
	.button-primary { padding: 10px 20px 10px 20px; font-size: 1em; }
	.contactus span { display: none; }
	.contactus .fa-comment-o { font-size: 2em; line-height: .5; }
	.accounted { font-size: 1em; }
	.lowermast {
		height: 200px;
	}
	.masthead #allianceHeadLeft {
		margin-top: 5%;
	}
	.masthead #allianceHeadLeft h5 {
		font-size: .8em;
	}
	.callTD p {
		margin-top: 280px;
	}
}
@media (max-width: 336px) {
	.durImgSm {
		margin: 50px 0 0 25px;
	}
}