@charset "utf-8";



/* Generals */

body{								margin:0px; padding:0px; background-color:#FFF;}

.header{							width:auto; background-image:url(../images/backgrounds/bg_header.gif); background-repeat:repeat-x; background-position:left top;}

.header #container{					width:996px; margin:0 auto;}

.content{							width:100%; background-image:url(../images/backgrounds/bg_second_brush.jpg); background-repeat:no-repeat;  background-position:50% bottom;}

.footer{							width:auto; background-image:url(../images/backgrounds/bg_footer.gif); background-position:left bottom; background-repeat:repeat-x;}

.image_footer{						margin:0 auto; background-image:url(../images/backgrounds/footer_img.jpg); background-position:50% bottom; background-repeat:no-repeat;}					

.copyright{							width:960px; margin:0 auto; }

.logo{								width:200px; float:left;}

.fadeInContainer{				 	display:block; filter:alpha(opacity=40); -moz-opacity:.4; opacity:0.4;}

.fadeOutContainer{					opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1;}

.loader{							position:fixed; background-color:#000; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity: 0.8; }

/*----------------------------------*/



/* TOP MENU */

.menu { 							width:796px; height:49px; padding-top:10px; margin-bottom:0px; padding-bottom:0px; float:right; margin-top:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px;}

.menu ul { 							margin:0px; padding:0px; list-style:none; line-height:normal; overflow:hidden; float:right}

.menu ul li { 						padding-right:10px; overflow:hidden; float:left;}

.menu ul li a { 					color:#000; text-decoration:none; font-size:16px; display:block;}

.menu ul li a span { 				padding:0px; display:block; }

.menu ul li a span span {			padding:13px 16px 14px 16px; display:block; }

.menu ul li a:hover, ul li a.active { color:#fff; background:url(../images/buttons/btn_mid.gif) top repeat-x;}

.menu ul li a:hover span, ul li a.active span { background:url(../images/buttons/btn_left.gif) no-repeat 0 0;}

.menu ul li a:hover span span, ul li a.active span span { background:url(../images/buttons/btn_right.gif) no-repeat right 0; padding:13px 16px 14px 16px;}

/*----------------------------------*/



/* Home Page */

.bracket{							float:left; width:44px; margin:0px; padding:0px; background-image:url(../images/backgrounds/bracket.gif); background-position:5px top; background-repeat:no-repeat; height:155px;}

.green_line{						background-image:url(../images/backgrounds/green_line.jpg); background-position:10px 10px; background-repeat:no-repeat; float:left; padding-left:38px; padding-top:20px; width:460px; height:148px; margin:0px;}

.arrows{							width:63px; height:1px; float:left; display:block}

.brush_box{							width:949px; padding-left:47px; margin-left:0px;}

.brush_bg{							width:162px; height:253px; background-image:url(../images/png_sprite.png); background-position: -393px -37px;}					

.box_2{								background-image:url(../images/backgrounds/box_2.png); background-repeat:no-repeat}

/*----------------------------------*/



/* Buy Page */

.formTop{							background-image:url(../images/backgrounds/bg_form_Top.png); background-position:left top; background-repeat:no-repeat;}

.formBottom{						background-image:url(../images/backgrounds/bg_form_Bottom.png); background-position:left bottom; background-repeat:no-repeat;}

.label{								float:left; width:180px; margin-right:20px; text-align:right;}

.labelTxt{							font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#261f17;}

.field{								float:left; width:685px;}

.txtInput{							font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#261f17; border:1px #dddddd solid; padding-top:4px; padding-bottom:4px; padding-left:4px;}

.form{								width:885px; margin:0 auto; overflow:hidden;}

.form .error{						overflow:hidden; padding-left:20px;}

/*----------------------------------*/



/* Boxes */

.boxes{								width:961px; margin:0 auto; overflow:hidden;}

.boxes .box{						width:449px; float:left;}

.boxes .box .middle{				background-color:#f2f2f2;}

.boxes .box .top{					background-image:url(../images/backgrounds/bg_boxTop.gif); background-position:left top; background-repeat:no-repeat;}

.boxes .box .bottom{				background-image:url(../images/backgrounds/bg_boxBottom.gif); background-position:left bottom; background-repeat:no-repeat; padding-left:30px; padding-top:20px; padding-bottom:45px;}

.pricing_boxes{						width:100%}

.pricing_boxes .middle{				background-color:#f2f2f2;}

.pricing_boxes .top{				background-image:url(../images/backgrounds/bg_boxTopSmall.gif); background-position:left top; background-repeat:no-repeat;}

.pricing_boxes .bottom{				background-image:url(../images/backgrounds/bg_boxBottomSmall.gif); background-position:left bottom; background-repeat:no-repeat; padding-top:20px; padding-bottom:45px;}

/*----------------------------------*/



/* Lists */

.greyList{							list-style:none; padding-left:25px; margin:0px;}

.greyList li{						background-image:url(../images/bullets/black_bullet.png); background-repeat:no-repeat; background-position:left 13px; margin:0px;}

.greyList li p{						font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#6c6969; font-style:normal; font-weight:normal; line-height:29px; padding-left:20px; margin:0px;}

.orangeList{						list-style:none; padding-left:7px; margin-bottom:0px; margin-top:10px; margin-left:0px;}

.orangeList li{						background-image:url(../images/bullets/orange_bullet.png); background-repeat:no-repeat; background-position:left 9px;}

.orangeList li p{					font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#261f17; font-style:normal; font-weight:normal; line-height:24px; padding-left:20px; margin:0px;}

.priceList{							list-style:none; padding-left:0px; margin:0px; margin-top:5px}

.priceList li{						list-style:none; padding-left:0px; clear:both; float:none; vertical-align:bottom}

/*----------------------------------*/



/* Text */

h1{									font-family:Arial, Helvetica, sans-serif; font-size:39px; font-style:normal; font-weight:normal; color:#FFF; line-height:40px; padding:0px; margin:0px;}

h2{									font-family:Arial, Helvetica, sans-serif; font-size:32px; font-style:normal; font-weight:bold; color:#383838; line-height:39px; padding:0px; margin:0px;}

h2.small{							font-family:Arial, Helvetica, sans-serif; font-size:30px; font-style:normal; font-weight:bold; color:#000000; line-height:39px; padding:0px; margin:0px;}

h3{									font-family:Arial, Helvetica, sans-serif; font-size:24px; font-style:normal; font-weight:normal; color:#000; line-height:29px; padding:0px; margin:0px;}

h4{									font-family:Arial, Helvetica, sans-serif; font-size:21px; font-style:normal; font-weight:normal; color:#000; line-height:29px; padding:0px; margin:0px;}

h5{									font-family:Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; font-weight:normal; color:#000; line-height:29px; padding:0px; margin:0px;}

p{									font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#261f17; font-style:normal; font-weight:normal; line-height:24px; padding:0px; margin:0px;}

p.error_text{						font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#f86b48; margin:0px; padding:0px; line-height:16px}

p.small{							font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#261f17; margin:0px; padding:0px; line-height:20px; padding-bottom:25px}

p.smallest{							font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#261f17;}

/*----------------------------------*/



/* Links */

.blueLink{							font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0e9ec7; font-style:normal; font-weight:normal; line-height:24px; padding:0px; margin:0px; text-decoration:underline;}

.blueLink:hover{					font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0e9ec7; font-style:normal; font-weight:normal; line-height:24px; padding:0px; margin:0px; text-decoration:none;}

.orangeLink{						font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:normal; font-weight:normal; color:#e96817; line-height:29px; padding:0px; margin:0px; text-decoration:underline;}

.orangeLink:hover{					font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:normal; font-weight:normal; color:#e96817; line-height:29px; padding:0px; margin:0px; text-decoration:none;}

.whiteTxt{							font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#FFF; line-height:29px; padding:0px; margin:0px; text-decoration:none;}

.whiteLink{							font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#FFF; line-height:29px; padding:0px; margin:0px; text-decoration:none;}

.whiteLink:hover{					font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#FFF; line-height:29px; padding:0px; margin:0px; text-decoration:underline;}

p.error_text a{						color:#0e9ec7; margin:0px; padding:0px; line-height:16px; text-decoration:underline}

p.error_text a:hover{				color:#0e9ec7; margin:0px; padding:0px; line-height:16px; text-decoration:none}

/*----------------------------------*/



/* Certificate */

#certificate p{						font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#261f17; font-style:normal; font-weight:normal; line-height:18px; margin:0px; padding:0px;}

#certificate .blackTxt{				font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#000; font-weight:normal; line-height:18px;}

#certificate .blueLink{				font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0e9ec7; font-style:normal; font-weight:normal; line-height:18px; padding:0px; margin:0px; text-decoration:underline;}

#certificate .blueLink:hover{		font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0e9ec7; font-style:normal; font-weight:normal; line-height:18px; padding:0px; margin:0px; text-decoration:none;}

#certificate ul{					list-style:none; margin:0px;}

#certificate li{					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#595e3a; font-style:normal; font-weight:normal; line-height:18px; margin:0px;}

/*----------------------------------*/


/* Wall of Fame */

.wall_grayBoxTop{					background-color:#e0e0e0; padding-left:20px; padding-right:20px; border-bottom:1px #c9c9c9 solid;}
.wall_grayBoxDown{					background-color:#e0e0e0; border-top:1px #FFF solid; padding:3px 20px 3px 20px;}

.smallestGrayTxt{					font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#797777; padding:0px; margin:0px;}
.smallGrayVerdana{					font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#777777; line-height:18px; padding:0px; margin:0px;}
p.wall{								font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#414141; padding-top:3px; padding-bottom:3px; margin:0px; line-height:18px;}

.blueWLink{							font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0e9ec7; padding:0px; margin:0px; text-decoration:underline;}
.blueWLink:hover{					font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0e9ec7; padding:0px; margin:0px; text-decoration:none;}
.grayWLink{							font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#414141; padding:0px; margin:0px; text-decoration:underline;}
.grayWLink:hover{					font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#414141; padding:0px; margin:0px; text-decoration:none;}


.w_pageList{						list-style:none; float:left; padding-left:1px; margin:0px; display:block;}
.w_pageList li{						float:left; margin:0px; padding-left:6px; display:block;}
.w_pageList li a{					font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#242323; font-weight:normal; background-color:#f4f4f4; border:1px #c0c0c0 solid; padding:3px 6px 3px 6px; text-decoration:none; margin:0px; display:block;}
.w_pageList li a:hover{				font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#242323; font-weight:normal; background-color:#e7ebee; border:1px #c0c0c0 solid; padding:3px 6px 3px 6px; text-decoration:none; margin:0px; display:block;}
.w_pageList li a.selected{			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold; background-color:#e0e0e0; border:none; padding:4px 6px 3px 6px; text-decoration:none; margin:0px; display:block;}

.wallGreenList{						padding:0px; margin:0px; list-style:none;}
.wallGreenList li{					background-image:url(../images/bullets/bullet_wallGreenList.png); background-position:left 8px; background-repeat:no-repeat;}				
.wallGreenList li span{				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#595e3a; line-height:22px; font-weight:normal; padding-left:20px; margin:0px; }				

.btn_pageMax{						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#242323; font-weight:normal; background-color:#f4f4f4; border:1px #c0c0c0 solid; padding:3px 6px 3px 6px; text-decoration:none; margin:0px; display:block;}
.btn_pageMax:hover{					font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#242323; font-weight:normal; background-color:#e7ebee; border:1px #c0c0c0 solid; padding:3px 6px 3px 6px; text-decoration:none; margin:0px;}
.btn_pageMax .selected{				font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold; background-color:#e0e0e0; border:none; padding:3px 6px 3px 6px; text-decoration:none; margin:0px;}

.btn_pageList{						font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#242323; font-weight:normal; line-height:21px; background-color:#f4f4f4; border:1px #c0c0c0 solid; padding:0px 5px 0px 5px; text-decoration:none; margin:0px; display:block;}
.btn_pageList:hover{				font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#242323; font-weight:normal; background-color:#e7ebee; border:1px #c0c0c0 solid; padding:0px 5px 0px 5px; text-decoration:none; margin:0px; display:block;}

.row{								border-top:1px #FFF solid; border-bottom:1px #dbdada solid; height:154px;}
.imgBorder{							border:1px #e0e0e0 solid; width:135px; height:100px;}

.previewBox_light{					background-color:#f5f4f4; width:163px;}
.descriptionBox_light{				background-color:#fafafa;}
.detailsBox_light{					background-color:#efefef; width:367px;}

.previewBox_dark{					background-color:#edf0f2; width:163px;}
.descriptionBox_dark{				background-color:#f1f6f8;}
.detailsBox_dark{					background-color:#e7ebee; width:367px;}

.labelWallDetails{					float:left; width:130px; text-align:right;}
.walldetail{						float:left; width:200px; text-align:left; margin-left:8px;}
					

/*----------------------------------*/



/* REGISTER / WIDGET STEPS */

.selected_step{						background-image:url(../images/backgrounds/bg_step_selected.png); background-position:left top; background-repeat:repeat-y;}

.unselected_step{					background-image:url(../images/backgrounds/bg_step_unselected.png); background-position:left top; background-repeat:repeat-y;}



/*----------------------------------*/





/* Clears */

.clear{								clear:both; height:0px;	overflow:hidden; font-size:1px; line-height:1px;}

.spacer_s{							clear:both;	height:2px;	overflow:hidden; font-size:1px; line-height:1px;}

.spacer_xs{							clear:both;	height:4px;	overflow:hidden; font-size:1px; line-height:1px;}

.spacer_m{							clear:both;	height:10px; overflow:hidden; font-size:1px; line-height:1px;}

.spacer_xm{							clear:both;	height:15px; overflow:hidden; font-size:1px; line-height:1px;}

.spacer_l{							clear:both;	height:20px; overflow:hidden; font-size:1px; line-height:1px;}

.spacer_xl{							clear:both;	height:30px; overflow:hidden; font-size:1px; line-height:1px;}

.spacer_xxl{						clear:both;	height:60px; overflow:hidden; font-size:1px; line-height:1px;}

.spacer_sx{							clear:both;	height:100px; overflow:hidden; font-size:1px; line-height:1px;}

.spacer_x{							clear:both;	height:150px; overflow:hidden; font-size:1px; line-height:1px;}

.clear_non{							height:50px; overflow:hidden; font-size:1px; line-height:1px;}

/*----------------------------------*/


.bg_walloffame{						background-image:url(../images/backgrounds/bg_wall_offame_index.png); background-position:left top; background-repeat:no-repeat; height:211px; width:996px;}		



.bigorangeLink{						font-family:Arial, Helvetica, sans-serif; font-size:40px; font-style:normal; font-weight:normal; color:#ec5317; line-height:29px; padding:0px; margin:0px; text-decoration:none;}
.bigorangeLink:hover{				font-family:Arial, Helvetica, sans-serif; font-size:40px; font-style:normal; font-weight:normal; color:#ec5317; line-height:29px; padding:0px; margin:0px; text-decoration:none;}

.bigblackTxt{						font-family:Arial, Helvetica, sans-serif; font-size:20px; font-style:normal; font-weight:normal; color:#272828; line-height:29px; padding:0px; margin:0px;}