/*
###################################################

 Browser Reset Styling
 
###################################################
*/

html, body {
 margin: 0px;
 padding: 0px;
 border: 0px;
 } 
body { 
font: 1em/1.25 Arial, Helvetica, sans-serif;
 } 
 
  /* Headlines */
  h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }  /* Text Styles */ p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea { margin: 0; padding: 0; font: normal normal normal 1em/1.25 Arial, Helvetica, sans-serif; } blockquote { margin: 1.25em; padding: 1.25em } q { font-style: italic; } acronym, abbr { cursor: help; border-bottom: 1px dashed; } small { font-size:.85em; } big { font-size:1.2em; }  /* Links and Images */ a, a:link, a:visited, a:active, a:hover { text-decoration: underline; } img { border: none; }  /* Tables */ table { margin: 0; padding: 0; border: none; }  /* Forms */ form { margin: 0; padding: 0; display: inline; } label { cursor: pointer; }

input:focus {
    outline: none;
}

input{
	background-color: #f5f4f2;
	border: 1px solid #bec6c8;
}

input[type="text"]{
box-shadow: none !important;
-webkit-appearance:none;	
-webkit-border-radius: 0px;
}

input[type="tel"]{
box-shadow: none !important;
-webkit-appearance:none;	
-webkit-border-radius: 0px;
}

input[type="textarea"]{
box-shadow: none !important;
-webkit-appearance:none;	
-webkit-border-radius: 0px;
}

input[type="email"]{
box-shadow: none !important;
-webkit-appearance:none;	
-webkit-border-radius: 0px;
}

input[type="submit"]{
border-radius: 0px;
}


select {
/*  -webkit-appearance: none;*/
}


.mc-modal {
	background-color: white !important;
}

select:focus{
	outline: none;	
}

.whitebg{
	background-color: white ;
}

.larger{
	width: 101% !important;
}


/*
###################################################

 General Css Styles 
 
###################################################
*/

body{
	background-color: #f9f9f9 !important;
	font-family:arial !important;
	margin: 0px;
	padding: 0px;
	-webkit-appearance:none;
	color: #5d5a58 !important;
}

.display-none{
	display: none;
}

.nonselectable{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a:link {
    color: black;
	text-decoration: none;
}

a:visited {
    color: black;
	text-decoration: none;
}

a:hover {
    color: black;
	text-decoration: none;
}

a:active {
    color: black;
	text-decoration: none;
}

u {
	text-decoration:none;

}

u:hover{
	cursor:pointer;
	text-decoration:none;
	padding-bottom:3px;
	border-bottom:3px solid #725E9B
}

#maincontainer{
 left:0;
 top: 0;
 height: 100%;
 width: 100%;
 position: absolute;
}



.relative{
	position: relative;
}

.margin10{
	margin-bottom: 10px;
	margin-top: 10px;
}

.margin20{
	margin-bottom: 20px;
	margin-top: 20px;
}

.marginbot20{
	margin-bottom: 20px;
}

.margin30{
	margin-bottom: 30px;
	margin-top: 30px;
}

.marginbot30{
	margin-bottom: 30px;
}

.margin45{
	margin-top: 25px;
	margin-bottom: 30px;
}


.height100{
	height: 100px !important;
}

.extratallmargin{
	margin-top: 75px;
}
.margintop30{
	margin-top: 30px;
}

.margintop50{
	margin-top: 50px;
}


.margintop15{
	margin-top: 15px;
}

.margintop5{
	margin-top: 5px;
}

.margin50{
	margin-top: 50px;
}


.marginleft{
	margin-left: 20px !important;
}

.marginright{
	margin-right: 20px !important;
}


.nopadding{
	padding: 0 !important;
}

.paddingbot30{
	padding-bottom: 30px;
}

.paddingtop30{
	padding-top: 30px;
}

.marginright15{
	margin-right: 15px;
}

.pointer{
	cursor: pointer;
}

.marginbot5{
	margin-bottom: 5px;
}


.bluehighway{
	font-family: blue_highwayd;
}

.no-wrap{
	white-space: nowrap !important;
	overflow-x:hidden;
	overflow-y:hidden;
}

.inline-float{
	display: inline-block;
	float: none !important;
}

