/*common-content.css*/
/* 
	This file defines the classes available for use in the content region of the site.  
	This file can be overloaded by specifics in templates 
	and as such !important should never be used in this file
*/

/*Classes for images*/

.image{
	margin: 0.4em;
}


.image_right{
	float: right;
	margin: 0.4em;
}

.image_left{
	float: left;
	margin: 0.4em;
}

/*Classes for text changes*/

.text_big{
	font-size: 1.4em;
}

.text_bigger{
	font-size: 1.6em;
}

.text_biggest{
	font-size: 1.8em;
}

.text_small{
	font-size: 1em;
	line-height: 1.1em;
}

.text_smaller{
	font-size: .8em;
	line-height: .9em;
}

.text_smallest{
	font-size: .6em;
	line-height: .7em;
}

.text_light{
	color:#666;
}

.text_lightest{
	color:#999;
}

.text_dark{
	color: #333333;
}

.text_darkest{
	color: black;
}

/*Classes for positioning*/

.center{
	margin: 0 auto;
	display: block;
}


/*Base tag overloads for all templates*/
body{
	font-family: Verdana, Arial;
	font-size:62.5%;
	color:#494949 ;
	margin: 0px;
}

p {
	font-size:1.2em;
	line-height: 1.4em;
	margin-top:.5em;
}

h1 h2 h3 h4 h5 h6{
	color: #494949;
}

blockquote{

}

a{

}

h1{
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 1.6em;
}

h2{
	font-size: 1.4em;
	margin-bottom:.4em;
}

h3{
	font-size: 1.4em;
	margin-bottom:.4em;
}

h4{
	font-size: 1.4em;
	margin-bottom:.4em;
}

h5{
	font-size: .83em;
}

h6{
	font-size: .75em;
}

/*landing-common.css*/

/* CSS Document */
/*
	Defines general CSS that should be used by all landing pages
	This file should never contain the !important tag so that the 
	sub css files can override it if neccessary
*/

.bigMapDiv{
/*	width: 300px;*/
	width: 520px;
	float:right;
	overflow:hidden;
	border: 1px solid #666666;
	background-color: #CCCCCC;
	background-image: url(../../../../images/loading1.gif);
	background-repeat: no-repeat;
	background-position: 236px;
}

.gmapBubble{
	font-size:1.2em;
	line-height: 1.2em;
}

.coupon{
	text-align: center;
	background-color:#CCC;
	color:#FFFFFF;
	margin:0em;
	padding: .5em;
	font-size: 1.2em;
	display:block;
	border: 1px solid #666;
}

a.coupon{
	text-decoration: none ;
}

a:hover.coupon{
	border: 1px solid #666;
}

.bulletHook{
	font-size:1.8em;
	margin-left:0px;
	margin-right:0px;
}

.ppaphone{
	font-variant: small-caps;
	font-weight: bold;
	font-style: italic;
}

.ppaphone .number{
	font-style: normal;
}

.ppaemail{
	font-variant: small-caps;
	padding-top: .15em;
	font-weight: bold;
	font-style: italic;
}

.ppaemail a{

}

.paymentMethodLogo{
	background-repeat:no-repeat;
	background-image: url(/templates/customer/landing2/images/payment_methods.gif);
	width:45px;
	height:28px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:4px;
	padding:0px;
	border:0px;
}

.paymentMethodLogo.visa{
	background-position: 0px 0px ;
}

.paymentMethodLogo.masterCard{
	background-position: -45px 0px ;
}

.paymentMethodLogo.discover{
	background-position: -90px 0px;
}

.paymentMethodLogo.amex{
	background-position: -135px 0px;
}

.paymentMethodLogo.cash{
	background-position: 0px -28px;
}

.paymentMethodLogo.check{
	background-position: -45px -28px;
}




.directionsForm{
	
}

.directionsForm #directionsFrom{
	width: 190px;
}

/*.directionsForm #getDirections{
	align: left;
}*/

