@charset "utf-8";

/* CSS Document */

body {

    color: #5c5c5c;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

}



body#inner {

}



a, a:visited {

    color: blue;

    text-decoration: none;

}



a:hover {

    color: blue;

    text-decoration: underline;

}



div#wrapper {

    width: 980px;

    position: relative;

    margin-left: auto;

    margin-right: auto;

    background-color: #fff;

}



/*==========================================*/

/*            STATIC  MENU SYSTEMS         */

/*=========================================*/

ul#static_menu {

    list-style-type: none;

    position: relative;

    top: -4px;

    margin-bottom: 10px;

    background-image: url(images/bg-top-ul.jpg);

    background-repeat: repeat-x;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    border: 1px solid #fff;

    /*margin-left:30px;*/

}



ul#static_menu li {

    display: inline;

    margin-left: 25px;

}



ul#static_menu li a {

    font-size: 13px;

    text-decoration: none;

    width: 100%;

    line-height: 24px;

    color: #eee;

    font-weight: normal;

}



ul#static_menu li a:hover {

    color: #fff;

}



/*==========================================*/

/*            MAIN MENU                     */

/*=========================================*/

ul#main_menu {

    list-style-type: none;

    background-colors: #ccc;

}



ul#main_menus li.category {

    display: block;

    width: 100%;

}



ul#main_menu li.category a {

    line-height: 36px;

    display: block;

    width: 100%;

    font-weight: bold;

    text-align: left;

    padding-left: 10px;

    font-size: 18px;

    color: #eee;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    border: 1px solid #eee;

    background-image: url(images/bg-ul-mainmenu.jpg);

}



ul#main_menu li.category a:hover {

    color: yellow;

    text-decoration: none;

}



ul#main_menu ul.nocategory {

    display: none;

}



ul#main_menu ul {

	borders:1px dashed #eee; 

	width: 96%;

    margin: 0px 4% 12px 4%;	

}



ul#main_menu ul li {

    list-style: none;

    border-bottom: 1px solid #eee;



}



ul#main_menu li.category ul li.page a {

    background-image: none;

	width: 96%;

    border: none;

    text-indent: 2px;

    font-size: 14px;

    line-height: 20px;

    text-decoration: none;

    color: #7c7c7c;

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

}



ul#main_menu ul li.page:hover {

   background-image: url(images/arrowRightGray.gif);

   background-position:left;

   background-repeat:no-repeat;

}



/*==========================================*/

/*           INNER PAGES                    */

/*=========================================*/

#header-top {

    margin: 0;

    display: block;

    width: 75%;

    float: left;

    position: relative;

}



#header-top h1 {

    color: #8f9cb3;

    margin-top: 10px;

    margin-left: 35px;

    line-height: 160%;

    width: 90%;

    padding: 10px;

    text-align: center;

    border: 1px solid #eee;

}



#header-top img {

    display: none;

    position: absolute;

    top: -8px;

    left: -40px;

    margin-right: 50px;

}



/*========== Right Column ===========*/

#rightcolumn {

    width: 25%;

    float: right;

    margin-top: 40px;

}



#rightcolumn img#toasterright {

    position: relative;

    margin-left: 40px;

    margin-bottom: 15px;

    margin-top: -40px;

    border: none;

}



#rightcolumn h3 {

    margin: 20px 0px 10px 0px;

    font-size: 16px;

    color: #4c4c4c;

}



#content, #rightcolumn {

    position: relative;

}



#content {

    font-size: 14px;

    width: 70%;

    padding-right: 5%;

    float: left;

    line-height:140%;

}



#content p {margin-top:10px;}



#content ul, #content ol {

    line-height: 140%;

    margin-left: 60px;

}



#content ul li, #content ol li {

    margin-top: 8px;

}



#content h2 {

    margin: 30px auto 20px;

    font-size: 20px;

}



#content div.requirements {

    margin-bottom: 20px;

}







#footer {

    display: block;

    position: relative;

    text-align: center;

    margin-top: 20px;

    clear: both;

}



/*===================================================*/

/*            SCROLLER                              */

/*===================================================*/

div#scrollermask {

    line-height: 160%;

    position: relative;

    overflow: hidden;

    width: 970px;

    height: 400px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 50px;

    margin-bottom: auto;

    border-bottom: 1px solid #ececec;

}



div#scrollerbelt {

    position: relative;

    display: block;

    width: 9000px;

    height: 400px;

}



div#scrollerbelt div.screens {

    display: block;

    width: 980px;

    height: 400px;

    float: left;

}



div#scrollerbelt div.screens ul {

    padding: 0;

    margin: 0;

    height: 400px;

}

div#scrollerbelt div.screens ul li {

    display: block;

    list-style: none;

    float: left;

    height: 400px;

    overflow: auto;

}

div#scrollerbelt div#screen1 ul li {

    width: 980px;

}

div#scrollerbelt div.screens ul li p {

    padding-left: 10px;

    padding-right: 10px;

    font-size: 12px;

}

div#scrollerbelt div.screens ul li.left {

    width: 75%;

}