.absolute0{
	position: absolute !important;
	top: 0;
	left: 0;
}

.wrap-centered{
	white-space: normal;
	text-align: center;
}

hr{
	float: left;
	width: 15%;
	color: #d6d6d6;
	background-color: #d6d6d6;
	height: 3px;
}

.extrapadding{
	padding-left: 5px;
}

.indent{
	padding-left: 10px;
	padding-top: 10px;
}

.whitefade{
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	
}


		.index2{
			z-index: 2;
			position: relative;
		}
		

		.negativemargin{
		}
		
		.closeus{
			position:absolute;
			top:0;
			left: 0;
			z-index:1;
			height: 100%;
			width: 100%;
		}


/*
###################################################

 Header Css Styles 
 
###################################################
*/

.mainlogo{
	width: 190px;
}

.headermenu{
}

.backgroundimage{
	width: 100%;
	max-width: 2270px;

}

.button {
	color:#725E9B;
	font-weight:900 !important;
	font-family:'blue_highwayregular';
	font-size: 18px !important;
	margin-top: 20px;
	margin-left: 20px;
}

.mobilelogo{
	position:absolute;
	top:35%;
	left:27%;
	height:30%;
	width:45%;
}

#mobilemenubuttonopen{
	padding-left:10px;
	padding-top:10px;
	padding-bottom: 10px;
	cursor:pointer;
	background-color: white;
	z-index: 3;
}

 .mobilemenusections{
 height:40px;
 width:100%;
 padding-left:15px;
font-family:'blue_highwayregular';
line-height:3;
color:#C7C2BF;
border: 1px solid #554B66;
 }
 
 #mobilesubmenu{
 }
 
 #mobilesubtext{
 
 }
 
  .mobilemenusubsections{
  height:40px;
  width:100%;
  padding-left:30px;
 font-family:'blue_highwayregular';
 line-height:3;
 color:#A099A1;
 border: 1px solid #554B66;
  }
  
  #mobilemenu{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:100%;
  background-color:#5F5476;
  z-index: 9998;
  overflow:hidden;
  }
 
 
  .scrolltotop{
  height:40px;
  width:40px;
  cursor:pointer;
  font-family:'blue_highwayregular';
  color:#888888;
  }
  
 #scrollstyle{
 display: none;
 position:fixed;
 right:30px;
 bottom:150px;
 height:40px;
 width:57px;
 text-align:center;
 color:gray;}
 
 #stickylogo{
 position:absolute;
 top:2;
 left:5%;
 margin-top:10px;
 }
 
 #stickymenu{
 position:absolute;
 top:20px;
 right:5%;
 z-index:2;
 height:57px;
 }
 
 #stickyabout{
 width:134px;
 height:50px;
 position:absolute;
 top:0px;
 left:0px;
 line-height:3em;
 text-align:center;
 cursor:pointer;
 }
 
 #stickyproducts{
 width:134px;
 height:50px;
 position:absolute;
 top:0px;
 left:134px;
 line-height:3em;
 text-align:center;
 cursor:pointer;
 }
 
 #wheretobuycontainer{
 	width: 99%;
 }
 
 #stickycontact{
 width:134px;
 height:50px;
 position:absolute;
 top:0px;
 right:0px;
 line-height:3em;
 text-align:center;
 cursor:pointer;
 }
 
 .dropdownmenu{
 width:100%;
 background-color:rgba(136,136,136,1.0);
 height:90px;
 position:fixed;
 top:0px;
 left:0;
 right:0;
 z-index:9998;
 display:none;
 box-shadow: 0px 0px 7px #999;
 }
 
 .button2 {
 color:white;
 font-weight:900;
 opacity: 0.7;
 font-family:'blue_highwayregular';
 }
 
 .button2:hover {
 font-weight:900;
 opacity: 1.0;
 }
 
 .addoverflow{
 	overflow-x: hidden;
 	overflow-y: hidden;
 }


/*
###################################################

 Billboard Css Styles 
 
###################################################
*/



/*
###################################################

 Product Css Styles 
 
###################################################
*/

.backbutton{
	width: auto !important;
	margin-right: 15px;
}

.wheretobuysection{
	width: 47.5% !important;
}

.backdrop{
	height:100%;
	width:90%;
	position: absolute;
	-moz-transform: rotate(0);
}

