/* ================================= resrt.css ======================================= */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block;}
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* Base */
html { font-size:14px; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; line-height:1; font:sans-serif; }
body, button, input, select, textarea { font-family: sans-serif; color: #444; }
/*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/

/* Links */
a { color:#508d00; text-decoration:underline; }
a:hover { color:#6aba02;text-decoration:none; }
a:focus { outline:none; }
a:hover, a:active { outline:none; }

/* Typography */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
.screenreader {position:absolute; left:-9999px;}

/* Lists */
ul, ol { margin: 1em 0; padding: 0 0 0 15px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol, ul.menu { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* Embedded content */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

/* Figures */
figure { margin: 0; }

/* Forms */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/*input:invalid, textarea:invalid { background-color: #f0dddd; }*/

/* Tables */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ================================= HtmlCut ======================================= */

/* General layout */

html, body {
	height:100%;
	width:100%;
}
body {
	background: url(body_bg.jpg);
}
#form1 {	
	background:url(top_bg.jpg) repeat-x;
}
.wrapper {
	width:100%;
	min-width:/*1260px*/985px;
	overflow:hidden;
	background:url(body_gr.png) repeat-x 0 94px;
}
header{
	background:url(header_shadow.png) no-repeat 50% 94px;
	width:985px;	
	margin:0 auto;
	clear:both;
}
.content {
	width:955px;
	background:url(main_bg.gif) repeat-y;
	padding:29px 10px 0px 20px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	border-radius:15px;
}
footer {
	width:985px;
	margin:20px auto;
	clear:both;
}

/* Menu Media */

.menu.media {
	position:fixed;
	right:0;
	top:181px;
	background:url(media_bg.gif) repeat-y;
	padding:2px 2px 0;
	margin:0;
	border-radius:5px 0 0 5px;
	z-index:999;
}
.menu.media  li {
	margin-bottom:2px;
}
.menu.media  li a:hover img {
	opacity:0.8;
}

/* Header */

section.logo {
	float:left;
	margin:13px 0 44px;
}
.menu.top {
	float:right;
	position:relative;
	height:39px;
	margin:27px 25px 0 0;
	font-family:Georgia, serif;
	background:url(menu_top_bg.png);
	border-radius:10px;
}
.menu.top  li {
	float:left;
	line-height:39px;
	padding:0 12px;
	background:url(top_menu_separator.gif) no-repeat;
}
.menu.top  li:first-child {
	background:none;
}
.menu.top li  a{
	color:#fff;
	text-decoration:none
}
.menu.top li#liLiveChat  a{
	background:none;
	padding-left:30px;
}
.menu.top li#liLiveChat.off a  
{
    background:url(chat_bg.png) no-repeat;
	background-position:3px -40px;
}
.menu.top li#liLiveChat.on  a 
{
    background:url(chat_bg.png) no-repeat;
	background-position:3px -5px;
}
.menu.top  li a:hover {
	color:#ccc;
}

/* Top Navigation */

nav {
	clear:both;
}
header nav {
	width:655px;
	height:18px;
	list-style:none;
}
header nav li {
	float:left;
	margin-right:25px;
	font-size:18px;
	font-family:Georgia;
	text-transform: capitalize;
}
header nav li a{
	color:#9bcb2a;
}

/* Banner */

.banner {
	float:left;
	position:relative;
	margin:35px 0 36px;
	width:983px;
	height:221px;
	color:#fff;
	font-size:18px;
	line-height:28px;
	background:url(banner_bg.gif) repeat-x;
	border-radius:16px;
}
.banner .border {
	height: 215px;
  width: 978px;
	position:absolute;
	top:2px;
	left:1px;
	border:1px solid #88b44e;
	border-radius:16px;
}
.banner .gradient {
	width:983px;
	height:221px;
	position:absolute;
	background:url(banner_gradient.png) 0 0 repeat-x;
	border-radius:16px;
}
.cut {
	position:absolute;
	bottom:1px;
	right:-26px;
	z-index:1;
}
.banner h1 {
	font-family:Georgia;
	position:relative;
	z-index:10;
	font-size:30px;
	font-weight:normal;
	line-height:34px;
	padding:31px 400px 11px 18px;
	margin:0;
}
.banner h1 a {
	color:#fff;
	text-decoration:none;
}
.banner h1 a:hover{
	color:#ddd;
	text-decoration:none;
}
.banner strong {
	display:block;
	position:relative;
	z-index:10;
	padding:0 400px 0 18px;
	font-weight:normal;
}
.menu.options {
	width: 985px;
	height: 65px;
	margin-bottom: 33px;
	clear: both;
	font-family: Georgia, serif;
	font-size: 12px;
  	background: url(cms-icons-bg.png) no-repeat 0 0;
}
.menu.options li {
	float: left;  
 	 height: 60px;
  	background: url(sep.png) no-repeat right 0;
 	 padding: 0 3px 0 7px;
}
.menu.options li .link {
	float: left;  
  	height: 46px;
  	cursor: pointer;
	color: #9bcb2a;
  	font-size: 14px;
  	padding: 9px 7px 0 45px;
	text-decoration: none;  
}
.menu.options li .link span {
  display: block;
}
.link:hover {
	color: #6aba02;
  	background-position: 0 -55px!important;
}
.addly .link,
.order-options li.addly .link span,
.orders .addly 				  { background: url(icon_addly.png) no-repeat; }
.just_markup .link,
.order-options li.just_markup .link span,
.orders .just_markup 				  { background: url(icon_html.png) no-repeat; }
.wordpress .link,
.order-options li.wordpress .link span,
.orders .wordpress   				  { background: url(icon_wp.png) no-repeat; }
.magento .link,
.order-options li.magento .link span,
.orders .magento   				  { background: url(icon_magento.png) no-repeat; }
.drupal .link,
.orders .drupal,
.order-options li.drupal .link span       { background: url(icon_drupal.png) no-repeat; }
.joomla .link,
.orders .joomla,
.order-options li.joomla .link span       { background: url(icon_joomla.png) no-repeat; }
.email .link,
.orders .email,
.order-options li.email .link span        { background: url(icon_email.png) no-repeat; }
.email .link:hover,
.orders .link:hover .email,
.order-options li.email .link:hover span  { background: url(icon_email.png) no-repeat; }
.more .link,
.orders .more,
.order-options li.more .link span        { background: url(icon_more.png) no-repeat; }
li.responsive .link,
.orders .responsive,
.order-options li.responsive .link span      { background: url(icon_responsive.png) no-repeat; }
li.made_simple .link,
.orders .made_simple,
.order-options li.made_simple .link span      { background: url(icon_made_simple.png) no-repeat; }
li.existing_blog .link,
.orders .existing_blog,
.order-options li.existing_blog .link span      { background: url(icon_existing_blog.png) no-repeat; }
.menu.options li .link .price {
  	color: #fff;
	font: normal 23px 'Times New Roman', Arial, sans-serif;
}
.menu.options li.responsive
{
    background:none;
}
.menu.options li.made_simple
{
    background:none;
}
.menu.options li.existing_blog
{
    background:none;
}
.menu.options li.order {
	padding:0;
	border: none;
	background: none;
	width:258px;
}
.menu.options
{
    width:1020px;
}
.menu.options li.order a {
	float: left;  	
	width: 258px;
	height: 70px;
	text-indent: -9999px;
	margin: -4px 0 0 5px;
	padding: 0;
	background: url(option_order.png) no-repeat 0 0;
	cursor: pointer;
	color: #9bcb2a;  		
	text-decoration: none;  
}
.menu.options li.order a:hover {
	background-position: 0 -83px!important;
}

/* 3 steps */

dl.step {
	margin:0 0 20px;
	float:left;
	width:985px;
	background:#fff;
	border-radius:16px;
}
dl.step dt {
	float:left;
	height:156px;
	padding:10px 0 0 50px;
	background:url(step_separator.gif) 0 50% no-repeat;
}
dl.step dt:first-child  {
	padding-left:10px;
	background:none;
}
dl.step dd {
	float:left;
	padding:10px 0;
	width:193px;
	letter-spacing:-0.03em;
	line-height:21px;
	margin:0 -8px 0 11px;
}
dl.step dd h3 {
	font-family:Georgia, serif;
	font-size:22px;
	font-weight:normal;
	line-height:24px;
	padding:15px 0 10px;
	margin:0;
}
dl.step dd p {
	margin:0;
	width:180px;
}


/* Content Left */ 

.left {
	float:left;
	width:600px;
	padding-right:20px;
}
h2 {
	font-family:Georgia, serif;
	font-size:22px;
	font-weight:normal;
	line-height:24px;
	color:#508d01;
	clear:both;
	padding:10px 0 18px;
	margin:0;
}
.left h2:first-child {
	padding-top:0;
}
h3{
	font-size:16px;
	margin:0 0 1px;
}
p {
	margin:0 0 10px;
	line-height:20px;
}
.left ul li {
	padding:0 0 10px 23px;
	line-height:20px;
	background:url(dot_bg.png) 0 6px no-repeat;
	list-style:none;
}
ul.checked {
	float:left;
	width:270px;
	padding:0;
	margin:0;
	list-style:none;
}
ul.checked h3 span{
	font-weight:normal;
	font-size:14px;
	display:block;
}
ul.checked.first {
	width:290px;
	margin-right:24px;
}
ul.checked li {
	background:url(checked_bg.png) no-repeat;
	padding:0 0 11px 25px;
}
ul.checked  ul.sub {
	padding:0;
	margin:0;
	list-style:none;;
}
ul.checked  ul.sub li {
	background:none;
	line-height:19px;
	padding: 0 0 0 10px;
    text-indent: -10px;
}
ul.checked  ul.sub li:before {
	content:'-';
	padding-right:5px;
}
p.aligncenter {
	text-align:center;
	clear:both;
	line-height:30px;
	margin:6px 0;
}
.green {
	color:#508d00;
	font-size:20px;
	font-weight:normal;
}
a.more {
	font-size:12px;
	margin-left:10px;
}
.button {
	position:relative;
	top:0;
	left:-22px;
	width:638px;
	height:49px;
	text-align:center;
	margin:11px 0 12px;
	background:url(button_bg.png) 50% 5px no-repeat;
}
.button a:hover img {
	opacity:0.92;
}
.left .dot {
	padding:0 0 0 3px;
	margin:14px 0 1px;
}
.left .dot li {
	padding-bottom:6px;
}

/* Content Right */ 

.right {
	float:right;
	width:320px;
	padding-left:10px;
	font-size:12px;
}
.right p {
	clear:both;
}
.right p img {
	margin:0 auto;
	display:block;
}
.quote {
	width:263px;
	padding:20px 20px 0;
	margin:15px 0 10px 10px;
	position:relative;
	background:#fff;
	-webkit-box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #9992;
	box-shadow:0 0 5px #999;
	border-radius:16px;
}
.right h3 {
	text-align:center;
	margin-bottom:15px;
}
.quote .slider1 {
	position:relative;
	width:260px;
	height:139px;
}
.quote .slider1 p{
	height:100px;
	overflow:hidden;
}
.quote a.previous1 ,
.quote a.next1 {
	position:absolute;
	top:20px;
}
.quote a.previos1 {
	left:18px;
}
.quote a.next1 {
	right:18px;
}
.arrow a:hover img {
	opacity:0.8;
}
.quote .slider_item {
	line-height:20px;
	padding-bottom:40px;
	display:inline;
	position:absolute;
	width:260px;
	height:105px !important;
	background:transparent !important;
}
span.author {
	position: absolute;
	bottom: 20px;
	right:0;
    color: #508D00;
}
.examples {
	float:left;
	width:263px;
	padding:20px 20px 6px;
	margin:10px 0 20px 10px;
	position:relative;
	background:#fff;
	-webkit-box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #9992;
	box-shadow:0 0 5px #999;
	box-shadow:0 0 5px #999;
	border-radius:16px;
}
.examples a.previous2,
.examples a.next2 {
	position:absolute;
	top:115px;
}
.examples  a.previus2 {
	left:10px;
}
.examples  a.next2 {
	right:10px;
}
ul.images.popup  {
	width:183px;
	margin:0 auto 12px;
	padding:3px 0 0;
	list-style:none;
}
ul.images.popup  li a img{
	padding:3px;
	border:1px solid #dcd9d9;
}
ul.images.popup  li {
	width:196px;
	height:149px !important;
	padding:20px 0 0;
}
ul.images.popup  li:first-child{
	padding:0;
}
img.ico {
	position:relative;
	top:-59px;
	left:133px;
}
.last_blog {
	float:left;
	width:303px;
	margin:10px 0 30px 10px;
	padding:7px 0 0;
	position:relative;
	background:#fff;
	-webkit-box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #999;
	box-shadow:0 0 5px #999;
	box-shadow:0 0 5px #999;
	border-radius:16px;
}
h3.green_bg {
	display:block;
	line-height:41px;
	margin-bottom:0;
}
h3.green_bg a {
	text-decoration:none;
}
.last_blog ul {
	padding:2px 0 5px;
	margin:0;
	list-style:none;
	width:303px;
}
.last_blog ul li {
	padding:0px 20px 12px;
	line-height:18px;
	font-weight:bold;
	/*border-top:1px dashed #dbdbdb;*/
}
.last_blog ul li:first-child {
	border-top:none;
}



/* Footer */

footer {
	color:#727070;
	font-size:12px;
	line-height:20px;
	overflow:hidden;
}
footer nav ul {
	height:39px;
	margin:0 0 10px;
	background:url(footer_menu.png);
    border-radius:10px;
}
footer nav li {
	float:left;
	padding:0 32px;
	background: url(top_menu_separator.gif) no-repeat;
	line-height: 39px;
	font-family: Georgia,serif;
	font-size:14px;
	text-transform:capitalize;
}
footer nav li:first-child {
	background:none;
}
footer nav li a {
	color: #bebaba;
	text-decoration:none;
}
footer nav a:hover {
	color: #fff;
}
footer nav ul:after { /* �������� �������������� ������, ����� �������� justify */
	content:"1";
	margin-left: 100%;
	height:1px;
	overflow:hidden;
	display:inline-block;
}
.copyright {
	float:left;
	width:385px;
	margin-right:25px;
}
.copyright p:first-child {
	padding-bottom:20px;
}
.copyright p a img {
	margin:-25px 15px 0 0;
}
.valid {
	float:left;
	width:150px;
	text-align:center;
}
.valid p {
	margin-top:10px;
}
.valid p:first-child {
	margin:17px 0 0;
}
ul.menu.contact {
	float:left;
	width:175px;
	margin-left:45px;
}
ul.menu.contact li {
	line-height:30px;
}
ul.menu.contact li a {
	padding:5px 0 5px 30px;
	background:url(menu_contact.png) 2px 2px no-repeat;
	color:#727070;	
	text-decoration:none;
}
.menu.contact li#liOnlineChat  a{
	background:none;
}
.menu.contact li#liOnlineChat.off a  
{
    background:url(chat_bg.png) no-repeat;
	background-position:3px -36px;
}
.menu.contact li#liOnlineChat.on  a 
{
    background:url(chat_bg.png) no-repeat;
	background-position:3px 0px;
}
.menu.contact li#liSkype  a{
	background:none;
}
.menu.contact li#liSkype.off a  
{
    background:url(skype.png) no-repeat;
	background-position:3px -36px;
}
.menu.contact li#liSkype.on  a 
{
    background:url(skype.png) no-repeat;
	background-position:3px 0px;
}
ul.menu.contact .mail a {background-position:6px -26px;}

ul.menu.contact .phone span {
	padding:5px 0 5px 30px;
	background:url(menu_contact.png) 6px -56px no-repeat;
	color:#727070;	
}
ul.menu.contact a:hover {
	color:#bebaba;
} 
.last {
	float:right;
	width:180px;
	text-align:right;
}
.last  p {
	margin:0 0 8px;
}
.last  p a{
	color:#bebaba;
	text-decoration:none;
}
.last  p a:hover{
	color:#fff;
}


/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }




