* {
    margin: 0;
    padding: 0;

    font-family: arial,sans-sherif;
    font-size: 13px;
    line-height: 20px;
    color: black;
}

li {
    list-style-type: none;
}
li h1 {
    margin: 30px 0;
    font: normal 18px alial,sans-serif;
    color: #00a0df;
    line-height: 24px;
}

#topline {
    margin-bottom: 5px;
    /*height: 221px;*/
	height: 200px;
    overflow: hidden;
    background: #fefefe url('i/top-line-bg.gif') repeat-x top left;
    /* border: 1px solid black; */
}
a, a:link, a:visited, a:active {
    text-decoration:none;
 /*   border-bottom:1px solid #e81a83; */
    color: #e81a83;
}
a:hover {
    border-bottom:1px dotted #e81a83;
    color: #e81a83;
}


#topline .inner {
    /*height: 221px;*/
	height: 200px;
    clear: both;
    background: url('i/top-bg.jpg') no-repeat top right;
}
#topline .keywords {
    height: 68px;
    overflow: hidden;
}
#topline .keywords span {
    display: block;
    margin: 15px 20px 0 20px;
}
#topline .keywords p, #topline .keywords strong, #topline .keywords a {
    display: inline;
    font-size: 11px;
    line-height: 12px;
    color: #666666;
}
#topline .keywords a {
    /* border-bottom: 1px solid #666666; */
    border-bottom: 0;
    color: black;
    margin: 0 5px;
}
#topline .repair {
    width: 593px;
    margin-bottom:25px;
    float: left;
}
#topline .logo {
    margin: 11px 153px 0 10px;
}
#menu {
    position: absolute;
    top: 170px;
    width: 100%;
    text-align: center;
    border: 0px solid black;
    background: url('i/menu-lf.gif') no-repeat top left;
}
#menu .bgright {
    background: url('i/menu-rg.gif') no-repeat top right;
}
#menu h5 {
    display: inline;
    padding: 0 10px;
}
#menu h5 a {
    font: bold 16px arial,sans-sherif;
    font-decoration: none;
    border: 0;
    color: black;
}

#rss {
    position: absolute;
    top: 76px;
    right: 0;
    padding-top: 9px;
    width: 126px;
    height: 74px;
    background: url('i/rss.gif') no-repeat top right;
    overflow: hidden;
}
#rss li {
    height: 15px;
    margin-left: 10px;
}
#rss a {
    font-size: 11px;
    line-height: 12px;
    color: #00a0df;
    border: 0;
}
#rss a, #rss a:hover{
    border-bottom: 1px dotted #00a0df;
}

#sidebarleft {
    position: absolute;
    top: 205px;
    width: 195px;
    background-color: white;
}
#sidebarleft #sidelogo {
    margin-left: 21px;
}
#sidebarleft ul {
    list-style: none;
}
#sidebarleft ul .item {
    padding: 0 0 40px 21px;
    border-bottom: 1px solid black;
}

#sidebarright {
    position: absolute;
    top: 205px;
    right: 0;
    width: 195px;
    float: right;
    background-color: white;
    text-align: right;
}
#sidebarright ul {
    list-style: none;
}
#sidebarright ul .item {
    padding: 0 21px 40px 0;
    border-bottom: 1px solid black;
}
#sidebarright #bgrgtop {
    text-align: center;
	margin-left: 85%;
}

#sidebarleft a, #sidebarleft a:link, #sidebarleft a:visited, #sidebarleft a:active,
#sidebarright a, #sidebarright a:link, #sidebarright a:visited, #sidebarright a:active {
    text-decoration:none;
    border: 0;
    color: #606060;
}
#sidebarleft a:hover, #sidebarright a:hover {
    border-bottom:1px solid #e81a83;
    color: #e81a83;
}

#orderbox {
    width: 192px;
    text-align: left;
    background: #ea1583 url('i/order-page.jpg') no-repeat bottom right;
}
#orderbox p {
    margin: 10px;
    font: normal 11px arial,sans-sherif;
    color: white;
}
#orderbox label {
    font: bold 12px arial,sans-sherif;
    letter-spacing: .5pt;
    color: white;
}
#orderbox input {
    height: 20px;
    border: 1px solid #9f0450;
    font: normal 11px arial,sans-sherif;
    color: black;
}

