/************  all4smartphone.com  *****************/
/*** 3-Cols CSS Re-design v.3.0 (2005/Mar/12)      */
/*** This CSS version 3.1 (2006/Jan/26)            */
/*** Design (c)2004-2006, by Michel (lelion.info)  */
/*** Site content & concept by Niki (all4smart)    */    
/*** ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */


body {
margin: 4px;
padding: 0;
color: #FFFFFF;
background: #011B3F;
font: 80%/1.5em "Trebuchet MS", Verdana, Arial, sans-serif;
}

a:link {color: #F2CE5D; text-decoration: none;}
a:visited {color: #F79431; text-decoration: none;}
a:hover {color: #F79431; text-decoration: underline;}
a:active {color: #F79431; text-decoration: underline;}

.imageLeft {
margin: 5px 10px 10px -4em; /* container for image(s) - old */
float: left;
border: 0;
}
.imageRight {
margin: 5px -4em 10px 10px; /* container for image(s) - old */
float: right;
border: 0;
}
.imageLeft img, .imageRight img {
border: 1px solid #CCCCCC;
}




/*** Page Structure ***/

#header {
position: relative;
background: #011B3F url(/lib/3cols/all4smartphone_logo2006.gif) top left no-repeat;
min-width: 745px;
/* max-width: 997px; */ /* michel@20080215 (test) */
height: 150px;
border: 1px solid #CCCCCC;
}
  /*** new! 2006-Apr-12 ***/
  #logoElement {
  position: absolute;
  top: 84px;
  left: 7px;
  width: 232px;
  height: 13px;
  background: url(/lib/3cols/all4smartphone_logo2006_element.gif) top left no-repeat;
  }

#outer_wrapper {
	background: #011B3F url(/lib/3cols/background_left.gif) repeat-y left;
 min-width: 745px;
}
#wrapper {
	background: url(/lib/3cols/background_right.gif) repeat-y right;
}

#container {
	width: 100%;
	float: left;
	margin-right: -220px;
	background: url(/lib/3cols/background_right.gif) repeat-y right;
}
#content {
	margin-right: 220px;
	background: url(/lib/3cols/background_left.gif) repeat-y left;
}
#main {
margin-left: 220px;
padding: 10px;	
}
#left {
	width: 220px;
	float: left;
	margin: 5px auto 5px auto;
	padding: 0;
	border: 0;
}
#right {
	width: 220px;
	float: right;
	margin: 5px auto 5px auto;
	padding: 0;
	border: 0;
}

#left span, #right span {
 border: 1px solid #000000;
 margin: 5px 0;
 padding: 0;
 float: centre;
 width: 90px;
}
#left div, #right div {
 border: 1px solid #CCCCCC;
 margin: 0 0 5px 0;
 padding: 5px;
 background: #193D71;
}
#left p, #right p {
 margin: 0;
 padding: 0;
 font-size: 90%;
}
#left h4, #right h4 {
 border-bottom: 1px solid;
}

.clearing {
	height: 0;
	clear: both;
}


/*** FOOTER ***/
#footer {
margin: 0;
padding: 0 0 10px 0;
/* border-top: 2px dashed #CCCCCC; */
background: #041F50;
text-align: center;
min-width: 745px;
border: 1px solid #CCCCCC;
}
#footer a {color: #F2CE5D;}
#footer #countersCode {display: inline; width: 0; height: 0; border: 1px solid; font-size: 1px; visibility: hidden;}
#footer #countersCode img {width: 0; height: 0; border: 0;}
#footer #mail {color: #CCCCCC; font: 120%/1.6em "Trebuchet MS", Verdana, Arial, sans-serif;}
#footer #links {
font: 11px/1em "Trebuchet MS", Verdana, Arial, sans-serif;
margin: 5px 0 0 0;
padding: 10px 0 0 0;
}




/*** BOTTOM BANNER ***/ /* added 2006-Jan */
#bottomAd {
background: #041F50 url(/lib/3cols/bottomAd_background.gif) 50% 50% no-repeat;
margin: 0;
padding: 0;
/* border-top: 2px dashed #CCCCCC; */
text-align: center;
min-width: 745px;
height: 120px;
border-top: 1px solid #CCC;
}
#bottomAd #bottomBanner {
width: 468px;
margin: 0 auto;
padding: 0;
}
#bottomAd #bottomBanner p {
margin: 10px 0 0 0;
padding: 0;
}