/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
  /** { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }*/ /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  /*@page { margin: 0.5cm; }*/
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* ================================= Customer area orderpage ================ */
.right{
	margin:-9px 0 0;
}
.subheading{
	margin:0 auto;
	width:985px;
}
.medals{
	float:left;
	width:100%;
	padding:0 0 15px;	
}
.medals .btns{
	float:left;
	background:url("footer_menu.png") repeat;	
	border-radius:4px 4px 4px 4px;
	margin:0;
	padding:0;
	list-style:none;
}
.medals .btns li{
	padding:11px 14px 12px;
	background:url(btns_divider.png) no-repeat 0 50%;
	float:left;
}
.medals .btns li:first-child{
	background:none;
}
.medals .btns li a{
	display:block;
	font:14px/16px Georgia;
	text-decoration:none;
	color:#727070;
}
.medals .btns li a:hover,.medals .btns li.active a{
	color:#fff;
}
.medals .bonuses{
	float:right;
	margin:0;
	padding:6px 0 0;
	list-style:none;
}
.medals .bonuses li{
	float:left;
	margin:0 0 0 25px;
}
.contact_us{
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 5px #999999;
    margin: 0px 0 20px 10px;
    padding: 14px 0 13px;
    position: relative;
    width: 303px;
	color:#000;
}
.right h3{
	font-family:Georgia;
	font-weight:normal;
}
.right .contact_us h3{
	background:url(bg_sidebar_heading.png) no-repeat 50% 100%;
	padding:0 0 22px;
	margin:0;
	
}
.contact_us p.time span{
	width:60px;
	display:inline-block;
}
.contact_us p.time{
	padding:3px 18px 9px 12px;
	line-height:17px;
	margin:0;
	font-size:12px;	
}
.contact_us p.time strong{
	display:inline-block;
	min-width:91px;
}