.menuStrong1{
	font-weight:normal;
	display:block;
	width:100%;
}

.indent4{
	text-indent: 20px;
}


.serviceTags ul{
	width:100%;
	clear:both;
	height: 1em;
	display: block;
	position: relative;
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
}

.serviceTags ul li{
	display: block;
	float:left;
	padding-left: 1em;
	list-style: none;
	display: block;
	position: relative;
	white-space: nowrap;
/*	padding: 0px;*/
}


.services .vertical{

}

ul.servicesList{
	font-size: 1.4em;
	line-height: 1.6em;
	list-style-type: none;	
}

.address{
	font-size: 14px;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: 2em;
}

.addressCity{
	text-transform: capitalize;	
}

.validate_inputProblem{
	color: #CC0000;
	font-weight: bold;
}

.validate_inputProblem:after{
	content: "*";
}


#footerContent{
	
}

#footerContent .alignRight{
	text-align:right;
	float: right;
	min-width: 45%;
}

#footerContent .alignLeft{
	text-align:left;
	float:left;
	min-width: 45%;
}

#footerContent .clearLeft{ clear:left }

#footerContent .clearRight{ clear:right }


.tagCloud{
	line-height: .9em;
}

a.tag{
	text-decoration: none;
}

a.tag:hover{
	text-decoration: underline;
}

.tag.tagA{
	font-size: .9em;
	font-weight:  bold;
}

.tag.tagB{
	font-size: .7em;
}

.clear{
	clear: both;
	float: left;
}

td{
	vertical-align:top;	
}


/*Vcard css*/

.hreview .item.vcard{
	display:none;
}

.hreview .reviewerLbl , .hreview .ratingLbl {
	font-weight: bold;
}

.hreview .ratingLine{
	clear:left;
	display:block;
}


.emailFormLine{
	display:block;
	clear:left;
}

.emailFormLabel_label{
	width: 100% !important;
}

#footerCopyrightPG{
	display: inline !important;
}


#whiteBox1.flair  , #whiteBox1 #top, #whiteBox1 #bottom{
	width: 757px;
}
#whiteBox1.flair   {
	margin:0pt auto;	
	display:block;
	position: relative;
}
#whiteBox1.flair   .corner{
	width: 6px;
	height: 6px;
	display:block;
	position: relative;
}
#whiteBox1.flair  .content{
	padding-left:6px;
	padding-right:6px;
	background-color: #FFFFFF;
	padding-bottom: -6px;
}
#whiteBox1.flair   #top, #whiteBox1 #bottom{
	height:6px;
	display:block;
	position: relative;
}
#whiteBox1.flair   .middle{
	background-color: #FFFFFF;
	width: 745px;
	height: 6px;
	float: left;
	display:block;
	position: relative;
}

#whiteBox1.flair .content img{
	margin: 0.3em;
	vertical-align:top;
}

.flair  .corner.left{
	float:left;
}
.flair .corner.right{
	float:right;
}
.flair #top .corner.left{
	background-image: url(/templates/customer/shared/CSSCorner/tl.png);
}
.flair #top .corner.right{
	background-image: url(/templates/customer/shared/CSSCorner/tr.png);
}
.flair  #bottom .corner.left{
	background-image: url(/templates/customer/shared/CSSCorner/bl.png);
}
.flair #bottom .corner.right{
	background-image: url(/templates/customer/shared/CSSCorner/br.png);
}

/*curtain.css*/

/* CSS Document */

#curtainBackground{
	width: 100%;
	height: 100%;
	z-index: 10;
	position:absolute;
	
	background-color:#ffffff;
	filter:alpha(opacity=80);-moz-opacity:.8;
	opacity:.80;
}

.hidden{
	display:none !important;
}

.visible{
	display:block !important;
}

/*couponCurtain.css*/

/* CSS Document */

#couponCurtain{
	width: 100%;
	height: 100%;
	z-index: 11;
	position:absolute;	
}