/*** NAVIGATION ***/
#navcontainer {
 width: 99%; /* fix for hor. scrollbar in some browsers */
 height: auto;
 margin: 0;
 padding-top: 3px; /* fix for IE */
 text-align: center;
 position: absolute;
 bottom: 5px; /* top or left not specified - centers nav with text-align */
}
#navigation {
 margin: auto;
 padding: 0;
 vertical-align: bottom;
	width: 712px;
}
#navigation ul {list-style: none;}
#navigation li {
 margin: 0;
 padding: 0;
 display: inline;
 font: bold 11px/11px Verdana, Arial, sans-serif;
}
#navigation li a {
 margin: 0 -1px;
 padding: 4px 5px 5px 5px;
 text-decoration: none;
	/* background: url(/lib/3cols/nav_background.gif) no-repeat left top; */
 background: url(/lib/3cols/new_nav_background.jpg) top left no-repeat;
 border: 1px solid #CCC;
	display: block;
	float: left;
}
#navigation li a:link, #navigation li a:visited {
 color: #333;
}
#navigation li a:hover {
 color: #f60;
	/* background: url(/lib/3cols/nav_background.gif) no-repeat right top; */
}
/* OPTIONAL: #navigation li a#current {background: url(nav_background.gif) no-repeat right top; */
#navigation li a#language {
 font-weight: bold;
 color: #F79431;
}
#navigation li a:hover#language {
 color: #333333;
}








/*** MAIN NEWS in central col ***/
.newsline p {
margin: 0;
padding: 0;
font-size: 90%;
}
.newsline .imageLeft {margin: 0 8px 0 0; padding: 0;} /* old */
.newsline .imageRight {margin: 0 0 0 8px; padding: 0;} /* old */

.newsline img {
width: 90px; /* new for Newsline Images! */
height: 90px;
margin: 0 0 0 8px;
padding: 0;
float: right;
border: 0;
}
.newsline img {
border: 1px solid #CCCCCC;
}

.newsline .backToTop {
 clear: right; /* clears floated autoamtically newsline image */
 margin: 5px 0 25px 0;
 padding: 0;
 font-size: 85%;
 text-align: left;
}
.newsline .backToTop a:link, .newsline .backToTop a:visited {color: #F2CE5D;}
.newsline .backToTop a:hover, .newsline .backToTop a:active {color: #F2CE5D; text-decoration: underline;}




/*** general styles applied to the whole website ***/
.imageLeft {margin: 5px 10px 10px -4em; float: left; border: 0;}
.imageRight {margin: 5px -4em 10px 10px; float: right; border: 0;}
.imageLeft img, .imageRight img {border: 1px solid #CCCCCC;}

p {margin: 1em 4em 0 4em; padding: 0; text-align: justify;}

ol {margin: 1em 4em 0 5em; padding: 0;}
ul {margin: 1em 4em 0 5em; padding: 0;}




/*** top ad 468x60 ***/
#topAd_468x60 {
position: absolute;
left: 250px;
top: 25px;
width: 468px;
height: 60px;
font-size: 12px;
}
#topAd_468x60 a img {
border: 0;
}

/*** SEARCH FORM ***/
#searchForm {
font-size: 12px;
margin: 0;
padding: 0;
}
#searchForm form {
margin: 0; /* margin/padding needed because of floated nav menu items in header - IE 6 */
padding: 0;
}
#searchForm a img {
border: 0;
}
#searchForm input {
height: 15px;
}
#searchForm .searchSubmit {
height: 19px;
width: 30px;
}






/***********************************/
/***********************************/
/**** styles before 2005-Mar-12 ****/



/**********************************************************************/
/*** all4smartphone.com MAIN Style, v.2004-August-04 ******************/
/*** (c)2004 by All4Smartphone.com & Mikhail Bozgounov (CSS Coding) ***/
/**********************************************************************/


/* ^^^^^^^^^^^^ GENERAL STYLES ^^^^^^^^^^^^ */
/********************************************/

