/* @override 
	http://localhost:8888/macuser/templates/macuser/css/template_css.css
	http://macuser.in.ua/templates/macuser/css/template_css.css
*/

/**
Made By Alexey Popov
macuser.in.ua Style Sheet
 */
/*Global Resets*/

fieldset {padding:.5em;}
img {border:0;}
a img { }
a img:hover {
	text-decoration: none;
}
ul, li {margin-left:0;padding:0;}
.hidden {display:none;}
/**********************/
/*Clearfix for FF float problem*/
.cf:after {content: "."; /*display: block; */height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */
li{ list-style-type:none;}

#prod_description ul li {
	margin-left: 15px;
	 list-style-type: disc;
}
body{
margin:0;
padding:0;
	background: #efefef url(../images/body-bg.jpg) repeat-x;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/*Layout CSS*/
#wrapper {margin: 0 auto; width:960px; overflow: hidden;}
#wrapper-bot {margin: 0 auto;
}
#bottom-all {width: 100%; margin-top:20px;}

#inner-wrapper-bot {float: left;
	margin-left: 220px;
	 margin: -14px auto 0 auto;
}
#inner-wrapper-bot-2 {padding:10px;
margin: 0 auto;
background: #4e4e4e url(../images/bottom-bg.jpg) repeat-x;
min-height: 180px;
width: 940px;
}
#inner-container { float:left; width:100%;
margin-top: -110px;

}
#inner-bottom { height:100%;padding:20px 7px 35px 7px;
}

/*Outer Columns*/
#outercolumn-l{ 
/*don't change below*/
float: left;
height:100%;
}
#outerpad-l{
position: relative;
z-index:100;
margin-top: 0px !important;
}

#outercolumn-r{ 
/*don't change below*/
float: left;
height:100%;	
}
#outerpad-r{
margin-top:100px;
position:relative;
}

.outer-mod{ width:100%;
}
div.outer-mod.verticalmenu {
	margin-top:  -4px;
	margin-left: 30px;
}
div.floatMenu {
}
#outer-container{
float:left; 
background-color: #fff;
margin-top: 6px;
width: 960px;
/*overflow: hidden;*/
}

/*Left & Right Columns*/

#leftcolumn{
/*don't change below*/
float: left;
position:relative;
}
#left-mod{
width:100%;
}

#rightcolumn{
/*don't change below*/
float: left;
}
#right-mod{
width:100%;


}
#contentframe {width:100%; float:left; padding-top:0px; 
	background: #fff url(../images/body-bg.jpg) repeat-y 1px -100px;
}
#contentframe-1{  
float: left;
width: 100%;
}
#contentframe-2{
}
#contentcolumn{ /*this div is essential - dynamically produced css in index.php */
}
#maincontent-area{width:100%;float:left;}
#mainbody-pad{padding:15px 15px 15px 15px; 
}

#breadcrumb {width: 100%;position:relative;height:0;}
#breadcrumb-inner {padding:10px; text-align:right; position:relative; left:20px;font-size:12px;position:absolute;height:40px;top:67px;color:#fff;}
#breadcrumb a:link, #breadcrumb a:visited {}

#logo {
height:65px;width:200px;
position: absolute;
top:  12px;
margin-left: 20px;
z-index: 101;
}
#search_block {
	position: absolute;
	margin-top: 16px;
	margin-left: 795px;
	z-index: 101;
	width: 170px;
}
#footer-wrapper {clear: both;
	/*background: url(../images/footer-bg.jpg) repeat-x;*/
	font-size: 10px;
	color: #000;
	background-color: #efefef;
	padding-left: 250px;
	padding-right: 20px;
	height: 65px;
	margin-bottom: -12px;
}
#footer-inner {
width: 480px;
background-color: ##efefef;
font-size: 9px;
padding-top: 30px;
/*
margin: 0 auto;
height: 40px;
padding: 15px;
background-color: #efefef;	*/
	}
#footer-inner span {
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 5px;
}
#footer-inner2 {
	float: right;
	margin-top: -45px;
}
#footer-inner2 a {
	color: #999;
	padding: 5px;
}
#footer-inner2 a:hover {
	text-decoration: none;
}
#footer-inner2 img {
	padding-left: 5px;
	padding-top: 5px;
}
#searchmod_frame-outer{position:relative;height:0;}
/* search results -------------------------------------*/
.search_results {
	font-size: 11px;
	color: #666;
}
div.searchintro {
	margin-top: 35px;
	margin-bottom: 10px;
	
}
/*Links*/
#mainbody p {}
a:link, a:visited {color:#3366cc;text-decoration:none;
outline:none;border-bottom:none;}
a:hover{color: #3366cc; text-decoration: underline;}
#bottom-all a:link, #bottom-all a:visited {color:#fff; font-weight: normal;}
span.Tips2, a.linker:link,a.linker:visited {padding-left:20px;background: url(../images/linker.png) 0 50% no-repeat;
border-bottom:none;}
span:hover.Tips, a.linker:hover {text-decoration:none;border-bottom:1px dotted;}
ul li a:link {border-bottom:none;}
ul li a:hover {}
.contentpaneopen .buttonheading a{padding-right:3px;border-bottom:none;}
.contentpaneopen .buttonheading a:hover {padding-right:3px;border-bottom:none;}
.contenttoc {margin:8px;}

/*Typography*/
h1, h2, h3, .componentheading, .contentheading  {
	color: #000;
	font-size: 18px; font-weight:normal;
	line-height: 35px;
	padding-left: 10px;
	margin-top: -1px;
	background: url(../images/header_line.png) repeat-x 0 32px;
	
}

#mainbody-pad table.contentpaneopen tbody tr td.contentheading,span.contentheading {
	color: #000;font-size: 18px; font-weight:normal;
	line-height: 30px;
	padding-left: 10px;
	margin-top: -1px;
	width: 690px;
	background: url(../images/header_line.png) repeat-x 0 26px;

}
	