.contact_us p.time .moon{
	height:17px;
	width:17px;
	display:inline-block;
	text-indent:-9999px;
	margin:0 5px 0 4px;
	background:url(sun_icon.png) no-repeat;
}
.contact_us p.time .moon.sun{	
	background:url(sun_icon.png) no-repeat 0 -17px;
}
.contact_us p{
	padding:0 0 0 11px;
	margin:0;
	line-height:18px;
}
.contact_us ul{
	margin:0 0 3px;
	padding:0 18px 23px 11px;
	list-style:none;
	background:url(bg_sidebar_heading.png) no-repeat 50% 100%;
}
.contact_us ul li{
	line-height:18px;
	background:url(arrow_01.png) no-repeat 0 50%;
	padding:0 0 0 14px;
}
.contact_us ul li a{
	float:right;	
}
.contact_us .contact{
	padding:0 0 0 13px;
	background:none;
	margin:0 0 14px;
	list-style:none;
}
.contact_us .contact li{
	line-height:25px;
	padding:0 0 0 30px;
	margin:0 0 7px;	
	font-size:14px;	
}
.contact_us .contact .chat{
	background:none;
	padding-left:30px;
}
.contact_us .contact .chat_on
{
    background:url(chat_icon.png) no-repeat;
	background-position:0px -30px;
}
.contact_us .contact .chat_off
{
    background:url(chat_icon.png) no-repeat;
}
.contact_us .contact .email{
	background:url(email_icon.png) no-repeat 0 0;	
}
.contact_us .contact .phone{
	background:url(phone_icon.png) no-repeat 0 0;	
}
.contact_us .contact a{
	float:none;
	display:inline-block;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
}
.contact_us .btn{
	margin:0 0 0 12px;
}
.contact_us .btn:hover{
	opacity:0.92;
}
/* ================================= Orders ================ */
.orders{
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 5px #999999;
    margin: 0px 0 20px 10px;
    padding: 14px 0 6px;
    position: relative;
    width: 303px;
	color:#000;
}
.orders .heading{
	background:url(bg_order_heading.png) no-repeat;
	width:283px;
	height:35px;	
	line-height:35px;
	margin:0 auto 3px;
}
.orders .heading .col_l{
	float:left;
	width:59px;
	padding:0 0 0 18px;
}
.orders .heading .col_c{
	float:left;
	width:170px;	
}
.orders .heading .col_r{
	float:left;
	width:36px;	
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 283px;
    height: 252px;
    padding: 17px 0;
	margin:0 auto;	
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-tango{
	overflow:hidden;
	 height: 286px;
	 width:100%;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 283px;
    height: 251px;
	background:url(bg_order_item.png) repeat-x 0 0;	
}
.jcarousel-skin-tango .jcarousel-item {	
    width:271px;
    height:50px;
	padding:0 6px;
	overflow:hidden;
	/*background:url(bg_order_item.png) repeat-x 0 100%;*/
}
.jcarousel-skin-tango .jcarousel-item span.col_l {
	padding-top:10px;
	text-decoration:none;
}
.jcarousel-skin-tango .jcarousel-item span.col_c {
	padding-left:45px;
	padding-top:10px;
	padding-bottom:10px;
	background-position: 0 3px;
	background-size:32px 87px;
	text-decoration:none;
}
.jcarousel-skin-tango .jcarousel-item:hover span.col_c {
	background-position: 0 -41px;
}	
.jcarousel-skin-tango .jcarousel-item-vertical {
	margin:0;   
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 0px;
    left: 50%;
	margin:0 0 0 -30px;
    width: 60px;
    height: 13px;
    cursor: pointer;
    background: transparent url(bottom_btn.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover{
	background: transparent url(bottom_btn.png) no-repeat 0 -13px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 60px;
    height: 13px;
	margin:0 0 0 -30px;
    cursor: pointer;
    background: transparent url(top_btn.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover{
	background: transparent url(top_btn.png) no-repeat 0 -13px;
}
/*.jcarousel-skin-tango .jcarousel-next-disabled-vertical {
    cursor: default;
    background-position: 0 -13px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical {
    cursor: default;
    background-position: 0 -13px;
}*/
.jcarousel-skin-tango li{
	/*background: url("bg_order_item.png") repeat-x scroll 0 100% transparent;*/
    height: 40px;
    border-bottom: 1px dotted #666;
    overflow: hidden;
    padding: 10px 9px 0 11px;
    width: 263px;	
	cursor:pointer;
	background:none;
}
.jcarousel-skin-tango li a{
	color:#000;
	cursor:pointer;
	overflow:hidden;
	display:block;
	text-decoration:none;
}
.jcarousel-skin-tango li:first-child{
	/*background:url("bg_order_item_first.png") repeat-x 0 100%;*/
	background:none;
}
.jcarousel-skin-tango li:first-child:hover{
	/*background:#f9f9f9 url("bg_order_item_first.png") repeat-x 0 100%;*/
	background:none;
}
.jcarousel-skin-tango li:hover{
	/*background:#f9f9f9 url("bg_order_item.png") repeat-x 0 100%;*/
	background:#f9f9f9;
}
.jcarousel-skin-tango .col_l{
	float:left;
	width:58px;	
}
.jcarousel-skin-tango .col_l strong{
	display:block;
	padding:0 0 5px;	
}
.jcarousel-skin-tango .col_r{
	float:right;
	text-align:right;
	width:55px;
	padding-top:10px;	
	font-weight:bold;
}
.jcarousel-skin-tango .col_r strong{
	display:block;
	padding:0 0 5px;
}
.jcarousel-skin-tango .col_r .red{
	color:#d50000;
}
.jcarousel-skin-tango .col_r .green{
	color:#508d00;
	font-size:12px;
	font-weight:bold;
}
.jcarousel-skin-tango .col_r span{
	color:#a4a4a4;
}
.jcarousel-skin-tango .col_c{
	float:left;	
	width:113px;	
	text-decoration:underline;
	overflow:hidden;
}
.jcarousel-skin-tango a:hover .col_c{
	text-decoration:none;
}
.jcarousel-skin-tango .col_c img{
	float:left;
	margin:0 7px 0 0;
}
.jcarousel-skin-tango .col_c h4,.jcarousel-skin-tango  .col_c strong{	
	font-size:14px;
	display:block;
	font-weight:normal;	
	margin:0;
	height:16px;
	overflow:hidden;
}
.jcarousel-skin-tango .jcarousel-container > div.jcarousel-clip{
	text-indent:0px;
}
.jcarousel-skin-tango .jcarousel-container > div{
	text-indent:-9999px;
}
/* ================================= Discount ================ */
.discount{
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 5px #999999;
    margin: 0px 0 20px 10px;
    padding: 10px 0 18px;
    position: relative;
    width: 303px;
	color:#000;
}
.discount .heading_banner{
	background:url(bg_sidebar_heading.png) no-repeat 50% 100%;
	padding:0 0 18px 26px;
	margin:0 0 3px;	
	overflow:hidden;
}
.discount .heading_banner strong{
	float:left;
	font-size:18px;
	line-height:15px;
	width:68px;
	padding:8px 0 0;
	font-weight:normal;
	text-transform:uppercase;
}
.discount .heading_banner strong.percent{
	width:auto;
	font-size:42px;
	line-height:30px;
	padding:7px 0 0;
	margin:0 1px 0 -2px;
}
.discount .heading_banner img{
	float:left;
}
*+html .discount .heading_banner img{
	margin:2px 0 0
}
.discount h3{
	padding:0 0 0 10px;
	margin:0;
	text-align:left;	
	font-weight:normal;
}
.discount ul{
	margin:5px 0 8px;
	padding:0 0 0 12px;
	list-style:none;
}
.discount ul li{
	padding:0 0 0 16px;
	background:url(arrow_02.png) no-repeat 0 12px;
	line-height:25px;
}
.discount ul li .green{
	font-size:18px;
}
.discount h4{
	text-align:center;
	font-size:12px;
	line-height:19px;
	padding:0 10px 9px;
	margin:0;
}
.discount .socials{
	text-align:center;
	padding:0;
	margin:0;
}
.discount .socials li{
	display:inline;
	background:none;
	padding:0;
}
.discount .socials li a{
	display:inline-block;
	margin:0 3px;
}
/* ================================= Banner ================ */
.subheading.inner .banner h1{
	font-size:22px;
	padding:13px 400px 1px 18px;
}
.subheading.inner .banner strong{
	padding:0 330px 7px 18px;
}
.subheading.inner .banner strong a{
	color:#fff;
}
.subheading.inner .banner{
	font-size:14px;
	line-height:23px;
	height:166px;
	margin:35px 0 15px;
}
.subheading.inner .banner .border{
	height:160px;
}
.subheading.inner .banner .gradient{
	height:166px;
}
.subheading.inner .cut{
	right:3px;
}
/* ================================= Orderpage ================ */
.order_heading{
	background:url(bg_left_heading.png) no-repeat 50% 100%;
	padding:0 10px 0 20px;
	margin:0 0 0 -20px;
	width:610px; 
	overflow:hidden;
}
.order_heading h2{
	float:left;
	padding:0 0 21px;
}
.order_heading ul{
	float:right;
	margin:0;
	padding:4px 0 0;
}
.order_heading ul li{
	float:left;
	background:url(arrow_03.png) no-repeat 0 50%;
	padding:0 10px 0 11px;
}
.order_heading ul li:first-child{
	background:none;
}
.left .order_details li{
	overflow:hidden;
	display:block;
	vertical-align:bottom;
	background:none;
	padding:5px 0;
}
.left .order_details li .label{
	float:left;
	width:111px;
}
.left .order_details{
	margin:0 0 -6px;
	padding:8px 0 0;
	color:#000;
}
.left .order_details.paid{
	margin:0;
	padding:8px 0 13px;
}
.left .order_details li span{
	font-weight:normal;
}
.left .order_details li p.col_r{
	float:left;
	width:479px;
	font-weight:bold;
	margin:0;
}
.left .order_details li p.col_r img{
	margin:-6px 0 0 3px;
}
.left .order_details li p.col_r .price{
	font-weight:bold;
	font-size:19px;
}
.left .order_details li p.col_r .red{
	color:#cc0000;	
	font-weight:bold;
}
.left .order_details li p.col_r .green{	
	font-weight:bold;
	padding:0 4px 0 0;
	font-size:14px;
}
.left .order_options{
	margin:0 0 17px;
	padding:6px 0 0;
	color:#000;
}
.left .order_options.extra{
	margin:0 0 26px;
}
.left .order_options h3{
	font:normal 16px/18px Georgia;
	margin:0 0 12px;	
}
.left .order_options ul{
	margin:0;
	padding:0;
	width:600px;
}
.left .order_options li.select, .left .order_options.extra li.select{
	background:url(bg_select.png) no-repeat 0 0;
	padding:0 0 0 11px;
	line-height:34px;
	font-size:12px;
}
.left .order_options.extra li{
	padding:8px 10px 10px; 
	min-height:31px;
}
.left .order_options li{
	padding:8px 10px 2px; 
	background:url(bg_order_item.png) repeat-x 0 100%;
	overflow:hidden;
	display:block;
	vertical-align:bottom;
}
.left .order_options li .name{
	float:left;		
	width:416px;
}
.left .order_options.extra li .name{
	padding:9px 0 0;
}
.left .order_options li .pay{
	float:right;
	width:95px;
	text-align:center;
}
.left .order_options li .pay .btn{
	width:95px;
	height:26px;
	display:block;
	text-align:center;
	font-size:23px;
	text-transform:uppercase;
	color:#fff;
	padding:6px 0 0;
	text-decoration:none;
	background:url(bg_pay_btn.png) no-repeat;	
}
.left .order_options li .pay .btn:hover{
	opacity:0.92;
}
.left .order_options li .name em{
	display:block;
	font-style:normal;
	font-size:12px;
	color:#a4a4a4;
}
.left .change{
	font:19px/21px Arial, Helvetica, sans-serif;
	display:block;
	padding:0 0 3px;
}
/* ================================= Orderpage done ================ */
.buttons {
	position:relative;
	top:0;
	left:-22px;
	width:638px;
	height:49px;
	text-align:center;
	margin:3px 0 13px;
	background:url(buttons_bg.png) 50% 5px no-repeat;
}
.buttons a:hover img {
	opacity:0.92;
}
.left .notice{
	position:relative;
	padding:21px 0 0;
	color:#000;
}
.left .notice ul{
	padding:0 0 0 4px;
	margin:12px 0 0;
}
.left .notice ul li{
	padding:0 0 10px 25px;
}
.left .notice .stamp{
	position:absolute;
	top:-87px;
	right:-2px;
	text-indent:-9999px;
	background:url(bg_stamp.png) no-repeat;
	width:215px;
	height:82px;
}
.left .notice h3{
	font:normal 16px/18px Georgia;
}
.clear{
	clear:both;
    overflow:hidden;
    height:1px;
}
/* ================================= Account - member area ================ */
.left{
	color:#000;
}
.bg_title_member{
    background:url(bg_title_line.png) no-repeat 0 bottom;
    width:610px;
    margin:0 0 10px -18px;
    padding-left:18px;
    padding-top:0;
}
.inner_title_small{
    margin:0 0 15px 0;
    font-size:14px;
}
.social_box{
    float:left;
}
.social_box a{
    margin:0 5px 0 0;
}
.left .right_list{
    float:right;
    margin:0;
    padding:0;
    display:inline;
}
.left .right_list li{
    background:url(divider.png) no-repeat left center;
    padding:0 0 0 10px;
    display:inline;
    margin:0 0 0 5px;
}
.left .right_list li:first-child{
    background:none;
}
.my_account_form label{
    float:left;
    width:108px;
    font-size:14px;
    color:#000000;
}
.txt_input_round{
    float:left;
    width:255px;
    border:1px solid #bfbfbf;
    background:#f9f9f9;
    height:28px;
    padding:0 5px;
    margin:0 10px 0 0;
    border-radius:5px;
 	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
    color:#000000;
    font-size:14px;
	line-height:28px;
    font-weight:bold;
}
.my_account_form .row{
    float:left;
    width:100%;
    line-height:28px;
    margin:0 0 10px 0;
}
.my_account_form .row em{
    font:italic 12px Arial;
    color:#a4a4a4;
}
.textarea_round{
    float:left;
    width:462px;
    border:1px solid #bfbfbf;
    background:#f9f9f9;
    height:70px;
    padding:5px;
    border-radius:5px;
 	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
    color:#000000;
    font-size:14px;
    font-weight:bold;
}
.change_password{
    background:url(ico_edit.png) no-repeat left center!important;
    padding:0 0 0 28px;
    height:22px;
    line-height:22px;
    display:inline-block; 
}

.change_password_outer{
    width:100%;
    float:left;
    margin:5px 0 20px 0;
}
.change_password_box{
    background:url(bg_title_line.png) no-repeat 0 top;
    width:610px;
    margin:10px 0 10px -18px;
    padding-left:18px;
    float:left;
    padding-top:15px;
    display:none;
}
.change_password_box label{
    float:left;
    width:103px;
    line-height:28px;
    font-size:14px;
    color:#000000;
    padding:0 5px 0 0;
}
.input_round_small{
    width:143px;
    border:1px solid #bfbfbf;
    background:#f9f9f9;
    height:28px;
    padding:0 5px;
    margin:0 2px 0 0;
    border-radius:5px;
 	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
    color:#000000;
    font-size:14px;
    font-weight:bold;
    float:left;
	line-height:28px;
}
.input_change{
   float:left;
    cursor:pointer;
    border:none;
    background:url(change.png) no-repeat 0 0;
    width:67px;
    height:30px;
    text-indent:-9999px;
	line-height:0px;
}
.txt_aright{
    text-align:right;
    margin:0 0 0 5px;
}
.change_password_box.show{
    display:inline-block;
}

/*custom select*/
.custom-select-blk {
	float: left;
	margin: 0 15px 0 0;
}
.custom-select-blk .list-box {
	width: 265px;
	background: #f9f9f9 url(arrow_select.png) no-repeat 245px 14px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
    border:1px solid #bfbfbf;
    color:#000000;
    font-size:14px;
    font-weight:bold;
}
.custom-select-blk .list-box .list-val {
	padding: 3px 10px;
}
.custom-select-blk .wrap-list {
	width: 100%;
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    border:1px solid #bfbfbf;
    top:32px;
    left:-1px;
}
.custom-select-blk ul { 
	padding: 0;
	margin: 0;
	list-style: none;	
}
.custom-select-blk ul li {
	padding: 2px 5px 2px 10px;
	font-size: 14px;
    background:none!important;
    font-weight:normal;
}
.custom-select-blk ul li.selected {
	color: #508D00;
}
/* ================================= Pop up for contact us ================ */

.wrap_box{
	margin:20px 20px 10px;
	overflow:hidden;
}
#colorbox, #cboxOverlay, #cboxWrapper{
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay{
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{
	float:left;
	margin:auto;
	border:0;
	display:block;
}
.cboxIframe{
	width:100%;
	height:100%;
	display:block;
	border:0;
}
#cboxOverlay{
	background:#000;	
}
#cboxContent{
	overflow:visible;
}
.cboxIframe{
	background:#fff;
}
#cboxError{
	padding:50px;
	border:1px solid #ccc;
}
#cboxLoadedContent{
	background:#fff;
	border-radius:16px 16px 16px 16px;
	padding:0;	
}
#cboxLoadingGraphic{
	background:url(loading.gif) no-repeat center center;
}
#cboxLoadingOverlay{
	background:#000;
}
#cboxTitle{
	position:absolute;
	top:-22px;
	left:0;
	color:#000;
}
#cboxCurrent{
	position:absolute;
	top:-22px;
	right:205px;
	text-indent:-9999px;
}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{
	text-indent:-9999px;
	width:20px;
	height:20px;
	position:absolute;
	top:10px;
	background:url(controls.png) no-repeat 0 0;
}
#cboxPrevious{
	background-position:0px 0px;
	right:44px;
}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{
	right:10px;
	width:34px;
	height:34px;
	background:url(close_btn.png) ;
}
#cboxClose:hover{
	opacity:0.9;
}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
*+html .wrap_box p, 
*+html .wrap_box .my_account_form, 
*+html .wrap_box .contact_info_user{
	padding:0 20px;
}
*+html .wrap_box h2{
	padding-left:20px;
	margin:0;
}
*+html .wrap_box .report{
	padding:0;
	margin-left:20px;
}
*+html .wrap_box .button{
	left:0;
}
*+html .wrap_box{
	margin:20px 0  ;
}