#content {
    background: url('i/bg-lf.gif') repeat-y top left;
}
#content .bgright {
    background: url('i/bg-rg.gif') repeat-y top right;
}
#page {
    padding: 0px 230px 80px;
    text-align: justify;
}
#page h1, #page h1 a {
   margin: 15px 0 15px 0;
color: #00A0DF;
line-height: 24px;
text-shadow: #A8A8A8 1px 1px 2px;
text-align: center;
font: normal 24px alial,sans-serif;
}
#page a, #page a:link, #page a:visited, #page a:active {
    text-decoration:none;
    border-bottom:1px solid #e81a83;
    color: #e81a83;
}
#page a:hover {
    border-bottom:1px dotted #e81a83;
}

#footer {
    margin: 5px 230px 0px;
    padding: 5px 10px;
    background-color: #ea1e85;
}
#footer a  {
    color: white;
}
#footer .tab {
    float: left;
}
#footer ul {
    margin-top: 5px;
}
#footer li {
    display: inline;
    margin-right: 20px;
}

fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; }
input { padding: 2px;}
textarea { width: 97%; height: 20em; padding: 3px; }
.comment { background: #F5F6F6; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #f4f4f4; color: #808080; padding: 10px; margin: 0 0 10px 0; }
.date { border-bottom: 1px solid #EEE; margin: 1px 0 10px 0; font-size: 10px; font-style: italic; color: #939393; }
.searchfield {
width: 160px;
height:28px;
margin-right: 35px;
font-size: 12px;
font-weight: bold;
font-style: italic;
color: gray;
border: 2px #EA1280 inset;
padding-left: 5px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-bottom: -10px;
-webkit-margin-after: 0px;
}
.searchbutton {
font-weight: bold;
margin-top: -18px;
-webkit-margin-before: -28px;
width: 29px;
margin-right: 4px;
border: 1px black inset;
-webkit-border-radius: 2px;
background-color: #F34EA0;
color: white;
text-shadow: black 2px 2px 2px, white 0 0 6em;
font-size: 14px;
cursor: pointer;
height: 28px;
padding-top: 0px;
background-image: url(http://www.cellophone.com.ua/images/search_white.png);
background-repeat: no-repeat;
background-position: center;
}
.searchfield:focus {
color: black;
font-style: normal;
font-size: 12px;
box-shadow: 0 0 10px #EA1280; 
-webkit-box-shadow: 0 0 10px #EA1280;
-moz-box-shadow: 0 0 10px #EA1280;
}
.searchbutton:hover {
background-color: #EA1481;}
.menutext{
border-bottom:none;
text-decoration:none;
margin-left:10px; 
margin-right: 10px;
font: normal 18px alial,sans-serif;
text-shadow: #A8A8A8 1px 1px 3px;
color:black;
}
.menutext:hover{
color:#EA1481;
}

.bubble {
clear: both;
margin: 0px auto;
width: 350px;
background: white;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
position: relative;
z-index: 90;
height: 280px;
}

.boxblock{
text-align: center;
font-size: 16px;
text-shadow: 1px 1px 2px gray;
-webkit-text-shadow: 1px 1px 2px gray;
-moz-text-shadow: 1px 1px 2px gray;
text-weight: bold;
color: white;
border: 1px solid #D5E6F7;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
width: 500px;
height: 25px;
padding-top: 10px;
box-shadow: 2px 2px 3px gray;
-webkit-box-shadow: 2px 2px 3px gray;
-moz-box-shadow: 2px 2px 3px gray;
background-color: #A30655;
margin-left: 26%;
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
}
.boxblockred{
text-align: center;
font-size: 16px;
text-shadow: 1px 1px 2px gray;
-webkit-text-shadow: 1px 1px 2px gray;
-moz-text-shadow: 1px 1px 2px gray;
text-weight: bold;
color: white;
border: 1px solid #D5E6F7;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
width: 800px;
height: 25px;
padding-top: 10px;
box-shadow: 2px 2px 3px gray;
-webkit-box-shadow: 2px 2px 3px gray;
-moz-box-shadow: 2px 2px 3px gray;
background-color: red;
font-weight: bold;
margin: 0px auto 0px auto;
}

.boxblocklong{
text-align: center;
font-size: 14px;
text-shadow: 1px 1px 2px gray;
-webkit-text-shadow: 1px 1px 2px gray;
-moz-text-shadow: 1px 1px 2px gray;
text-weight: bold;
color: white;
border: 1px solid #D5E6F7;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
width: 500px;
height: auto;
box-shadow: 2px 2px 3px gray;
-webkit-box-shadow: 2px 2px 3px gray;
-moz-box-shadow: 2px 2px 3px gray;
-o-box-shadow: 2px 2px 3px gray;
background-color: #A30655;
margin-left: 26%;
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
padding: 10px;
}

.boxblocklong h2{
text-align: center;
text-decoration: underline;
}

#linkFacebook a, #linkFacebook a:link, #linkFacebook a:visited, #linkFacebook a:active {
    border-bottom-color: #E81A83;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    color: #E81A83;
    text-decoration: none;
}

/*CALCULATOR*/
#main {
margin-left: 31%;
margin-top: 1%;
margin-bottom: 1%;
border: 6px solid white;
width: 300px;
padding: 20px;
border-radius: 25px;
background: #00A0DF;
box-shadow: 2px 2px 5px 3px gray;
position: relative;
z-index: 100;
border-image: initial;
}
#modelbox{
border: 1px solid black;
width: 400px;
height: 250px;
margin-top: -17%;
background: white;
padding: 0px;
margin-left: -2%;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-left: none;
}
#model_list{
}