div.contentheading, div.componentheading {
	margin-bottom: 20px;
}
.sectiontableheader {background:transparent; font-size: 11px; font-weight: normal; line-height: 13px;}
#userscont2 .mosimage_caption{ color:#999;}
.small, .createdate, .modifydate {color:#999; }
pre, .code {padding: 10px 15px;background: #777;margin: 5px 0 15px;border-top: 5px solid #ddd;border-bottom: 5px solid #ddd; color:#fff;}
.dropcap {float: left;padding:7px 11px 0 0;display: block;color: #444; font:60px/40px Georgia, Times, serif;}
.attn {padding-left: 30px;color:#999;background:#222 url(../images/accents/attn.png) no-repeat 3px 50%;line-height:25px;border-top: 5px solid #9D0000;border-bottom: 5px solid #9D0000;}
.info {padding-left: 30px;color:#999;background:#222 url(../images/accents/info.png) no-repeat 3px 50%;line-height:25px;border-top: 5px solid #7CA3AF;border-bottom: 5px solid #7CA3AF;}
.tip {padding-left: 30px;color: #999;background:#222 url(../images/accents/tip.png) no-repeat 3px 50%;line-height:25px;border-top: 5px solid #A3B45E;border-bottom: 5px solid #A3B45E;}
.highlight {color:#000; padding: 0 7px;font-weight: bold;}
ul.checklist {list-style: none;}
ul.checklist li {margin-left: 3px;padding: 0px 0 5px 20px;background: url(../images/accents/check.png) no-repeat 0px 0px;}
ul.checklist ul li {background:url(../images/indent2.png) no-repeat 0 3px;padding:0 0 2px 8px;}
.bubble {clear: both;padding: 5px 15px 10px;position: relative;}
.bubblenum {float: left;margin-right: 8px;padding: 6px 7px;display: block;color: #fff;
background: url(../images/accents/big_number.png) no-repeat top left;font: 20px/normal Arial, sans-serif;font-weight: bold;}
ol li {margin-left: 35px;line-height: 170%;list-style:decimal;font-weight:normal;}

tr.sectiontableentry1 td,td.sectiontableentry1, td.sectiontableentry1solid {padding: 4px;
font-size: 11px;
background-color:transparent;}
tr.sectiontableentry1 td,td.sectiontableentry1 a, tr.sectiontableentry2 td,td.sectiontableentry1 a {
	font-size: 11px;
}
tr.sectiontableentry2 td,td.sectiontableentry2, td.sectiontableentry2solid {padding: 4px;background: url(../images/inputbg.png); color:#000;}

table .contenttoc { background: #eee; float: right; margin:10px; padding: 10px;}

/*imput box, buttons*/
.button, .addtocart_button, .notify_button {
	font-size: 12px;
	color:#666;
	border: none;
	cursor: pointer;
	text-align:center;	
}

input.button.cbButton {
	background: url(../images/button_bg.jpg) no-repeat 0 3px;
	width: 110px;
	height: 33px;
	color: #000;
	padding-bottom: 4px;
	font-size: 10px;
	font-weight: 500;
	margin-top: 30px;
	margin-left: 15px;
	margin-right: 25px;
}
input.button.cbButton:hover {
	background: url(../images/button_bg_hover.jpg) no-repeat 0 2px;
}
.addtocart_button {
	background: url(../images/buttons/addtocart_h.jpg) no-repeat;
	width: 74px;
	height: 33px;
}
.submit_review {
	background: url(../images/buttons/otpr.jpg) no-repeat;
	width: 131px;
	height: 33px;
}
.readon {
float: left;

text-indent:0px;
padding:4px;
font-size: 11px;
margin-left: 185px;

}

a.readon {
	margin-top: -20px;
}

.readon:hover {}

div.write_comment {
	float: left;
	margin-top: -15px;
	width: 500px;
width: 300px;
}
div.write_comment  a {
	color: #333;
	font-weight: bold;
	padding-top: 5px;
}

.inputbox, textarea {
	border: #ccc 1px solid;
	 font-size: 11px;
	 padding:4px; 
	 margin:3px 0;}
fieldset{border:0;}

#topusers {width:100%; float:left;}

/*CSS for Module Space Splitting*/
.topuser {width:100%;text-align:right;}
#userscont1 {width:100%;}
#userscont2 {width:100%; margin:0 auto; }
#userscont2inner {}
#users45container{padding:0; width:100%;float:left; } 
#users45container-inner {}
.user6 {}
.userahalf {float: left;overflow: hidden;width: 49.999%;}
.userbhalf {float: right;overflow: hidden;width: 48.5%; padding-left: 1.0%; /*background: url(../images/modsplit.png) no-repeat 0 50%;*/}
#users45container .userbhalf {margin-top:0px;}
.userathird {float: left; overflow: hidden; width: 33%;}
.userbthird {padding-left: .4%; padding-right: .4%;float: left;overflow: hidden;width: 32%; /*background: url(../images/modsplit.png) no-repeat 0 50%;*/}

.userafourth {float: left;overflow: hidden;width: 25%;}
.userbfourth {padding-left: .4%; padding-right: .4%;float: left;overflow: hidden;width: 24%; /*background: url(../images/modsplit.png) no-repeat 0 50%;*/}
.usersbinner3{width:100%;}

#bottomusers-area {width:100%;float:left; margin-top: 20px;}


#fp_logo-module_frame {}
#fp_logo-module { margin:0; padding:0; background:none;float:left;width: 100%; margin:0;overflow:hidden;height:280px;background: url(../images/fp_logo.png) no-repeat;}

#fp_logo-module .module {color:#fff;padding: 10px 60px;}

/*IMAGE FORMATTING*/

#bottom-all p img {margin:0px;border: 2px solid #006600; }
.img_caption{padding:5px; text-align:center;}
.img_caption img{margin:8px -8px 0 -8px;border: 1px solid #ccc;}


.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}

.tool-title {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	color: #fff;
	padding: 12px 15px 4px;
	background: url(../images/bubble.png) no-repeat top left;
	border-bottom:#222 solid 0px;
}
 
.tool-text {
	font-size: 12px;
	padding: 4px 15px 12px 15px;
	background: url(../images/bubble.png) no-repeat bottom left;
}




#headerwrapper {width:100%; float:left;}
#headerwrapper-inner {margin: 0 auto;}
#header {}

#bottomwrapper {position:fixed;bottom:0; width:100%;background: url(../images/footerarea-bg.png) repeat-x;z-index:200000;padding-top:10px; text-align:center;}
#bottomwrapper-inner {margin: 0 auto;}


/* Layouts ----------------------------------------------------
	inner ---------------------------------------------- */


/*	top-right  block ------------------------------------------ */
#top-right {
	margin-left: 598px;
	margin-top: 15px;
	margin-right: 15px;	
	text-align: right;
	height: 14px;
	font-size: 12px;
	color: #999;
	width: 350px;
}
#top-right a, form#login a {
font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	font-weight: bold;
}
#tr1 div.moduletable a {	}
form#login {
	margin-top: -1px;	
	width: 300px;
font-size: 10px;
	color: #666;
}
#login input.button1 {
	border: none;
	background: none;
	color: #666;
		font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;

}
#login input.button1:hover {
	text-decoration: underline;
	cursor: pointer;
}

div#tr1 {
	float:  left;	
	width: 305px
}
div#tr2 {
	float: right;
}
div#tr2 a {
	font-size: 12px;
	color: #999;
}
div#tr2 img {
	position: absolute;
	margin-left: -25px;
}
.top_separator {
	padding-left: 4px;
}
.enter_site_log {
	padding: 0 2px;
}
/*	top-menu       ------------------------------------------ */
#top-menu {	
	margin-left: 350px;
	position: absolute;
	top: 55px;	
}
/*	user4       ------------------------------------------ */
#user4 {	
width: 100%;
float: left;	
}
/*	user5       ------------------------------------------ */
#user5 {	
position: absolute;
top: 518px;
background: #fff;
border: 1px solid #fff;
margin-left: 490px;
width: 200px;
}
/*	user10       ------------------------------------------ */
div.user10 {
	width: 220px;
	position: absolute;
}