/* ================================= Contact us ================ */

.left_info{
    float:left;
    width:49%;
}
.right_info{
    float:right;
    width:49%;
}
.contact_info_user{
    font-size:12px;
    padding:5px 0 0;
    overflow:hidden;
}
.contact_info_user p.time span{
	width:60px;
	display:inline-block;
}
.contact_info_user p.time{
	padding:3px 18px 9px 12px;
	line-height:17px;
	margin:0;
	font-size:12px;	
}
.contact_info_user p.time .moon{
	height:17px;
	width:17px;
	display:inline-block;
	text-indent:-9999px;
	margin:0 5px 0 4px;
	background:url(sun_icon.png) no-repeat;
}
.contact_info_user p.time .moon.sun{	
	background:url(sun_icon.png) no-repeat 0 -17px;
}
.contact_info_user p{
	padding:0 0 0 11px;
	margin:0;
	line-height:18px;
}
.contact_info_user ul{
	margin:0 0 3px;
	padding:7px 18px 5px 11px;
	list-style:none;
}
.contact_info_user ul li{
	line-height:18px;
	background:url(arrow_01.png) no-repeat 0 50%;
	padding:0 0 0 14px;
}
.contact_info_user ul li a{
	float:right;
}
.contact_info_user .contact{
	padding:0 0 0 13px;
	background:none;
	margin:0 0 14px;
	list-style:none;
}
.contact_info_user .contact li{
	line-height:25px;
	padding:0 0 0 30px;
	margin:0 0 7px;	
	font-size:14px;	
}
.contact_info_user .contact .chat{
	background:none;
	padding-left:30px;
}
.contact_info_user .contact .chat_on
{
    background:url(chat_icon.png) no-repeat;
	background-position:0px -30px;
}
.contact_info_user .contact .chat_off
{
    background:url(chat_icon.png) no-repeat;
}
.contact_info_user .contact .email{
	background:url(email_icon.png) no-repeat 0 0;	
}
.contact_info_user .contact .phone{
	background:url(phone_icon.png) no-repeat 0 0;	
}
.contact_info_user .address{
	background:url(ico_address.png) no-repeat 0 0;	
}
.contact_info_user .contact a{
	float:none;
	display:inline-block;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
}
.txt_input_round_max{
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #BFBFBF;
    border-radius:5px;
 	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
    color: #000000;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    margin: 0;
    padding: 0 5px;
    width: 462px;
	line-height:28px;  
}
.btn_upload{
    float:left;
    border:none;
    background:url(btn_upload.png) no-repeat 0 0;	
    cursor:pointer;
    width:57px;
    height:30px;
    text-indent:-99999px;
    line-height:0px;
}

