@charset "utf-8";
/* CSS Document */

body {
margin: 0px; 
padding: 0px; 
background: url("../images/background.gif") repeat-x #000000;
}

/******nav stuffs********/




body#about-us a#about-us,
body#brands a#brands,
body#repair a#repair,
body#resetting a#resetting,
body#contact a#contact,
body#specials a#specials,
body#links a#links,
body#locations a#locations
body#gold a#gold
{
color: #ff0000;

}



/*******end nav stuffs*******/



/*------------------------------------------------------------------------*/
/*    MERCH HOLES CSS FOR HOME PAGE                       */
/*------------------------------------------------------------------------*/



.merch-wrap {
background:transparent url(/images/bground.gif) no-repeat scroll left top;
height:133px;
width:980px;
position:relative;
border:0px solid #f0000f;
}


.merch-wrap-img {
border:0px solid #717073;
height:105px;
width:115px;
position:absolute;
top:4px;
left:4px;
}


.merch1 {
height:123px;
width:322px;
position:absolute;
left:0px;
top:2px;
/*background:transparent url(/images/merch.gif) no-repeat scroll left top;*/
border:0px solid #ffffff;
}


/* OLD MERCH CSS
.merch1 {
height:123px;
width:322px;
position:absolute;
left:0px;
top:2px;
background:transparent url(/images/merch.gif) no-repeat scroll left top;
border:0px solid #ffffff;
}
*/

.merch2 {
height:123px;
width:322px;
position:absolute;
left:326px;
top:2px;
background:transparent url(/images/merch.gif) no-repeat scroll left top;
border:0px solid #00ff00;

}

.merch3 {
height:123px;
width:322px;
position:absolute;
left:655px;
top:2px;
background:transparent url(/images/merch.gif) no-repeat scroll left top;
border:0px solid #0000ff;
}



.merch-content-wide {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
width:250px;
left:30px;
top:15px;
position:absolute;
border:0px solid #ffffff;
}


.merch-content {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
width:200px;
left:123px;
top:15px;
position:absolute;
border:0px solid #ffffff;
}

.button {
height:42px;
width:13px;
position:absolute;
left:120px;
top:75px;
}


.header {
font-family:Arial, Helvetica, sans-serif;
color:#d72222;
font-size:11px;
text-transform:uppercase;
}

.bold {
font-weight:bold;
}

.larger {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.promo {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

.smaller {
font-size:13px;
}



/*------------------------------------------------------------------------*/
/*    END MERCH HOLES CSS FOR HOME PAGE               */
/*------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------*/
/*   		SUB PAGE CONTENT ETC.                                     */
/*-------------------------------------------------------------------------*/

.logo-holder{
border:0px solid #ff0000;
width:980px;
height:60px;
position:absolute;
top:23px;
left:18px;
}


.logo{
border:0px solid #00ddff;
position:absolute;
left:1px; 
top:0px;
height:48px;
width:204px;
}


.tagline{
border:0px solid #ddff00;
position:absolute;
left:730px; 
top:11px;
height:39px;
width:248px;
background:url(/images/tagline.gif) no-repeat top left;
}

#content-holder{
background:url(/images/content-hold.gif) no-repeat top left;
border:0px solid #0000ff;
width:568px; 
height:519px;
position:absolute;
top:135px;
left:425px;
}

/*//////////////////////styles for template three/////////////////*/

.holder{
border:0px solid #00ff00;
height:100%;
}

.main{
background:url(/images/temp-bkg-three.png) no-repeat;
width:1016px; 
min-height:679px;
border:0px solid #0000ff;
position:relative;
overflow:visible;
}

#content-holder-three{
/*background:#210708 url(/images/content-hold-three.gif) repeat-y top left;*/
border:0px solid #fff;
width:989px; 
position:absolute;
top:135px;
left:12px;
overflow:visible;
}


.cnt-tmp-three{
background:#000 url(/images/content-hold-three.gif) repeat-y top left;
border:0px solid #fff;
width:990px; 
position:absolute;
top:0px;
left:1px;
}