/*	user11       ------------------------------------------ */
div.user11 {
	padding: 10px 5px 15px 5px;
	font-size: 9px;
	color: #ccc;
	line-height: 10px;
	margin-left: 236px;
}
/*	bottom menu       ------------------------------------------ */
#inner-wrapper-bot-4 {padding:10px;
width: 10px;
background: #fff url(../images/body-bg.jpg) no-repeat 236px -400px;
}
#inner-wrapper-bot-5 {float: right; width:100%; background-color: #fff;
z-index:1 !important;
}
/*	Main Page GK News Image 1 Slide Gallery        ------------------------------------------ */
#gk_news_image_1-maingall {
	margin-left: -25px;
	margin-bottom: 20px;
}

#gk_news_image_1-maingall ul.gk_news_image_1_tick_buttons li {
	margin-right:  5px;
}
/*	Virtuemart styles        ------------------------------------------ */
/*	Category        ------------------------------------------ */
.browseProductContainerIMac {
	width: 185px;
	height: 300px;
	margin-right: 40px;
	margin-bottom: 10px;
	text-align: center;
}
table.childlist-styles tbody tr td {/* danger tr td for childlist */
	display: inline-table;
}

#browseProductContainerIMac_bottom a:hover{
	text-decoration: none;
}

#browseProductContainerIMac_bottom a input.button {
	float: right;
	margin-top: 5px;
	background: url(../images/buttons/select_h.jpg) no-repeat;
	width: 83px;
	height: 33px;
	text-indent: -999px;
	margin-right: -10px;
}
#browseProductContainerIMac_bottom span.productPrice {
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}
#cat_prod_img {
	height: 170px;
	margin: 0 auto;
	margin-left: 15px;
}
.browseProductContainerIMac a{
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: center;
	width: 180px;
	display: block;
	margin-top: 5px;
	}
