/* SAN DIMAS HIGHSCHOOL FOOTBALL RULES! */

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: Calibri,'Segoe UI', Arial, Helvetica, sans-serif;
	font-size:1.2em;
}

a, img {
    border:none;
}


a:link {
	color: #ffaa15;
	text-decoration:none;
}
a:visited {
	color: #ffaa15;
	text-decoration:none;
}
a:hover {
	color: #5b6875;
	text-decoration:underline;
}
a:active {
	color: #ffaa15;
	text-decoration:none;
}

h1, h2, h3 {font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif, "Oxygen", Arial, Helvetica, sans-serif;}



h1 {
	
	font-size: 2.2em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color:#5b6875;
	margin-top:0px;
}
h2 {
	font-size: 1.6em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color:#5b6875;
	margin-top:0px
}
h3 {
	font-size: 1.3em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color:#5b6875;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}


p {line-height:1.5em;}

#overlay-back {
    position   : fixed;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : #000;
    opacity    : 0.6;
    filter     : alpha(opacity=60);
    z-index    : 3;
    display    : none;
}


#map {
      height: 100%; 
    }

html { height: 100%; }
body { height: 100%; margin: 0; padding: 0 }
#stockistright { height: 100%; }
#map { height: 100%; }

    #map { height: 500px; width: 100% }

.titlehead {font-size: 1.5em; padding-top: 0.5em;}

.smalltext {font-size: 0.8em; padding-top: 0.5em;}
 
#holiday {
	position:relative;
	background-color: red;
	color: white;
	z-index:1;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#virusbusiness {
	position:absolute;
	background-color: red;
	color: white;
	z-index:1;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	padding-top: 10px;
	padding-bottom: 10px;
}




img#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#mainbkg {
	position:relative;
	z-index:1;
	text-align:center;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}



#footbar {
	position: relative;
	left: 0px;
	top: 0px;
	float:left;
	width:100%;
	z-index:1;
	background-color: #ffffff;
	text-align:left;
	border-top:#9099a2 1px solid;
}

#footbar a {
	color:#000; padding-left:20px;
}


#column_1 {
	position: relative;
	left: 0px;
	top: 0px;
	float:left;
	width:95%;
	z-index:1;
	padding-left:2.5%;
	padding-right:2.5%;
	margin-left: 0;
	margin-right: 0;
	background-color: #ffffff;
}

#contentdiv {
	position: relative;
	float:left;
	width:100%;
	height:auto;
	z-index:1;
	padding:0;
	margin:0;
	text-align:left;
	margin-bottom:20px;
}
/*#rightdiv {
	position: relative;
	float:left;
	top:5px;
	width:260px;
	height:auto;
	z-index:1;
	padding:5px;
	text-align:left;
}*/
#headerdiv {
	width:100%;
	background-color: #ffffff;
	float: left;
	padding-top: 2%;
	text-align: center;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

#fredriclogo, #fredriclogonarrow {width:95%;}


#smediadiv {position: relative; height: 1em;}

#smicons {
	text-align: center;
	width:30%;
	float: left;
	position: absolute;
	left:70%;
	top:30%;
	}
      
#smicons img {
	width:16%;
	padding-left: 2%;
}

#smicons img:hover{ position: relative; 
             top: -5px;} 

.smallflag {height: 20px;}

#pics {
	width: 100%; 
	float: left;
	padding-bottom: 1%;
	}

#picbox {
	width: 75%;
	float: left;
}

#largeImg {
	width:100%;
}

.smallImg {width: 100%;}

#picmenu {width: 15%;
	float:left;
	padding-left: 5%;}

#picmenu img {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#picmenu img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

 ul, ol, li { margin-top: 0px; } 

#navdiv {
	float:left; 
	}

#ppcartbutton {
	float:right;
	width: 106px; 
	text-align: right; 
	padding-right:1%;
}



/* Infomenu */

.infomenu a {
	margin-bottom:0px;
	margin-right:10px;
	padding:5px;
	color:#000000;	
}

.infomenu {
	margin-top:1px;
	margin-bottom:0px;
	padding-left:0px;
	text-align:left;
}

