*{margin:0px;padding:0px;}
body{background:#fff url(img/bg.gif) repeat 0 0;color:#555;font-family:"Lucida Grande",Geneva,Arial,Verdana;font-size:12px;text-align:center}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,label,ul,ol,fieldset,hr{margin:1em auto;}
a{color:#000000;}
a img{border:0;}
.left{float:left}
.right{float:right}
p{line-height:17px;}
img{vertical-align:middle;}
.clear{clear:both;font-size:0.1px;height:0px;line-height:0px;}
div.hr{line-height:1px;height:1px;border-bottom:1px solid #e2e0e0;margin:1em 0;display:block}
* html div.hr{margin-top:0}
h1.first{margin-top:0}
h1 a{color:#555;text-decoration:none}
h2.first{margin-top:0}
h1 a{color:#555;text-decoration:none}
.cfx:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .cfx{height:1%;}
.ico{margin:0 10px 0 0}
.ico-list .ico{float:left;margin-right:20px;margin-top:3px}
.ico-list .clear{height:12px;line-height:12px;fon-size:12px;}
#right-sidebar .ico{margin:7px 10px 0 5px}
input[type="text"],input[type="password"],textarea{background-color:#f4f4f4 !important;}
#head{min-width:980px;height:90px;background:transparent url(img/head-bg.gif) repeat-x 0 0;}
#head .inside{width:980px;height:90px;margin:0 auto;text-align:left;}
#logo{position:absolute;z-index:21;margin-top:5px;width:980px;height:80px;}
#logo-top{position:absolute;z-index:22;margin-top:5px;width:980px;height:80px;}
#container{position:relative}
#container .inside{width:980px;height:115px;margin:0 auto;text-align:left;z-index:12;}
#container .item{background:transparent url(img/c-head.png) no-repeat 0 0;padding-top:40px;}
#container .content{background:#fff;border:1px solid #dbd8d8;border-top:0;border-bottom:0;padding:1px 0}
#container .end{background:transparent url(img/c-end.png) no-repeat 0 0;padding-bottom:14px}
#navi{margin-top:-11px;position:absolute;z-index:102}
#navi ul{margin-left:90px;margin-bottom:0px;margin-right:0;margin-top:12px;text-align:left;border-color:#dbd8d8;border-right-width:1px;border-left-width:1px;position:relative;z-index:110}

#navi ul{margin-left:25px;margin-bottom:0px;margin-right:0;margin-top:12px;text-align:left;border-color:#dbd8d8;border-right-width:1px;border-left-width:1px;position:relative;z-index:110}
#navi li{text-align:left;border-top-width:0px;border-left-width:0px;border-bottom-width:1px;border-right-width:0px;border-style:solid;border-color:#dbd8d8;list-style:none;float:left;padding:5px;}
#navi a{text-align:left;font-weight:bold;display:block;float:left;margin-right:2em;text-decoration:none;font-size:12px;line-height:20px}
#navi a:hover{text-decoration:underline;}
#navi .a{padding:0 0 0 4px;background:transparent url(img/navi-l.png) no-repeat 0 0;color:#fff}
#navi .a{padding:0 0 0 4px;background:transparent url(img/navi-l.png) no-repeat 0 0;color:#fff}
#navi a:active{font-size-adjust: 1.5};
}
a.rounded{padding-left:4px;padding-bottom:0;padding-right:0;padding-top:0;background:transparent url(img/navi-l.png) no-repeat 0 0;color:#fff;margin:5px 0;float:left;font-size:11px;line-height:20px;text-decoration:none;}
a.rounded span{padding-left:0px;padding-bottom:0;padding-right:4px;padding-top:0;background:transparent url(img/navi-r.png) no-repeat 100% 0;display:block;float:left}
.prod-container{background:transparent url(img/product-bg.png) repeat-x 0 0;height:270px}
.prod-container .in{width:196px;text-align:center;float:left}
.prod-container .down{margin-top:5px;width:195px;text-align:center;display:block}
.prod-container .p-end{width:194px;}
.first-pc{height:240px}
#solo{margin:2em}
#with-2-sidebars{margin:30px 0 0 0;}
#with-left-sidebar{margin:30px 0 0 0;}
#products{margin:10px 0 0 0}
.feature-list{position:relative;float:left;width:350px;height:130px;text-align:left;margin-left:10px;}
.feature-list h4{margin-left:45px;color:#111;}
.feature-list p{margin-left:5px;}
/*
.feature-list li{clear:left;}
*/
.feature-list img{float:left;width:32px;height:32px;}
.left-ico{padding:4px 9px 4px 0px;float:left;width:16px;height:16px;}
a.squarebutton{background:transparent url('img/square-gray-left.gif') no-repeat top left;display:block;float:left;font:normal 12px Arial;/* Change 12px as desired */
line-height:15px;/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height:23px;/* Height of button background height */
padding-left:9px;/* Width of left menu image */
text-decoration:none;}
a:link.squarebutton,a:visited.squarebutton,a:active.squarebutton{color:#494949;/*button text color*/}
a.squarebutton span{background:transparent url('img/square-gray-right.gif') no-repeat top right;display:block;padding:4px 9px 4px 0;/*Set 9px below to match value of 'padding-left' value above*/}
a.squarebutton:hover{/* Hover state CSS */
background-position:bottom left;}
a.squarebutton:hover span{/* Hover state CSS */
background-position:bottom right;color:black;}
.buttonwrapper{/* Container you can use to surround a CSS button to clear float */
overflow:hidden;/*See:http://www.quirksmode.org/css/clearing.html */
width:100%;}
#left-sidebar{width:185px;margin-right:25px;float:left;font-size:11px}
#right-sidebar{width:185px;margin-left:25px;float:left;font-size:11px;position:relative;z-index:51}
#two-sidebars-center{float:left;width:538px;margin:0 10px;}
#one-sidebar-left{float:left;width:743px;margin-left:25px}
#just-content{float:left;width:930px;margin-left:25px}
#one-sidebar-right{float:left;width:723px;margin-right:25px;margin-left:20px;}
#product{margin-top:320px;}
#two-sidebars-center li{margin-left:1em}
.hidden {display:none;}
#pagetitle {
	font-size: 24px;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 1em;
	text-align: center;
}
#front-page{margin-bottom:-14px;}
#left-sidebar .block{padding:10px 0 0 0;background:transparent url(img/block-left-t.png) no-repeat 0 0;margin-bottom:15px;}
#left-sidebar .block .in{padding:0 10px 12px 10px;background:transparent url(img/block-left-b.png) no-repeat 0 100%;}
#left-sidebar p.product{margin:0 3em 0.5em 0}
#left-sidebar h2,#right-sidebar h2{font-size:larger;margin-bottom:0.4em;margin-left:0;margin-right:0;float:right;position:relative;bottom:3px;}
#right-sidebar-contact{
	float: left;
	display: block;
	margin-left: -150px;
	width: 300px;
}
.getsatisfaction {
	margin-left: -200px;
}
.email-text{
	width: 300px;
}
#right-sidebar {margin-top:-240px;}
#right-sidebar h2.float{float:left;margin: 7px 0}
#right-sidebar .block{margin-left:-10px;margin-right:0px;padding:10px 0 0 0;background:transparent url(img/block-right-t.png) no-repeat 0 0;margin-bottom:15px;}
#right-sidebar .block .in{padding:0 10px 12px;background:transparent url(img/block-right-b.png) no-repeat 0 100%;text-align:center;}
#right-sidebar .block .in .submit{margin-left:20px;margin-bottom:10px;}
#right-sidebar .block .in table{margin-left:-15px;}
.friend{display:block;margin:15px 10px 15px 10px;text-align:center}
#right-sidebar ul{margin:1.5em 0 1.5em 0;}
#right-sidebar ul ul{margin:1.5em 0 1.5em 0;}
#right-sidebar li{list-style:none;}
#right-sidebar li ul li{margin:0.5em 0;}
#right-sidebar li.categories{display:none}
.up_details{margin-left:10px;font-size:10px;}
.up_title{margin:0;font-size:16px;font-weight:bold;}
.details{margin:1em 0;}
ol#commentlist{margin:1em;}
ol#commentlist li{margin:0.5em 1em}
#commentform{display:block;margin:1em 0;}
#commentform textarea{width:400px;height:250px;border:1px solid #888;padding:2px;}
#commentform input{border:1px solid #888;padding:2px;width:150px;}
#submit{color:#fff;background:#888;width:150px;}
.article{width:750px;}
.article .article-summary{margin-left:30px;}
.article .article-summary ul{margin-left:1.1em;}
.article .article-info{float:right;font-weight:bold;}
#copyright{margin-right:400px;float:right;margin-top:0.5em;font-size:11px;padding-bottom:2em}
/* Content */
.relationship a{float:left;margin:1em 18px 0em 0;}
.proc a{float:left;margin:1em 23px 1em 0;}
.addons{margin-left:5em}
#pages-t{margin:1em 0;text-align:center}
#pages-t img{margin-right:22px;margin-bottom:10px}
#pages-hd-t{margin:1em 0;text-align:left;}
#pages-hd-t img{margin:0 10px 35px 10px}
#comment-form{margin:1em 0;}
#comment-form b{margin:0.5em 0;display:block}
#comment-form .button{margin-top:0.5em;display:block}
p.small{font-size:0.8em}
table.product_list
{
	border-collapse: collapse;
	width: 500px;
	margin-left: 200px;
	margin-top: 10px;
}

table.product_list thead
{
	color: #333;
	text-align: left;
}

table.product_list thead th
{
	border-spacing: 0px 1ex;
/*	padding-bottom: 1em; */
    padding-top: 5px;
    padding-bottom: 5px;
	background: #f0f0f0;
}

table.product_list p
{
	margin: 0;
	padding: 0;
}

table.product_list td { padding: 0 0 1em 0; }




/* @group iphone-title */

#iphone-title {
	height: 80px;
	position: relative;
	width: 100%;
}

#iphone-title h1 {
	font-size: 24px;
	padding-top: 35px;
/*	background: url(img/babytrack_icon.png) no-repeat 0 21px; */
	height: 63px;
	line-height: 30px;
/*	color: #fff; */
}

#iphone-title a {
	height: 41px;
	position: absolute;
	top: 30px;
	right: 52px;
	background-image: url(img/price-left.png);
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-left: 10px;
	line-height: 40px;
/*	background-color: #fff; */
	color: #fff;
	margin-right: 3px;
}

#iphone-title a span {
	height: 41px;
	background: url(img/price-right.png) no-repeat right 0;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	margin-bottom: -12px;
	pading-right: 10px;
}

#iphone-title a:hover {
	background-position: 0 -41px;
}

#iphone-title a:hover span {
	background-position: right -41px;
}