.or{float:left;padding:0 7px 0 0;}

/*body{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none; 
} */
.report,
.content .left  > span.error{
	color:#508d00;	
	font-weight:bold;
	background:#d7f097 url(bg_report.png) no-repeat 50% 0;
	line-height:41px;
	text-align:center;
	border-radius:3px;
	margin:0 0 15px;
}
.content .left  > span.error
{
    display:block;
    background: url("bg_report.png") no-repeat scroll 50% 0 #FF6767;
    color: #FFFFFF!important;
    width:590px;
}
.report.error{
	background:#ff6767 url(bg_report.png) no-repeat 50% 0;
	color:#fff;
	display:block;
}
.wrap_box .report{
	width:590px;
}
.wrap_box.login_popup .report{
	width:463px;
}
.my_account_form label.error{
	color:#d80000;
}
.step-title{
	background:url(step_1.png) no-repeat;
	overflow:hidden;
	padding:5px 31px 7px 70px;
  margin:0 -29px 10px -20px;
}
.step-title .link{
	float:right;
	text-decoration:none;
	border-bottom:1px dotted #508d00;
}
.step-title .link:hover{border:0;}
.step-title.second{background:url(step_2.png) no-repeat;}
.step-title.third{background:url(step_3.png) no-repeat;}
.step-title h3{
	font:16px/18px Georgia, "Times New Roman", Times, serif;
	margin:0;
	color:#000;
}
.checked-list{
	width:100%;
	overflow:hidden;
}
.list-examples{
	list-style:none;
	padding:0;
	margin:0 0 20px;
	border-top:1px dotted #aeaeae;
	overflow:hidden;
}
.left .list-examples li{
	border-bottom:1px dotted #aeaeae;
	padding:25px 0;
	overflow:hidden;
	background:none;
}
.list-examples .image{
	float:left;
	background:url(../resources/bg_examples_images.png) no-repeat;
	width:180px;
	height:143px;
	padding:4px 9px 4px 8px;
	margin:0 5px 0 0;
}
.list-examples  .holder{
	overflow:hidden;
}
.list-examples .title{
	width:100%;
	overflow:hidden;
}
.list-examples .title .ico{
	float:right;
	margin:0 0 0 15px;
}
.list-examples .title h2{
	font:16px/18px Georgia, "Times New Roman", Times, serif;
	margin:0 0 10px;
	clear:none;
	padding:0;
	color:#000;
}
.list-examples .title h2 a{
	color:#000;
	text-decoration:none;
}
.list-examples .title h2 a:hover{text-decoration:underline;}
.list-examples .btn-area{
	width:100%;
	overflow:hidden;
	padding:1px;
}

