/********* Locktec Styles *********/

/********* Resets *********/

* { margin: 0; padding: 0; }

/********* End of Resets *********/

/********* Main Presets *********/

body { background-color: #252525; font-size:62.5%; font-family: Verdana, Geneva, sans-serif; font-weight: normal; }

p { font-size: 1.2em; line-height: 1.4em; text-align: left; padding: 5px 0 10px 5px; margin: 0; }

/*spanclasses*/

.query { padding: 0; margin : 0 0 10px 0; }

.orange { color: #ff9900 }

.bold { font-weight: bold; }

.headingstyle { font-weight: bold; color: #fff; font-style: italic; text-transform: uppercase; }

.uppercase { text-transform: uppercase; }

.whitenav:hover { color: #fff; }

.italic { font-style: italic; font-weight: bold; color: #ff9900 }

.black { color: #000; }

.freephoneright { font-size: 1.6em; font-weight: bold; }

/*End of Spanclasses*/

h1, h2, h3, h4, h5, h6 { padding: 10px 0 0 15px; color: #ff9900; font-size: 1.8em; font-weight: normal; letter-spacing: 1px; font-style: italic; }

.h2 { padding: 10px 0 0 15px; color: #ff9900; font-size: 1.8em; font-weight: normal; letter-spacing: 1px; font-style: italic; }

.h1auto, .h2auto, .h3auto, .h4auto, .h5auto, .h6auto { padding: 10px 0 0 20px; }

.other-things { font-size: 1.2em; padding: 0 0 0 5px; }

a { text-decoration: none; color: #000; }

p a { color: #ff9900; }

/********* End of Main Presets *********/

/********* Wrapper Styles *********/

#wrapper { margin: auto; overflow: hidden; width: 860px; }

/********* End of Wrapper Styles *********/

/********* Head Styles *********/

#head { background-color: #252525; width: 860px; height: 122px; }

#head a img { border: none; }

#logo { height: 122px; width: 300px; float: left; }

#areanumbers { width: 320px; float: left; color:#FFF; font-size: 1.4em; line-height: 1em; }

#derbynumber { width: 560px; float: left; color:#FFF; font-size: 2.6em; line-height: 1.2em; padding: 28px 0 0 0; font-weight: bold; }

.derbyli { width: 560px; height: 61px; float: left; }

.derbyul { text-transform: uppercase; list-style-type: none; text-align: right; }

#freephone { width: 240px; height: 122px; float: left; color: #FFF; font-size: 2.6em; line-height: 1.2em; font-weight: bold; text-transform: uppercase; }

.topleftli { width: 190px; height: 61px; float: left; }

.toprightli { width: 130px; height: 61px; float: left; }

.bottomleftli { width: 190px; height: 61px; float: left; }

.bottomrightli { width: 130px; height: 61px; float: left; }

.arealefttop { list-style:none; text-align: right; padding: 26px 0 5px 80px; }

.arealeftbottom { list-style:none; text-align: right; padding: 0 0 5px 80px; }

.arearighttop { list-style:none; text-align: right; padding: 26px 0 5px 20px; }

.arearightbottom { list-style:none; text-align: right; padding: 0 0 5px 20px; }

.freephone { padding: 28px 0 0 0; text-align: right; list-style: none; }

.phonestyle { font-size: 1.2em; color: #ff9900; }

/********* End of Head Styles *********/

/********* Navigation Styles *********/

#navigation { background-color: #252525; height: 24px; width: 860px; overflow:hidden }

#navigation li { display:inline; float:left; list-style:none; list-style-position:outside; padding:0; margin:0 2px 0 0 }

#navigation li a { font-size: 1.2em; display:block; background:transparent url(images/locksmiths-navigation-sprite.jpg) no-repeat 0 0; height:21px; text-align:center; padding:4px 0; color:#fff; text-decoration:none }

#navigation li a:hover { font-size: 1.2em; color:#fff; }

#navigation li#nav-home a { width:58px; }

.home #navigation li#nav-home a { background-position:0 -27px; }

#navigation li#nav-home a:hover { background-position:0 -27px; }

#navigation li#nav-commercial a { width:96px; background-position:-58px 0; }

.commercial #navigation li#nav-commercial a { background-position:-58px -27px; }

#navigation li#nav-commercial a:hover { background-position:-58px -27px; }

#navigation li#nav-domestic a { width:81px; background-position:-154px 0; }

.domestic #navigation li#nav-domestic a { background-position:-154px -27px; }

#navigation li#nav-domestic a:hover { background-position:-154px -27px; }

#navigation li#nav-auto a { width:64px; background-position:-234px 0; }

.auto #navigation li#nav-auto a { background-position:-234px -27px; }

#navigation li#nav-auto a:hover { background-position:-234px -27px; }

#navigation li#nav-contact a { width:89px; background-position:-298px 0; }

.contact #navigation li#nav-contact a { background-position:-298px -27px; }

#navigation li#nav-contact a:hover { background-position:-298px -27px; }

/********* End of Navigation Styles *********/

/********* Subhead Styles *********/

#subhead { background-color:#252525; height: 275px; width: 860px; float: left; }

#servicetag { width: 290px; height: 275px; float: left; }

.servicetag1 { float: left; width:275px; height:43px; display:block; margin: 0 0 12px 0; background: url(images/24-autolocksmith.gif) right top; }

.servicetag1 span.hover { position: absolute; display: block; width:275px; height:43px; background: url(images/24-autolocksmith.gif) right bottom; }

.servicetag2 { float: left; width:275px; height:43px; display:block; margin: 0 0 12px 0; background: url(images/locksmiths-commercial.gif) right top; }

.servicetag2 span.hover { position: absolute; display: block; width:275px; height:43px; background: url(images/locksmiths-commercial.gif) right bottom; }

.servicetag3 { float: left; width:275px; height:43px; display:block; margin: 0 0 12px 0; background: url(images/emergency-autolocksmith.gif) right top; }

.servicetag3 span.hover { position: absolute; display: block; width:275px; height:43px; background: url(images/emergency-autolocksmith.gif) right bottom; }

.servicetag4 { float: left; width:275px; height:43px; display:block; margin: 0 0 12px 0; background: url(images/autolocksmith-sprite.gif) right top; }

.servicetag4 span.hover { position: absolute; display: block; width:275px; height:43px; background: url(images/autolocksmith-sprite.gif) right bottom; }

.servicetag5 { float: left; width:275px; height:43px; display:block; margin: 0 0 12px 0; background: url(images/autolocksmiths-derby.gif) right top; }

.servicetag5 span.hover { position: absolute; display: block; width:275px; height:43px; background: url(images/autolocksmiths-derby.gif) right bottom; }

.subtab1 { padding: 2px 0 0 0; height: 53px; width: 283px; float: left; background: url(images/locksmiths-background-tab2.gif) no-repeat; }

.tab1 { font-style: italic; letter-spacing: 1.4px; font-size: 1.4em; padding: 10px 0 0 15px; list-style: none; color: #ff9900 }

.tab1 a { color: #ff9900; }

.tab1 a:hover { color:#fff; }

#flash { background-color:#000; height: 275px; width: 570px; float: left; }

/********* End of Subhead Styles *********/

/********* Body Styles *********/

/*****body contents container*****/
#bodycontents { background-color: #e8e8e8; float: left; width: 860px; }

/***** End of Body Contents container *****/


/* Start of HOMEPAGE Styles */
/********* Mainleft **********/

#mainleft { background-color: #fff; width: 540px; overflow: hidden; float: left; padding: 10px 10px 10px 20px }

.headingimageleft { width: 300px; height: 54px; background-image: url(images/locksmiths-background.jpg); background-repeat: no-repeat; clear: both; }

#colright { float: left; width: 240px; }

#colleft { float: left; width: 300px; }

#bottomcol { clear: both; }

.readmore { font-size: 1em; padding: 10px 0 10px 0; list-style: none; float: right; }

.readmore a:hover { color: #ff9900 }

.readmore1 { font-size: 1em; padding: 10px 0 10px 0; list-style: none; float: right; clear: both; }

.readmore1 a:hover { color: #ff9900 }

.freephonefoot { padding: 0 0 0 5px; font-size: 3.4em; text-transform: uppercase; font-weight: bold; }

/********* End of Mainleft *********/

/********* Mainright **********/

#mainright { background-color: #e8e8e8; width: 255px; overflow: hidden; float: right; padding: 10px 20px 10px 15px }

.headingimageright { width: 290px; height: 54px; background:url(images/locksmith-background2.jpg) no-repeat; }

#rightcol { width: 260px; float: left; }

#mainbottom { overflow: hidden; width: 860px; float: left; margin-left: 25px }

/* Subform */
#subenquiry { width: 240px; }

.formstyle { width: 240px; margin: 0 0 10px 5px; color: #ff9900; ; border: 1px solid #000; padding: 3px 0 3px 5px; font-size: 1em; }

.subformsubmit { width: 60px; background-color: #e8e8e8; margin-left: 190px; color:#000; border: none; font-size: 1em; }

.subformsubmit:hover { color:#ff9900; }

/* End of Subform */

/********* End of Mainright *********/


/*  End of HOMEPAGE Styles */
/* Start of CONTACT Styles */
#contactmainleft { min-height: 500px; background-color: #fff; width: 400px; min-height: 700px; float: left; padding: 10px 10px 10px 20px }

#contactmainleft ul { list-style-type: none; }

#contactmainleft ul li { padding: 0 0 10px 5px; }

#contactmainleft ul li a:hover { color:#ff9900 }

#contactmainright { background-color: #e8e8e8; width: 395px; overflow: hidden; float: right; padding: 10px 20px 10px 15px }

.formstyle3 { width: 300px; margin: 0 0 10px 5px; }

.formstylesubmit { width: 60px; background-color: #fff; color:#000; border: none; font-size: 1em; }

.formstylesubmit:hover { color:#ff9900; }

.contactform { padding:0 0 0 5px; color:#ff9900 }

.contactformlist { list-style: none; padding: 3px 0 0 3px; line-height: 1.6em; font-size: 1.2em }

#contactmap { padding: 10px 0 5px 0; }

.googlemapa { padding: 10px 0 10px 5px; font-size: 1em; }

.googlemapa a:hover { color: #ff9900 }

iframe { border: solid 1px #999; }

/*Errors*/ 
.contact-fail-box { font-size: 1.2em; line-height: 1.4em; text-align: left; padding: 8px 0 5px 5px; margin: 0; }

.failbox { font-size: 1.2em; line-height: 1.4em; text-align: left; padding: 8px 0 5px 5px; margin: 0; }

#areaimage { width: 380px; height: 300px; background: url(images/derby-areacoverage.jpg) no-repeat; float: left; clear: left; padding-bottom: 20px }

/* End of Errors */

/* End of CONTACT Styles */
/********* End of Body Styles *********/

/********* Footer Styles *********/

#footer { background-color: #000; overflow: hidden; list-style:none; clear: both; padding-top: 20px; }

#toe { margin: auto; overflow: hidden; width: 860px }

#footer ul { list-style:none; line-height: 1.8em; color: #fff; }

.rightfooter { list-style:none; line-height: 1.8em; color: #fff; font-size: 1em; padding-top: 10px; padding-left: 0; }

.footerblockright a { color: #999; font-size: 1em; }

.footerblockright { color: #FFF; font-size: 1em; line-height: 1.8em; }

.footerblockright a:hover { color: #ff9900; font-size: 1em; }

.footerblockleft { padding-left: 20px; width: 267px; height: 250px; float: left; }

.footerblockmiddle { padding-left: 20px; width: 267px; height: 250px; float: left; }

.footerblockright { padding-left: 20px; width: 246px; height: 250px; float: left; }

.footerblockleft ul { display: block; width: 245px; height: 30px; padding-top: 10px; }

.footerblockleft ul li a { color: #fff; text-decoration: none; }

.footerblockleft ul li a:hover { color: #ff9900; }

.footerblockmiddle ul { display: block; width: 245px; height: 30px; padding-top: 10px; }

.footerblockright ul { display: block; width: 245px; height: 30px; padding-top: 10px; }

.rule { font-size: 1.4em; color: #F90; border-bottom: 1px solid #FFF; }

.rule li { color: #F90; }

/********* End of Footer Styles *********/

/* CatFooterTabs */
.footertab { background: url(images/autolocksmith-tab2.gif) no-repeat; height: 246px; overflow: hidden; width: 226px; float: left; padding: 0 20px 0 20px; margin: 0 0 0 5px; }

.footertab a { color: #fff; float: right; }

.footertab a:hover { color: #ff9900; }

.footertab ul { list-style-position:inside; width:210px; padding:32px 0 5px 0; list-style-image:url(images/locksmiths-tick-list.gif); }

.footertab li { color:#FFF; font-size:1.2em; line-height:19px; }

.subcat { color: #ff9900; padding: 24px 0 0 0; font-size: 1.6em; }

/* End of CatFooterTabs*/

/* Auto */
#mainservices { background-color: #fff; width: 820px; overflow: hidden; padding: 10px 20px 10px 20px; }

#topcol { width: 820px }

.servicecol { width: 260px; overflow: hidden; float: left; margin:0 20px 0 0 }

.servicecolend .serviceheadingimage { width: 260px; height: 60px; background: url(images/autolocksmith-headingbackground.gif) no-repeat; }

.servicecolend { width: 260px; overflow: hidden; float: right; margin:0 0 0 0 }

.servicecol img { padding: 0; }

.servicecol .serviceheadingimage { width: 260px; height: 60px; background: url(images/autolocksmith-headingbackground.gif) no-repeat; }

.midcol { width: 820px; overflow: hidden; }

.serviceheadingimageleft { width: 305px; height: 60px; background: url(images/autolocksmith-headingbackground2.gif) no-repeat; }

#bottomservicecol { width: 820px; overflow: hidden; background-color: #e8e8e8; clear: left; padding: 10px 20px 10px 20px; }

#bottomservicecol #form2 { width: 270px; float: right; clear: right; padding-right: 20px }

#bottomservicecol .headingimageright { float: right; }

#bottomservicecolleft { width: 520px; overflow: hidden; background-color: #e8e8e8; float: left; padding-right: 10px; }

.autofreephonefoot { padding: 0 0 0 5px; font-size: 3.2em; text-transform: uppercase; font-weight: bold; }

.headingimageorange { width: 305px; height: 60px; background: url(images/locksmith-backgroundorange.gif) no-repeat; }

/* End of Auto Styles */

/* Sitemap Styles */

.sitemap { list-style: none; padding: 0 0 0 5px; }

.sitemap li a { font-size: 1.4em; line-height: 1.6em; }

.sitemap li a:hover { color: #ff9900 }

/* End of Sitemap Styles */


/* Resource Styles */

.linkbox {text-align: center; list-style: none; width: 300px; height: 93px; background: url(images/autolocksmith.gif) no-repeat; color: #fff; font-size: 1em; padding: 30px 0 0 0; line-height: 1.6em; }

#resources ul li { list-style: none; font-size: 1em; line-height: 1.6em; }

#resources ul li a { list-style: none; font-size: 1em; line-height: 1.6em; color: #666 }

#resources ul li a:hover { color: #ff9900 }

/* End of Resource Styles */

/* Link Build */

#footer3 { width: 100%; overflow: hidden; clear: left; background-color: #000; padding-bottom: 5px }
#footer3 li a { color: #fff; }
.position { text-align: center;}