.heading-holder{
border:0px solid #fff;
height:50px;


}

h1.tmp-three{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
color:#fff;
clear: right;
margin:0px 0px 0px 0px;
padding:30px 50px 5px 50px;
border:0px solid #fff;
width:500px;
float:left;
}



h2.tmp-three{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
color:#fff;
clear: both;
margin:0px 0px 0px 0px;
padding:20px 50px 0px 50px;
float:left;
}


h3.tmp-three{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#d72222;
clear: right;
margin:0px 0px 0px 0px;
padding:20px 50px 0px 50px;
float:left;
}


h4.tmp-three{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#d72222;
clear: right;
margin:0px 0px 0px 0px;
padding:20px 50px 0px 50px;
float:left;
}


h5.tmp-three{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#d72222;
clear: right;
margin:0px 0px 0px 0px;
padding:20px 50px 0px 50px;
float:left;
}

a.temp:link {
color: #d72222;
text-decoration:none;
}
a.temp:visited {
color: #d72222;
text-decoration:none;
}
a.temp:hover {
color: #d72222;
text-decoration:underline;
}
a.temp:active {
color: #d72222;
text-decoration:none;
}


p.temp-three{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#ffffff;
clear:left;
margin:0px 0px 0px 0px;
padding:5px 50px 15px 50px;
float:left;
border:0px solid #fff;
width:90%;
line-height:21px;
}

.footer{
border:0px solid #fff; 
width:990px; 
height:65px; 
float:left;
background:#210708 url(/images/footer.png) no-repeat top left;
}


.img-temp-left{
border:0px solid #00ff00;
float:left;
padding:0px 12px 0px 0px;
clear:left;
}


.img-temp-right{
border:0px solid #00ff00;
float:right;
padding:0px 0px 0px 12px;
}


/*//////////////////////end styles for template three/////////////////*/

/*///////////////// required for page overflow /////////////////*/
.content-holder-overflow{

border:0px solid #00ff00;
width:558px; 
height:500px;
position:absolute;
top:10px;
left:0px;
overflow:auto;
}
/*///////////////// end required for page overflow /////////////////*/

.content{
width:510px;
height:445px;
position:absolute;
top:90px;
left:30px;
border:0px solid #ff0000;
}

#ad-holder{
border:0px solid #f0000f;
width:381px;
height:142px;
position:absolute;
top:510px;
left:28px;
background:url(/images/ad-background.gif) no-repeat;
}

#flash-holder{
/*background:url(/images/content-flash.gif) no-repeat top left;*/
border:0px solid #0000ff;
width:382px;
height:366px;
position:absolute;
top:135px; 
left:28px; 

}


p{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#ffffff;
clear: right;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}



p.caption{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#464646;
clear: right;
width:550px;
margin:0px 0px 0px 0px;
padding:0px 0px 4px 0px;
}



h1{
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#fff;
clear: right;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;

}


h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
clear: right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff3300;
clear: right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-style:oblique;
}

.manager{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff3300;
clear: right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}





ul.square {
color:#ff3300;
list-style-type:square;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

li.interior{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
list-style-type:square;
}


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



/*alternate links color*/
a.two:link {
color: #620301;
text-decoration:none;
}
a.two:visited {
color: #620301;
text-decoration:none;
}
a.two:hover {
color: #fd0000;
text-decoration:underline;
}
a.two:active {
color: #620301;
text-decoration:none;
}



/*-------------------------------------------------------------------------*/
/*   		BRANDS-PAGES SUB MENUS                                          */
/*-------------------------------------------------------------------------*/

.indentmenu{
font:11px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #000; /*black border*/
border-width: 0px 0;
background: black url(/images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #000; /*black divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(/images/indentbg2.gif) center center repeat-x;
}


/*///////////////////////////TWITTER FEED PAGE /////////////////////////////////////*/

  
.floatLeft { 
float: left;
 }


.floatRight{
 float: right;
 }


.clear{ 
clear: both; 
}

a{ 
outline: none;
}

h1.events{
border:0px solid #fff;
padding:25px 0px 0px 73px;
width:550px;
float:left;
}

img, a img	{ 
border: none; 
}


#page-wrap{ 
min-width: 800px; 
border:0px solid #fff;
}


#twitter{ 
width: 25%;
 float: left;
 padding: 0px 0px 0px 25px;
 min-width: 920px; 
 border:0px solid #f0f0f0;
 
}
img.profile-pic{
float: left; 
padding: 5px; 
}


