/* CSS rules for marketing pages*/

.left {
	float:left;
}
.right {
	float:right;
}
.pageTitle {
	text-shadow: 0 1px 0 #d1d1d1;
	color:#454545;
	letter-spacing:1px;
}
.example {
	font-style:italic;
}
.mContent .pageTitle {
	padding-bottom:20px;
}
.mContent, h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	text-align:justify;
	color: #666;
}
h2 {
	color:#333333;
	font-family:'Trebuchet MS', Trebuchet, Verdana, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-shadow:0 1px 0 #FFFFFF;
}
h3 {
	color:#333333;
	font-family:'Trebuchet MS', Trebuchet, Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-shadow:0 1px 0 #FFFFFF;
}
h4.blockTitle {
	font-weight:bold;
	padding-bottom:20px;
	text-shadow:0 1px 0 #EFEFEF;
}
h4 {
	font-weight:bold;
	padding-bottom:10px;
}
.subText {
	text-shadow:0 1px 0 #EBEBEB;
}
.mContent a {
	color:#333;
	text-decoration:none;
}
.mContent a:hover {
	color:#ff8500;
	text-decoration:none;
}
.mContent a:visited {
	color:#999;
}
.mContent p, ul {
	padding-bottom:10px;
}
.mContent a.orangeBtn {
	color:#FEF4E9;
	text-decoration:none;
}
.sepBg {
	border-color:#EBEBEB;
	border-style:solid;
}
.nextStep {
	border-width:1px;
	margin:40px 0 20px;
	padding:20px 15px;
	background:none repeat scroll 0 0 #F1F1F1;
}
.nextStep .left {
	float:left;
	color:#666666;
	float:left;
	font-size:26px;
	letter-spacing:-1px;
	padding-top:4px;
	text-shadow:0 1px 0 #FFFFFF;
}
.nextStepNote .left {
	color:#696969;
	float:left;
	font-size:13px;
	letter-spacing:0;
	min-height:35px;
	padding-left:15px;
	padding-top:18px;
	text-shadow:#EFEFEF 0 1px 0;
}
.nextStepNote .right {
	float:right;
	padding-top:10px;
	padding-right:10px;
}
.nextStep .right {
	float:right;
}
#noteIdea {
	padding-left:120px;
	background:url("http://www.fishup.ru/img/materials/marketing_materials/personal_site/icon-note-idea-lamp-medium.png") no-repeat scroll top left transparent;
}
#noteIdeaSmall {
	padding-left:60px;
	font-size:11px;
	margin-top:25px;
	padding-bottom:30px;
	background:url("http://www.fishup.ru/img/materials/marketing_materials/personal_site/icon-note-idea-lamp-small.png") no-repeat scroll top left transparent;
}
#noteIdeaMedium {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/personal_site/icon-note-idea-lamp-medium.png") no-repeat scroll 225px 10px transparent;
	margin-top:25px;
	padding-bottom:30px;
	padding-left:350px;
}
#noteIdeaBig {
	padding-left:60px;
	margin-top:25px;
	padding-bottom:30px;
	padding-left:57px;
	background:url("http://www.fishup.ru/img/materials/marketing_materials/personal_site/icon-note-idea-lamp-big.png") no-repeat scroll top left transparent;
}
.shadowDividerHor {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/personal_site/divider.png") no-repeat scroll top center transparent;
	min-height:30px;
}
#threeStepsBlock {
	margin: 0 auto;
	width:100%;
}
#threeStepsBlock h2, #twoStepsBlock h2 {
	color:#606060;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:0;
	text-shadow:0 1px 0 #F1F1F1;
	text-transform:uppercase;
}
#twoStepsBlock h3 {
	color:#878787;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:0;
	text-shadow:0 1px 0 #F1F1F1;
	text-transform:uppercase;
	letter-spacing:1px;
}
#threeStepsBlock .first {
	float: left;
	background:url("http://www.fishup.ru/img/materials/personal_site/number-1.png") no-repeat scroll top left transparent;
	margin-right:30px;
	padding-left:50px;
	width:280px;
}
#threeStepsBlock .second {
	float: left;
	background:url("http://www.fishup.ru/img/materials/personal_site/number-2.png") no-repeat scroll top left transparent;
	margin-right:30px;
	padding-left:50px;
	width:280px;
}
#threeStepsBlock .third {
	float: right;
	background:url("http://www.fishup.ru/img/materials/personal_site/number-3.png") no-repeat scroll top left transparent;
	padding-left:50px;
	margin-right:30px;
	padding-left:50px;
	width:280px;
}
/* страница Активация персонального сайта */