div#scrollerbelt div.screens ul li.left h2 {

    display: block;

    width: 430px;

    text-align: center;

    font-size: 22px;

    color: #3c3c3c;

    margin-top: 200px;

    margin-left: 280px;

    line-height: 170%;

}

div#scrollerbelt div#screen1 ul li.left h2 {

    width: 580px;

    margin-top: 250px;

    font-size: 18px;

}

div#scrollerbelt div#screen2 ul li.left h2 {

    width: 410px;

    margin-top: 280px;

    margin-left: 20px;

}

div#scrollerbelt div#screen3 ul li.left h2 {

    width: 300px;

    margin-top: 130px;

    margin-left: 420px;

}

div#scrollerbelt div#screen4 ul li.left h2 {

    width: 680px;

    margin-top: 270px;

    margin-left: 15px;

}

div#scrollerbelt div#screen5 ul li.left h2 {

    width: 300px;

    margin-top: 90px;

    margin-left: 400px;

}

div#scrollerbelt div.screens ul li.right {

    width: 25%;

}

div#scrollerbelt div.screens ul li.right p img {

    max-width: 100%;

}

div#scrollerbelt div.screens ul li.right ul {

    line-height: 120%;

    width: 90%;

    height: auto;

    margin-left: auto;

    margin-right: auto;

}

div#scrollerbelt div.screens ul li.right ul li {

    float: none;

    height: auto;

    list-style-type: disc;

    font-size: 12px;

    margin-top: 10px;

background:none;

}



/*==============================================*/

/*       SCROLLER BUTTONS NAVIGATION            */

/*==============================================*/

div#scroolnav {

    line-height: 92px;

    width: 980px;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    margin-top: 10px;

    height: 92px;

}

div#scroolnav a {

    display: block;

    width: 94px;

    height: 92px;

    float: left;

    margin-right: 20px;

    margin-left: 20px;

}

div#scroolnav a {

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border: 1px solid #eee;

    text-align: center;

    font-size: 24px;

    background-color: #dcdcdc;

    text-decoration: none;

    color: #4c4c4c;

}

div#scroolnav a:hover {

    background-color: yellow;

}

div#scroolnav a.selected {

    background-image: url(images/bg-selected.png);

    /* background-color:yellow; */

    background-repeat: no-repeat;

    background-position: top center;

    border-top: 1px solid yellow;

}



div#scroolnav a#link1 {

    background-image: url(images/bg-seotoaster-link.jpg);

    background-position: -0px -92px;

    margin-right: 60px;

    margin-left: 10px;

    border: none;

}



div#scroolnav a#link1:hover {

    background-position: 0px 0px;

}



div#scroolnav span.easyto {

    color: #3c3c3c;

    font-size: 40px;

    float: left;

    margin-right: 60px;

}



/*======================================*/

/*         Search Form                 */

/*========================================*/



	form#search-form{

    display: block;

	line-height: 36px;

    width: 100%;

    padding-left: 10px;

     color:#7c7c7c;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    border: 1px solid #eee;

    background-image: url(images/bg-ul-mainmenu.jpg);

	margin-bottom:15px;

	}

	

	form#search-form p{

	margin-top:-3px;

	padding:0;

	}

	

	form#search-form #searchtext{

	position: relative;

    width: 140px;

    font-size: 12px;

	line-height:20px;

    text-indent:3px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border: 1px solid #eee;

	

	}

	

	form#search-form input[type=submit] {

    position: relative;

    background-color: #fff;

    /* width: 50px; */

    font-size: 11px;

	font-weight:bold;

	padding:0px 2px 0px 2px;

    text-transform: uppercase;

    cursor: pointer;

    margin-left: 5px;

    border: 1px solid #eee;

}











/*======================================*/

/*         SYSTEM STYLES                 */

/*========================================*/

ul.img_gallery {

    margin: 0;

    margin-left: -100px;

    padding: 0;

    list-style-type: none;

    margin-left: auto;

    margin-right: auto;

}



ul.img_gallery span {

    display: block;

    padding: 2px;

    font-size: 12px;

    font-weight: bold;

    text-align: center;

    background-color: #9c9c9c;

    color: #eee;

    margin-top: -3px;

}



ul.img_gallery li img {

    border: 1px solid #7c7c7c;

}



ul.img_gallery li {

    display: block;

    float: left;

    margin: 10px;

}



/*======================================= */

/* ============= List page Images ====== */



ul#listpages{

list-style:none;

}

ul#listpages img{

border:none;

float:left;

margin-right:10px;



}

ul#listpages li{

display:block;

clear:both;

width:600px;

height:100px;

margin:0px 0px 15px 0px;

}



ul#listpages li a.listtitle{

font-size:16px;

font-weight:bold;

display:block;

margin-bottom:5px;

}



/* ======================================== */

/* ========== Comment block =============== */

/* ======================================== */



div.comments-block {

position:relative;

	display: block;

	margin-left: auto;

	margin-right: auto;

	padding: 20px;

	width:600px;

	border: 1px dashed #9e9e9e;

}

#content div.comments-block h4{

margin:0 0 10px 0;