#twitter img{ 
width: 100px; 
margin: 10px; 
}


.tweet{ 
padding: 10px;
 margin: 5px 0px 0px 25px ;
 color:#000;
 background: url(/images/transpOrange25.png);
 }
 
 
 /*///////////////////////////////////Social Media Icons //////////////////////////////////////*/

h2 a { 
display: block; 
text-decoration: none; 
margin: 0 0 30px 0; 
font: italic 45px Arial, Helvetica, sans-serif; 
 text-align: center; 
 color: #312400;
 text-shadow: 0px 2px 6px #333;
 }
 
 
h2 a:hover { 
color: #AF7F00; 
}

p { 
padding:5px 10px;
font-family:Arial, Helvetica, sans-serif;
 }
 
 
a {
color: #d72222;
 text-decoration:none;
 }
 
 
a:hover {
 text-decoration:none; 
 cursor:pointer;
 }
 
 

/* COMMON CLASSES */
.break {
 clear:both;
 }

/* WRAPPER */
#wrapper { 
width:200px; 
margin:0px auto;
padding:0px 40px;
border:0px solid #fff;
float:right;
}


/* SOCIAL ICONS - GENERAL */
.social { 
list-style:none;
 margin:0px;
 width:200px; 
 border:0px solid #ff0000;
 float:right;
 }
 
 
.social li {
 display:inline; 
 float:left; 
 background-repeat:no-repeat;
 font-family:Arial, Helvetica, sans-serif;
 }
 
 
.social li a { 
display:block; 
width:30px;
 height:30px;
 padding-right:10px;
 position:relative;
 text-decoration:none; 
 }
 
 
 
.social li a strong {
 font-weight:normal;
 position:absolute;
 left:20px;
 top:-1px;
 color:#fff; 
 padding:0px;
 z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
 background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; 
 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 -webkit-border-radius:3px;
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 border-radius:3px; 
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}



li.delicious {
 background-image:url("/images/social-media/delicious.png"); 
  }
  
  
li.digg { 
background-image:url("/images/social-media/digg.png");
 }
 
 
li.facebook { 
background-image:url("/images/social-media/facebook.png");
 }
 
 
li.flickr { 
background-image:url("/images/social-media/flickr.png");
 }
 
 
li.linkedin {
 background-image:url("/images/social-media/linkedin.png");
 }
 
 
li.reddit { 
background-image:url("/images/social-media/reddit.png");
 }
 
li.rss {
 background-image:url("/images/social-media/rss.png"); 
 }
 
 
li.twitter {
 background-image:url("/images/social-media/twitter.png"); 
 }

 
 
/* SOCIAL ICONS - CSS3 */
#css3:hover li {
 opacity:0.2; 
 }

#css3 li { 
-webkit-transition-property: opacity;
 -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; 
 -moz-transition-duration: 500ms; 
 }
 
 
#css3 li a strong { opacity:0;
 -webkit-transition-property: opacity, top; 
 -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; 
 -moz-transition-duration: 300ms; 
 }

 
#css3 li:hover { 
opacity:1; 
}

#css3 li:hover a strong { 
opacity:1; 
top:-10px;
 }
 
  
 /*////////////////////////////////End Social Media Icons //////////////////////////////*/
 
 ul.services{
 color:#fff;
 font-size:16px;
 font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
line-height:21px; 

list-style-type: none;
padding: 0px;
margin: 0px;
 }
 
 
 li.services{
 background-image: url(/images/services.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;  
 }