.list-examples .btn-area .btn:hover{opacity:0.92;}
.faq,
.faq-answer{
	padding:0 0 0 20px;
	margin:0 0 10px;
	overflow:hidden;
}
.faq
{
    overflow:visible;
}
.faq-answer{
	background:url(../resources/divider-faq.gif) no-repeat 50% 0;
	padding:20px 15px 0 35px;
	margin:0 -15px 10px;
}
.faq li,
.faq-answer li{
	color:#508e00;
	margin:0 0 13px;
	font-weight:bold;
	padding:0 0 0 5px;
}
.faq li li,
.faq-answer li li {
	margin-bottom: 5px;
	padding-bottom: 0;
}
.faq a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}
.faq a:hover{
	text-decoration:underline;
	color:#508d00;
}
.faq-answer .holder{
	color:#000;
	font-weight:normal;
}
.faq-answer .holder strong{
	display:block;
	margin:0 0 10px;
}
.center-box{
	font-size:19px;
	text-align:center;
	margin:0 0 20px;
}
.center-box p{
	line-height:28px;
}
.brief-order .row{
	width:100%;
	overflow:hidden;
	margin:0 0 10px;
}
.brief-order .text,
.brief-order textarea {
	width:219px;
	padding:8px 7px;
	float:left;
	background:#f9f9f9;
	color:#a4a4a4;
	font-size:12px;
	border:1px solid #bfbfbf;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 20px 0 0;
}
.brief-order .text.large {
	width:329px;
	margin:0;
}
.brief-order .text:hover,
.brief-order textarea:hover{
	background:#fff;
	color:#000;
}
.brief-order #pages {
  width:25px;
  height:16px;
  text-align:center;
  color:#000;
  margin-right:44px;
  font-size:18px;
}
.brief-order .file-text {
  padding: 9px 7px;
}
.brief-order textarea{
	margin:0;
	overflow:auto;
	width:auto;
	width:584px;
	height:72px;
}
.brief-order label{
	float:left;
  font-size:12px;
	margin:10px 5px 0 0;
}
#divPages input{
	width:36px;
	text-align:center;
	font-size:18px;
	color:#000;
	padding:4px 7px;
}
.brief-order .input-file{
	float:right;
	position:relative;
	width:335px;
	overflow:hidden;
}
.brief-order .file-text{
	width:229px;
	position:relative;
	z-index:100;
  margin-right:10px;
}
.brief-order .input-file .file{
	position:absolute;
	z-index:3;
	right:0;
	top:0;
	font-size:200px;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   
	cursor:pointer;
}
.brief-order .input-file span{
	float:left;
	margin:10px 10px 0 0;
	position:relative;
	z-index:5;
}

.brief-order .input-file:hover .btn-file {
	opacity:0.9;
}
.left h3{
	font:16px Georgia, "Times New Roman", Times, serif;
	margin:0 0 15px;
}
.order-options{
	list-style:none;
	padding:10px 0 0;
	margin:0 -20px 0 0;
	overflow:hidden;
	width:615px;
}
.order-options li .link{
	cursor: pointer;
	text-decoration:none;
	display:block;
	padding:13px 0;
	width:90px;
	height:64px;
	text-align:center;
	border:1px solid #dedede;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:2px 0;  
	background:#fff;
	font:normal 11px "Georgia", Times, sans-serif;
}
.order-options li .link:hover,
.order-options li.active .link {
	background:#f4ffd5;
	border:3px solid #d0ed7d;
	width:86px;
	margin:0;
}
.order-options li .link:hover span,
.order-options li.active .link span {
	border:none;
	background-position: 0 -55px!important;
}
.order-options .link span {  
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
.order-options strong{
	color:#000;  
}
.left .order-options li{
	display:inline-block;
	text-align:center;
	font-size:16px;
	vertical-align:top;
	padding:0;
	margin:0 6px 15px 0;
	background:none;
	font:13px Georgia, "Times New Roman", Times, serif;
}
*+html .left .order-options li{ 
  display:inline;
}
.order-options span{
	display:block;
	overflow:hidden;
	height:46px;
	margin:5px 0 0;
}
.markup-packages{
	width:650px;
	overflow:hidden;
	margin:0 -50px 0 0;
	padding:0 0 15px;
}
.markup-packages .box{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:3px solid #d0ed7d;
	width:242px;
	padding:8px 10px 8px 30px;
	float:left;
	margin:0 20px 20px 0;
	font-size:12px;
	cursor:pointer;
}
.markup-packages .box.active,
.markup-packages .box.active:hover {
	background:#f4ffd5;
	border:3px solid #d0ed7d;
}
.markup-packages .box:hover {
	border-color: #dedede;
	background-color: #f4f3f3;
}
.markup-packages .box .title{
	margin:0 0 10px;
}
.markup-packages .box .title:after{
	content:"";
	display:block;
	clear:both;
}
.markup-packages .box .radio{
	width:16px;
	height:16px;
	margin:10px 6px 0 -20px;
	padding:0;
	float:left;
}
.markup-packages .title label{
	float:left;
	font:bold 22px/39px Georgia, "Times New Roman", Times, serif;
}
.markup-packages .price{
	float:right;
	color:#5c9512;
	font:bold 32px/34px "Times New Roman", Times, serif;
}
.markup-packages .holder{overflow:hidden;}
.markup-packages .alignleft{
	float:left;
	margin:0 12px 0 0;
}
.block{
	width:100%;
	overflow:hidden;
}
.padding-b10 {
  padding-bottom:10px;
}
.block h3{
	border-bottom:1px dotted #aeaeae;
	padding:0 0 10px;
	margin:0 0 15px;
}
.block ul{
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
}
.block ul li{
	width:100%;
	overflow:hidden;
	margin:0 0 10px;
	padding:0;
	background:none;
	line-height:22px;
}
/*.block .checkbox,
.block input[type="checkbox"],
.block .radio{
	float:left;
	width:16px;
	height:16px;
	padding:0;
	margin:3px 5px 0 0;
}
.block input[type=radio] {  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity:0;
  opacity:0;
  margin:0 3px 0 -14px;
}*/
.block .checkbox,
.block .radio{ 
  float:left;
  width:18px;
  height:20px;  
  cursor:pointer;
  margin:-2px 4px 0 3px;
  background:url(checkbox.png) no-repeat 0 -20px;
}
.block .radio{ 
  width:14px;
  height:14px;
  margin:3px 5px 0 0;
  background:url(radio.png) no-repeat 0 -14px;
}
/*.block .radio.checked{ 
  background-position:0 0;
}*/
.block label{
	float:left;
	margin:0 5px 0 -20px;
	padding:0 0 0 20px;
}
.block .question{
	float:left;
	width:16px;
	height:17px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../resources/ico_question.png) no-repeat;
	margin:3px 0 0;
}
.block .price{
	float:right;
	font:19px Georgia, "Times New Roman", Times, serif;
	color:#508d01;
}
.hide-area:after{
	content:"";
	display:block;
	clear:both;
}
.hide-area{
	width:100%;
	margin:0 0 30px;
}
.hide-area .info-box{
	width:550px;
	background:#edecec url(../resources/bg_info_box.gif) no-repeat 50% 0;
	overflow:hidden;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:15px 25px;
	text-align:center;
	font-size:19px;
	color:#000;
}
.hide-area .info-box p{line-height:30px;}
.hide-area .info-box a{
	text-decoration:none;
	border-bottom:1px dotted #508d00;
}
.hide-area .info-box a:hover{border:0;}
.hide-area .info-box a:hover{border:0;}
.hide-area .hide-button{
	width:638px;
	margin:-1px 0 0 -20px;
	background:url(../resources/button_show_hide.gif) no-repeat 0 -24px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}
