/** { margin: 0pt; padding: 0pt; }
html, body { font-size: 90%; height: 100%; border: none; }

body, td, p, div { font-family: verdana, sans-serif; }

p, ul { margin-top: 5px; margin-bottom : 15px; }

a, img { border: none; }
* > img  { vertical-align: -1px; }
  */
input, select, textarea { font-family: arial, sans-serif; font-size: 90%; }

input.inp.stretch, textarea.inp.stretch { width: 95%; }

input.inp.search, select.search { font-size: 105%; }

textarea { overflow: auto; }

input.button {
    color           : #000;
    background      : #D6E3EF url(/img/tab/f-sel.gif) repeat 0px -3px;
    font-size       : 11px;
    font-weight     : bold;
    padding         : 2px 3px 2px 3px;
    margin          : 1px;
    vertical-align  : middle;
    font-family     : Tahoma;

    border-top      : 1px solid #EBF5FA;
    border-bottom   : 1px solid #687B84;
    border-left     : 1px solid #EBF5FA;
    border-right    : 1px solid #687B84;
    border-collapse : collapse;
    border-spacing  : 0px;
    overflow        : visible;
    *border-top     : 1px;
    *border-left    : 1px;
    *padding        : 2px 6px 2px 6px;
}
input.button.normal {
    font-size       : 11px;
    font-weight     : normal;
}
input.button.big {
    font-size       : 14px;
    height          : 24px;
}

input.button[disabled] {
    color           : #9D9DA1;
    border          : 1px solid #687B84;
    border-top      : 1px solid #EBF5FA;
    border-left     : 1px solid #EBF5FA;
}

input.phonecode { width:40px; border: 1px solid #A5ACB2; border-right:none; padding:2px; background: #EBEBE4;  color:#aaaaaa; text-align:center; cursor:default; }


/* Useful classes 
.hidden { display: none; }
.block { display: block; }
.inline { display: inline; }

.nowrap { white-space: nowrap; }

.aleft { text-align: left !important; }
.acenter { text-align: center !important; }
.aright { text-align: right !important; }
.atop { vertical-align: top !important; }
.abottom { vertical-align: bottom !important; }
.amiddle { vertical-align: top !important; }

.fleft { float: left; }
.fright { float: right; }
.flefthalf { float: left; width: 48%; }
.frighthalf { float: right; width: 48%; }
.nofloat { display: block; clear: both; visibility: hidden; height: 0; font-size: 0; line-height: 0; content: "."; }

.bold { font-weight: bold; }
*/



.LuckyEngine_Error_Messages { white-space: normal; font: 11px Arial; *margin-left: 2px; }
.LuckyEngine_Message_Box { z-index: 100; left:0px; right: 0px; width: 99.1%; *width: 98.8%; }
.LuckyEngine_Error_Box { z-index: 100; left:0px; right:0px; width: 99.1%; *width: 98.8% }
.LuckyEngine_Error_Box.inner { width: auto; }


/* style for big error box in the top-left corner */

/**
!!!!!! DO NOT MODIFY HERE !!!!!

COPY THIS FILE TO /site/common/css AND CHANGE THEN

!!!!!! DO NOT MODIFY HERE !!!!!
**/


.LuckyEngine_Error_Box {
    background-color: #FFC7C7;
    border: 1px solid #FF7070;
    padding: 5px;
}

.LuckyEngine_Error_Box .Hide_Link {
    color: blue;
}

/* style for form elements error messages (form checks) */

/**
!!!!!! DO NOT MODIFY HERE !!!!!

COPY THIS FILE TO /site/common/css AND CHANGE THEN

!!!!!! DO NOT MODIFY HERE !!!!!
**/

.LuckyEngine_Error_Messages {
    color: red;
}

form.form-loading { opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(Opacity=30); }

*form.form-loading * { filter: alpha(Opacity=30); }

#form-lock {
    position        : absolute;
    background      : transparent url(/lib/engine/img/form-loader-medium.gif) no-repeat scroll center center;
    width           : 100%;
    height          : 99%;
    z-index         : 9999;
}

#form-lock iframe {
        display: none;/*sorry for IE5*/
        display/**/:block;/*sorry for IE5*/
        position: absolute;/*must have*/
        top: 0;/*must have*/
        left: 0;/*must have*/
        z-index: -1;/*must have*/
        width: 100%;/*must have for any big value*/
        height: 100%;/*must have for any big value*/
        filter: mask();/*must have*/
    }

/* style for big message box in the top-left corner */

/**
!!!!!! DO NOT MODIFY HERE !!!!!

COPY THIS FILE TO /site/common/css AND CHANGE THEN

!!!!!! DO NOT MODIFY HERE !!!!!
**/

.LuckyEngine_Message_Box {
    background-color: #DAEFF8;
    border: 1px solid #7CC7E4;
    padding: 5px;
}