.browseProductContainerIMac a:hover{ 
	text-decoration: underline;
}
.desc {
	/*font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
	color: #666;
	line-height: 12px;
	border-bottom: 1px solid #ccc;
	padding: 2px 5px 5px 5px;
	text-align: left;
	height: 45px;
	padding-bottom: 10px;
}
/* accessories category ---------------------------------------------- */
/* Cat Childlist ---------------------------------------------- */
#child_cat_desc {
	font-size: 11px;
	color: #666;
	line-height: 12px;
	padding: 2px 5px 5px 5px;	
	margin-top: -10px;
	text-align: left;
	visibility: hidden;
}

#child_cat_desc div.cat_desc_none {
	visibility: visible;
}
#tabs  .cat_desc_none{
	display: none;	
}
#tabs {
	margin-top: 50px;
	margin-left: -20px;;
}

div.twoj_tab_content.ui-tabs-panel img{
	padding: 15px;
}

div.twoj_tab_content.ui-tabs-panel {
	padding-top: 15px;
}

/* Product page ----------------------------------------------- */
#prod_full_inf {
	width: 574px;
	float: left;
	border-right:1px solid #ccc;
	height: 335px;	
}
#prod_gall {
	width: 225px;
	float: left;
}
#prod_description {
	margin-left: 227px;
	font-size: 11px;
	color: #666;
	padding: 30px 20px 10px 40px;
	text-align: left;
}
#prod_buy {
	margin-top: 20px;
	margin-left: 15px;	
	float: right;
	width: 105px;
	text-align: left;	
}
#add_to_card {
	position: absolute;
	margin-top: 5px;
}
#prod_buy span.productPrice {
	font-size: 17px;
	font-weight: normal;
	margin-left: 5px;
}
#product_flypage {
	margin-top: -12px;
	border-bottom: 1px solid #ccc;
	height: 335px;
	margin-bottom: 50px;
}
.rating {
	position: absolute;
	top: 425px;
	margin-left: 135px;
}
.rating img {
	margin-left: 85px;
	margin-bottom: 10px;
}
.product_sku_header {
	color: #999;
	font-size: 12px;
	border-left: 1px dotted #ccc;
	padding-left: 5px;
}
span.product_sku_header:before {
		content: "Part No.: ";
}
/* Product page vertical ---------------------------------------- */
div#prod_full_inf.mac-vertical div.rating {
	position: relative;
	margin-left: 390px;
	top: -10px;
}
div#product_flypage.mac-vertical-main {
	height: 100%;
}
div#prod_full_inf.mac-vertical {
	height: 100%;
	float: none;
}
div.mac-vertical #prod_description {
	margin-left: 0px;
	padding: 30px 20px 10px 10px;
}
div#product_flypage.mac-vertical-main div#prod_buy {
		margin-top: 0px;
	margin-left: 590px;	
	top: 160px;
	position: absolute;
}
/* vsig for mac-vertical ----------------*/
div.mac-vertical div.vsig.vsig_0 {
position: relative;	margin-left: 0px;
}
div.mac-vertical .vsig_top img {
	width: 420px;
height: 220px;
margin-bottom: 10px;
}
div.mac-vertical div.vsig_thumb{ float: none;}
div.mac-vertical div.vsig_cont{ float: none; 	}
div.mac-vertical div.vsig_ruler{ float: right; 	margin-right: -95px; margin-top: -5px; }
div.mac-vertical .vsig_thumb img {background: #FFF; 
padding: 7px 7px;
width: 45px;
height: 23px;
}