.infomenu a img {
	margin-bottom:0px;
	margin-right:0px;
	padding:0px;
	padding-left:0px;
}

.toplevel {text-transform: uppercase;}
/* Pedalmenu */

/* HTML5 and jQuery Super Simple Nav by Todd Motto @toddmotto - toddmotto.com */

/* =============================================================================
   Navigation Core Styles
   ========================================================================== */
   
nav {float:left; z-index: 255;}
nav ul {text-align:center; z-index: 255;padding: 0; list-style-type: none;}
nav ul li {float:left;display:inline; z-index: 255; }
nav ul li:hover {background:#ffffff;}
nav ul li a {display:block;color:#444; }
nav ul li ul {position:absolute;background:#FFF;padding: 0;list-style-type: none; padding-bottom: 10px; }
nav ul li ul li {margin:0;padding:0;}
nav ul li ul li a {
	display:block;
	background-color:#ffaa15;
	margin-top:0.7em; 
	color:#FFF;
	border:1px solid #ffaa15;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
	margin-bottom:1em;
	margin-right:1em;
	padding:1%;
	text-decoration: none;}
nav ul li ul li:hover a {text-decoration: none;background-color:#9099a2; border:1px solid #9099a2;}
nav ul li ul.fallback {display:none;}
nav ul li:hover ul.fallback {display:block;}


.pedalmenu {float: left; 
	padding-top: 0px, 
	margin-top: 0px; 
	position: relative;
    display: none;}

.pedalmenu ul
{
padding: 0;
list-style-type: none;
margin:0;
}


.pedalmenu li
{
display: block;
float: left;
padding-bottom: 1px;
padding-top: 0px;
margin-top: 0px;
}



form{
margin:0;
padding:0;
}

.pedalmenu a {
	color:#FFF;
	background-color:#ffaa15;
	border:1px solid #ffaa15;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
	margin-top:0px;
	margin-bottom:8px;
	margin-right:9px;
	padding:4px;
	opacity:0.7;
	/*filter:alpha(opacity=70); #ffaa15*/
}
.pedalmenu a:visited, .pedalmenu a:link {
	color:#FFF;
}
.pedalmenu a:hover {
	opacity:1;
	/* filter:alpha(opacity=100); #9099a2   */
	background-color:#9099a2;
	text-decoration:none;
	border:1px solid #9099a2;
}
.pedalmenu {
	margin-top:5px;
	margin-bottom:0px;
	padding-left:20px;
	text-align:left;
	line-height:2.6em;
	font-size: 1em;
	font-size: 10pt;
}


/*Out of stock items on the menu */
.oos a {
	color:#FFF;
	background-color:#bbbbbb;
	border:1px solid #bbbbbb;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
	margin-top:8px;
	margin-bottom:8px;
	margin-right:7px;
	padding:4px;
	opacity:0.7;
	filter:alpha(opacity=70);
}

/*.pedalmenu a:nth-child(2) {background-color:#0F0;} */

/* home page stuff */
.slidehead {color:#ffaa15;}

#instafeed img {
	padding-left:1%;
	width:15%;
}

#joinmailing {display:none;}

.frontbutton {text-align: center;}

.frontbutton a {
	color:#FFF;
	background-color:#ffaa15;
	border:1px solid #ffaa15;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
	margin-top:0px;
	margin-bottom:2em;
	margin-right:9px;
	padding:4px;
	line-height:2.6em;

}

.frontbutton a:hover {
	opacity:1;
	/* filter:alpha(opacity=100); #9099a2   */
	background-color:#9099a2;
	text-decoration:none;
	border:1px solid #9099a2;
}

/* All pedals listing */

.allpeddesc {font-size: 1em;}

/* custom batches */

.customimg {width: 70%;}

.inlineImg {width: 60%;}
.imgcaption {font-size: 80%; color:#686868;}

/* About / Contact */

#eadd {width: 50%;}

/* Stockists */

#stockist {
	width: 50%;
	float: left;
}

#stockistright {
	width: 50%;
	float: left;
}

#stockistright img {width: 100%;}

#stockist a {
	color:#FFF;
	background-color:#ffaa15;
		border:1px solid #ffaa15;

-moz-border-radius: 5px;
-moz-border-radius: 5px;

-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
	margin-top:8px;
	margin-bottom:8px;
	margin-right:10px;
	padding:5px;
}
#stockist a:hover {
	text-decoration:none;
		background-color:#9099a2;
	border:1px solid #9099a2;
}

.studiopic {
	width:35%;}

.pricebox, {
	padding:10px;
	width:250px;
	margin-bottom:10px;
	margin-top:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
	border:#9099a2 1px solid;
	background-color:#ffffff;
}

.pricebox {
	padding-bottom:0px;
}
.pricebox a {color:#5b6875;}


.buynowbox,.buynowbox_wide {
	border:#5b6875 2px solid;
	width:40%;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
	margin-top:20px;
	margin-bottom:20px;
}

.buynowbox_wide {
	width:400px;
}


.mailingbox {
	
	border:#5b6875 1px solid;
	width:60%;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
position: fixed;
 margin:0 auto;
 background:#ffffff;
 /*position:absolute
 margin-left: 100%;
 margin-right: 100%;*/
left:20%;
 top:20%;
 z-index: 300;
}


/* detail page */

.mk_two {font-size: 0.5em;}

.detaildiv {
	width:100%;
	height: 100%;
}

.detailheaderdiv {
	width:100%;
	height: 100%;
	position: relative; 
  top: -20px; 
}


input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000
}


.niceinput {
	border:1px solid #94A6AD;
	font-size: 1.1em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: FFFFFF;
	padding: 4px 4px 4px 4px;
}

.nice_button {
	font-size: 1.2em;
	background-color: #eeeeee;
	color: #000000;
	border:1px solid #5b6875;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
	margin-top:5px;
	padding:5px
}

/* All pedals */

.eachpedal {position: relative;}

.allpedalsprice
    {
    width:20%;
    height:10%;
    border-radius:50%;
    color:#fff;
    vertical-align: middle;
      display: table-cell;
    text-align:center;
    background:#ffaa15;
    }

.allpedalsprice {position: absolute; top:65%;}

.all_pedals_img {width: 100%;}

.allpedals ul
{
padding: 0;
list-style-type: none;
}

.allpedals li
{
display: block;
float: left;
width:25%;
margin-bottom: 10px;
padding-bottom: 10px;
}

.allpedals a 
{font-size: 1em;
color:#5b6875;
}

.imagefaded {
  opacity: 0.4;
	filter:alpha(opacity=40);
}


/* media queries */

@media only screen and (max-width: 1100px) {
    #mainbkg {
        width:90%;
    }
}