.hide-area .hide-button.active{
	background-position:0 0;
}
.centered-link{
	width:100%;
	text-align:center;
	font-weight:bold;
	margin:0 0 15px;
}
.centered-link a{
	border-bottom:1px dotted #508d00;
	text-decoration:none;
}
.centered-link a:hover{border:0;}
.order-summary{
  background: #fff;
  border-radius: 16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
  box-shadow: 0 0 5px #999999;
  -webkit-box-shadow: 0 0 5px #999999;
	-moz-box-shadow: 0 0 5px #999999; 
  color: #000;
  margin: 0 0 20px 10px;
  padding: 14px 20px 13px;
  position: relative;
  width: 263px;
  font-size:14px;
}
.order-summary h3{
	font:22px Georgia, "Times New Roman", Times, serif;
	margin:0 0 5px;
}
.order-summary p span{color:#508d01;}
.order-summary p sup{
	color:#508d01;
	font-size:20px;
	top:0;
}
.order-summary .section{
	background:url(../resources/bg_sidebar_heading.png) no-repeat 0 100%;
	margin:0 -20px;
	padding:0 20px 20px;
	overflow:hidden;
}
.order-summary .section .right-side {
	float:right;
	position:relative;
}
.order-summary .section .right-side>div {
	display:none;
	position:absolute;
	top:0;
	right:0;
	margin: -5px 0 0 1px;
	width:113px;
}
.order-summary .section .right-side input[type="text"] {
	background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #BFBFBF;
  border-radius: 5px 5px 5px 5px;
  color: #A4A4A4;
  font-size: 12px;
  padding:3px 5px;
	width:66px;
}
.order-summary .section .right-side input[type="button"] {
	float:right;
	margin-left:1px;
	background:#aaa;
  border: 1px solid #444;
  border-radius: 5px 5px 5px 5px;
  color: #efefef;
  font-size: 12px;  
  padding:3px 5px;
	width:30px;
}
.order-summary .section .right-side a{
	border-bottom:1px dotted #508d00;
	text-decoration:none;
	font-size:14px;
  margin-top:-1px;
  display:block;
}
.order-summary .section .right-side a:hover{border:0;}
.order-summary .section .right-side span{font-size:19px;}
.order-summary .section .right-side .mark{color:#ca0000;}
.order-summary .section ul{
	list-style:none;
	padding:0;
	margin:0;
}
.order-summary .section ul li{
	overflow:hidden;
	padding:10px 0;
}
.order-summary .section ul .holder{
	overflow:hidden;
	padding:0 5px 0 0;
	background:url(../resources/divider-section.gif) repeat-x 0 100%;
}
.order-summary .section ul .holder p{
	margin:0;
	background:#fff;
	float:left;
	padding:0 5px 0 0;
}
.order-summary .total{
	width:100%;
	overflow:hidden;
}
.order-summary .total span{
	font:bold 32px/34px "Times New Roman", Times, serif;
	float:right;
	color:#ca0000;
}
.order-summary .total .holder{
	overflow:hidden;
	padding:17px 5px 3px 0;
	background:url(../resources/divider-section.gif) repeat-x 0 100%;
}
.order-summary .total .holder strong{
	background:#fff;
	float:left;
}

/* form settings accordion */

#accordion .col label {
  margin:0 5px 0 -21px;
  padding-left:20px;
}
#accordion h4 {
  width:578px;
  height:40px;
  padding:0 11px;
  line-height:40px;
  margin:0 0 10px 0;
  background:url(accordion_heading.png) no-repeat 0 0;
}
#accordion h4 .container_title {  
  background:url(arrow_04.png) no-repeat 99% 0;
}
#accordion h4.active .container_title {  
  background:url(arrow_04.png) no-repeat 99% -40px;
}
#accordion .container {
  padding-bottom:10px;
}
#accordion .question {
  display:inline-block;
  float:none;
  margin:0 0 -3px 5px;
}
#accordion h4 .question {  
  margin:0 0 -3px 5px;
}
#accordion .container p {
  overflow:hidden;
  padding-bottom:10px;  
  border-bottom:1px dotted #aeaeae;
}
#accordion .col {
  float:left;
  font-size:13px;
}
#accordion .col label {
  width:83%;
  margin-right:0;
}
#accordion .col1 {  
  width:222px;
  padding-left:5px;
}
#accordion .col2 {
  width:106px;
}
#accordion .col3 {  
  width:132px;
}
#accordion .col4 {  
  width:106px;
}
#accordion .red { 
  float:right;  
  color:#ca0000;
  text-align:right;
  font:normal 19px 'Times New Roman', Arial, sans-serif;
}
#accordion .untitled_group .checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-bottom: 8px;
  margin-top: 2px;
}
#accordion .untitled_group span {
  position: relative;
  float: left;
}
#accordion .untitled_group label {
  float: left;
  line-height: 20px;
  margin-left: 25px;
  width: 170px;
}

/* end of accordion */

