* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; background: #ffffff; -webkit-background-size:cover; -moz-background-size:cover;
  -o-background-size:cover; background-size:cover; background-size:100%; background-attachment:fixed; }
body {font-size:18px; font-family: 'Roboto Slab', serif; font-weight:300; color:#2e3192; line-height:24px; min-width:100%; overflow-x:hidden;  }

/*Down Arrow*/
.arrow {
  position: relative;
  bottom: 0;
  left: 50%;
  padding-bottom:20px;
  margin-left:-20px;
}

.bounce2 {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
.animated2{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}


@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.anchor 	{ padding-top:200px; }

/* Text */
.subtext {font-size:14px; font-family: 'Roboto Slab', sans-serif; font-weight:300; color:#313c44; line-height:22px; min-width:100%;}
.headertext {font-size:22px; font-family: 'Roboto Slab', sans-serif; font-weight:300; color:#2f70c0; line-height:28px; min-width:100%;}
.headertext a {font-size:22px; font-family: 'Roboto Slab', sans-serif; font-weight:300; color:#2f70c0; line-height:28px; min-width:100%;}
.headertext a:hover {font-size:22px; font-family: 'Roboto Slab', sans-serif; font-weight:300; color:#000000; line-height:28px; min-width:100%;}

.text {font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#666; line-height:24px; min-width:100%; }
.text a {font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#666; line-height:24px; min-width:100%; }
.text a:hover {font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#fff; line-height:24px; min-width:100%; }

h1 { font-size:41px; font-family:'Roboto', san-serif; font-weight:300; color:#FF0; line-height:1.6em; text-shadow: 2px 2px #333;}
h1 a { font-size:41px; font-family: 'Roboto', sans-serif; font-weight:300; color:#6c3f16; }
h1 a:hover { font-size:41px; font-family: 'Roboto', sans-serif; font-weight:300; color:#6c3f16; }

h2 { font-size:26px; font-family: 'Roboto', sans-serif; font-weight:300; color:#FFFFFF; line-height:0.6em;}
h2 a { font-size:26px; font-family: 'Roboto', sans-serif; font-weight:300; color:#FFFFFF; }
h2 a:hover { font-size:26px; font-family: 'Roboto', sans-serif; font-weight:300; color:#FFFFFF; }

h3 { font-size:20px; font-family: 'Roboto', sans-serif; font-weight:300; color:#FFF; }
h3 a { font-size:20px; font-family: 'Roboto', sans-serif; font-weight:300; color:#FFF; }
h3 a:hover { font-size:20px; font-family: 'Roboto', sans-serif; font-weight:300; color:#beecfd; text-decoration:none; }

h4 { font-size:22px; font-family:'Open Sans', san-serif; font-weight:700; color:#FFF; }
h4 a { font-size:22px; font-family: 'Open Sans', sans-serif; font-weight:700; color:#FFF; }
h4 a:hover { font-size:22px; font-family: 'Open Sans', sans-serif; font-weight:700; color:#FFF; }

h5 { font-size:38px; font-family:'Open Sans', san-serif; font-weight:700; color:#e8583a; letter-spacing:0px; }
h5 a { font-size:38px; font-family: 'Open Sans', sans-serif; font-weight:700; color:#e8583a; }
h5 a:hover { font-size:38px; font-family: 'Open Sans', sans-serif; font-weight:700; color:#FFF; }

h6 { font-size:38px; font-family:'Open Sans', san-serif; font-weight:700; color:#e8583a; letter-spacing:0px; }
h6 a { font-size:38px; font-family: 'Open Sans', sans-serif; font-weight:700; color:#e8583a; }
h6 a:hover { font-size:38px; font-family: 'Open Sans', sans-serif; font-weight:700; color:#FFF; }


a { color: #999; text-decoration: none; cursor: pointer; font-weight:300; }
a:hover { text-decoration: underline; color: #95d508;}
a img { border: 0; }
a.more { background: url(images/green-arr.png) no-repeat 0 5px; padding-left: 11px; color: #72ae13; text-decoration: underline; font-size: 12px; }
a.more:hover { text-decoration: none;  }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 100%; margin: 0 auto; }

.header { padding-bottom:0px; position:fixed; width: 100%;  background:url(../img/headerbg.png) repeat-x top center; z-index:100;}
.header .shell { width:auto; max-width:1340px; }
.header-top { height: 167px; }

.active-item { width:21px; height:12px; background:url(../img/arrow.png) center no-repeat; padding-bottom:43px; }

/* ---- Thumb Crossfad ---- */
#cf {
  position:relative;
  height:210px;
  width:210px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}

/* ===== Expand Text =============================================================== */
#pageList1 { list-style-type:none; margin-left:0px; width:100%;font-size:13px; color:#666; font-family:'Open Sans', sans-serif; font-weight:100;}
#pageList1 a { list-style-type:none; margin-left:0px; width:100%;font-size:13px; color:#666; font-family:'Open Sans', sans-serif; font-weight:100;}
#pageList1 a:hover { list-style-type:none; margin-left:0px; width:100%;font-size:13px; color:#95d508; font-family:'Open Sans', sans-serif; font-weight:100;}
#pageList1 li a { padding: 0 0 0px 0px; margin-left:0px; width:100%; cursor:pointer; list-style-type:none; font-size:13px; color:#525151; font-family:'Open Sans', sans-serif; font-weight:100;}


#menu			{ position:absolute; margin-top:75px; margin-left:50px; }
#phonelink		{ display:none; visibility:hidden; }

/* ----- Graphics (COMPUTER) ----- */
#logo 		{ width:462px; margin-top:10px; margin-left:0px; margin-right:auto; }
#logo a 	{ height:71px; display:block;  background:url(../img/edmonds-tire-depot.jpg) no-repeat 0 0; text-indent: -4000px; }
#icon		{ margin-bottom:-3px; }
#pagepic1	{ float:right; margin-left:10px; }
.entry{clear:both; padding:0px;}
.entry img{max-width: 100%; display:block; margin-left:auto; margin-right:auto; padding-top:5px; padding-top:5px; padding-right:0px; padding-left:0px;}

/* ----- Layout (COMPUTER) ----- */
#hub		{ width:320px; height:44px; background:url(../img/socialbg.jpg) no-repeat 0 0;float:right; margin-right:0px; margin-top:-20px; padding-top:4px; padding-left:10px; }
.rslides	{ padding-top:100px; position:absolute; z-index:0; height:586px; width:2000px; }
#home1		{ width:100%; height:350px; margin-top:100px;}
#featuredbox{ width:500px; height:350px; margin-left:auto; margin-right:auto; margin-top:330px; z-index:0;}
#subbox		{ width:100%; min-height:372px; height:auto; padding-top:0%; background:url(../img/latestbg.jpg) no-repeat 0 0; position:relative; z-index:0; }
#subbox3	{ width:100%; height:350px; background:#FFF; position:relative; z-index:100; padding-bottom:50px; }
#subbox4	{ width:100%; height:168px; background:url(../img/subscribebg.jpg) no-repeat 0 0; margin-bottom:10px; position:relative; z-index:100; }
#carousel	{ position:relative; z-index:100; }
#maincontent{ margin-top:200px; min-height:600px; height:auto; }
#lists		{ margin-left:30px; }
#servicesbox{ margin-top:370px; }


/* Contact Page (COMPUTER) */
#contactboxleft	{float:left; width:75%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }

/* Main (computer) */
.main { padding: 2px 0 2px 0; }
.main p a { text-decoration:none; color:#60422b; font-weight:300; }
.main p a:hover { text-decoration: none; color:#000000;}
.main section { padding-bottom: 40px; }
.main .cols { padding-left:0px; padding-right:0px; width: 100%;
  text-align: center;}
.main .cols h2 { padding-bottom: 4px; }
.main .cols .col { width:320px; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:top; }
.main .cols .col + .col { margin-left:5%; }
.main .cols .col img { padding-bottom:0px; width:auto;  }
.main .cols .col .col-cnt { height: 100%; overflow: hidden; }
.main .content { padding-left: 2px; padding-right: 2px; }
.main .content span { text-decoration: underline; }

#dashrule	{ width:100%; height:5px; background:url(../img/dotrule.png); align:top-center; margin-top:0px; margin-bottom:20px; }
#footer { background:#2e3192; height:174px; padding-top:5px; }
#footer .shell { padding: 0px 0; }
#footer .footer-cols { padding: 0 32px 26px;  }
#footer .col { width: 200px; float: left; }
#footer .col + .col { padding-left: 22px; }
#footer .col ul 	{ list-style: disc; list-style-position: outside; }
#footer .col ul li 	{ padding-left:11px; padding-bottom:5px; color:#f9f9f9; }
#footer  p 		{ font-size:13px; color:#FFFFFF; font-family:'Open Sans', sans-serif; font-weight:100; } 
#footer  p a	{ font-size:13px; color:#FFFFFF; font-family:'Open Sans', sans-serif; font-weight:100; } 
#footer  p a:hover{ font-size:13px; color:#fef504; font-family:'Open Sans', sans-serif; font-weight:100; text-decoration:none; } 
#footer  .footertext 		{ font-size:12px; color:#FFFFFF; font-family:'Open Sans', sans-serif; font-weight:100; line-height:17px;} 
#footer  .footertext a	{ font-size:12px; color:#FFFFFF; font-family:'Open Sans', sans-serif; font-weight:100; } 
#footer  .footertext a:hover{ font-size:12px; color:#7c4e2c; font-family:'Open Sans', sans-serif; font-weight:100; text-decoration:none; } 

/* ===== Carousel =============================================================== */
#flexisel	{ display:none; }
.nbs-flexisel-container { position:relative; max-width:100%; }
.nbs-flexisel-ul 		{ position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; }
.nbs-flexisel-inner 	{ overflow:hidden; float:left; width:100%; background:none; }
.nbs-flexisel-item 		{ float:left; margin:0px; padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: auto;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:192px;
    max-height:192px;
}

/* ===== Testimonial Slider =============================================================== */
.bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; }
.bx-wrapper .testimonials-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 35%; float: left; margin-right: 20px; }
.bx-wrapper .testimonials-carousel-thumbnail img{ display: block;   margin-right: 20px;width: 100px;}
.bx-wrapper .testimonials-carousel-context{ overflow: hidden; }
.bx-wrapper .testimonials-carousel-content{ font-size: 18px; margin-bottom: 15px; color:#2e3192; font-weight:400; text-align:center;}
.bx-wrapper .testimonials-name{ font-size: 18px; margin-bottom: 15px; color:#000000; font-weight:500; text-align:center;}
.bx-wrapper span{ font-size: 12px; color:#2e3192; font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic; }
.bx-wrapper {position: relative;margin: 30px auto;padding: 0; width:100%;*zoom: 1;}
.bx-wrapper .slide {padding:0;margin:0;display: block; }
.bx-wrapper .bx-viewport {padding:10px;margin-left:-10px ;z-index:1;width:100%; padding-bottom:30px;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: 30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(../img/testimonials/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-next {position: absolute;top: 30px;right: 0;width: 40px;height: 40px;cursor: pointer; background-image:url(../img/right.png);}
.bx-wrapper .bx-prev {position: absolute;top: 30px;right: 42px;width: 40px;height: 40px;cursor: pointer; background-image:url(../img/left.png);}
.bx-wrapper .bx-controls-direction a {position:absolute; margin-top:160px; margin-right:46%; outline:0; width:40px; height:40px; text-indent:-9999px; z-index:9999;}

/* ===== FAQ =============================================================== */

/* ===== Expand Text =============================================================== */
#pageList1 { list-style-type:none; margin-left:0px; width:100%; }
#pageList1 li { padding: 0 0 0px 0px; margin-left:0px; width:100%; cursor:pointer; list-style-type:none;}
#pageList2 { list-style-type:none; margin-left:0px; width:100%; }
#pageList2 li { padding: 0 0 0px 0px; margin-left:0px; width:100%; cursor:pointer; list-style-type:none;}
#pageList3 { list-style-type:none; margin-left:0px; width:100%; }
#pageList3 li { padding: 0 0 0px 0px; margin-left:0px; width:100%; cursor:pointer; list-style-type:none;}
#pageList4 { list-style-type:none; margin-left:0px; width:100%; }
#pageList4 li { padding: 0 0 0px 0px; margin-left:0px; width:100%; cursor:pointer; list-style-type:none;}
#pageList5 { list-style-type:none; margin-left:0px; width:100%; }
#pageList5 li { padding: 0 0 0px 0px; margin-left:0px; width:100%; cursor:pointer; list-style-type:none;}

#faqboxes	{width:100%; min-height:30px; height:auto; background-color:#684c27; margin-top:10px; padding:7px; border-radius:7px; }
#faqboxes2	{width:100%; min-height:30px; height:auto; background-color:#684c27; margin-top:10px; padding:7px; border-radius:7px; }
#faqboxes3	{width:100%; min-height:30px; height:auto; background-color:#684c27; margin-top:10px; padding:7px; border-radius:7px; }
#faqboxes4	{width:100%; min-height:30px; height:auto; background-color:#684c27; margin-top:10px; padding:7px; border-radius:7px; }
#faqboxes5	{width:100%; min-height:30px; height:auto; background-color:#684c27; margin-top:10px; padding:7px; border-radius:7px; }


/* #Media Queries ================================================== */

/* 1680 display */
@media only screen and ( min-width: 1446px) and ( max-width: 1690px ) {
  #menu			{ position:absolute; margin-top:75px; margin-left:20px; }
  #phonelink		{ display:none; visibility:hidden; }
}

/* 1440 display */
@media only screen and ( min-width: 1369px) and ( max-width: 1445px ) {
  #menu			{ position:absolute; margin-top:75px; margin-left:20px; }
  #phonelink		{ display:none; visibility:hidden; }
}
  
/* 1366 display */
@media only screen and ( min-width: 1285px) and ( max-width: 1368px ) {
  #menu			{ position:absolute; margin-top:75px; margin-left:50px; }
  #phonelink		{ display:none; visibility:hidden; }
}

/* 1280 display */
@media only screen and ( min-width: 1024px) and ( max-width: 1280px ) {
.shell { width:auto; max-width:1245px; margin: 0 auto; }
.header { padding-bottom:0px; width:100%; background:url(../img/headerbg.png) top center; z-index:1000; position:fixed;}
.header .shell { width:auto; max-width:1245px; }
.header-top { height: 157px;  }
#menu			{ position:absolute; margin-top:75px; margin-left:65px; }
#phonelink		{ display:none; visibility:hidden; }
}

/* tablet landscape */
@media only screen and ( min-width: 981px) and ( max-width: 1024px ) {
body, html { height: 100%; background: #ffffff url(../img/background.jpg) no-repeat center; -webkit-background-size:cover; -moz-background-size:cover;
  -o-background-size:cover; background-size:cover; background-size:100%; background-attachment:fixed; background-position:0px 50px; }
.shell 		{max-width:945px; }
.header .shell { padding: 0px 0px 0; width: 945px; }
.header-top { height:157px; padding-left:0px; padding-right:0px;  }

/* Navigation (TABLET-L) */
#menu			{ position:absolute; margin-top:75px; margin-left:10px; }
#phonelink		{ display:none; visibility:hidden; }

/* Graphics (TABLET-L) */
#logo 		{ width:462px; margin-top:10px; margin-left:0px; margin-right:auto; }
#logo a 	{ height:71px; display:block;  background:url(../img/edmonds-tire-depot.jpg) no-repeat 0 0; text-indent: -4000px; }
#icon		{ margin-bottom:-3px; }

/* Layout (TABLET-L) */
#hub		{ width:320px; height:44px; background:url(../img/socialbg.jpg) no-repeat 0 0;float:right; margin-right:0px; margin-top:-20px; padding-top:4px; padding-left:10px; }
.rslides	{ padding-top:100px; position:absolute; z-index:0; }
#home1		{ width:100%; height:350px; margin-top:100px;}
#featuredbox{ width:500px; height:350px; margin-left:auto; margin-right:auto; margin-top:330px; z-index:0;}
#subbox		{ width:100%; min-height:372px; height:auto; padding-top:0%; background:url(../img/latestbg.jpg) no-repeat 0 0; position:relative; z-index:100; }
#subbox3	{ width:100%; height:350px; background:#FFF; position:relative; z-index:100; }
#subbox4	{ width:100%; height:168px; background:url(../img/subscribebg.jpg) no-repeat 0 0; margin-bottom:10px; position:relative; z-index:100; }
#carousel	{ position:relative; z-index:100; }
#maincontent{ margin-top:200px; min-height:600px; height:auto; }
.lists		{ margin-left:60px; }


/* Main (TABLET-L) */
.main { padding: 2px 0 2px 0; }
.main p a { text-decoration:none; color:#ffffff; font-weight:300; }
.main p a:hover { text-decoration: none; color:#e8583a;}
.main section { padding-bottom: 40px; }
.main .cols { padding-left:0px; padding-right:0px; width: 100%;
  text-align: center;}
.main .cols h2 { padding-bottom: 4px; }
.main .cols .col { width:280px; margin-left:auto; margin-right:auto; display: inline-block;}
.main .cols .col + .col { margin-left:5%; }
.main .cols .col img { padding-bottom:0px; width:auto;  }
.main .cols .col .col-cnt { height: 100%; overflow: hidden; }
.main .content { padding-left: 2px; padding-right: 2px; }
.main .content span { text-decoration: underline; }

}

/* tablet portrait */
@media only screen and ( min-width: 766px) and ( max-width: 980px ) {
body, html { height: 100%; background: #ffffff url(../img/background.jpg) no-repeat center; -webkit-background-size:cover; -moz-background-size:cover;
  -o-background-size:cover; background-size:cover; background-size:130%; background-attachment:fixed; background-position:0px 50px; }
.shell 		{width:100%; max-width:980px; }
.header .shell { padding: 0px 0px 0; width: 100%; }
.header-top { height:157px; padding-left:10px; padding-right:10px;  }

/* Navigation (TABLET-P) */
#menu			{ position:absolute; width:100%; margin-top:75px; margin-left:-10px; z-index:500; }
#phonelink		{ display:block; visibility:visible; }

/* Graphics (TABLET-P) */
#logo 		{ width:462px; margin-top:10px; margin-left:0px; margin-right:auto; }
#logo a 	{ height:71px; display:block;  background:url(../img/edmonds-tire-depot.jpg) no-repeat 0 0; text-indent: -4000px; }
#icon		{ margin-bottom:-3px; }

/* Layout (TABLET-P) */
#hub		{ width:320px; height:44px; background:url(../img/socialbg.jpg) no-repeat 0 0;float:right; margin-right:0px; margin-top:-20px; padding-top:4px; padding-left:10px; }
.rslides	{ padding-top:100px; position:absolute; z-index:0; }
#home1		{ width:100%; height:350px; margin-top:100px;}
#featuredbox{ width:500px; height:350px; margin-left:auto; margin-right:auto; margin-top:330px; z-index:0;}
#subbox		{ width:100%; min-height:372px; height:auto; padding-top:0%; background:url(../img/latestbg.jpg) no-repeat 0 0; position:relative; z-index:0; }
#subbox3	{ width:100%; height:350px; background:#FFF; position:relative; z-index:100; }
#subbox4	{ width:100%; height:168px; background:url(../img/subscribebg.jpg) no-repeat 0 0; margin-bottom:10px; position:relative; z-index:100; }
#carousel	{ position:relative; z-index:100; }
#maincontent{ margin-top:200px; min-height:600px; height:auto; }
.lists		{ margin-left:60px; }


/* Main (TABLET-P) */
.main { padding: 20px 0 20px 0; }
.main section { padding-bottom: 50px;  }
.main .cols { padding-left:10px; padding-right:10px; width: 100%;
  text-align: center;}
.main .cols h2 { padding-bottom: 4px; }
.main .cols .col { width:230px; float:left; margin-left:auto; margin-right:auto; display: inline-block;}
.main .cols .col + .col { margin-left:3%; }
.main .cols .col img { padding-bottom:0px; width:auto; max-width:230px;  }
.main .cols .col .col-cnt { height: 100%; overflow: hidden; }
.main .content { padding-left: 10px; padding-right: 10px; }
.main .content span { text-decoration: underline; }

}

/* Phone (L) */
@media only screen and ( min-width: 410px) and ( max-width: 765px ) { 
body, html { height: 100%; background: #ffffff url(../img/background.jpg) no-repeat center; -webkit-background-size:cover; -moz-background-size:cover;
  -o-background-size:cover; background-size:cover; background-size:130%; background-attachment:fixed; background-position:0px 50px; }
.shell { width:100%; margin: 0 auto; }
.header { padding-bottom:0px; width:100%; }
.header .shell { padding: 0px 0px 0; width: 100%; }
.header-top { height:145px; padding-left:0px; padding-right:0px;  }

/* Navigation (PHONE-L) */
#menu			{ position:absolute; width:100%; margin-top:60px; margin-left:0px; z-index:500; }
#phonelink		{ display:block; visibility:visible; }

/* Graphics (PHONE-L) */
#logo 		{ width:300px; margin-top:10px; margin-left:10px; margin-right:auto; }
#logo a 	{ height:71px; display:block;  background:url(../img/edmonds-tire-depot-m.jpg) no-repeat 0 0; text-indent: -4000px; }
#icon		{ margin-bottom:-3px; }

/* Layout (PHONE-L) */
#hub		{ display:none; visibility:hidden; }
.rslides	{ padding-top:100px; width:100%; position:absolute; z-index:0;  overflow-x:hidden; }
#home1		{ width:100%; height:350px; margin-top:100px;}
#featuredbox{ width:90%; height:350px; left:50%; margin-left:-45%; margin-right:auto; margin-top:330px; z-index:0; position:relative;}
#subbox		{ width:100%; min-height:372px; height:auto; padding-top:0%; background:url(../img/latestbg.jpg) no-repeat 0 0; position:relative; z-index:0; }
#subbox3	{ width:100%; height:350px; background:#FFF; position:relative; z-index:100; padding-bottom:50px; }
#subbox4	{ width:100%; height:168px; background:url(../img/subscribebg.jpg) no-repeat 0 0; margin-bottom:10px; position:relative; z-index:100; }
#carousel	{ position:relative; z-index:100; }
#maincontent{ margin-top:200px; min-height:600px; height:auto; }
.lists		{ margin-left:60px; }
.bx-wrapper .bx-controls-direction a {position:absolute; margin-top:180px; margin-right:40%; outline:0; width:40px; height:40px; text-indent:-9999px; z-index:9999;}

/* Contact Page (PHONE-L) */
#contactboxleft	{float:left; width:65%; height:auto; min-height:800px; padding:0px; }
#contactboxright{float:right; width:30%; margin-top:30px; padding:0px; }

/* Main (PHONE-L) */
.main { padding: 2px 0 2px 0; }
.main section { padding-bottom: 40px; }
.main .cols { padding-left:5px; padding-right:0px; width: 100%;
  text-align: center;}
.main .cols h2 { padding-bottom: 4px; }
.main .cols .col { width:200px; float:left; margin-left:auto; margin-right:auto; display: inline-block;}
.main .cols .col + .col { margin-left:3%; }
.main .cols .col img { padding-bottom:0px; width:auto; max-width:200px;  }
.main .cols .col .col-cnt { height: 100%; overflow: hidden; }
.main .content { padding-left: 20px; padding-right: 20px; }
.main .content span { text-decoration: underline; }

#footer { background:#2e3192; height:200px; padding-top:5px; }
}


/* phone (P) */
@media only screen and ( min-width: 320px) and ( max-width: 409px ) { 
body, html { height: 100%; background: #FFFFFF url(../img/background.jpg) no-repeat center; -webkit-background-size:cover; -moz-background-size:cover;
  -o-background-size:cover; background-size:cover; background-size:100%; background-attachment:fixed; background-position:0px 130px; }
.shell { width:100%;}
.header { padding-bottom:0px; width:100%; }
.header .shell { width:100%; padding: 0px 0px 0;  }
.header-top { height: 145px; }

/* Navigation (PHONE-P) */
#menu			{ position:absolute; width:100%; margin-top:60px; margin-left:0px; z-index:500; }
#phonelink		{ display:block; visibility:visible; }

/* Graphics (PHONE-P) */
#logo 		{ width:300px; margin-top:10px; margin-left:0px; margin-right:auto; }
#logo a 	{ height:49px; display:block;  background:url(../img/m-edmonds-tire-depot-m.jpg) no-repeat 0 0; text-indent: -4000px; }
#icon		{ margin-bottom:-3px; }
#pagepic1	{ float:none; width:250px; margin-left:15%; padding-right:10%; margin-right:auto; }

/* Layout (PHONE-P) */
#hub		{ display:none; visibility:hidden; }
.rslides	{ padding-top:100px; width:100%; position:absolute; z-index:0;  overflow-x:hidden; }
#home1		{ width:100%; height:350px; margin-top:100px;}
#featuredbox{ width:100%; height:350px; margin-left:auto; margin-right:auto; margin-top:330px; z-index:0;}
#subbox		{ width:100%; min-height:372px; height:auto; padding-top:0%; background:url(../img/latestbg.jpg) no-repeat 0 0; position:relative; z-index:100; }
#subbox3	{ width:100%; min-height:350px; height:auto; background:#FFF; position:relative; z-index:100; }
#subbox4	{ width:100%; height:168px; background:url(../img/subscribebg.jpg) no-repeat 0 0; margin-bottom:10px; position:relative; z-index:100; }
#carousel	{ position:relative; z-index:100; }
#maincontent{ margin-top:200px; min-height:600px; height:auto; }
.lists		{ margin-left:60px; }
.google-maps		{ display:none; visibility:hidden; }
#locationbox{ margin-top:200px; }

/* Contact Page (PHONE-P) */
#contactboxleft	{float:none; width:98%; height:auto; min-height:700px; padding:5px; }
#contactboxright{float:none; width:98%; margin-top:30px; padding:5px; }


/* Main (PHONE-P) */
.main { padding: 2px 0 2px 0; }
.main section { padding-bottom: 40px; }
.main .cols { padding-left:0px; padding-right:0px; width: 100%;
  text-align: center;}
.main .cols h2 { padding-bottom: 4px; }
.main .cols .col { width:93%; margin-left:0px; margin-right:auto; display: inline-block;}
.main .cols .col + .col { margin-left:10px; padding-bottom:20px;}
.main .cols .col img { padding-bottom:0px; width:auto; }
.main .cols .col .col-cnt { height: 100%; overflow: hidden; }
.main .content { padding-left: 5px; padding-right: 7px; }
.main .content span { text-decoration: underline; }

#footer { height:230px; padding-top:5px; }

.bx-wrapper .bx-next {position: absolute;top: 30px;right: 0;width: 40px;height: 40px;cursor: pointer; background-image:url(../img/right.png);}
.bx-wrapper .bx-prev {position: absolute;top: 30px;right: 42px;width: 40px;height: 40px;cursor: pointer; background-image:url(../img/left.png);}
.bx-wrapper .bx-controls-direction a {position:absolute; margin-top:250px; margin-right:38%; outline:0; width:40px; height:40px; text-indent:-9999px; z-index:9999; }

}