h1, h2, h3, h4 {line-height: 1em; margin: 0.5em 0;}
h1 {font-size: 140%; color: #CCCCCC;}
h2 {font-size: 140%; margin: 1em 0;}
h3 {font-size: 120%; margin: 1em 0;}
h4 {font-size: 100%; margin: 1em 0; font-style: italic; color: #FFCC66;}

#headings {margin: 1em 0 0 0;}  /* these 3 lines: style for h1-h4 when contained in the HEADINGS div */
#headings h1, #headings h2, #headings h3, #headings h4 {display: inline; color: #CCCCCC;}
#headings a {color: #CCCCCC;}

acronym {cursor: help; border-bottom: 1px dotted #CCCCCC;}
a img {border: 0;}
.clear {clear: both;}
.newsline br.clear {clear: left;}   /* michel - 2005-Feb-14 !!! very_important !!! */


p {margin: 1em 4em 0 4em; padding: 0; text-align: justify;}

ol {margin: 1em 4em 0 5em; padding: 0;}


.phpbox {
 display: block;
 margin: 2em 0;
 padding: 0 0 1em 0;
 width: auto;
}
.phpbox h3 a:link, .box h3 a:visited { /* this is for ANCHORS */
 color: #CCCCCC;
 text-decoration: none;
}
.phpbox ul {
 margin: 0 0 0 4em;
 padding: 0;
 list-style-type: disc;
}
.phpbox .downloadUL {
/* list-style-image: url(list-arrow.gif); - this is optional (for later implementation) */
list-style: none;
margin: 0 0 0 4em; /* must be same as P margins for consistency */
}

.box {
 display: block;
 margin: 2em 0;
 padding: 0 0 1em 0;
 width: 720px; /* width is calculated: 750px - 10+10 (margin left/right) - 10 extra pixels (for IE) */
}
.box h3 a:link, .box h3 a:visited { /* this is for ANCHORS */
 color: #CCCCCC;
 text-decoration: none;
}
.box ul {
 margin: 0 0 0 4em;
 padding: 0;
 list-style-type: disc;
}
.box .downloadUL {
/* list-style-image: url(list-arrow.gif); - this is optional (for later implementation) */
list-style: none;
margin: 0 0 0 4em; /* must be same as P margins for consistency */
}
.newsAuthor, .newsSource {
 font-style: italic;
 display: block;
}
.themesSupplier, .gameSupplier {
 font: bold 80%/1.5em Verdana, Arial, sans-serif;
 color: #738DB3;
 font-style: italic;
 display: block;
}
.advertise {
 font: 85%/1.5em Verdana, Arial, sans-serif;
 color: #E0D40E;
}

.newsDate {
 font: 80%/1.5em Verdana, Arial, sans-serif;
 display: block;
 margin: 10px 0 0 0;
}

.comment {font: 100%/1.5em "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: normal; font-style: italic;}
.comment b {font-weight: bold; color: #738DB3;}

.note {font-style: italic;}
.note b {font-weight: bold;}


.backToDownloads {font-family: Verdana, Arial, sans-serif; line-height: 1.2em; font-variant: small-caps; margin: 15px 0 5px 0; padding: 0;}
.backToDownloads a {line-height: 1.2em; font-variant: small-caps;}


.backToTop {
 display: block;
 text-align: right;
 margin: 0;
 padding: 0 0 5px 0;
 border-bottom: 1px dotted;
}
.backToTop a:link, .backToTop a:visited {
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

.author {font-style: italic; line-height: 1.5em;} /* only for STATIC pages */
.revision {font: 70%/1.5em Verdana, Arial, sans-serif; margin: 10px 0 5px 0;}


.fast {
 display: block;
 text-align: center; /* mistake!!!!!! - centre */
 margin: 0;
 padding: 0;
}
.fast a:link, .fast a:visited {
 color: #FFFFFF;
 font-weight: none;
 text-decoration: none;
}

.author {font-style: italic; line-height: 1.5em;} /* only for STATIC pages */
.revision {font: 70%/1.5em Verdana, Arial, sans-serif; margin: 10px 0 5px 0;}

.fastleft {
 display: block;
 text-align: left;
 margin: 0;
 padding: 0;
}
.fastleft a:link, .fastleft a:visited {
 color: #FFFFFF;
 font-weight: none;
 text-decoration: none;
}

.author {font-style: italic; line-height: 1.5em;} /* only for STATIC pages */
.revision {font: 70%/1.5em Verdana, Arial, sans-serif; margin: 10px 0 5px 0;}

.fastnews {
 display: block;
 text-align: left; /* podravniava na liavo izbranite novini */
 color: #CCC;
 margin: 0;
 padding: 0;
}
.fastnews a:link, .fastnews a:visited {
 color: #CCC;
 font-weight: none;
 text-decoration: none;
}

.author {font-style: italic; line-height: 1.5em;} /* only for STATIC pages */
.revision {font: 60%/1.5em Verdana, Arial, sans-serif; margin: 10px 0 5px 0;}



/*** CONTENTS DIV - news & new models ***/
.summary {
 display: block;
 margin: 2em 0;
 padding: 0 0 1em 0;
 width: 720px; /* width is calculated: 750px - 10+10 (margin left/right) - 10 extra pixels (for IE) */
 border-bottom: 1px dotted;
}
.summary ul {
 margin: 0 0 0 4em;
 padding: 0;
 list-style-type: square;
}



.9030 {
 border: 1px solid #000000;
 margin: 5px 0;
 padding: 0;
 float: centre;
 width: 90px;
}
.review {
 width: 210px;
}


/*--- SPECIFIC STYLES for downloads.php & similar templates ---*/
#downloadListsContainer {
 display: block;
 width: 500px;
 height: auto;
 margin: 20px auto 20px auto;
 padding: 0;
}	
#downloadLists ul {list-style: none;}
#downloadLists li {
 margin: 5px 3px;
 padding: 0;
 width: auto;
 display: block;
 font-weight: bold;
 font-size: 130%;
}
#downloadLists a {
 color: #CCCCCC;
 text-decoration: none;
 display: block;
 margin: 0;
 padding: 4px 20px;
 width: 350px;
 border: 1px dotted #A8B090;
 background-color: #041F50;
}
#downloadLists li a:hover {
 color: #FFFFFF;
 background-color: #053884;
 border: 1px solid #AAAAAA;
}




/* ^^^^^^^^^^^^ SPECIFIC STYLES ^^^^^^^^^^^^ */
/*********************************************/

/*--- SPECIFIC STYLES for index.php, _en.php; aboutme.php, _en.php; siteabout.php, _en.php; ---*/
#imageNiki {width: 200px; height: 300px;}
#imageMichel {width: 150px; height: 190px;}
#nokia7650 {width: 150px; height: 247px;}
#siemenssx1 {width: 180px; height: 204px;}
#sonyericssonp800 {width: 175px; height: 205px;}
#nokia6600 {width: 180px; height: 153px;}


/*--- SPECIFIC STYLES for page links.php, _en.php ---*/
.linksFriends {border: 2px dashed #CCCCCC; margin: 0 50px 30px 50px; padding: 10px;}
.linksFriends img {float: left; margin: 0 10px 0 0; padding: 0; border: 1px solid #CCCCCC;}
.linksFriends p {margin: 0; padding: 0;}


/*--- SPECIFIC STYLES for banners.php ---*/
.banners {float: left; margin: 8px; padding: 8px; border: 2px dashed #999999;}
.banners p {color: #FFCC66;}

/*--- SPECIFIC STYLES for all THEME PAGES ---*/
#themes {margin: 0 175px 0 175px; padding: 0;}

/*--- FEEDBACK FORM [contact.php] ---*/
#feedbackContainer {
 width: 450px;
 border: 1px dotted #CCCCCC;
 margin: 20px auto;
 padding: 10px;
 background-color: #193D71;
}
#feedbackForm form {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #F79431;
}
#feedbackForm b {
border-bottom: 1px solid;
}
textarea {
border: 1px solid #FFFFFF;
color: #973946;
background-color: #CCCCCC;
margin: 5px 0 0 0;
}
input {

border: 1px solid #FFFFFF;
color: #973946;
background-color: #CCCCCC;
margin: 5px 0 0 0;
}
.submit {
border: 1px solid #FFFFFF;
font-weight: bold;
margin: 5px 0 5px 0;
}





/************************************************************/
/****** Floating DIVs: THEMES with IMGs - GLOBAL STYLE ******/

div#f101080 div, div#f128127 div, div#f174132 div, div#f208176 div, div#f208144 div, div#f208320 div {
 margin: 0 5px 15px 0;
 padding: 5px;
 float: left;
 border: 1px solid #AAAAAA;
 text-align: center;
 background: url(float_bg.gif) left top repeat-x;
}
#f101080 img, #f128127 img, #f174132 img, #f208176 img, #f208144 img, #f208320 img {
 border: 1px solid #CCCCCC;
 margin: 0 5px 5px 0;
 padding: 0;
}
#f101080 h4, #f128127 h4, #f174132 h4, #f208176 h4, #f208144 h4, #f208320 h4 {
 margin: 0.5em auto 1em auto;
 padding: 0;
}
#f101080 p, #f128127 p, #f174132 p, #f208176 p, #f208144 p, #f208320 p {
 margin: 0;
 padding: 0;
 font-weight: none;
 text-align: center;
}