#personalSiteActivation_body .leftColumn {
	width:500px;
	float:left;
	margin:0px;
}
#personalSiteActivation_body .rightColumn {
	width:500px;
	float:right;
	margin:0px;
}
#personalSiteActivation_body .headerScreenshotActivationLink {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/personal_site/header-menu-activation.png") no-repeat scroll top center transparent;
	min-height:352px;
	padding-bottom:20px;/*	-moz-box-shadow:0 1px 8px #CCCCCC;
	-webkit-box-shadow:0 1px 8px #CCCCCC; */
}
#personalSiteActivation_body #urlAfterActivation {
	margin-bottom:40px;
	padding:20px;
}
#personalSiteActivation_body #urlAfterActivation .url {
	font-size:18px;
	padding-left:11px;
}
/* Устройство персонального фотосайта*/

#personalSiteStructureDescription .left {
	padding-right:40px;
	width:500px;
}
#personalSiteStructureDescription .right {
	width:540px;
}
#personalPhotositeStructure_body .twoColumnsSection {
	padding-bottom:120px;
}
/* Устройство страниц персонального фотосайта*/

#personalPhotositePagesStructure_body #firstWords {
	width:300px;
}
#personalPhotositePagesStructure_body #decoration {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/personal_site/decor-pages-in-shadow.png") no-repeat scroll top center transparent;
	min-height:130px;
	width:670px;
}
#personalPhotositePagesStructure_body #threeStepsBlock {
	margin-top: 30px;
}
#personalPhotositePagesStructure_body #noteIdeaSmall {
	margin-left:-55px;
}
.video_lesson {
	-moz-border-radius:8px 8px 8px 8px;
	-moz-box-shadow:0 1px 8px #CCCCCC;
	-webkit-border-radius:8px 8px 8px 8px;
	-webkit-box-shadow:0 1px 8px #CCCCCC;
	background-color:#666;
	cursor:default;
	line-height:20px;
	margin: 0 auto;
	padding:10px;
	text-shadow:0 1px 0 #FFFFFF;
	width:640px;
}
/* Программы для загрузки и работы с фотографиями на Фишап (main_downloads_center) */

#downloadsPage .downloadFishupExpress {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/downloads_page/logo-fishup-express-downloads-page.png") no-repeat scroll left top transparent;
	margin-top:40px;
	padding-left:120px;
	padding-top:50px;
	width:400px;
}
#downloadsPage .downloadLightroomPlugin {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/downloads_page/logo-fishup-lightroom-plugin-downloads-page.png") no-repeat scroll 20px top transparent;
	float:left;
	margin-top:35px;
	padding-left:120px;
	padding-top:50px;
	width:400px;
}
#downloadsPage .downloadiPhotoPlugin {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/downloads_page/logo-fishup-iphoto-plugin-downloads-page.png") no-repeat scroll 15px top transparent;
	float:left;
	margin-top:35px;
	padding-left:120px;
	padding-top:50px;
	width:400px;
}
#downloadsPage .downloadAperturePlugin {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/downloads_page/logo-fishup-aperture-plugin-downloads-page.png") no-repeat scroll -12px top transparent;
	float:left;
	margin-top:35px;
	padding-left:120px;
	padding-top:50px;
	width:400px;
}
#downloadsPage .downloadButtons {
	float:right;
	margin-top:-160px;
	padding-bottom:40px;
	width:300px;
}
#downloadsPage .downloadsPageMoreLink {
	width:250px;
	font-weight:bold;
	float:left;
}
/* Тема и дизайны персонального фотосайта main_fishup-themes-and-design_center  */