padding:0;

font-size:18px;

}





#content div.comments-block ol.comments-ol-list {

	margin:0;

	padding:0;

	display:block;

	width:100%;

	list-style:none;

}

#content div.comments-block ol.comments-ol-list li {

	position:relative;

	padding:5px;

	margin-bottom:15px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border: 1px solid #ddd;

}

#content div.comments-block ol.comments-ol-list li span.username {

	font-weight:bold;

	color:#666;

	margin-right:2px;

	border-bottom: 1px dotted #8e8e8e;

}

#content div.comments-block ol.comments-ol-list li span.commentdate {

	font-size:10px;

	border-bottom: 1px dotted #8e8e8e;

}

#content div.comments-block ol.comments-ol-list li a.commentreply {

	position:absolute;

	right:5px;

        bottom:2px;

	font-size:11px;

}

#content div.comments-block ol.comments-ol-list li p.commenttext {

	padding:5px;

	margin:0;

}

#content div.comments-block a#show-all-comments- {

	position: relative;

	display:block;

	margin:10px 0px 10px 480px;

	padding:2px 5px 2px 5px;

	font-size: 12px;

	font-weight:bold;

	text-transform: lowercase;

}

/*========== Forms Styles ================= 

==============================================*/



#content label {

    font-weight: bold;

}

#content form {

    margin: 0px auto 0px auto;

    padding: 20px;

	-moz-border-radius: 15px;

    -webkit-border-radius: 15px;

    border: 8px solid #9e9e9e;

}

#content form p {

	position: relative;

	margin: 10px 0px 0px 0px;

	overflow:hidden;

}

#content form input,textarea{

	border: 1px solid #9c9c9c;

	-moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



#content form input[type = submit],#content button.formsubmit{

    background-color: #7c7c7c;

    padding: 4px 10px 4px 10px;

	width: 220px;

    font-size: 20px;

    color: #eee;

    text-transform: uppercase;

    cursor: pointer;

    margin-left: 20px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border: 1px solid #9c9c9c;

}

#content form input[type = text]{

	height:24px;

}

#content form img#captcha-image {

    margin-top: 15px;

    margin-left: 0px;

}



#content form#downloadForm input[type = checkbox] {

    margin: 15px 0px;

}







/* ========== Comment form =============== */

#content div.comments-block form.comment-form textarea {

	width:90%;

	height:80px;

}

#content form input[type="text"] {

	width:250px;

}

#content div.comments-block form.comment-form label {

	margin-left:5px;

	font-size:12px;

}



/* ========== Comment error divs =============== */

#content #seotoaster div.errors, #seotoaster div.success {

	-moz-border-radius-bottomleft:15px;

	-moz-border-radius-bottomright:15px;

	-moz-border-radius-topleft:15px;

	-moz-border-radius-topright:15px;

	border:4px solid #7C7C7C;

	color:#FFFFFF;

	cursor:pointer;

	font-weight:bold;

	left:25%;

	opacity:0.75;

	padding:30px;

	position:absolute;

	right:25%;

	text-align:center;

	top:50px;

	width:50%;

	z-index:999;

}

#seotoaster div.errors{

	background-color:#990000;

	}

	#seotoaster div.success{

	background-color:olive;

	}

#content div.errors, div.formSuccessMessage, div.formErrorMessage {

    position: absolute;

    width: 50%;

    left: 25%;

    right: 25%;

    top: 55%;

    text-align: center;

    padding: 30px;

    opacity: 0.75;

    color: #fff;

    border: 4px solid #7c7c7c;

    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);

    z-index: 999;

    cursor: pointer;

    font-weight: bold;

    -moz-border-radius: 15px;

    -webkit-border-radius: 15px;

    background-color: #990000;

}

div.formSuccessMessage {

    background-color: olive;

}

#content div.errors ul {

    margin: 0;

    padding: 0;

}



.marginright{margin-right:15px;}



/*===Register form==*/

#content #weekly label.lm{display:block;

width:100px;

float:left;

margin-top:4px;}



#weekly input{vertical-align:middle;

margin:4px 0;}



#weekly form p,#weekly img#captcha-image{margin-left:100px!important;}



/*==Styles for page internet marketing==*/

.seocolumn{width:315px;

margin:20px 0 5px 15px;

float:right;

}



.seocolumn h3{display:block;

background-color:#a1a1a1;

width:100%;

color:#333;

-moz-border-radius:5px 5px 0 0;

-webkit-border-top-right-radius:5px;

-webkit-border-top-left-radius:5px;

text-align:center;

color:yellow;

font-size:18px;

margin-top:0;

line-height:140%;}



.seocolumn ul{padding:5px;

border:1px solid #ccc;

border-top:none;

background-color:#dfdfdf;

color:#444;

list-style-type:none;

}



.seocolumn ul span{color:yellow;

text-shadow:1px 0 0 #000;}



.seocolumn img{float:right;

border:1px solid #fff;

width:160px;}



.price{margin-bottom:-40px;

position:relative;

z-index:10;}



*+html .important{position:relative;

z-index:-1;}