/****** START Floating DIVs: ONLY SHOP - GLOBAL STYLE ******/

.shop {
 width: 100%;
}
.shop div {
 margin: 0 4px 12px 0;
 padding: 5px;
 float: left;
 border: 1px solid #AAAAAA;
 text-align: center;
 background: url(float_bg.gif) left top repeat-x;
}
.shop img {
 border: 1px solid #CCCCCC;
 margin: 0 5px 5px 0;
 padding: 0;
}
.shop h4 {
 margin: 0.5em auto 1em auto;
 padding: 0;
}
.shop p {
 margin: 0;
 padding: 0;
 font: bold 80%/1.5em Verdana, Arial, sans-serif;
 font-weight: none;
 text-align: center;
}
  .shop div {
  width: 115px; /* AT LEAST width of the IMAGE + 12px (padding left+right + border) */
  height: 210px; /* AT LEAST height of the image + space for DOWNLOAD link and heading */
  }
  .shop img {
  width: 85px; /* exact width of the image */
  height: 120px; /* exact height of the image */
  }


/****** Floating DIVs: IMGs W: 85px / H: 120px ******/
#f85120 div {
 width: 115px; /* AT LEAST must be width of the IMAGE + 12px (padding left+right + border) */
 height: 210px; /* AT LEAST must be height of the image + space for DOWNLOAD link and heading */
}
#f85120 img {
 width: 85px; /* exact width of the image */
 height: 120px; /* exact height of the image */
}