.productcontainer{
	min-height: 377px;
}

.triangle{
display: none;
z-index: 20;

}

#aidstriangle{
	left: 14%;
	position: absolute;
	top: -23px;
}

#comforttriangle{
	left: 50%;
	position: absolute;
		top: -23px;
}

#organizationtriangle{
	left: 82%;
	position: absolute;
		top: -23px;
}

.productstyle{
	width: 550px;
	height: 550px;
}

.noproduct{
	background-color: white;
	border: 10px solid #F6F4F3;
	height: 277px;
	display: table;
	margin-left: 2px;
}

.noneinstock{
	text-align:center; 
	vertical-align: middle;
	display: table-cell; 
	font-size: 18px; 
}

.mapstyle{
	border: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 100px;
}

.descriptionheader{
	font-size: 22px;
	color: #5d5a58;
}

.maxheight{
max-height: 255px;
min-height: 255px;
}

.hoverimage{
	width: 100%;
	opacity:0.7;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	cursor: pointer;
}

.hoverimage:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
}

.negativemargin{
}

.bodytext{
	text-align:center;
	font-size:32px;
	font-family:'blue_highwayd';
	color:#5d5a58;
	background-color:#f5f4f2;
	text-transform:uppercase;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #706e6c;
	margin: 0 auto;
	position:absolute;
	margin-bottom: -10%;
	top:50%;
	left:15%;
	right:15%;
	opacity:0.8;
	cursor: pointer;
}

.headertext{
	margin-bottom: 20px;
	text-align:center;
	font-size: 30px;
	font-family:'blue_highwayd';
	color: #725E9B;
	text-transform: uppercase;
}

.mobileheader{
	width:100%;
	position:relative;
}

.spacerdiv{
		width:100%;
		height: 20px;

}


#wheretobuy_mobile{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.whitetogray{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	
}


