/* CSS Document for MK Digital Direct Website - Ecommerce page */
/* ------------- "generic" styles */
.margin-right-10 {margin-right: 10px;}
.margin-left-10 {margin-left: 10px;}
.margin-top-10 { margin-top: 10px;}
.margin-bottom-10 { margin-bottom: 10px;}
.gray-righ-line {border-right: 1px solid #ccc;}
.topBottomBorder {border-bottom: 1px solid #999; border-top: 1px solid #999; 
	margin-top: 10px;  margin-bottom: 10px; padding-top:10px; padding-bottom: 10px;}
/* ------------------------------ MAIN CONTENT STYLE-----------------------------------------*/
#ecommercepkgs table .padding {padding: 4px;}
#ecommercepkgs table ul li{ margin-left: -20px;}
#ecommercepkgs .benefitsbg {background-color: #FC3;}
#ecommercepkgs .benefitsbg2 {background-color:#F90;}
#ecommercepkgs .benefitsbg3 {background-color:#900;}

/* --------------- TEMPLATES STYLES------------------------- */
#templateimg { position: relative; float: left; width: 200px; margin: 0px auto; height: 150px;}
#templatedesc { position: relative; float: left; width: 170px; padding-left: 17px; padding-bottom: 20px;}
#templatepremium { position: relative; width: 200px; margin: 0px auto; height: auto;}
#template-middle { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px;}
/* ------------------------------ TAB CONTENT for MAIN TABS-----------------------------------------*/
.tabs-products {padding: 3px 0px;  	margin-left: 0px; 	margin-bottom: 0px;}
.tabs-products li{	display: inline; margin: 0px; font-size: 10px;}
.tabs-products li a{	position: relative;	top:0px;	z-index: 3; border: 1px solid #606;
	font-size: 13px; 	padding: 3px 7px;	 color: #000;
	margin-right: 3px;	text-decoration: none;
	background-image:url(../images/shared/shade-purple.gif);
	background-position: 0px -8px;
}
.tabs-products li a:hover{	text-decoration: underline;}
.tabs-products li a.selected{ /*selected main tab style */
	position: relative;		top:0px; font-weight: bold; font-size: 13px;
	background-image:url(../images/shared/shadeactive-purple.gif);
	background-position: top;	border-bottom: 1px solid white;  
}
.tabs-products li a.selected:hover{text-decoration: _none; /*selected main tab style */}

#purpleborder {
	position: relative;	 padding: 10px; top: -1px; border: 1px solid #606; /**/ 
	height:100%; min-height: 530px; width: auto; _height:100%; _width: auto; z-index: 1;}

/* --------------- TAB CONTENT & SHADE TABS BENEFITS & FEATURES------------------------- */
#menu-icons {
	position: relative;
	float:left;
	background: url(../images/mk-boxes/main/vertical_gray_line.gif) repeat-y 200px 0; 
	min-height: 410px; height:410px;	width: 240px; 
	_height: 410px; _width: 240px;
}
#benefitsfeatures{ /*style of tab content oontainer*/
position: absolute;
left: 250px; /*sets the position of the CONTENT Sections*/
width: 550px; /* Total Lengh for entire section left of page is 560 px */
margin-bottom: 1em;
padding: 5px 0px;
font-size: 13px;
height: auto;
/*border: 1px solid gray; */
}
#benefitsfeatures #halfcolumn { width: 50%; float: left; position: relative; /*height: 350px; */ }
#benefitsfeatures ul li { font-size:12px; line-height: 1.7em; margin-bottom: 8px;}

#benefitsfeatures2{ /*style of tab content oontainer*/
position: relative;
/*sets the position of the CONTENT Sections*/
width: 800px; /* Total Lengh for entire section left of page is 560 px */
margin-bottom: 1em;
padding: 5px 0px;
font-size: 13px;
height: auto;
/*border: 1px solid gray; */
}
#benefitsfeatures2 #halfcolumn {position: relative; width: auto;   /*height: 350px; */ }
#benefitsfeatures2 ul li { font-size:12px; line-height: 1.7em; margin-bottom: 8px;}

#product-title {position: relative; width: auto; 	border:1px solid white;	z-index: 98;
				border-bottom: 1px solid #999; 		margin:0 0 0px 5px; 	padding: 0px;}
#product-title p { position: absolute; top: 5px; right: 5px; color:#606; }
#product-feature-title {border-bottom: 1px solid #CCC; padding-bottom: 0px; margin-bottom: 4px;}
#product-feature-title img {margin-right: 10px;}
.shadetabs{	padding: 3px 0;	margin-left: 0;	list-style-type: none;	text-align: left; /*set to left, center, or right to align the menu as desired*/	vertical-align:middle;
}
.shadetabs li a{	display: block; 	font-weight: bold; 
	height: 40px;	text-decoration: none;	/*padding-top: 3px;  Padding for the TOP of icons and text*/
	background-image:url(../images/mk-boxes/main/icons_line.png);	background-position: bottom left;
	background-repeat: no-repeat;
}
.shadetabs li a img{	position: relative;	float: left;	top: 8px;	Left: 10px;}
.shadetabs li a p{	position: relative;	width: 200px;	top: 10px;	left: 25px;}
.shadetabs li a:visited{color: #2d2b2b;}
.shadetabs li a:hover{text-decoration: underline;color: #2d2b2b;}
.shadetabs li a.selected{ /*selected main tab style */position: relative;top: 1px;
	background-image: url(../images/mk-boxes/main/selector.png);	background-repeat: no-repeat;
	border-bottom-color: white;}
.shadetabs li a.selected:hover{ /*selected main tab style */text-decoration: none;}


.tabcontent{display:anone;}
.tabcontent2{display:none;}


@media print {
.tabcontent {
display:block !important;
}
.tabcontent-printer {
display:block !important;
}
.tabcontent2 {
display:none !important;
}

.tabcontent2-printer {
display:block !important;
}

}