#fredriclogonarrow {display: none;}
#sliderimg1narrow, #sliderimg2narrow, #sliderimg3narrow, #sliderimg4narrow, #sliderimg5narrow {display: none;}

@media only screen and (max-width: 650px){ 
 	
	body {
		font-size:1em;
	}

 	#mainbkg {
        width:99%;
    }

   #fredriclogo {
     display: none;
   }

   #fredriclogonarrow {
     display: block;
     margin-left:2.5%;
   }


   #smicons {
	text-align: center;
	width:50%;
	float: left;
	position: absolute;
	left:60%;
	top:5%;
	}

	h1 {
		
		font-size: 1.5em;
	}
	h2 {
		font-size: 1.2em;

	}
	h3 {
		font-size: 1em;
	}

	#ppcartbutton {
	float:left;
	width:100%;
	text-align: center;
	}

#ppcartbutton form {
margin:0;
padding:0;
}

	.allpedals li
	{
	width:33%;
	}

	#instafeed img {
		padding-left:1%;
		width:25%;
	}

	#instafeed {text-align: center;}

   #sliderimg1, #sliderimg2, #sliderimg3, #sliderimg4, #sliderimg5 {display: none;}
   #sliderimg1narrow, #sliderimg2narrow, #sliderimg3narrow, #sliderimg4narrow, #sliderimg5narrow {display: block;}

}

@media only screen and (max-width: 400px) {
    .allpedals li
	{
	width:50%;
	}
}

/* media queries end */