/* vsig.css ----------------------------------------------------- */
/* ---Very Simple Image Gallery--- */
.vsig {border:0px solid transparent; margin-left: -250px; position: absolute; margin-top: 10px;}
.vsig_clr {clear:both;}
.vsig_cont {padding:0;float:left; margin-top: -20px;}
.vsig_top {position:relative;padding:0px;padding-right:5px;margin-bottom:10px; margin-top: -10px;;}
.vsig_top img {background:#FFF;
margin:0px 0px 0px 0px;padding:4px;z-index:1;
width: 215px;
height: 215px;
margin-left: 15px;
}
.vsig_top a {font-size:0px;line-height:0px;}
.vsig_ruler {float:left;}
.vsig_thumb {float:left; margin-top: 20px;}
.vsig_thumb img {background: #FFF; 
border:1px solid #fff;
margin-left: 15px;
padding:2px 7px 2px 7px;}
.vsig_thumb a img:hover {
	border:1px solid #ccc;
}
.vsig_top div.inside {line-height:0;
font-size:0;
opacity:0.60;
z-index:2;
position:absolute;
left:0px;
bottom:5px;
display:block;
margin-left:5px;
margin-right:5px;
background:#fff;
padding:0px;
border:none;
}
.vsig_top div.outside {z-index:2;position:relative;display:block;margin:0px 5px 0px 5px;}
.vsig span a, .vsig span a:link, .vsig span a:visited, .vsig span a:focus, .vsig span a:hover, .vsig span a:active {text-decoration:none;
line-height:12px;
font-size:12px;
font-weight:bold;
color:#000;
background:transparent;
}
.vsig span + span a, .vsig span + span a:link, .vsig span + span a:visited, .vsig span + span a:focus, .vsig span + span a:hover, .vsig span + span a:active {text-decoration:none;line-height:12px;font-size:12px;font-weight:normal;color:#000;background:transparent;}
.vsig_top div span {line-height:12px;font-size:12px;margin:3px;display:block;font-weight:bold;color:#000;}
.vsig_top div span + span {font-weight:normal;margin-bottom:5px;}
.vsig_ctrls {float:left; visibility: hidden;}
.vsig_ctrls div {display:block;margin: 50px 0px 5px -40px; position: absolute;}
.vsig_ctrl_left a, .vsig_ctrl_right a {}
.vsig_ctrl_left {float:left;margin:0;padding:0;height:22px;width:9%;}
.vsig_ctrl_right {float:right;margin:0;padding:0;height:22px;width:90%;}
.vsig_ctrl_left img, .vsig_ctrl_right img {margin:0;margin-bottom:-6px;padding:0;border:none;}
.vsig_counter {font-size:12px;font-weight:bold;color:#666;background:transparent;}
/* --- END --- */
/* Product page reviews-------------------------------------- */
#reviews {
	padding: 10px;
	color: #666;
	font-size: 9px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 20px 0;
}

#reviews blockquote {
	margin-left: 140px;
	margin-top: -35px;
	color: #000;
	font-size: 11px;
}
.review_author {
	font-weight: bold;
}
div.review_top {
	width: 545px;
	background: url(../images/review_top.png) no-repeat;
	height: 29px;
}	
div.review_bottom{
	width: 545px;
	background: url(../images/review_bottom.png) no-repeat;
	height: 32px;
}
.review_comment {
	margin-left: 11px;
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px solid #95a0ab;
	border-right: 1px solid #95a0ab;
	width: 486px;
	background: #cfcfcf url(../images/review_bg.png) repeat-x;
	opacity: 1;
}
div.review_inf {
	position: absolute;
	margin-left: -150px;
	margin-top: -25px;
}
div.reviews_info_text {
	border-top: 1px solid #ccc;
	font-size: 11px;
	color:  #666;
	padding-left: 40px;
}

#text div.reviews_info_text div.legalinfo {
	margin-left: -40px;
}

/* some Virtuemart styles ----------------------------------------------------- */
/* site login ----------------------------------------------------- */
#reg_form {
	font-size: 11px;
	height: 480px;
}
#reg_form .button {
	margin-right: 250px;
	margin-top: 15px;
	float: right;
}

#submit_login input.button {
	background: url(../images/buttons/login_h.jpg) no-repeat;
	width: 70px;
	height: 33px;
	text-indent:-999px;
}
#tbl2 div.box form input.button {
		background: url(../images/buttons/register_h.jpg) no-repeat;
	width: 131px;
	height: 33px;
	text-indent:-999px;
}
#macuser_reg_img {
	height: 59px;
	background: url(../images/macuser_registr.jpg) no-repeat 395px;
}

#login_label, .formLabel {
	float: left;
	width:40%;
	text-align:right;
	margin: 2px;
	white-space: nowrap;
	clear: left;
	margin-top: 4px;
	padding: 5px;
	margin-left: 5px;
	font-size: 11px;
}
#login_label {
	margin-left: -5px;
}
#login_input, .formField {
		float:left;
	width: 40%;
	margin: 2px;
	margin-top: 0px;
	margin-left: 0px;
}
#login_input {
	margin-left: 2px;
}
#submit_login{
	margin-left: 30px;
}

/* required = ------------------------------- */
.required, .legalinfo, .shop_info, .shop_tip {
	border-top: 1px solid #ccc;
	background: url(../images/tip.png) no-repeat 3px 10px;
	padding: 15px 40px;
	font-size: 11px;
	color: #666666;
	margin-top: 60px;
}
.legalinfo, .shop_info, .shop_tip {
	margin-top: 10px;
	border: none;
}

#vmLogResult div div.shop_info {
	margin-top: -15px;
	background: none;
	margin-left: 15px;
}

#reg_form div.section div.box.visible form div.required {
	margin-left: -20px;
	margin-top: 110px;
}
/* tabs  ------------------------------- */
div#reg_form ul li{
		padding-left: 12px;
	padding-right: 12px;
	font-size: 11px;
	padding-top: 8px;  
	padding-bottom: 8px;
	margin-left: -1px;
}
ul.tabs.active_tabs {
	background-color: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
	padding-top: 3px;
	margin-top: 8px;
}
ul.tabs.active_tabs li.current {
	height: 12px;
}
.inactive_tab {
	 color: #fff; 
  background-color: #ccc;
  	padding-top: 8px; 
	padding-bottom: 8px;
	border: 1px solid #ccc;
	border-bottom: none;
}

/* Basket ----*/
div.empty-basket {
	background: url(../images/tip.png) no-repeat 3px 10px;
	padding: 15px 40px;
	font-size: 11px;
	color: #666666;
}

#full_basket {
	margin-top: -15px;
}
#basket {
	border-top: 1px solid #ccc;
	color: #666;
	font-size: 11px;
	height: 100px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: -0px;	
}