#iphone-title a:active {
	background-position: 0 -82px;
}

#iphone-title a:active span {
	background-position: right -82px;
}


.productMenuItemHeader
{
	display:inline;
	font-size:1.8em;
	width:100%;
}

.productMenuItemDescription
{
	font-size:1.1em;
}

.productMenuItemIcon
{
	float:left;
	padding-right:0 0.5em 0 0;
	clear:both;	
	margin-right:6px;
}

#product-overview{float:left;width:930px;margin-left:25px; margin-top:50px; margin-bottom: 50px;}

#product-overview .portfolio,
#product-overview .portfolio li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#product-overview .portfolio {
}

#product-overview .portfolio li a,
#product-overview .portfolio li a:visited {
	margin: 2em 0;
	color:#555;
	position: relative;
	display: block;
	height: auto;
	background: #fffff;
	white-space: normal;
	text-align: left;
	text-decoration:none;
}

#product-overview .portfolio .babytrack {
	float:right;
	width: 450px;
}

#product-overview .portfolio li a:hover {
    color:#9ea1ad;
	text-decoration:none;
}
	
#product-overview .portfolio .disklibrary {
	float:left;
	width: 450px;
}

#product-overview .portfolio .cameralevel {
	float:left;
	width: 450px;
}

#product-overview .portfolio .disklibrary .productMenuItemIcon
{
	margin-right:22px;
	margin-top: -10px;
}

