.color {color:#EE2222; border-color:#EE2222;}
.color a {color:#222; text-decoration:none;}
.color a:hover {color:#EE2222; text-decoration:none;}

a.color{color:#EE2222;}

@font-face {
    font-family: 'entypo';
    src: url('http://www.triadmac.com/images/entypo-webfont.ttf');
    font-weight: normal;
    font-style: normal;
	position:relative;
	z-index:1;

}

@font-face {
    font-family: 'sansation light';
    src: url('http://www.triadmac.com/images/Sansation_Light.ttf');
    font-weight: normal;
    font-style: normal;
	position:relative;
	z-index:1;

}

html{height:100%;}
body{overflow:auto; height:100%;}
img{border:none;}
div{box-sizing:content-box;}

#content {
	background:#FFF;
	-webkit-transition: all .25s ease-in-out; 
}

#menu
{	background:#333344; -webkit-backdrop-filter:blur(5px); -webkit-box-shadow:0px 0px 10px #000; z-index:100;
	-webkit-transition: all .25s ease-in-out; 
	position:fixed; z-index:1;
	top:0px; bottom:0px;
	left:-260px;
	padding:0px;
	width:250px;
	overflow:hidden;
	overflow-x:hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	color:#99AAAA;
}

#menu a{text-decoration:none; color:#99AAAA;}

.scroller {
	position:relative;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
	-webkit-transition: all .5s ease-in-out;
}

#logotop{height:175px;}
#logo{position:absolute; left:10%; margin-left:0px; top:40px; -webkit-transition: all .5s ease-in-out;}
#logoimage{top:40px; width:100px; -webkit-transition: all .5s ease-in-out; border:0px;}
#title2{position:relative; width:225px; top:-20px; -webkit-transition: all .5s ease-in-out; border:0px;}
#former {font-size:10pt; color:#666; position:relative; top:-42px; left:50px; font-family:sansation light}

#mobileschedule{display:none;}
#mobilephone{display:none;}
#mobilelocal{display:none;}
#mobilemenu{display:none;}

.desktop{display:inherit;}
.mobile{display:none;}
.mobile a{color:#222; text-decoration:none;}
.mobile a:hover{color:#EE2222;}


#navmenu a {text-decoration:none;}
#navmenu a {color:#333344;}
#navmenu a:hover {color:#EE2222;}

#navmenu ul li {display:inline; text-decoration:none;}  

#navmenu{width:600px; top:70px; left:50%; position:absolute; font-size:13pt; color:#333344; -webkit-transition: top .5s ease-in-out, margin-left .5s ease-in-out; cursor:pointer; text-decoration:none;}

  #navMenu ul {margin:0; padding:0;}

  #navMenu li {font-size:12pt; float:left; margin-left:25px; list-style:none; line-height:14px;  position:relative; text-decoration:none;}

  #navMenu ul li {color:#333344; text-decoration:none;}

  #navMenu ul ul {position:absolute; visibility:hidden; padding-top:5px; opacity:0;}

  #navMenu ul li:hover ul {visibility:visible; z-index:9999; opacity:1; background-repeat:no-repeat; padding-top:10px; background-image:url(http://www.triadmac.com/images/popup.png);  width:210px; position:absolute; left:50%; margin-left:-100px;}

  #navMenu li:hover {color:#EE2222;}
  
  #navMenu ul li:hover ul li {margin-left:0px; color:#333344; line-height:15px; font-size:11pt; width:190px; padding:10px; border-bottom:1px #ddd solid; background:rgba(245,245,245,.75); -webkit-backdrop-filter:blur(5px); -moz-backdrop-filter:blur(5px); -O-backdrop-filter:blur(5px); backdrop-filter:blur(5px); text-decoration:none;}

  #navMenu ul li:hover ul li:hover{color:#EE2222; background:#fff; text-decoration:none;}
  
#headernav{width:1000px; height:20px; font-family:sansation light}
	#headernav a{color:#555; text-decoration:none;}
	#headernav a:hover{color:#EE2222;}
.text{width:1000px; font-size:11pt; color:#333344;}
#coltext1{float:left; width:580px; text-align:left; padding:10px;}
#coltext2{float:left; width:380px; text-align:left; padding:10px;}
#coltext3{float:left; width:730px; text-align:left; padding:10px;}
#coltext4{float:left; width:230px; text-align:left; padding:10px;}
#coltext4{float:left; width:730px; text-align:left;}

#column2 div{width:30%;}

.mobilebutton{color:#fff; font-size:12pt; padding:8px; width:50px; background:#EE2222; -webkit-border-radius:4px; position:absolute; top:4px; text-align:center; line-height:10px; height:38px; cursor:pointer; -webkit-transition: all .25s ease-in-out;}
.mobilebutton:active{color:EEE; background:#CC0000;}
#mobilemenu{left:5px; position:fixed; z-index:198; border:1px #fff solid; margin-top:-1px;}

#bigbanner{height:500px; background:#EE2222; -webkit-transition: all .5s ease-in-out;}
#bigtitle{font-size:50pt; -webkit-transition: all .5s ease-in-out;}	
#smalltitle{font-size20pt; -webkit-transition: all .5s ease-in-out;}	
#cred{width:710px; -webkit-transition: all .5s ease-in-out;}	
#bigimac{height:460px; position:absolute; right:0px; top:215px; -webkit-transition: all .5s ease-in-out;}	
#bigmacbook{height:275px; top:400px; position:absolute; right:200px; -webkit-transition: all .5s ease-in-out;}
#donor{height:275px; top:200px; position:absolute; right:10%; -webkit-transition: all .5s ease-in-out;}
#titletext{color:#FFF; font-size:20pt; position:relative; -webkit-transition: all .5s ease-in-out;}
.credimage{width:150px; -webkit-transition: all .5s ease-in-out; margin:10px;}

#footerdiv{text-align:left; width:900px;}
.footercol{color:#99AAAA; float:left;}
#rights{color:#99AAAA; font-size:8pt; line-height:15px;}

.button {padding:6px; border:1px #333344 solid; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px; font-weight:bold; font-size:10pt; color:#FFF; cursor:pointer; background-color:#EE2222; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.button:hover {background-color:#CC0000; color:#FFF;}
.button:active {background-color:#AA0000;}

.greybutton {padding:6px; border:1px #bbb solid; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px; font-size:10pt; color:#EE2222; cursor:pointer; background-color:#F5F5F5; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.greybutton:hover {background-color:#EEE;}
.greybutton:active {background-color:#EEE;}

.bluebutton{background:#333344; color:#fff; cursor:hand; font-size:12pt; -webkit-mask-image:none; -webkit-user-select: none; -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:default; -webkit-transition: all .1s ease-in-out;}
.bluebutton:active {background:#111122;}

.buttondonor {padding:6px; border:1px #333344 solid; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px; font-weight:bold; font-size:10pt; color:#FFF; cursor:pointer; background-color:#FA72BC; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.buttondonor:hover {background-color:#7E69B5; color:#FFF;}
.buttondonor:active {background-color:#947BD8;}

.usedlist {padding:10px; text-align:left; border-bottom:1px #ccc solid; font-size:10pt; line-height:20px;}
.usedlist a{color:#222; text-decoration:none;}
.usedlist a:hover{color:#EE2222;}

.usedlist2 {padding:10px; text-align:left; border-bottom:1px #ccc solid; background:#EE2222; font-size:10pt; line-height:20px;}
.usedlist2 a{color:#FFFFFF; text-decoration:none;}
.usedlist2 a:hover{color:#FFFFFF;}
.ddselect {background:#FFFFFF; color:#EE2222;}
.usedname {padding-left:20px;}
.usedname a{color:#000;}
.usedname a:hover{color:#EE2222;}
.recommend a{color:#000;}
.recommend a:hover{color:#EE2222;}
.iphone{display:none;}

.prodinfo li{padding:3px; font-size:8pt; list-style:none; color:#555;}

.video {position:absolute; border:1px #FFF solid; -webkit-transition: all .1s ease-in-out;}
.youtubevideo {width:738px; height:445px; -webkit-transition: all .1s ease-in-out;}

#cartpopup {display:none; background:rgba(255, 255, 255, .90); -webkit-backdrop-filter:blur(5px); -moz-backdrop-filter:blur(5px); -O-backdrop-filter:blur(5px); backdrop-filter:blur(5px); z-index:199; border:1px #ccc solid; -webkit-border-radius:6px; width:320px; -webkit-transition: all .2s ease-in-out;}
#phonecart {position:fixed; height:39px; background:#EE2222; top:0px; -webkit-transition: all .2s ease-in-out; z-index:200; width:100%; text-align:center; color:#FFF; vertical-align:middle; cursor:pointer; border-bottom:1px #fff solid;}
#cartarrow {width:20px; position:absolute; top:-10px; -webkit-transition: all .2s ease-in-out;}

#offer {position:fixed; top:50%; left:50%; background:rgba(255, 255, 255, .90); -webkit-backdrop-filter:blur(5px); -moz-backdrop-filter:blur(5px); -O-backdrop-filter:blur(5px); backdrop-filter:blur(5px); z-index:200; border:1px #ccc solid; -webkit-border-radius:6px; padding:10px; color:#222;}

.home{border:1px #fff solid; display:inline-block; position:relative; -webkit-transition: all .5s ease-in-out; }

@media all and (min-width: 320px)
{
#logo{left:50%; margin-left:-132px; top:85px;}
#logoimage{width:80px;}
#title2{width:175px; top:-28px;}
#former{font-size:9pt; left:40px; top:-38px;}
#navmenu{display:none;}
#desktopschedule{display:none;}
#cartbutton{display:none;}
.cart{display:none;}
#mobileschedule{display:inherit; right:162px;}
#mobilemenu{display:inherit;}
#mobilephone{display:inherit; right:92px;}
#mobilelocal{display:inherit; right:2px;}
#column{display:none;}
#column2 div{width:90%;}


#bigbanner{height:135px;}
#bigtitle{font-size:18pt;}	
#smalltitle{font-size:9pt;  opacity:1;}		
#bigimac{height:125px; top:185px; opacity:0;}
#bigmacbook{height:100px; top:210px; opacity:0;}
#donor{height:100px; top:190px; opacity:1;}
#titletext{font-size:12pt; padding-left:20px; top:10px; width:inherit;}
#cred{display:none;}	
.credimage{width:110px;}

#headernav{width:100%;}
.text{width:90%;}
#coltext1{width:95%;}
#coltext2{width:95%;}
#coltext3{width:95%;}
#coltext4{width:95%;}
#coltext5{width:100%;}

.setupimage{height:180px;}
.setuptext{float:none; margin-left:auto; padding-top:0px;}

#subtitle{display:none;}

#footerdiv{width:300px;}
.footercol{width:300px;}
#footermain{text-align:center;}
#footerlocal{display:none;}
#footerphone{display:none;}
#rights{font-size:6pt;}

.slidebox,.slidebox .slideboxSlide{width:270px;}
.slidebox,.slidebox .slideboxSlides,.slidebox .slideboxSlide{height:auto;}
.slideboxContainer #slidebox_2+.slideboxThumbs{position:relative; margin-top:-20px; margin-left:20px;}

.hidephone{display:none;}
.hidehome{display:none;}

.smallmap{border:1px #ccc solid; float:left; padding:10px; width:95%; margin-left:0px;}
.desktop{display:none;}
.mobile{display:inherit;}
.iphone{display:inherit;}
.pic{width:100px;}
.pic2{width:100px;}
.prodinfo{display:none;}
.usedname {padding-left:5px;}

.video {right:2%; top:190px; width:180px; height:100px; padding:4px;}
.youtubevideo {width:440px; height:275px;}

#cartpopup {position:fixed; right:50%; margin-right:-160px; top:40px;}
#scrollcart {overflow:auto; max-height:210px;}
#phonecart {display:inherit; top:-42px;}
#cartarrow {right:50%; margin-right:-10px;}
#offer{width:270px; height:308px; margin-top:-100px; margin-left:-145px;}
#aplc{display:none;}

.home{font-size:9pt; margin:5px; width:80px; top:20px; padding:10px;}
}

@media all and (min-width: 630px)
{
#logo{left:5%; margin-left:0px; top:40px;}
#logoimage{width:100px;}
#title2{width:225px; top:-30px;}
#former{font-size:10pt; left:50px; top:-44px;}
#navmenu{top:140px; display:inherit; margin-left:-300px;}
#mobilemenu{display:none;}
#mobileschedule{right:232px;}
#mobilephone{right:162px;}
#mobilelocal{right:72px;}
#cartbutton{display:inherit; right:2px; line-height:20px; height:38px; font-size:12pt;}
.cart{display:none;}
#bigbanner{height:300px;}
#bigtitle{font-size:26pt;}	
#smalltitle{font-size:12pt; opacity:1;}	
#bigimac{height:260px; top:215px; opacity:1}
#bigmacbook{height:150px; top:325px; opacity:1}
#donor{height:250px; top:200px; opacity:1}
#titletext{font-size:14pt; padding-left:30px; top:20px; width:inherit;}
#cred{width:600px; display:inherit;}	
.credimage{width:110px;}
#subtitle{display:inherit;}
#rights{font-size:8pt;}
#column{display:inherit;}
#column2 div{width:30%;}

#coltext1{width:100%;}
#coltext2{width:100%;}
#coltext3{width:100%;}
#coltext4{width:100%;}
#coltext5{width:100%;}

.setupimage{height:270px; margin-top:50px;}
.setuptext{float:left; margin-left:50px; padding-top:100px;}

#footerdiv{width:450px;}
.footercol{width:450px;}

.slidebox,.slidebox .slideboxSlide{width:600px;}
.desktop{display:none;}
.mobile{display:inherit;}
.iphone{display:none;}
.pic{width:200px;}
.pic2{width:100px;}
.prodinfo{display:inherit;}
.usedname {padding-left:20px;}

.video {right:2%; top:220px; width:330px; height:200px;}
.youtubevideo {width:510px; height:315px;}

#cartpopup {position:absolute; right:2px; margin-right:0px; top:60px;}
#scrollcart {overflow:auto; max-height:480px;}
#phonecart {display:none; top:-50px;}
#cartarrow {right:22px; margin-right:0px;}
#offer{width:550px; height:300px; margin-top:-125px; margin-left:-255px;}
#aplc{display:inline-block;}

.home{font-size:12pt; margin:10px; width:120px; top:70px; padding:10px;}
}


@media all and (min-width: 1050px)
{
#logo{margin-left:0px;}
#desktopschedule{display:inherit;}
#mobileschedule{display:none;}
#mobilephone{display:none;}
#mobilelocal{display:none;}
#cartbutton{right:20px; line-height:10px; height:25px; font-size:10pt;}
#navmenu{top:70px; margin-left:-100px;}
#bigbanner{height:400px;}
#bigtitle{font-size:35pt;}	
#smalltitle{font-size:14pt;}		
#bigimac{height:360px;}
#bigmacbook{height:225px; top:350px;}
#donor{height:320px; top:210px;}
#titletext{font-size:14pt; top:50px;}
#cred{width:710px; display:inherit;}	
.credimage{width:130px;}

#headernav{width:1000px;}
.text{width:1000px;}
#coltext1{width:580px;}
#coltext2{width:380px;}
#coltext3{width:730px;}
#coltext4{width:230px;}
#coltext5{width:730px;}

.setupimage{height:auto; margin-top:0px;}
.setuptext{margin-left:150px; padding-top:100px;}

#footerdiv{width:900px;}
.footercol{width:300px;}
#footermain{text-align:left;}
#footerlocal{display:inherit;}
#footerphone{display:inherit;}

.slidebox,.slidebox .slideboxSlide{width:885px;}
.hidephone{display:inherit;}
.hidehome{display:inline-block;}

.smallmap{width:600px; margin-left:40px;}
.desktop{display:inherit;}
.mobile{display:none;}

.video {right:4%; top:200px; width:550px; height:315px; padding:10px;}
.youtubevideo {width:738px; height:445px;}

#cartpopup {position:absolute; right:5px; margin-right:0px; top:50px;}
#cartarrow {right:36px; margin-right:0px;}

.home {font-size:14pt; top:70px; width:140px; padding:10px; margin:20px;}
}


@media all and (min-width: 1200px)
{
#logo{left:10%;}
#navmenu{margin-left:0px;}
#bigbanner{height:450px;}
#bigtitle{font-size:42pt;}	
#smalltitle{font-size:18pt;}	
#bigimac{height:460px;}	
#bigmacbook{height:260px; top:415px;}
#donor{height:400px; top:220px;}
#titletext{font-size:20pt; padding-left:80px;}
.credimage{width:140px;}

#footerdiv{width:1050px;}
.footercol{width:350px;}

.video {right:6%; top:200px; width:600px; height:338px;}

.home {font-size:16pt; top:80px; width:160px; padding:10px; margin:20px;}

}

@media all and (min-width: 1340px)
{
#bigbanner{height:500px;}
#bigtitle{font-size:50pt;}
#smalltitle{font-size:20pt;}	
.credimage{width:150px;}

.video {right:6%; top:250px; width:600px; height:338px;}

.home {font-size:20pt; top:100px; width:200px; padding:10px; margin:20px;}

}