.lightgrayfade{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(250,248,247,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(250,248,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(250,248,247,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(250,248,247,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(250,248,247,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(250,248,247,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#faf8f7',GradientType=0 ); /* IE6-9 */
	
}

.subgraphic{
	margin-top: 20px;
	margin-bottom: 20px;
}


.products{
	background-image: url("../images/productsbg.jpg");
	padding-top: 100px;
	

}

#clickarea{"width:100%;height:100%;z-index:2;position: absolute;left:0;right: 0;"}

.maximageheight{
max-height: 224px;
cursor: pointer;
max-width: 233px;
margin: auto auto;
display: block;
/* display: block; */
margin-top: 5px;
/* margin-left: -116px; */
/* margin-left: auto; */

}


#desktopproducts{
	overflow: hidden;
}

.productheader{
	font-size: 28px;
	font-family: 'blue_highwayregular';
	color: #4d2f89;
	display: none;
	margin-bottom: 25px;
}

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

.productinfo{
	width: 47.5% !important;
	height: 328px;
}

.Magic360-box{
	max-width: 550px !important;
}


.productbg{
	background-color:#edeae8;
	border: 1px solid #C9C9C9;
	padding-bottom: 20px;
}


#productlogo{
	margin-bottom: 15           px;
}

.border{
	border: 10px solid #f3f2f0;
	background-color: #fff;
}

.smallborder{
	border: 5px solid #f3f2f0;
	cursor: pointer;
}

.back{
	margin-top: 5px;
	width: 245px;
	height: 35px;
	background-color: #999999;
	display:none;
	color:white;
	text-align:center;
	line-height:2;
	font-family:'blue_highwayd';
	font-size:19px;
	cursor:pointer;
}

.viewitem{
	opacity:0.0;
	position:absolute;
	top:0;
	left:13px;
	height:100%;
	width:90%;
	background-color:white;
	text-align:center;
	line-height:10em;
	font-size:24px;
	font-family:'blue_highwayregular';
}

.viewitem:hover{
	opacity:0.7;
	cursor:pointer;
}

.product{
	margin-bottom: 40px;
}

.productname{
	font-size: 26px;
	font-family: "blue_highwayd";
	color: #4d2f89;
	text-transform: uppercase;
	padding-top: 15px;
	line-height: 1;
	margin-top: 10px;
	}

.productprice{
	font-size: 28px;
	font-family: "blue_highwayd";
	color: #339999;
	margin: 10px 0;
}

.mobilebutton{
	height: 50px;
	background-color: #6f5a9b;
	font-family: "blue_highwayd";
	color:white;
	text-align:center;
	line-height:2.7;
	font-size:19px;
	cursor:pointer;
	margin-bottom: 20px;
}

.logocontainer{

	margin-top: 0px;
	padding-top: 10px;

}


.video_thumbnail{
	height: 108px;
	width: 108px;
}

.video_thumbnail_hover{
	height: 78px;
	width: 78px;
	position: absolute;
	left: 20px;
	top: 15px;
}

.white_filler{
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	top: 0;
	left: 5px;
}


.scene {
background-image: url(../images/display.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
/* position: absolute; */
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
margin-bottom: -150px;
margin-top: 5px;
}

.locationheader{
	margin-bottom:15px;
	margin-top:4px;
	font-family: "blue_highwayd";
	color: #4d2f89;
	text-transform: uppercase;
	font-size: 26px;
	text-align: left;
}

.locationstoreweb{
	margin-top: 10px;
}

#mobileproductlogo{
	margin-top: 15px;
}

.productdescription{
	margin-top: 5px;
	overflow-y: auto;
	height: 155px;
}

.mobileproductinfo{
	background-color: white;
	border: 5px solid #F6F4F3;
	text-align:left;
	}

.storelocation{
	border: 3px solid #f6f4f3;
	background-color: white;
	height: 280px;
	width: 242px;
	margin-right: 10px;
	margin-left: 20px;
}

.locationstorename{
	font-size: 20px;
	color: #5d5a58;
	margin-top: 9px;
	margin-bottom: 7px;
	white-space: normal;
	line-height: 1.1;
}

.productfade{
height: 80px;
background: -moz-linear-gradient(top,  rgba(248,247,245,0) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,247,245,0)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(248,247,245,0) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(248,247,245,0) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(248,247,245,0) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(248,247,245,0) 0%,rgba(249,249,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8f7f5', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */

	
}

.locationsubtext{
	font-size: 13.56px;
	color: #5c4b7d;
}

.locationstoreaddress{
	line-height: .95;
	white-space: normal;
}

.locationstoremap{
	background-color: blue;
	height: 120px;
}

.btn_list{
	margin: -4px !important;
	padding: 0px !important;
}

.changelocation{
	width: 167px;
	background-color: #999999;
	font-family: "blue_highwayd";
	color:white;
	text-align:center;
	line-height:1.6;
	font-size:19px;
	cursor:pointer;
}
.viewall{
	width: 265px;
	background-color: #999999;
	font-family: "blue_highwayd";
	color:white;
	text-align:center;
	line-height:1.6;
	font-size:19px;
	cursor:pointer;

}

.moveme{
	position: absolute;
	bottom: 9px;
	font-size: 16px !important;
	
}

#radiocontainer {
	float: right !important;
}

#recaptcha_container {
	margin-bottom: 35px;
	display: none;
}

.arrowclass{
	height:18px;
	width:10px;
	position:absolute;
	top:50%;
	cursor: pointer;
	display: none;
}

.leftarrow{
	left: -6px;
}

.rightarrow{
	right: 7px;
}

.radiobuttons{
	position: absolute;
	bottom: -11px;
	font-size: 16px;
}


.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #faf9f7;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 558px;
	margin: -154px 0 0 -295px;
	height: 277px;
	padding: 16px;
	border: 10px solid #f6f4f3;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.white_content_mobile {
	display: none;
	position: fixed;
	top: 5%;
	left: 10%;
	width: 80%;
	height: 80%;
	padding: 16px;
	border: 10px solid #f6f4f3;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.lightboxheader{
font-size: 36px;
color: #5C4C7D;
font-family: 'blue_highwayd';
margin-top: 11px;
margin-left: 7px;
text-align: left;
margin-bottom: 20px;
}

.lightboxheader_mobile{
font-size: 18px;
color: #5C4C7D;
font-family: 'blue_highwayd';
margin-top: 11px;
margin-left: 7px;
text-align: center;
}

.lightboxtext{
	height: 40px;
	margin-bottom: 10px;
}

#searchzip{
	width: 29% !important;
}

.lightboxsearch{
height: 57px;
width: 90%;
background-color: #5C4C7D;
text-align: center;
color: white;
font-size: 30px;
line-height: 1.8;
font-family: 'blue_highwayd';
vertical-align: middle;
display: inline-block;
cursor: pointer;
margin-top: 20px;
}

.lightboxsearch_mobile{
height: 45px;
line-height: 2.5;
width: 90%;
background-color: #5C4C7D;
text-align: center;
color: white;
font-size: 18px;
font-family: 'blue_highwayd';
vertical-align: middle;
display: inline-block;
cursor: pointer;
}

#wheretobuycontainer_mobile{

}