#couponCurtainInner{
	width: 500px;
	/*height: 300px;*/
	margin: 0 auto;
	background-color: #FFFFFF ;

	/*
	z-index: 10;*/
	position:relative;
	
	filter:alpha(opacity=100);-moz-opacity:1;
	opacity:1;
	
	padding-left: 1em;
	padding-right: 1em;

	border: solid 1px #404040;
	
	display:block;
	min-height:350px;
}

#couponCurtainInner #closeButtonLink{
	font-variant: small-caps;
	text-align: right;
	float:right;
	padding: .3em;
	text-decoration: underline;
	color: blue;
}


#couponCurtainInner #printBar{

}

#couponCurtainInner #printCouponLink{
	font-weight: bold;
	float: right;
	text-decoration: underline;
	color: blue;
}

.textCoupon{
	font-size:1.6em;
	min-height:300px;
	padding: 15px;
}

.textCoupon h1{
	text-align:center;
}

/*emailForm.css*/

/* CSS Document */

#emailCurtain{
	width: 100%;
	height: 100%;
	z-index: 11;
	position:absolute;	
}



#emailFormInner{
	width: 500px;
	/*height: 300px;*/
	margin: 0 auto;
	background-color: #FFFFFF ;

	/*
	z-index: 10;*/
	position:relative;
	
	filter:alpha(opacity=100);-moz-opacity:1;
	opacity:1;
	
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;

	border: solid 1px ;

}

#emailFormInner #closeButton{
	font-variant: small-caps;
	text-align: right;
	float:right;
	padding: .3em;
}

#emailFormInner{
	vertical-align: top;
	font-size: 1.2em;
}

#emailFormInner td{
	vertical-align: top;
}

#emailFormInner label, #emailFormInner input{
	margin-bottom: 5px !important;	
}

#emailFormInner label{
	width: 20%;
	display: block;
	float: left;
	clear:left;
}

#emailFormInner input{
	width: 200px;	
}

#emailFormInner input, #emailFormInner textarea{
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #696969;
	border-right-color: #494949;
	border-bottom-color: #494949;
	border-left-color: #696969;
}

#emailFormInner textarea{
	float:left;
	clear: left;
}

#emailFormInner #SendEmail{
	margin-left:360px;
	margin-top:5px;
	width:100px;
	
	margin-right: 20px;
}

#emailFormInner #submit{
	font-variant: small-caps;
}

#message_lbl{
	width:100%;	
	float: left;
	clear: left;	
}

#emailFormInner #message{
	width:100%;	
	float: left;
	clear: left;
}

/*TechJunkie.css*/
/* ----------------------------------------------
	Template Name : TechJunkie
	Template Code : S-0024
	Version : 1.0   
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/    
	Last Date Modified : May 31, 2008	
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	background: #f3ebe0 url(/templates/customer/TechJunkie/images/bg.gif) repeat-x;
	font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	color: #666666; 
	text-align: center;	
}

/* links */
a, a:visited {	
	color: #306495;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #73471B;
	background: inherit;
	text-decoration: underline;
}

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-weight: Bold; 	
	padding: 10px;		
	color: #444;	
}
h1 {
	font-size: 2.2em;		
}
h2 {
	font-size: 2em;
	color: #88ac0b;
}
h3 {
	font-size: 1.4em;
	font-weight: normal;	
	padding: 16px 10px 4px 10px;
}

/* Paragraph */
p { 
padding-left: 5px;
/*padding: 12px 10px;	*/}

/* Lists */
ul, ol {
	margin: 10px 20px;
	padding: 0 20px;	
}
ul { list-style: none; }

dl { padding: 10px; margin: 0; }

dt {
  font-weight: bold;
  color: #79A62E;
}
dd {
  padding-left: 25px; 
}