#product-overview .portfolio .cameralevel .productMenuItemIcon
{
	margin-right:22px;
	margin-top: -25px;
}

#product-overview .portfolio .babytrack .productMenuItemIcon
{
	margin-top:-25px;
}

table.iphone-product
{
	width: 980px;
	margin-right: 150px;
	margin-top: 60px;
}

.iphone-product-description
{
	padding-right: 80px;
	padding-left: 20px;
}
.iphone-product-description li
{
	margin-left: 1.5em;
}

input.webkit-button 
{
background: url(img/buttonback.png);
-webkit-border-bottom-left-radius: 3px 3px;
-webkit-border-bottom-right-radius: 3px 3px;
-webkit-border-top-left-radius: 3px 3px;
-webkit-border-top-right-radius: 3px 3px;
border: 1px solid rgb(204, 204, 204);
font-size: 11px;
height: 23px;
text-shadow: rgba(255, 255, 255, 0.496094) 0px 1px;
}

a.appstore{background:transparent url('img/appstore-badge-large.png') no-repeat top left;display:block;float:left;font:normal 12px Arial;width:148px;height:48px;}

.price{display:block;text-align:center;-webkit-border-radius:6px;-moz-border-radius:6px;border:1px solid #c6c6c6;background-color:#fff;font-weight:bold;font-size:14px;padding:1px 1px 4px}
.price i{font-style:normal;font-size:13px}
.price .buy{font-size:14px;display:block;color:#c4c6c6;font-weight:normal;font-variant:small-caps}