.lightboxor{
	color: #888888;
	font-family: 'blue_highwayregular';
	font-size: 19px;
	line-height: 2;
	float: left;
	text-align: center;
	padding: 0 !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.lightboxleftline{
	width: 22%;
}

.lightboxrightline{
	width: 27%;
}

.searchstate{
	margin-left: 20px;
}

.searchstate_mobile{
	
}
/*
###################################################

 About Css Styles 
 
###################################################
*/

.aboutlogo{
	width: 100%;
	margin-top: 50px;
}


.aboutustext{
	color: #7A7A7A;
	font-size:14px;
	font-family:arial;
	letter-spacing: 0.1px;
	line-height: 1.25;
}

.aboutheader{
	font-size:26px;
	font-family:'blue_highwayd';
	color:#7A7A7A;
}

/*
###################################################

 Contact/Form Css Styles 
 
###################################################
*/

.customwidth{
	width: 49% !important;
}

.contact{
	padding-bottom: 30px;
	background-image: url("../images/formbg.jpg");
	padding-top: 40px;
}

.contactradio{
	padding-left: 0px !important;
	margin-bottom: 15px;
	margin-left: 13px;
}

.spacing{
	width: 97.5% !important;
}

.submit{
	height:40px !important;
	color:#f5f4f2;
	background-color:#5c4b7d;
	margin-top:30px;
	border:1px solid #5c4b7d;
	font-size:26px;
	font-weight:500;
	font-family:'blue_highwayregular';
}

.contacttitle{
	color: #5d5a58;
	font-size: 18px;
}

.inputstyle{
	height: 45px;
	margin-bottom: 15px;
	border: 1px solid #bec6c8 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
 -moz-appearance: none;
 color: #1d1c1c;
 font-size: 14px;
}

.textarea{
	height: 200px !important;
	width: 100%;
	border: 1px solid #bec6c8 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-appearance: none;
	background-color: #f5f4f2;
	color: #bec6c8;
}

.formerror{
	border: 1px solid #b16780 !important;
}

.messagestyle{
	margin-top: 12px;
}
/*
###################################################

 Footer Css Styles 
 
###################################################
*/


.footer 
{
	
	margin-top: 0px; /* negative value of footer height */
	height: 60px;
	padding-top: 15px;
	clear:both;
	color:#fff;
	background-color: #999999;
} 


/*
###################################################

 Media Queries Css Styles 
 
###################################################
*/



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		.maxheight{
			max-height: 255px;
		}
		
		.spacing{
			width: 97.5% !important;
		}
		
		.productstyle{
			height: 450px;
			width: 450px;
		}
		
		#descriptonselect{
			width: 49% !important;
		}
		
		.storelocation{
			width: 196px !important;
			white-space: normal;
		
		}
		
		.moveme{
			position: absolute !important;
			bottom: 17px !important;
			font-size: 14px !important;
			
		}
		
		.locationstorename{
			margin-bottom: 0;
		}
		
		.mapstyle{
			margin-top: 0px;
		}
		
		.triangle{
			top: 95%;
		}
		
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.maxheight{
			max-height: 211px;
			max-width: 211px;
			min-height: 211px;
		}
		
		.maximageheight{
			max-height: 187px;
			max-width: 187px;
		}
		
		.backdrop{
			width: 88%;
			height: 93%;
		}
		
		.contactradio {
		padding-left: 0px !important;
		margin-bottom: 15px;
		margin-left: 0px;
		}
		
		.productinfo{
			height: auto !important;
			overflow: auto;
			min-height: 330px;
			
			
			}
			
		.spacing{
			width: 97.5% !important;
		}
		
		.productstyle{
			height: 330px;
			width: 330px;
		}
		
		
		
		.rightarrow{
			right: 14px !important;
		}
		
		.leftarrow{
			left: -13px !important;
		}
		
		.storelocation{
			width: 227px !important;
			margin-left: 8px;
		}
		
		.locationstorename{
			font-size: 15.15px;
		}
		
		.bodytext{
			font-size: 26px;
		}
		

		
		#descriptonselect{
			width: 100% !important;
		}
		
		.moveme{
			position: relative !important;
			bottom: 0px !important;
			
			
		}
		
		
		
		.video_thumbnail{
			height: 86px !important;
			width: 86px !important;
		}
		
		.video_thumbnail_hover{
			height: 56px !important;
			width: 56px !important;
			top: 15px;
			left: 20px;
		}
		
		
		.radiobuttons{
			top: 30px !important;
		}
		
		.wheretobuysection{
			width: 100% !important;
		}
		
		
		#mobilesubtext{
			margin-top: 0px;
			position: relative;
			z-index: 2;
		}
		

		
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.maxheight{
			max-height: 220px !important;
			min-height-height: 220px !important;
		}
		
		.maximageheight{
			max-height: 189px;
			max-width: 189px;
			margin: auto auto;
			display: block;
			/* display: block; */
			margin-top: 5px;
		}
	
		.backdrop{
			width: 96%;
			width: 88%;
		}
		
		.spacing{
			width: 97.5% !important;
		}
		
		.product{
			padding: 0 !important;
			margin-bottom: 22px;
			width: 30% !important;
			margin: 9px;
		}
		

		.video_thumbnail{
			height: 86px !important;
			width: 86px !important;
		}


		#wheretobuycontainer{
			width: 96% !important;
		}
		
		.products{
			padding-top: 10px;
		}
		
		rightarrow{
			right: 3px !important;
		}
		
		leftarrow{
			left: -13px;
		}
		
		#mobilesubtext{
			margin-top: 0px;
		}
	
		.contactradio {
		padding-left: 0px !important;
		margin-bottom: 15px;
		margin-left: 0px;
		}
		
		.bodytext{
			font-size: 25px;
		}
		
		.productinfo{
			margin-right: 0;
			padding-left: 0px;
			padding-right: 0px;
			position: absolute;
			right: 27px;
			width: 49.5% !important;
			
		}
	
		.changelocation{
			margin-right: 35px;
		}
		
		.descriptonselect{
			width: 100% !important;
		}
		
		.backbutton{
			margin-right: 15px;
		}
		
		.moveme{
			position: relative !important;
			bottom: 0px !important;
			
		}
		
		.radiobuttons{
			top: 30px !important;
		}
		
		.scene{
			background-image: url(../images/tabletdisplay.png);
			margin-top: -70px !important;
		}
		

    }
    
    
    /* cellphone landscape */
