body { background:#F6F6F6 url(images/body-bg.jpg) repeat-x; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; line-height:1.4em; color:#444; margin:0; padding:0; }
img { border:0; }
a { color:#0066CC; text-decoration:none; }
a:hover { color:#E40C09; text-decoration:underline; }
ul { list-style-type:square; margin:0; padding:10px 20px; }
table td { padding:2px; vertical-align:top; }
p { margin:.4em 0; padding:0; }
hr { border:0; border-top:1px solid #CCC; margin:10px 0; padding:0; height:1px; }

h1, h2, h3, h4 { font-weight:normal; font-family:Arial; font-size:19px; margin:10px 0; padding:0; }
h2 { font-size:18px; color:#FFF; background:#45A32B url(/local/images/ui2/h.jpg) no-repeat; height:25px; padding:7px 15px 0 15px; margin:7px 0; }
h3 { font-size:18px; color:#44A12A;  }
h4 { color:#000; font-size:18px; margin:0; padding:0; }

.right { float:right; margin:0 0 10px 10px; }
.left { float:left; margin:0 10px 10px 0; }

.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }

.userinfo { position:absolute; top:10px; right:10px; padding:4px 25px 0 0; text-align:right; font-size:11px; color:#FFF; }
.userinfo a { color:#FFF; }
.server { padding:2px 0; color:#999; font-size:8px; width:100px; float:left; }

#homepage .phone-sample { float:left; margin:0 20px 0 0; }
#homepage .phone-select { font-size:18px; padding:2px; width:250px; background:#CFE3FC; border:1px solid; border-color:#000 #CCC #CCC #000; vertical-align:middle; }
#homepage .phone-next { height:32px; width:70px; vertical-align:middle; }
#homepage .brands { font-size:17px; margin-left:20px; }
#homepage .brands li { margin:5px 0; }
#homepage .col-left { width:480px; float:left; padding:0 10px; }
#homepage .col-right { width:255px; float:right; background:#ebeced url(/local/images/ui2/phone.jpg) no-repeat 95% 95%; }
#homepage .printer { float:right; margin:0 30px; }
#homepage .padded { padding:0 10px 10px 10px; }
#homepage .rounded1 { background:#45A32B url(/local/images/ui2/rounded.jpg) no-repeat; float:left; width:510px; }
#homepage .rounded1 .rwrapper { background:url(/local/images/ui2/rounded2.jpg) no-repeat 0 bottom; }
#homepage .rounded2 { background:#45A32B url(/local/images/ui2/rounded3.jpg) no-repeat; float:right; width:255px; }
#homepage .rounded2 .rwrapper { background:url(/local/images/ui2/rounded4.jpg) no-repeat 0 bottom; }
#homepage .rwrapper { padding:10px; color:#FFF; font-size:11px; min-height:150px; }
#homepage .link { padding:10px; }

.compatibility .device { width:140px; float:left; text-align:center; height:150px; margin:5px; padding:2px; }
.compatibility .device strong { display:block; font-size:11px; margin:0 0 5px 0; padding:1px 0 2px 0; /*background:#333; color:#FFF;*/ }
.compatibility .device a { display:block; border:3px solid #EEE; height:150px; text-decoration:none; color:#666; overflow:hidden; }
.compatibility .device a:hover { border-color:#2479CF; }
.compatibility .intro-left, .intro-right { padding:10px; min-height:200px; }
.compatibility .intro-left { background:#ebeced; width:500px; float:left; }
.compatibility .intro-right { background:#d3e3c2;width:230px; float:right; }
.compatibility h4 { margin:0; padding:0; }
.compatibility .printer { float:right; margin:0 20px; }

.steps { border-top:1px solid #CCC; padding:7px; background:#EEE; }
.steps span { color:#999; }

#top-header { background:#FFF url(/local/images/ui2/header1.jpg) no-repeat; height:253px; position:relative; }
#top-nav { background:#1A171B; margin:0 10px; }
#top-nav ul { list-style-type:none; margin:0; padding:0; }
#top-nav li { display:block; float:left; border:0px dotted #EEE; }
#top-nav a { display:block; padding:5px 0; font-size:18px; color:#FFF; text-align:center; text-decoration:none; font-family:Calibri, Verdana, Sans-Serif; }
#top-nav a:hover { color:#44A12A; }
#n1 { width:100px; }
#n2 { width:250px; }
#n3 { width:200px; }
#n4 { width:100px; }
#n5 { width:120px; }

.nav1 #n1, .nav2 #n2, .nav3 #n3, .nav4 #n4, .nav5 #n5 { color:#44A12A; }

#wrapper { width:800px; margin:10px auto; }
#main { background:#FFF; border:1px solid #BFBFBF; }
#logoimg { margin:10px 0 0 8px; }
#header.big { height:265px; overflow:visible; }
#header.small { height:180px; }
#footer { font-size:11px; padding:10px; text-align:center; color:#999; }
#footer span { padding-left:30px; }

.devbridge { text-align:right; padding:5px; font-size:11px; }

.footer-tile { background:url(images/bottom-tile.jpg) repeat-y; }
.footer-header { background:url(images/bottom-top.jpg) no-repeat; padding-top:30px; }
.footer-bottom { background:url(images/footer-top.jpg) no-repeat left bottom; padding-bottom:50px; }
.footer-menu { width:500px; float:left; padding-top:20px; }
.footer-copyright { text-align:right; width:330px; float:right; }

#navigation { position:relative; height:136px; background:url(images/cart-container.jpg) no-repeat right top; padding-top:1px; }
#nav { height:63px; position:absolute; bottom:0; left:0; }
#nav ul { margin:0; padding:0; list-style-type:none; }
#nav li { padding:0; margin:0; display:block; float:left; }
#nav a { display:block; padding-top:63px; height:0px; overflow:hidden; float:left; background-image:url(images/navigation.jpg); background-repeat:no-repeat; }
#nav-1 { background-position:0 0; width:161px; }
#nav-2 { background-position:-161px 0; width:160px; }
#nav-3 { background-position:-321px 0; width:119px; }
#nav-4 { background-position:-440px 0; width:146px; }
#nav-5 { background-position:-586px 0; width:149px; }

#cart { position:absolute; top:20px; right:20px; width:180px; height:114px; }
#cart-price { font-size:18px; margin:30px 0 0 0; padding:0 0 0 50px; line-height:120%; background:url(/local/images/ui/cart.png) no-repeat 10px 50%; }
.cart-button { padding:10px 0 0 15px; font-weight:bold; }
.cart-button a:hover { text-decoration:none; color:#000; }

#nav-1:hover { background-position:0px -63px; }
#nav-2:hover { background-position:-161px -63px; }
#nav-3:hover { background-position:-321px -63px; }
#nav-4:hover { background-position:-440px -63px; }
#nav-5:hover { background-position:-586px -63px; }

.nav1 #nav-1 { background-position:0px -126px; }
.nav2 #nav-2 { background-position:-161px -126px; }
.nav3 #nav-3 { background-position:-321px -126px; }
.nav4 #nav-4 { background-position:-440px -126px; }
.nav5 #nav-5 { background-position:-586px -126px; }

.clear { clear:both; }
.clearafter:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearafter {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearafter {height: 1%;}
.clearafter {display: block;}
/* End hide from IE-mac */

.content { min-height:100px; position:relative; padding:7px 10px; min-height:250px; }

/* Grid Table */
.grid { background:#FAFAFA; border-right:1px dotted #CCC; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC;  margin:10px; }
.grid thead { background:#135CA9; color:#FFF; }
.grid th { padding:4px 6px; border-left:1px dotted #CCC; font-size:13px; font-weight:normal; }
.grid td { padding:6px 4px; border-left:1px dotted #CCC; }
.grid .alt { background:#EFEFEF; }
.grid tbody tr:hover { cursor:default; background-color:#CCC; color:#000; }

/* My Account */
.submenu { background:#EEE; padding:5px; margin:5px 0; border-top:2px solid #CCC; }

/* Forms: */
/*.button { vertical-align:middle; background:#187CD2 url(/local/images/ui/button-bg.gif) repeat-x 0 50%; border:1px solid #CCC; border-color:#CCC #333 #333 #CCC; color:#333; font-weight:bold; font-size:11px; text-decoration:none; cursor:pointer; }*/
.textbox, select, textarea { font-family:inherit; font-size:13px; border:1px solid #84A5CE; border-color:#666 #CCC #CCC #999; background:#F7FBFF; padding:2px 0 2px 4px; color:#333; }
.textbox { width:250px; vertical-align:middle; }
.radio { vertical-align:middle; margin:0 0 0 15px; padding:0; }

.info { color:#000; background:#FFFAAE; clear:both; border:3px solid #CCC; padding:5px 20px; margin:10px 0; }

td.label { text-align:right; width:150px; }