/* images */
.image {
	background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 7px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;
  	/* white-space: pre; */
  	border: 1px solid #deedae; 
	background: #F0FFD2; 
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}
blockquote {
	margin: 15px 10px;
 	padding: 5px 7px 5px 40px;  	
   font-weight: normal;
	font-size: 17px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;		
	color: #80614D;	
	border: 1px solid #DFF4B5; 
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 15px 10px;		
}
th {
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
		
	/*border-width: 1px;
  	border-style: solid;
  	border-color: #C4DE8F #93C138 #93C138 #C4DE8F;	*/
}
tr {
	height: 34px;
	
}
td {
	padding-left: 11px;
	padding-right: 11px;
	/*border: 1px solid #E7F0CC;*/	
}	
/* end - table */

strong{
	font-weight:bold;
}

/* form elements */
form {
	margin: 15px 10px; 
	padding: 5px 10px 20px 10px;
	border: 1px solid #D8E99E; 
	background: #deedae; 	
}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0 5px 0;
	color: #895F30;
}
input, textarea, select {
	padding: 4px;
	color: #666666;		
	background: #fff;
	
  	border-width: 1px;
  	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; 
	
	font: normal 11px Verdana, sans-serif;
}
textarea {
	width: 400px;	
	height: 100px;
	display: block;	
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #fff;
	background: #A6CD56;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F;
}

.coupon{
	border-color:#FF0000; 
	background-color:#FFCC00;
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 920px;
	background: #edf8c7 url(/templates/customer/TechJunkie/images/wrap.gif) repeat-y center top;
	margin: 35px auto;
	text-align: left;	
}
#content-wrap {
	position: relative;
	clear: both;
	float: left;	
	width: 920px;	
	padding: 25px 0; 	
	background: #edf8c7 url(/templates/customer/TechJunkie/images/content.gif) repeat-y;	
}
#header {
	position: relative;
	width: 920px;
	height: 205px;
	background: #317cb1 url(/templates/customer/TechJunkie/images/header.gif) no-repeat;	
	color: #fff;	
	padding: 0;	
	margin: 0;
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 56px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	letter-spacing: -3px;
	text-decoration: none;
	color: #fff;
	white-space:nowrap;
	/* change the values of top and left to adjust the position of the logo*/
	top: 58px; left: 55px;	
}
#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 15px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #D6EBAB;
	letter-spacing: -0.5px;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 122px; left: 135px;		
}



/* Navigation */
#nav {
	clear: both;	
	padding: 0;	margin: 0;
	width: 920px;
	height: 50px;
	background: #0e609e url(/templates/customer/TechJunkie/images/nav.gif) no-repeat;		
}
#nav ul {
	float: left;
	list-style: none;	
	margin: 0;
	padding: 0 0 0 40px;			
	height: 50px;	
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 14px;
	color: #fff;
	font: bold 16px/50px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
	text-decoration: none;	
	letter-spacing: -0.5px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #edf8c7;	
}
#nav .selected a {	
	background: #0c4e80 url(/templates/customer/TechJunkie/images/pointer.gif) no-repeat center bottom;	
	color: #93DAFF;
}

/* Main Column */
#main {
	float: left;
	width: 565px;
	padding: 0; margin: 0 0 0 35px;
	display: inline;	
	overflow: hidden;
}
#main h2 {
	font: bold 2.25em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #115280; 
	padding: 10px 0 5px 5px; 	
	margin-left: 5px;		
	letter-spacing: -1px;
	border-bottom: 1px solid #D2E9A4;
}
#main h2 a {
	color: #115280;
	text-decoration: none;		
}
#main ul li {
	list-style-image: url(/templates/customer/TechJunkie/images/bullet.gif);
}

#sidebar {
	float: right;
	width: 260px;
	padding: 0; 
	margin: 0 40px 0 0;
	display: inline;	
}
#sidebar h3 {
	color: #115280; 
	font: normal 1.6em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-transform: none;
	padding: 10px 0 2px 0; 
	margin: 10px 0 0 10px; 
}

/* sidebar menu */
#sidebar .widget ul{
	margin: 5px 10px 8px 7px; padding: 0;
	text-decoration: none;		
	border-top: 2px solid #D0E89F;
}
#sidebar .widget li {
	list-style: none;
	margin: 0;
	padding: 4px 10px; 		
	font-size: 1.2em;
	border-bottom: 1px solid #DAEBA3;	
}
* html body #sidebar .widget li {
	height: 1%;
}