/*    @media only screen and (max-width : 667px) and (orientation:landscape) {
    
   .spacing{
   	width: 100% !important;
    }
    
    .maximageheight{
    	max-height: 135px;
    	max-width: 135px;
    }
    
    .maxheight{
    	min-height: 168px;
    	max-height: 170px;
    }
    
    #products{
    	margin-top: 0px !important;
    	padding-top: 0px !important;
    }
    
    .productstyle img{
    	height: 100% !important;
    }
    
    .storelocation{
width: 266px !important;
margin-left: 25px;
border: 5px solid #f6f4f3 !important;
}
    }
    
    .mobileproductinfo{
    	height: 605px;
    }
    
    leftarrow {
    left: 2px !important;
    }

    .arrowclass {
    height: 18px;
    width: 10px;
    position: absolute;
    top: 84%;
    cursor: pointer;
    display: block !important;
    }
    
    .rightarrow{
    	right: 3px !important;
    }
    
    .product{
    	width: 29% !important;
    	overflow: none !important;
    }
    
    .scene{
    	background-image: url(../images/phonedisplay.png);
    	margin-top: -70px !important;
    }
	}
	*/
	
	
	
	
	
	
	/* cellphone landscape */
	 @media only screen and (max-width : 480px) and (orientation:landscape) {
	 
	.spacing{
		width: 100% !important;
	 }
	 
	 .maximageheight{
	 	max-height: 135px;
	 	max-width: 135px;
	 }
	 
	 .maxheight{
	 	min-height: 168px;
	 	max-height: 170px;
	 }
	 
	 #products{
	 	margin-top: 0px !important;
	 	padding-top: 0px !important;
	 }
	 
	 .productstyle img{
	 	height: 100% !important;
	 }
	 
	 .storelocation{
		width: 300px !important;
		margin-left: 78px !important;
		border: 5px solid #f6f4f3 !important;
	 }
	 
	 .mobileproductinfo{
	 	height: 605px;
	 }
	 
	 .product{
	 	width: 29% !important;
	 	overflow: none !important;
	 }
	 
	 .leftarrow {
	 left: 22px !important;
	 }
	 .rightarrow{
	 	right: 18px !important;
	 }
	 
	 .arrowclass {
	 height: 18px;
	 width: 10px;
	 position: absolute;
	 top: 84% !important;
	 cursor: pointer;
	 display: block !important;
	 }
	 
	 .scene{
	 	background-image: url(../images/phonedisplay.png);
	 	margin-top: -70px !important;
	 }
		}
		
		
		
		
		

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    	
    	.mobilecenter{
    		margin: auto auto;
    	}
    	
		.maxheight{
			max-height: 330px !important;
			max-width: 330px;
		}
		
		.maximageheight{
			max-width: 254px;
			max-height: 254px;
			margin-bottom: 5px;
		}
		
		.headertext{
			font-size: 24px;
		}
		
		
		.border{
			border: 5px solid #f3f2f0
		}
		.viewitem{
			width: 98%;
			left: 0px;
		}
		
		#productbody{
			margin-top: 26px;
		}
		
		#products{
		padding-top: 0px !important;
		margin-top: 0px !important;
		padding-bottom: 0px !important;
		background-position-y: 52px;
		}
		
		
		.products{
			overflow: none !important;
		}
		
	.productbg{
		background-image: url(../images/productsbg.jpg);
		background-position-y: 58px;
		border: none;
	}
	
	.storelocation{
		width: 266px !important;
		margin-left: 13px !important;
		border: 5px solid #f6f4f3 !important;
	}

	

	#contact{
		margin-top: 0px !important;
	}
	.product{
		padding: 0 !important;
		
		width: 100% !important;
		margin: 0px;
		margin-bottom: 22px;
	}
	
	#products{
		background-size: auto;
		overflow: none !important;
	}
	#contact{
		
	background-image: url("../images/formbg.jpg");
	padding-top: 0px;
	background-position-y: -47px;
	}
	
	.spacing{
		width: 100% !important;
	}
		
		.contactradio {
		padding-left: 0px !important;
		margin-bottom: 15px;
		margin-left: 0px;
		}
		
		
	.customeremail{
		margin-bottom: 0;
	}
	
	#descriptonselect{
		width: 100% !important;
	}
	
	.radiobuttons{
		position: absolute;
		top: 45px !important;
	}
	
	#wheretobuycontainer_mobile{
		margin: auto auto !important;
		width: 100% !important;
	}
	
	.locationsubtext{
		white-space: normal;
		padding-bottom: 2px;
	}
	.arrowclass{
	height: 18px;
	width: 10px;
	position: absolute;
	top: 78%;
	cursor: pointer;
	display: block;
	}
	
	.leftarrow{
		left: -1px !important;
	}
	
	.rightarrow{
		right: -2px !important;
	}
	
	.logocontainer{
background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

			
	}
	
		
    }	

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        .maxheight{
        	max-height: 300px;
        }
        
        #aboutus{
        	margin-top: 0px !important;
        }
        #contact{
        	margin-top: 0px !important;
        }
    }





/*
###################################################

 Misc Css Styles 
 
###################################################
*/

.carousel {
    margin-bottom: 0;
	padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
.carousel-control {
	left: -12px;
	background-image: none !important;
	top: 20% !important;

}
.carousel-control.right {
	right: -4% !important;

}
.carousel-control.left {
	left: -4% !important;

}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 54%;
	top: auto;
	bottom: 15px !important;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background-image: none !important;
}
.carousel-indicators .active {
background-image: none !important;
}