body{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	background: #ffffff;
}


/************************** general  styles **************************/

a{
	color: #D61C38;
	text-decoration: underline;
}

a img{
	border: none;	
}
	
p{
	margin: 0px;
	padding: 0px 0px 12px 0px;
}

h3{
	margin: 0px;
	padding: 0px 0px 12px 0px;
	color: #D71B37;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
}

h4{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 13px;
	line-height: 16px;
	color: #999999;
}

h6{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #000000;
}

ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 30px;
}

/**** elements hidden for css on ****/
.hide{
	position: absolute;
	top: -9999px;
}

.red{
	color: #D61C38;
}

.center{
	text-align: center;
}

.clear{
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}
/************************** layout **************************/

#wrapper{
	width: 908px;
	margin: auto;
	text-align: left;
}

/*********** top logo ***********/

#top{
	height: 75px;
	background:url(/img/images/logo.gif) no-repeat left bottom;
	border-top: solid 1px #ffffff;
}

#top a{
	text-decoration: none;
	display: block;
	height: 62px;
	width: 320px;
	margin: 12px 0px 0px 20px;
}


#contentWrapper2{
	padding: 140px 13px 14px 24px;
	height: 100%;
}


#contentWrapper{
	padding: 207px 13px 14px 24px;
	height: 100%;
}

/*********** home header ***********/
.home{
	background: url(/img/images/header/home.jpg) no-repeat left top;	
}

/*********** company header ***********/
.company{
	background: url(/img/images/header/company.jpg) no-repeat left top;	
}

/*********** how we work header ***********/
.how_we_work{
	background: url(/img/images/header/how_we_work.jpg) no-repeat left top;	
}

/*********** services header ***********/
.services{
	background: url(/img/images/header/services.jpg) no-repeat left top;	
}

/*********** client successes header ***********/
.client_successes{
	background: url(/img/images/header/client_issues.jpg) no-repeat left top;	
}

/*********** about us header ***********/
.about_us{
	background: url(/img/images/header/about_us.jpg) no-repeat left top;	
}

/*********** contact us header ***********/
.contact_us{
	background: url(/img/images/header/contact_us.jpg) no-repeat left top;	
}



/*********** breadcrumbs ***********/

#breadcrumbs{
	padding: 10px 230px 5px 4px;
	color: #666666;
	font-size: 11px;
}

#breadcrumbs strong{
	padding: 0px 7px 0px 0px;
}


/*********** left side ***********/

#leftSide{
	width: 240px;
	float: left;
	padding: 5px 0px 0px 0px;
}


/*********** navigation ***********/

#leftSide ul{
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #CCCCCC;
	list-style: none;
}

#leftSide ul li{
	border-bottom: solid 1px #CCCCCC;
	padding: 0px 0 0 30px;
	margin: 0px;
}

#leftSide ul li a{
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 20px 8px 0;
	background: url(/img/images/arrow_gray.gif) no-repeat right center;
	display: block
}

#leftSide ul li a:hover{
	color: #D61C38;
	background: url(/img/images/arrow_red.gif) no-repeat right center;
}

#leftSide ul li a.selected{
	color: #D61C38;
	background: url(/img/images/arrow_red.gif) no-repeat right center;
}


#leftSide ul ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-top:-3px;
	margin-bottom:5px;
	margin-left:20px;
	border:none;
}

#leftSide ul ul li{
	border:none;
	padding: 0px;
	margin: 0px;
}

#leftSide ul ul li a{
/*	font-size: 10px;
	line-height: 11px;
	text-transform: none;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 20px 5px 0;
	background: none;
	display: block*/
	font-weight:normal;

}

#leftSide ul ul li a:hover{
	color: #D61C38;
	/*background: none;*/
}

#leftSide ul ul li a.selected{
	color: #D61C38;
	/*background: none;*/
}


/*********** left blog icon ***********/

#blogbox{
	background: url(/img/images/blog_icon.jpg) no-repeat left center;
	padding: 40px 0px 45px 98px;
	margin: 0px 0px 0px -10px;
}

#blogbox p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 0px;
	color: #000000;
}

#blogbox a{
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
}



/*********** main content ***********/

#mainContent{
	width: 580px;
	float: right;
	margin: 0px 20px 0px 30px;
	padding: 0px 0px 30px 0px;
	display: inline;
}



/*********** footer ***********/

#footer{
	color: #B1B1B1;
	font-size: 9px;
	line-height: 12px;
	text-align: right;
	background: url(/img/images/footer_top.png) no-repeat left top;
	margin: 0px 0px 0px 23px;
	width: 884px;
	
}

#footer div{
	background: url(/img/images/footer_bot.png) no-repeat left bottom;
	padding: 5px 15px 5px 20px;
}

#footer div div{
	background: none;
	padding: 0px;
} 

#footer p{
	padding: 4px;
	margin: 0px;
}