#logo{
background-image: url(file:///C:/Downloads/Cellophone_Forum/cellophone_logo.png);
margin: 5px;
  padding: 0;
  width:30px;
}

#input_imei{margin-left: 10%;}

.entertext{border-radius: 25px;
padding: 5px;
font-size: 20px;
text-align:center;
color: gray;
font-style: italic;
width: 240px;}
.entertext:focus{
color: black;
font-style: normal;
}
.button_calculator{margin-top: 5px;
width: auto;
height: 32px;
border: none;
background: none;
font-size: 28px;
cursor: pointer;
text-shadow: 1px 1px 2px black;
font-weight: bold;
color: white;
margin-bottom: -10px;}
.button_calculator:hover{text-shadow: 1px 1px 2px rgb(0, 0, 255)}

#result{font-size: 30px;
font-weight: bold;
text-shadow: 1px 1px 4px gray;
color: black;
background: white;
text-align: center;
width: 300px;
padding-top: 7px;
margin-left: 0px;
height: 80px;
vertical-align: middle;
border: 1px solid black;
border-radius: 25px;
box-shadow: 1px 1px 4px 2px #004762;}

#res2{
font-size: 30px;
margin-top: 1%;}
#res3{
font-size: 30px;
margin-top: 5%;}

#help {
width: 300px;
height: 399px;
position: relative;
z-index: 2;
margin-left: 31%;
border-image: initial;
margin-bottom: -44%;
margin-top: 2%;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#help:hover {
margin-left: 4%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#help_cap {
width: 90px;
height: 54px;
-webkit-transform: rotate(270deg);
padding-left: 10px;
padding-right: 10px;
display: block;
top: 18%;
left: -22%;
font-size: 22px;
padding-top: 8px;
border-image: initial;
position: absolute;
background: #00A0DF;
border: 6px solid white;
box-shadow: 2px 2px 5px 3px gray;
}

#help_background {
width: 100%;
height: 100%;
background: #F3F3F3;
box-shadow: 0px 0px 7px gray;
border: 1px solid white;
border-radius: 25px;
position: relative;
border-image: initial;
}

#help_text {
border: 1px solid red;
height: 100%;
margin-left: 25px;
margin-right: 48px;
border-image: initial;
position: relative;
z-index: 20;
}

#newbox {
text-align: justify;
border: 1px solid white;
padding-left: 15px;
padding-top: 27px;
width: 320px;
margin-left: 31%;
padding-right: 15px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-bottom-right-radius: 25px;
-moz-border-bottom-left-radius: 25px;
-webkit-box-shadow: 0px 0px 7px gray;
-moz-box-shadow: 0px 0px 7px gray;
box-shadow: 0px 0px 7px gray;
margin-top: -25px;
z-index: 50;
position: relative;
background: rgba(128, 128, 128, 0.1);
margin-bottom: 8px;
border-image: initial;
}
/*CALCULATOR END*/