/* MAIN CSS FILE */

/* 	This CSS File is created and may be used
	ONLY for the website of Topstrasse Global Inc.
	by Sheero Media (Intuitiv Solutions Inc.)
*/

@charset "utf-8";
body {
	background-color: #000000;
	margin:0px;
	padding:0px 0px 30px 0px;
}
body, td, th {
	color:#ededee;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

p {line-height:22px; margin:0px; padding:0px 0px 12px 0px;}

img {border:none;}

a {color:#88e9f9;}
a:hover {color:#FFFF00;}

/* Structure */
.body {
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

.container {
	width:940px;
	margin:auto;
	padding:0px;
}

/* Header */
.header {
	width:829px;
	height:72px;
	background-image:url(images/header_bg.jpg);
	background-repeat:no-repeat;
	padding:25px 51px 0px 60px; 
}

.header_logo {width:191px; float:left; height:72px;}
.header_nav {width:631px; float:right; padding:18px 0px 0px 0px;}
.header_navbuttons {
	width:631px;
	height:44px;
	background-image:url(images/header_navbutton.gif);
	background-repeat:no-repeat;
}
.header_navbuttons a {
	display:block;
	height:44px;
	text-align:center;
	float:left;
	color:#47c0e1;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:44px;
}
.header_navbuttons a:hover {background-image:none; color:#ffffff;}

.divnav_home {float:left;}
.divnav_home a {width:122px; background-image:url(images/header_navbutton1.gif); padding:0px 0px 0px 10px;}
.divnav_home a:hover {background-image:none; color:#ffffff;}

.divnav_about {float:left;}
.divnav_about a {width:122px; background-image:url(images/header_navbutton2.gif);}
.divnav_about a:hover {background-image:none; color:#ffffff;}

.divnav_products {float:left;}
.divnav_products a {width:122px; background-image:url(images/header_navbutton3.gif);}
.divnav_products a:hover {background-image:none; color:#ffffff;}

.divnav_downloads {float:left;}
.divnav_downloads a {width:122px; background-image:url(images/header_navbutton4.gif);}
.divnav_downloads a:hover {background-image:none; color:#ffffff;}

.divnav_contact {float:left;}
.divnav_contact a {width:120px; background-image:url(images/header_navbutton5.gif); padding:0px 13px 0px 0px;}
.divnav_contact a:hover {background-image:none; color:#ffffff;}

body#homepage a#link-home, body#aboutpage a#link-about, body#productspage a#link-products, body#downloadspage a#link-downloads, body#contactpage a#link-contact {background-image:none; color:#ffffff;}
	
/* Footer */
.footer {
	width:780px;
	margin:0px;
	padding:0px 60px 0px 100px;
	text-align:center;
}
.footer_logos {
	width:780px;
}
.footer_links {
	background-image:url(images/footerbg.gif);
	background-repeat:no-repeat;
	width:780px;
	height:31px;
	margin:0px 0px 0px 0px;
	padding:21px 0px 0px 0px;
	color:#0e3c5f;
}
.footer_links a {color:#0e3c5f; text-decoration:none;}
.footer_links a:hover {color:#55c6e5;}
.footer_copyright {
	width:780px;
	padding:3px 0px 0px 0px;
	color:#21384c;
	font-size:11px;
}
.footer_copyright a {color:#21384c; text-decoration:none;}
.footer_copyright a:hover {color:#0e3c5f;}


/* Content */
.content {
	width:780px;
	background-image:url(images/inside_bg.jpg);
	background-repeat:no-repeat;
	padding:35px 60px 50px 100px;
}

.content .pagetitle {
	width:780px;
	height:44px;
	padding:0px 0px 20px 0px;
}

.content .pagetitle .title {
	width:340px;
	float:right;
	height:44px;
}
.content .pagetitle .subnav {
	width:370px;
	height:44px;
	float:left;
	background-image:url(images/pagetitlesubnav.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
}
.content .pagetitle .subnav a {
	display:block;
	height:44px;
	background-repeat:no-repeat;
	text-align:center;
	color:#3f90ae;
	font-size:10px;
	text-decoration:none;
	float:left;
	line-height:44px;
}
.content .pagetitle .subnav a:hover {color:#ffffff; background-image:none;}

.nav_pocket {float:left;}
.nav_pocket a {background-image:url(images/pagetitlesubnav1.jpg); width:81px;}
.nav_pocket a:hover {color:#ffffff; background-image:none;}

.nav_mobile {float:left;}
.nav_mobile a {background-image:url(images/pagetitlesubnav2.jpg); width:89px;}
.nav_mobile a:hover {color:#ffffff; background-image:none;}

.nav_mem {float:left;}
.nav_mem a {background-image:url(images/pagetitlesubnav3.jpg); width:89px;}
.nav_mem a:hover {color:#ffffff; background-image:none;}

.nav_cam {float:left;}
.nav_cam a {background-image:url(images/pagetitlesubnav4.jpg); width:62px;}
.nav_cam a:hover {color:#ffffff; background-image:none;}

div#pocketpc a#link-pocketpc, div#mobilephones a#link-mobilephones, div#memcards a#link-memcards, div#cameras a#link-cameras {color:#ffffff; background-image:none;}

.content .bodytext {
	width:700px;
	padding:0px 40px 0px 40px;
}

.content .bodytext .prodlink {
	color:#387e9c;
	width:186px;
	padding:0px 20px 40px 20px;
	text-align:center;
	float:left;
}

.content .bodytext .prodlink .namelink {
	display:block;
	padding:6px 0px 0px 0px;
}
.content .bodytext .prodlink .namelink a {color:#387e9c; text-decoration:none;}
.content .bodytext .prodlink .namelink a:hover {color:#ffffff;}

/* Home Styles */
.header_flash {
	width:940px;
	text-align:center;
	height:409px;
}
.welcometext {
	width:710px;
	margin:0px;
	padding:0px 70px 0px 160px;
}

/* Product Page */
.productslideshow {
	width:195px;
	float:left;
}
.productdetail {width:490px; float:right; padding:40px 0px 0px 0px;}

.productdetail .prodname {
	display:block; 
	padding:0px 0px 15px 0px;
	font-family:"trebuchet MS", tahoma, Helvetica, sans-serif;
	color:#ffff00;
	font-size:22px;
}
	span.dualsim {background-image:url(images/dualsim.gif); background-repeat:no-repeat; background-position:top right; padding:0px 38px 0px 0px;}
	span.triplesim {background-image:url(images/triplesim.gif); background-repeat:no-repeat; background-position:top right; padding:0px 38px 0px 0px;}

ul {margin-top:0px; padding-top:5px; margin-bottom:0px; padding-bottom:5px;}
ul li {margin-top:0px; padding-top:0px; margin-bottom:0px; padding-bottom:10px; line-height:22px;}

ul li p {line-height:22px; margin:0px; padding:0px 0px 12px 0px;}


p.subheadspecs {
	padding:5px 0px 0px 0px;
	font-weight:bold;
	color:#88e9f9;
	text-decoration:underline;
}

.italicbold {font-weight:bold; font-style:italic;}
.italicboldyellow {font-weight:bold; font-style:italic; color:#FFFF00;}