#PersonalSiteThemeAndDesign .PersonalSiteThemeDescription, .PersonalSiteDesignDescription {
	float:left;
	padding-bottom:40px;
	padding-right:40px;
	width:280px;
}
#twoStepsBlock .first {
	float: left;
	background:url("http://www.fishup.ru/img/materials/personal_site/number-1.png") no-repeat scroll top left transparent;
	margin-right:30px;
	padding-left:50px;
	width:280px;
	min-height:80px;
}
#twoStepsBlock .second {
	float: left;
	background:url("http://www.fishup.ru/img/materials/personal_site/number-2.png") no-repeat scroll top left transparent;
	margin-right:30px;
	padding-left:50px;
	width:280px;
	min-height:80px;
}
#PersonalSiteThemeAndDesign .shadowDividerHorWedding {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/personal_site/divider+design.png") no-repeat scroll -90px bottom transparent;
	min-height:300px;
	margin-bottom:30px;
}
#PersonalSiteThemeAndDesign, #PersonalSiteEditing, #PersonalDomain strong {
	font-weight:bold !important;
}
#personalSiteDesignEditing .left {
	padding-right:40px;
	width:500px;
}
#personalSiteDesignEditing .right {
	width:540px;
}
#PersonalSiteThemeAndDesign #noteIdeaBig {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/personal_site/icon-note-idea-lamp-big.png") no-repeat scroll 40px top transparent;
	margin-top:25px;
	padding-bottom:30px;
	padding-left:235px;
}
#personalSiteDesignEditing {
	min-height:180px;
}
#PersonalSiteThemeAndDesign .PersonalSiteThemeDescription {
	float:left;
	padding-bottom:40px;
	padding-right:65px;
	width:330px;
}
#PersonalSiteThemeAndDesign #twoStepsBlock .first {
	background:url("http://www.fishup.ru/img/materials/personal_site/number-1.png") no-repeat scroll left top transparent;
	float:left;
	margin-right:55px;
	min-height:80px;
	padding-left:50px;
	width:245px;
}
#PersonalSiteThemeAndDesign #twoStepsBlock .second {
	background:url("http://www.fishup.ru/img/materials/personal_site/number-2.png") no-repeat scroll left top transparent;
	float:left;
	margin-right:0;
	min-height:80px;
	padding-left:50px;
	width:260px;
}
/* Редактирование персонального сайта (main_editing-fishup-photosite)*/

#PersonalSiteEditing .firstWords {
	float:left;
	padding-bottom:40px;
	padding-right:40px;
	width:380px;
}
#PersonalSiteEditing #twoStepsBlock .first {
	margin-right:30px;
	width:200px;
}
#PersonalSiteEditing #twoStepsBlock .second {
	margin-left:0;
	width:300px;
}
#PersonalSiteEditing .twoColumnsSection .left {
	width:600px
}
#PersonalSiteEditing .twoColumnsSection {
	margin-top:50px;
}
#PersonalSiteEditing .twoColumnsSection .right {
	padding-top:20px;
}
/* Редактирование персонального сайта (main_setting-up-a-personal-domain-at-fishup-photosite_center)*/

#PersonalDomain .firstWords {
	float:left;
	padding-bottom:40px;
	padding-right:40px;
	width:380px;
}
#PersonalDomain #twoStepsBlock .first {
	margin-right:30px;
	width:200px;
}
#PersonalDomain #twoStepsBlock .second {
	margin-left:0;
	width:300px;
}
#PersonalDomain .twoColumnsSection .left {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/personal_site/dividerShadowVertical.png") no-repeat scroll right center transparent;
	min-height:460px;
	padding-right:35px;
	width:550px;
}
#PersonalDomain .twoColumnsSection .right {
	width:470px;
}
#PersonalDomain #noteIdeaMedium {
	background:url("http://www.fishup.ru/img/materials/marketing_materials/personal_site/icon-note-idea-lamp-medium.png") no-repeat scroll left 10px transparent;
	margin-top:25px;
	padding-bottom:30px;
	padding-left:120px;
}
/*....*/