#basket a {
	color: #000;
	font-size: 13px;
	font-weight: normal;
}
#basket a:hover {
	text-decoration: underline;
}
.basket_thumb {
	position: absolute;
}
#basket div.basket_thumb img {
	height: 90px;
	width: 90px;
}
.basket_info {
	margin-left: 125px;	
}

.first_line {
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 7px;
	border-bottom: 1px solid #ccc;
}
.basket_sku {
	color: #999;
}
.cont_link {
	text-align: right;
}
#checkout_total {
	border-top: 1px solid;
	
	border-bottom: 1px solid;
	border-color: #ccc;
	margin-top: 10px;
	text-align: right;
	font-size: 11px;
	padding: 8px 6px;
}
.checkout_link {
	margin-top: 10px;
	float: right;
	background: url(../images/buttons/checkout_h.jpg) no-repeat;
	width: 119px;
	height: 33px;
	text-indent:-999px;
	cursor: pointer;
	border: none;
}
.basket_subtotal {
text-align: right;
font-weight: bold;
padding-bottom: 2px;
color: #000;
}
div.delete_form {
	margin-top: -5px;
	float: right;
}
.delete_form input {
	border:none;
	background: none;
	color:#3366cc;
	cursor: pointer;
}
.delete_form input:hover{text-decoration: underline;}

#basket div.basket_info div.delete_form form input.inputbox {
	border: 1px solid #ccc;
	padding: 1px;
	color: #000;
	text-align: right;
	position: absolute;
	margin-top: -25px;
	margin-left: -80px;
	cursor: inherit;
}
#basket div.basket_info div.delete_form form input.inputbox:hover {
	text-decoration: none;
}
.cart_subtotal {
	font-size: 11px;
	color: red;
	border-bottom: 1px solid #ccc;
}
/* blog styles ------------------------------------*/
#mainbody-pad table.contentpaneopen tbody tr td p span, #mainbody-pad table.contentpaneopen tbody tr td p span span  {/*  to fix TINY redactor */
	font-size: 11px !important;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
}

#mainbody-pad table.contentpaneopen tbody tr td p span span img, #mainbody-pad table.contentpaneopen tbody tr td p span img {
	margin-left: 120px; /*  to center images */
}

#mainbody-pad table.blog tbody tr td table tbody tr td.article_column table.contentpaneopen tbody tr td p span img {
	margin-left: 0px; /*  fix for blog images */
}
span.contentheading {
	width: 480px;
	display: block;
	margin-bottom: 10px;
		color: #333;
	font-size: 14px;
	margin-top: 2px;
}
tr.sectiontableentry2 {
	background-color: #efefef;
}
tr.sectiontableentry2 a, tr.sectiontableentry1 a {
	color: #000;
}
tr.sectiontableentry2 a:hover, tr.sectiontableentry1 a:hover  {
	color:#3366cc;
}
tr.sectiontableentry1
span.date-minidate {
	color:  #999;
}
#mainbody-pad table.contentpaneopen tbody tr td {
	padding: 0 10px;
}
td.createdate div{
	margin-top: -15px;
}
a.contentpagetitle {
	color: #333;
	font-size: 14px;
}

#mainbody-pad table.blog tbody tr td table tbody tr td.article_column table.contentpaneopen tbody tr td.createdate {
	float: right;
	margin-top: -22px;
	font-size: 11px;
	color:  #000;
}
#mainbody-pad table.blog tbody tr td table tbody tr td.article_column table.contentpaneopen {
	width: 450px;
	font-size: 11px;
	color: #666;
}

.article_column img {	
	margin-right: 10px;
	float: left;
}
/* account inf -------------------------------------------*/
div.account_inf_text {
	font-size: 13px;
	border-top: 1px solid #ccc;
	padding: 10px 5px;
	margin-bottom: 10px;
	margin-top: 30px;
	padding-top: 20px;
}
.acc_img_inf a {
	background: url(../images/view.png) no-repeat;
	width: 26px;
	height: 27px;
	display: block;
	margin-bottom: -5px;
	float: left;
}
.acc_img_inf a:hover {
	background: url(../images/view_h.png) no-repeat;
	text-decoration: none;
}
.acc_account_info {
	font-size: 14px;
	padding: 0 0 5px 15px;
}
.acc_upd_bill {
		font-size: 11px;
	padding: 10px 0 15px 15px;
	color: #666;
	display: block;
}
/* buttons -----------------------------------------------------*/
input.button_submit_checkout {
	background: url(../images/buttons/submit_check_h.jpg) no-repeat;
	width: 133px;
	height: 33px;
	text-indent:-999px;
	cursor: pointer;
	border: none;
}
input.save_acc {
background: url(../images/buttons/save_h.jpg) no-repeat;
	width: 93px;
	height: 33px;
	text-indent:-999px;
		cursor: pointer;
	border: none;
	margin-left: 355px;
}
}
/* Characteristics tab ------------------------------------------*/
div.char_tab table td img{
}
div.char_tab table tbody tr td img {
padding: 0px !important;	
}