#sidebar .widget h3{
	clear:both;
}

#sidebar .widget li a {
	text-decoration: none;	
	color: #684F3E;	
}
#sidebar .widget li a span {
	color: #A98D76;	
	font-size: .9em;
	
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;		
}
#sidebar .widget li a:hover {	
	color: #000;	
	background: none;	
}
#sidebar .widget ul { margin: 0 0 0 5px; padding: 0; }
/*#sidebar .widget ul li { border: none; }*/

/* search form */
#sidebar .searchform {
	background-color: transparent;
	border: none;	
	margin: 0 0 0 5px; 
	padding: 10px 0 10px 10px;	
	width: 260px;	
}
#sidebar .searchform p { margin: 0; padding: 0; }
#sidebar .searchform input.textbox { 
	width: 180px;
	height: 18px;
	padding: 2px;	
	vertical-align: top;
}
#sidebar .searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 4px;
	vertical-align: top;
}

/* footer */
#footer-wrap {
	clear: both;
	width: 920px;
	text-align: left;
	padding: 0;	margin: 0;
	background: url(/templates/customer/TechJunkie/images/footer-bottom.gif) no-repeat left bottom;		
}
#footer-content {
	width: 820px;
	/*background: url(/templates/customer/TechJunkie/images/footer-top-sep.gif) no-repeat -45px;*/
	margin-left:45px;
	padding: 30px 0 35px 0;
}

#footer-wrap p {
	padding:10px 0;
}
#footer-wrap h3 {
	color: #145F94; 
	margin: 0;
	padding: 5px 0 5px 10px; 
	text-transform: uppercase;
}
#footer-wrap a:hover { 
	color: #000; 
	text-decoration: none;
}

#footer-columns {
	color: #888;
	margin: 0 auto; 
	padding: 0;	
	width: 800px;		
}
#footer-columns ul {
	list-style: none;
	margin: 0; 
	padding: 0;	
	border-top: 1px solid #BFD286;
}
#footer-columns li {
	border-bottom: 1px solid #CCDA9E;		
}
#footer-columns li a {
	display: block;
	font-weight: normal;
	padding: 8px 0 8px 10px;
	width: 96%;
	color: #666666;	
}

#footer-columns .col3, .col3-center {
	float: left;
	width: 32%;
}
#footer-columns .col3-center { 
	margin: 0 15px; 
}

/* bottom */
#footer-bottom {
	clear: both;
	color: #555;	
	margin: 0 auto; 
	padding: 15px 0 10px 0;
	font-size: 0.95em;
}
#footer-bottom a { color: #306495; }



/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* clearing */
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

#footer-bottom .alignLeft{
	float: left;
	clear:left;
	padding-left: 5px;		
}
#footer-bottom .alignRight {
	float: right;
	text-align: right;
	clear: right;
	padding-right: 0;
}

.ppaemail{
	font-size:1.6em;
	text-align: right;
	padding-top: .15em;
	font-weight: bold;
	font-style: italic;
}

.ppaemail a{
	
}

.ppaphone{
	font-size:1.7em;
	text-align: right;
	white-space: nowrap;
}

.tagCloud{
	border-top:2px solid #D0E89F;
	padding-left: 10px;
	font-size: 1.2em;
	padding-top:10px;
}

#curtainBackground {
	background:#EDF8C7 url(/templates/customer/TechJunkie/images/content.gif) repeat-y scroll 0 0;
}

.companyLogo img{
	left:45px;
	position:absolute;
	top:40px;
	width:140px;
}

#header .hasCompanyLogo #logo-text a{
	left:220px !important;
}

#header .hasCompanyLogo #slogan{
	left:220px !important;
}

.customerImage1{
	float: left;
	margin: 0.4em;
}

/*TechJunkie/colors/brick.css*/