/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color:#333;
	width:775px;
	min-height:200px;
	border:1px solid #666;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/styles/img/fulbx.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:27px;
	width:30px;
	background-position:0 -260px;
}
/* styling for elements inside overlay */
	.details {
	position:absolute;
	top:15px;
	right:6px;
	font-size:11px;
	color:#ссс;
	width:250px;
}
.details h3 {
	margin:0 0 -10px 0;
	color:#999;
	text-shadow: 0 1px 0 #000;
}
.details p {
	padding-top:20px;
	font-size:12px;
	color:#999;
}
.setupSteps {
	float:left;
	height:550px;
	width:525px;
}
/* Страница фотошкола Фишап (main_fishup-photoschool_center)*/


#photoschool_body #bodyBox {
	padding-top:6px;
	background:url("/img/materials/personal_site/themes-header-bg-full.png") repeat-x center top #F4F4F4;
}
#photoschool_body .subText {
	text-shadow:0 1px 0 #ebebeb;
	font-size:12px;
	line-height:20px;
	padding-top:90px;
}
#photoschool_body .topBlock {
	background:url("/img/materials/marketing_materials/photoschool/fishup-photoschool.png") no-repeat scroll 0px bottom transparent;
	min-height:400px;
	margin-top:-80px
}
#photoschool_body .topBlock .topSlogan {
	float:left;
	margin-top: 0px;
}
#photoschool_body #leftside {
	float:left;
	padding-right:30px;
	width:520px;
	margin-top:60px;
	background:url("/img/materials/marketing_materials/photoschool//dividerShadowVertical-900.png") no-repeat scroll right top transparent;
	min-height:900px;
}
#photoschool_body #rightside {
	float:right;
	width:500px;
	margin-top:60px;
}
s

.asterixText {
	font-size:11px;
	color:#a3a3a3;
}


#aboutlayout_body .mainWidth {width: 1190px}
#aboutlayout_body #aboutlayout {width:auto; padding:0px}
#aboutlayout .topBlock {
	height: 152px;
	background:#E4E4E4;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to( #CBCBCB)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EBEBEB,  #CBCBCB); /* for firefox 3.6+ */
 
}

#aboutlayout #aboutlayout_Titlebox {display:none}
#aboutlayout .topBlockContent, 
#aboutlayout .layContent {width:1190px; margin:0 auto;}
#aboutlayout .topBlockContent img {margin-left: 760px}

#aboutlayout .num {
    background: none repeat scroll 0 0 #2673B7;
    border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
    color: #FFFFFF;    
    font-weight: bold;
    height: 24px;
    text-align: center;    
    width: 24px;
	float:left;
	overflow:hidden;
	margin-right:20px
	
}

#aboutlayout .numTxt{float:left; width: 425px}
#aboutlayout .txtColumn li {margin-bottom: 25px}
#aboutlayout .content h3 {padding: 2px 0px; font-size:18px}
#aboutlayout .layImg {float:left; margin:0px 0px 0px -10px}
#aboutlayout .txtColumn  {float:left; width:469px; margin-top: 150px}
#aboutlayout .layContent {margin-top: -110px;}


#aboutlayout table {margin: 40px 0px}
#aboutlayout td {background:#E8E8E8}
 
#aboutlayout .tdNum {
    background: none repeat scroll 0 0 #C1C1C1;
    color: #FFFFFF;
    font-size: 34px;
    font-weight: bold;
    padding: 0 9px;
    text-align: center;
    vertical-align: middle;
	
}
#aboutlayout .tdFirst {border-radius: 6px 0px 0px 6px } 
#aboutlayout .tdLast {border-radius: 0px 6px 6px 0px; text-align:right }

#aboutlayout .disColor {opacity: 0.4}
#aboutlayout  .tdText {padding: 0px 20px; vertical-align: middle; font-size: 13px}
#aboutlayout  .tdText h3 {margin:0px}

#aboutlayout  .lightBox {padding-left:30px; background: url(/img/materials/marketing_materials/layouts/icon_lightbox_24x24.png) no-repeat}
#aboutlayout  .favBox {padding-left:30px; background: url(/img/materials/marketing_materials/layouts/icon_favphoto_24x24.png) no-repeat }