.darker {
	background-color: #efefef;
}
td.lighter {
	border-right: 1px solid #efefef;
}
td div.char_tab table tbody tr.darker td {
	border-right: 1px solid #fff;	
}
.bold {
	font-weight: bold;
	text-align: center;
	color: #000;
}
div.char_tab a {
	color:  #666;
}
div.char_tab a:hover {
	
	color:  #000;
	text-decoration: underline;
}
div.char_tab strong {
	margin-left: 10px;
	display: block;
	color: #999;
}
/* accessories_tab-----------------------------------------*/
div.accessories_tab {
	color: #666;
	font-size: 11px;
	width: 220px;
	height: 110px;
	margin-bottom: 25px;
}

div.accessories_tab h3 {
	background: none;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	padding-top: 25px;
}
div.accessories_tab a {
	text-align: left;
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
	height: 50px;
	color: #666;
}
div.accessories_tab a:hover {
	color:#3366cc;
}
div.accessories_tab img, div.access_cat_img {
	padding: 0px 20px 20px 10px;
	width: 90px;
	float: left;
	height: 90px;
}
span.acessories_price {
	padding-top: 5px;
	display: block;
	color: black;
	font-weight: bold;	
}
/* video -----------------------------------------*/
div.video_tab {
	margin-top: 10px;
}
div.video_tab a {
	display: block;
	width: 165px;
	height: 99px;
		float: left; 
	margin: 0 20px 20px 0px;
}
div.video-hover {
	position: absolute;
		width: 165px;
	height: 99px;
}
div.video-hover a:hover {
	background: url(../images/2-1.png) no-repeat 50% 50%;
}
div.video_tab a:hover {
	text-decoration: none;
}

div.video_tab span {
	color: black;
	display: block;
	font-size: 14px;
	padding-bottom: 15px;
}
/* downloads -----------------------------------------*/
#downloads {
	margin-top: 10px;
}
#downloads a {
	font-size: 11px;
	color: #000;
}
div.download_item, div.item-folder, div.item-pdf, div.item-dmg, div.item-zip {
	float: left;
	width: 80px;
	text-align: center;
	margin: 20px 15px 30px 15px;
	height: 90px;
}
div.download_item a img {
	padding-bottom: 10px;
}
/* downloads sub folders-----------------------------------------*/
div.item-folder {
	background: url(../images/item-folder.png) no-repeat 50% 0;
}
div.item-folder a  {
	width: 80px;
	padding-top: 52px;
	text-align: center;
	position: absolute;
}
/* downloads user manuals-----------------------------------------*/
div.item-pdf {
	background: url(../images/item-pdf.png) no-repeat 50% 0;
}
div.item-pdf a, div.item-dmg a,div.item-zip a {
		width: 80px;
	padding-top: 64px;
	text-align: center;
	position: absolute;
}
/* downloads PO-----------------------------------------*/
div.item-dmg {
	background: url(../images/item-dmg.png) no-repeat 50% 0;
}

div.item-zip {
	background: url(../images/item-zip.png) no-repeat 50% 0;
}
/* downloads breadcrumps-----------------------------------------*/
div.download-breadcrumps {
	margin-top: 50px;
	float: left;
	font-size: 9px;
	color:  #666;
	width: 665px;
	padding-left: 25px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
div.download-breadcrumps a {
	color:  #666;
	background: url(../images/item-folder-mini.png) no-repeat 0 25%;
	height: 20px;
	padding: 5px 5px 0 26px;
	float: left;
}
div.down-bread-final {
	color:  #666;
	background: url(../images/item-folder-mini.png) no-repeat 0 25%;
	height: 20px;
	padding: 5px 15px 0 26px;
	float: left;
}
div.down-bread-arrow {
	background: url(../images/arrow.png) no-repeat 0 40%;
	height: 20px;
	padding: 5px 7px 0 0px;
	float: left;
}
/* contacts page ------------------------*/
#contacts_map {
	margin-left: 10px;
	margin-top: 10px;;
}
#map-hover {
	position: absolute;
	margin-top: 10px;
	margin-left: 555px;
}
#map-hover a {
	display: block;
	width: 108px;
	height: 30px;
	background: url(../images/map.jpg) no-repeat;
}
#map-hover a:hover {
	background: url(../images/map-hover.jpg) no-repeat;
}
div.contacts_label {
	font-weight: bold;
	padding-right: 60px;
	float: left;
	padding-bottom: 30px;
	padding-left: 10px;
	color:  #333;
	font-size: 11px;
}
div.contacts_bottom div.contacts_label {
	padding-bottom: 15px;
	padding-right: 30px;
	color:  #333;
	font-size: 11px;
}
div.contacts_label2 {
	font-weight: bold;
	float: left;
	padding-right: 210px;
	padding-bottom: 15px;
	font-size: 11px;
	margin-left: 20px;
}
div.contacts_bottom {
	margin-top: 10px;
	border-top:  1px solid #ccc;
	padding-top: 10px;
	color:  #333;
}
div.contacts_bottom table {
	float: left;
	margin-left: 130px;
	font-size: 11px;
}
/* Price list page  ---------------------------------- */

#print-me a img {
	margin-left: 650px;
	position: absolute;
	margin-top: -30px;
	}