.details{
	width:100%;
	overflow:hidden;
}
.detail-block{
	width:100%;
	overflow:hidden;
	font-size:12px;
}
.detail-block .title{
	background:#edecec url(../resources/bg_info_box.gif) no-repeat 50% 0;
	overflow:hidden;
	padding:8px 13px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 0 10px;
	cursor:pointer;
}
.detail-block .title .open-close{
	background:url(../resources/btn-open-close.png) no-repeat;
	width:11px;
	height:7px;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	margin:7px 0 0 10px;
}
.detail-block .title .open-close.active{background-position:0 -7px;}
.detail-block h3{
	font:bold 14px/20px Georgia, "Times New Roman", Times, serif;
	margin:0 0 8px;
}
.detail-block .title h3{
	font:bold 16px/18px Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin:0;
	overflow:hidden;
}
.detail-block .detail-hide{
	overflow:hidden;
	padding:0 20px 0 10px;
}
.detail-block .question{
	background:url(../resources/ico_question.png) no-repeat;
	display:inline-block;
  height: 17px;
  margin: 3px 0 0 4px;
  overflow: hidden;
  width: 16px;
	font-size:0;
	line-height:0;
	vertical-align:top;
}
.detail-block .row{
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}
.detail-block .radio,
.detail-block .checkbox{
	float:left;
	width:16px;
	height:16px;
	margin:0;
	padding:0;
}
.detail-block label{
	float:left;
	line-height:17px;
	padding:0 4px 0 10px;
}
.detail-block .right-side{
	float:right;
	color:#ca0000;
	font:19px Georgia, "Times New Roman", Times, serif;
	margin:0 0 0 5px;
}
.detail-block .row .frame{
	float:left;
	background:#fff;
}
.detail-block .row .frame input{
  float:left;
  width:16px;
  height:16px;
  margin:1px 0 0;
  padding:0;
}
.detail-block .row .holder{
	background:url(../resources/divider-section.gif) repeat-x 0 100%;
	overflow:hidden;
	padding:0 5px 3px 0;
}
.left .order_options.result{
	font-size:12px;
	margin:0;
}
.left .order_options.result li.select{
	font:16px/34px Georgia, "Times New Roman", Times, serif;
	padding:0 8px;
}
.left .order_options.result li{
	padding:8px 10px;
}
.left .order_options.result li .pay{
	width:156px;
	text-align:right;
	color:#508d01;
	font:19px Georgia, "Times New Roman", Times, serif;
}
.left .order_options.result li .pay p{
	margin:0;
}
.left .order_options.result li .date{
	font:bold 14px Arial, Helvetica, sans-serif;
	line-height:16px;
}
.left .order_options.result li .date span{
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
}
.left .order_options.result li span{
	color:#000;
}
.left .order_options.result .mark{color:#ca0000;}
.left .order_options.result .total{
	color:#ca0000;
	font:bold 32px Georgia, "Times New Roman", Times, serif;
}
.left .order_options.summary{
	font-size:14px;
}
.left .order_options.summary .pay{margin-top:-5px;}
.package-result{
	width:600px;
	overflow:hidden;
	font-size:12px;
	margin:0 0 18px;
	padding:14px 0 0;
}
.package-result .holder{
	width:577px;
	padding:9px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	float:left;
	margin:0;
}
.package-result .link {
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 52px;
	text-align: center;
	background-position: 0 -55px;
}
.package-result .responsive .link {
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 52px;
	text-align: center;
	background: url(icon_responsive.png) no-repeat 0 -55px;
}
.package-result .made_simple .link {
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 52px;
	text-align: center;
	background: url(icon_made_simple.png) no-repeat 0 -55px;
}
.package-result .existing_blog .link {
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 52px;
	text-align: center;
	background: url(icon_existing_blog.png) no-repeat 0 -55px;
}
.package-result .holder .title{
	width:100%;
	overflow:hidden;
}
.package-result .holder .title .price{
	font:bold 32px "Times New Roman", Times, serif;
	color:#5c9512;
	float:right;
}
.package-result p{
	margin:0 60px 0 0;
}
.package-info {
	float: right;
	width: 510px;
}
.package-result p strong{font-size:14px;}
.package-result .box{
	float: left;
	width: 50px;
	overflow: hidden;
	padding: 8px 2px;
	text-align: left;
}
.package-result .box img{
	margin:9px 0 0;
}
.pay-method{
	width:630px;
	margin:0 -50px 0 0;
	overflow:hidden;
}
.pay-method .box{
	 border: 3px solid #D0ED7D;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	float: left;
	font-size: 12px;
	padding: 8px 10px;
	width: 264px;
	height:33px;
	margin:2px 0;
	margin:0 20px 0 0;
}
.pay-method .change{float:right;}
.pay-method .radio{
	float:left;
	width:16px;
	height:16px;
	margin:8px 7px 0 0;
	padding:0;
}
.pay-method label{
	float:left;
	font-size:16px;
	padding:8px 0 0;
}
.pay-method .box:hover,
.pay-method .box.active{
	background:#F4FFD5;
}
/*14 june login pop up*/
.login_popup .bg_title_member{
	background:url(../resources/bg_title_line_login.png) no-repeat 0 100%;
	width:500px;
}
.login_popup .button{
	background:url(../resources/button_bg_pop_up.png) no-repeat 50% 5px;
	width:520px;	
}
.single_login_form .button {
	margin-bottom: 30px;
}
.my_account_form.single_login_form label {
	width: 156px;
}
.my_account_form label{
	text-align:right;
	width:97px;
	margin:0 8px 0 0;
	font-size:12px;
	white-space:nowrap;
	float:left;
}
.my_account_form .row a{
	float:right;
	line-height:13px;
	font-size:12px;
}
.my_account_form .row.forgot_password{
	padding:4px 0 1px 107px;
	width:263px;	
}
.my_account_form .row.forgot_password input[type=checkbox]{
	float:left;
}
.my_account_form .row.forgot_password label{
	float:left;
	width:auto;
	text-align:left;
	line-height:13px;
	padding:0 0 0 5px;
}
.jcarousel-skin-tango .col_c{
	height:32px;
}
.jcarousel-skin-tango .col_c img{
	width:32px;
}
.order-options span{
	height: 52px;
	width: 40px;
	margin: 0 auto;
}
input, textarea{
  outline-width:0;
}
.button input {
  background:transparent no-repeat;
  height:36px;
  width:263px;
  border:0;
}
.button input.button-login {
  background-image:url(button_14.png);
}
.button input.button-send {
  background-image:url(button_15.png);
}
.button input:hover {
  opacity:0.92;
}
.brief-order .error_top
{
    color:red;
    font-size:12px;
}
.cursor_pointer
{
    cursor:pointer;
}

/* Style_new */
#accordion{
	font-size: 13px;
}
#accordion .colleft{
	width: 222px;
	float: left;
}
#accordion .colright {
	width: 330px;
	font-size: 12px;
	float: left;
}
#accordion .colright span {
	width: 165px;
	margin: 2px 0 7px 0;
	float: left;
}
#accordion .checkbox-area .colright span {
	position: relative;
}
#accordion .checkbox-area .colright label {
	margin: 5px 0 0 22px !important;
}
#accordion .colright span span.radio {
	width: 18px;
	margin: 0;
}
#accordion .colright .checkbox{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
}
#accordion .colright span span.radio {
	width: 18px;
	margin: 2px 0 0 0;
}
#accordion .colright span label {
	width: 130px;
}
#accordion  p.checkbox-area .colright span label {
	margin: 3px 0 0 5px;
}
#accordion .red,
#accordion .settings-area span.red {
	width: 40px;
	margin: 2px 0 0 5px;
}
#accordion .checkbox-area .colright span label {
	padding-left: 0px;
}
#accordion span label {
  margin:0 5px 0 -21px;
  padding-left:20px;
}
#accordion .untitled_group span label {
  margin: 5px 0 5px 25px;
  padding-left: 0px;
}
#accordion .settings-area span.colleft {
	width: 222px;
	font-size: 13px;
	background: #fff;
	float: left;
}
#accordion .settings-area span.colright span label {
	width: 80px;
	margin: 0 0 0 -15px;
	padding: 0 0 0 20px;
}
#accordion .settings-area .colright span {
	width: 110px;
	float: left;
}
#accordion .settings-area .colright span span.radio {
	width: 14px;
}
#accordion .container p {
	padding-bottom: 4px;
}
#accordion .container.settings-area p {
	padding-bottom: 7px;
}

.niceRadio {
 width: 14px;
 height: 14px;
 display: inline-block;
 cursor: pointer;
 background: url(radio.png) 0 -14px;
 overflow:hidden;
}
.radioChecked {
 background-position: 0 0;
}
.niceRadio input {
 margin-left: -17px;
}

#accordion .container .checkbox{
 height:23px!important;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-family: Arial;
	font-size: 12px;
	color: #edecec;
	line-height: 16px;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	/*border: 1px solid rgba(255,255,255,0.25);*/
	background-color: rgb(63,63,63);
	background-color: rgba(63,63,63,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;*/
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 12px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}*/