@import url('trick.css');
/* Import CSS reset and Hello Libary */
@import url('style-hello.css');
html { width: 100%; height: 100%; position: relative; overflow: auto; }
body { background-color: #FFFFFF; text-align: left; font-size: 10px; font-family: Helvetica, Arial, sans-serif; line-height: 14px; height: auto; overflow: hidden; color: #333333; }
img { background-color: #ffffff !important; }

/* text styles */
h1, h2 {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color:#333333;
	-webkit-text-size-adjust: none;
	font-family: Helvetica, Arial, sans-serif;
}
h2 {
	padding: 0px 0px 12px 0px;
	-webkit-text-size-adjust: none;
	font-family: Helvetica, Arial, sans-serif;
}
h3 { font-size: 10px; font-family: Helvetica, Arial, sans-serif; line-height: 14px; font-weight: bold; color: #333333; padding:0px 0px 6px 0px; -webkit-text-size-adjust: none; }
p { font-size: 10px; font-family: Helvetica, Arial, sans-serif; line-height: 14px; color: #333333; padding:0px 0px 6px 0px; -webkit-text-size-adjust: none; }
a:link, a:visited {
	color: #333333;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
}
a:hover, a:active { text-decoration: none; color: #FF0000; }
a.active:link, a.active:visited, a.active:hover, a.active:active { color:#ff0000; }
a.close:link, a.close:visited, a.close:hover, a.close:active { display: block; margin: 10px 0px 0px 0px; }
/* / text styles */

/* buy */
form { padding: 0px 0px 20px 0px; width: 100%; overflow: hidden; }
form label { display: block; }
input.submit { border-bottom: 1px solid #000000; border-top: 1px solid #000000; border-right: 0; border-left: 0; background-color: #ffffff; display: block; width: 100%; text-align: left; padding: 2px 0; margin: 10px 0px 0px 0px; cursor: pointer; }
input.submit-image { border: 0; background-color: #ffffff; display: block; width: 58px; height: 20px; text-align: left; padding: 0px 0; }
p.price { padding: 20px 0px; }
select { padding: 0; margin: 0px 0px 6px 0px; width: 140px; border: 1px solid #999999; display: block; }
a.back:link, a.back:visited, a.back:hover, a.back:active { display: block; margin: 10px 0px; }
img.back { margin: 0; padding: 0; display: block; }
/* / buy */

/* structure */
#wrapper { 	width: 965px; margin: 0px auto; }
#navigation { background-color: #FFFFFF; position: fixed; margin-top: 30px; width: 965px; height: 80px; padding-top: 5px; padding-left: 15px; }
#content {  width: 965px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; top: 0px; padding-top: 105px; }
#column1 { width: 190px; margin-top: 0px; float: left; display: inline; margin-right: 0px; margin-left: 15px; padding-top: 15px; overflow: hidden; }
#column2 { width: 190px; margin-top: 0px; float: left; display: inline; margin-right: 0px; padding-top: 15px; overflow: hidden; }
#column3 {
	width: 190px;
	margin-top: 0px;
	float: left;
	display: inline;
	margin-right: 0px;
	padding-top: 15px;
	overflow: hidden;
	font-family: Helvetica, Arial, sans-serif;
}
#column4 { width: 190px; margin-top: 0px; float: left; display: inline; margin-right: 0px; padding-top: 15px; overflow: hidden; }
#column5 { width: 190px; margin-top: 0px; float: left; display: inline; margin-right: 0px; padding-top: 15px; overflow: hidden; }
/* / structure */

/* for posts */
.eachpost {
	display: block;
	float: none;
	clear: both;
	padding-bottom: 15px;
	margin-right: 15px;
	overflow:hidden;
	font-family: Helvetica, Arial, sans-serif;
}
.pop-eachpost {
	overflow: hidden;
	display: block;
	float: left;
	padding-top: 20px;
	width: 460px;
	font-family: Helvetica, Arial, sans-serif;
}
.pop-eachpost2 {
	width: 460px;
	overflow: hidden;
	display: block;
	float: right;
	padding-top: 20px;
	font-family: Helvetica, Arial, sans-serif;
}
.postheading  { height: 43px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 15px; margin: 15px 15px 0px 0px; float: left; display: inline; color: #333333; width: 175px; }
.navheading { font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 16px; display: inline; color: #333333; font-weight: bold; margin-top: 15px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; }
.pressheading { width: 100%; height: 33px; font-size: 13px; line-height: 15px; display:block; margin: 15px 0px 0px 0px; color: #333333; }
.eachpost .postheading, .blog-heading {
	display:block;
	float:none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 15px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
}
.postheading strong {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color:#333333;
	font-family: Helvetica, Arial, sans-serif;
}
.postheadinggrey {
	color: #999999;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
}

.copy { font-size: 10px; font-family: Helvetica, Arial, sans-serif; line-height: 14px; color: #333333; }
.copybold { font-size: 10px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px; }
.link { font-size: 10px; font-family: Helvetica, Arial, sans-serif; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #333333; border-bottom-color: #333333; height: 20px; margin-top: 10px; color: #333333; line-height: 20px; width: 175px; }
.link a:link, .link a:visited, .link a:hover, .link a:active {
	background-image: url(../images/icon.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding: 0px 20px 0px 0px;
}
.postimageline { float: none; clear: both; display: block }
/* for posts */


/* ------------------------------------ pop up styles */
#pop-content { width: 935px; margin: 0px auto; position: relative; z-index: 100; padding: 50px 0px 0px 0px; min-height: 400px; overflow: hidden; background-color: #ffffff; }
div#pop-column1 { top: 50px; width: 190px; z-index: 200; position: absolute; left: 50%; margin: 0px 0px 0px -467.5px; }
div#pop-column2 { width: 745px; padding: 0px 0px 0px 190px; overflow: hidden; }
div#pop-columnimages { width: 935px; overflow: hidden; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
div#pop-columncopy { width: 935px; overflow: hidden; padding-right: 0px; float: left; border-top-style: solid; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; border-top-width: thin; margin-bottom: 15px; border-bottom-width: thin; border-bottom-style: solid; }
div#pop-column2 img { float: left; display: inline; margin-top: 0px; margin-right: 15px; margin-bottom: 15px; margin-left: 0px; }
div#pop-columnimages img { float: left; display: inline; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; }
div#pop-column2 img.block { float: none; clear: both; display: block; }
div#pop-columnimages img.block { float: none; clear: both; display: block; }
#pop-wrapper .postheading { margin:0px 0px 0px 0px; display:block; }
#pop-wrapper .eachpost { cursor:inherit; }
div#close { width: 100%; height: 100%; background-color: red; }
div#blog-column1 { width: 190px; margin-top: 0px; float: left; display: inline; margin-right: 0px; margin-left: 15px; padding-top: 15px; overflow: hidden; }
div#blog-column2 { width: 380px; margin-top: 0px; float: left; display: inline; margin-right: 0px; padding-top: 15px; overflow: hidden; }
div#blog-column3 { width: 380px; margin-top: 0px; float: left; display: inline; margin-right: 0px; padding-top: 15px; overflow: hidden; }
.blog-link { font-size: 10px; font-family: Helvetica, Arial, sans-serif; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #333333; border-bottom-color: #333333; height: 20px; margin-top: 10px; color: #333333; line-height: 20px; width: 100%; overflow: hidden; display: block; }
.blog-link a:link, .blog-link a:visited, .blog-link a:hover, .blog-link a:active { background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: center right; padding: 0px 20px 0px 0px; }
.blog-copyleft { border-bottom: 1px dotted #333333; width: 100%; }
.singleline { border-bottom: 1px solid #333333; margin-top: 10px; width: 100%; }
.pop-singleline { border-bottom: 1px solid #333333; width: 100%; }
.pop-singleline-margin { border-bottom: 1px solid #333333; width: 100%; margin-bottom: 20px; }
#popup_overlay { position: fixed; top: 0px; left: 0px; height:100%; width: 100%; cursor:pointer; background-color: #FFFFFF; z-index: 99; background-image: url(../images/loading.gif); background-position: 50% 50px; background-repeat: no-repeat; display: none; }
#popup { position: absolute; top: 0 !important; left: 50%; z-index: 100; text-align: left; cursor: pointer; display: none; width: 935px; margin: 0px 0px 0px -467.5px; }
.copysmal { font-size: 9px; font-family: Helvetica, Arial, sans-serif; line-height: 11px; color: #333333; }

/* Localized */