#price_list {
	font-size: 11px;
	color:  #333;
}
#price_list a {
	color:  #333;
}
#price_list a:hover {
	text-decoration: underline;
	color:#3366cc;
}
#price_list  h1 {
	margin-bottom: -1px;
}
#price_list  h3 {
	background: none;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	line-height: 25px;
	padding-top: 25px;
	margin-bottom: 20px;
}
.price_list_headers {
	font-weight: bold;
	background-color: #efefef;
}
.price_list_headers td {
	padding: 5px 10px 5px 10px;

}
#price_list table tbody tr.price_list_headers td {
	border-right: 1px solid #fff;
}
#price_list td {
	padding: 3px 10px 3px 10px;
	border-bottom: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
#price_list table tbody tr td.price_list_last_col {
	border-right: none;
}
/* Main Page TOP Products ---------------------------------- */
#main_top_ten {
	border: 1px solid #ccc;
	padding: 10px 7px 3px 7px;
	width: 200px;
	margin-top: 5px;
}
#main_top_ten h6 {
	color:  #333;
	font-size: 15px;
	padding-left: 12px;
	margin: 0 0 -1px 0;
	background-color: #ccc;
	display: block;
	height: 25px;
	padding-top: 8px;
	margin-left: -7px;
	margin-right: -7px;
	margin-top: -10px;
}
#main_top_ten img {
	width: 69px;
	height: 59px;
	float: left;
	padding-right: 10px;
}
#main_top_ten a {
	display: block;
	font-weight: 600;
	width: 105px;
	font-size: 11px;
	color: #666;
	height: 55px;
	padding-left: 75px;
	padding-right: 15px;
	margin-bottom: 4px;
	background: url(../images/arrow1.png) no-repeat 100% 45%;
}
#main_top_ten a:hover {
	text-decoration: underline;
	color: #3366cc;
}
div.top-prod {
	border-top: 1px solid #ccc;
	padding-top: 2px;
}
/* Pagination ---------------------------------- */
div.pagination-style {
	padding-top: 15px;
	width: 330px;
	float: left;
	padding-right: 100px;
}
div.pagination-style a {
	font-size: 12px;
	color: #999999;
	padding: 0px 3px;
}
span.pagenav {
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}
div.pagination-start,
div.pagination-prev, 
div.pagination-next, 
 div.pagination-end {
	text-indent:-999px;
		padding: 3px 5px;
	border: 1px solid #fff;	
	margin-top: -3px;
}

a.pagenav div.pagination-start:hover, 
a.pagenav div.pagination-prev:hover, 
a.pagenav div.pagination-next:hover,
a.pagenav div.pagination-end:hover {
	border: 1px solid #ccc;
}
div.pagination-start {
	background: url(../images/pagination/left-inact.png) no-repeat 50% 50%;
	width: 12px;
	height: 13px;
	float: left;
}
a.pagenav div.pagination-start {
	background: url(../images/pagination/left-active.png) no-repeat 50% 50%;
}
div.pagination-prev {
	background: url(../images/pagination/prev-inact.png) no-repeat 50% 50%;
	width: 10px;
	height: 13px;
	float: left;
}
a.pagenav div.pagination-prev {
	background: url(../images/pagination/prev-active.png) no-repeat 50% 50%;
}
div.pagination-next {
	background: url(../images/pagination/next-inact.png) no-repeat 50% 50%;
	width: 10px;
	height: 13px;
	float: right;
}
a.pagenav div.pagination-next {
	background: url(../images/pagination/next-active.png) no-repeat 50% 50%;
}
div.pagination-end  {
	background: url(../images/pagination/right-inact.png) no-repeat 50% 50%;
	width: 12px;
	height: 13px;
	float: right;
}
a.pagenav div.pagination-end {
	background: url(../images/pagination/right-active.png) no-repeat 50% 50%;
}

div.pagination-results {
	width: 120px;
	color: #999999;
	font-size: 12px;
	margin-top: -18px;
	padding-left: 340px;
	margin-bottom: 20px;
}
/* Pagination for search results---------------------------------- */
#search_results_pagination {
	margin-top: 33px;
	position: absolute;
}
/* Article archive    ---------------------------------- */
#article-arch {

}
/* blog_block ---------------------------------- */
#blog_block {
	position: absolute;
	margin-left: 475px;
	top: 160px;

}
/* #vmMainPage ------------------------------------- */
#vmMainPage, #mainbody-pad {
	font-size: 11px;
}
/* gallery-tab ------------------------------------- */
#gallery-tab a img {
	padding: 6px;
	width: 151px;
	height: 87px;
}
#gallery-tab a img:hover {
		padding: 5px;
	border: 1px solid #ccc;
}
#twoj_container-3 table.contentpaneopen tbody tr td {
	padding: 0px;	
}

div.char_tab table tbody tr td { /* -characteristics tab padding -- */
	padding: 5px !important; 
}

/* Firefox fixes----------------------------------------------- */
@-moz-document url-prefix() {

#inner-wrapper-bot {
 margin: -15px auto 0 auto;
}
.browseProductContainerIMac {
	margin-right: 30px;
	float: left;
}

table.childlist-styles tbody tr td {
display: table-cell;
}

div.item-folder a  {
	margin-left: -40px;
}

div.item-pdf a, div.item-dmg a,div.item-zip a {
margin-left: -40px;
}

}
/* end of firefox fixes ----------- */