/****** Floating DIVs: IMGs W: 101px / H: 080px ******/
#f101080 div {
 width: 120px; /* AT LEAST must be width of the IMAGE + 12px (padding left+right + border) */
 height: 170px; /* AT LEAST must be height of the image + some space for DOWNLOAD link and heading */
}
#f101080 img {
 width: 101px; /* exact width of the image */
 height: 80px; /* exact height of the image */
}


/****** Floating DIVs: IMGs W: 128px / H: 127px ******/
#f128127 div {
 width: 149px;
 height: 210px;
}
#f128127 img {
 width: 128px;
 height: 127px;
}


/****** Floating DIVs: IMGs W: 174px / H: 132px ******/
#f174132 div {
 width: 200px;
 height: 220px;
}
#f174132 img {
 width: 174px;
 height: 132px;
}


/****** Floating DIVs: IMGs W: 208px / H: 176px ******/
#f208176 div {
 width: 220px;
 height: 300px;
}
#f208176 img {
 width: 176px;
 height: 208px;
}


/****** Floating DIVs: IMGs W: 208px / H: 144px ******/
#f208144 div {
 width: 220px;
 height: 225px;
}
#f208144 img {
 width: 208px;
 height: 144px;
}


/****** Floating DIVs: IMGs W: 208px / H: 320px ******/
#f208320 div {
 width: 220px;
 height: 390px;
}
#f208320 img {
 width: 208px;
 height: 320px;
}


/**************************************************************/
/* SPECIFIC for abbreviations.php, abbreviations_en.php !!! */

#abbreviations li {
 display: inline;
 margin: 0;
 font-size: 90%;
 width: auto;
 height: auto;
}
#abbreviations li:after {
 content: " | ";
}




/*******************/
/* ATOMZ search form */

#atomz input {
border: 1px solid #FFFFFF;
color: #000066;
background-color: #CCCCCC;
margin: 5px 0 0 0;
}











/* banner code on the right for flat sale (Niki) - 2006/Feb/24
--------------------------------------------------------------------- */
div#right div#banner-flat {
border: 0;
margin: 0;
padding: 0;
}
#banner-flat a {
display: block;
width: 208px;
height: 208px;
background: url(/lib/3cols/all4smartphone-banner-flat.jpg) top left;
}
#banner-flat a:hover {
background: url(/lib/3cols/all4smartphone-banner-flat.jpg) bottom left;
}
#banner-flat span {
display: none;
}



/* nokia.php styles
--------------------------------------------------------------------- */

/* ... */