﻿
.container_12{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height: 800px;}	
.container_12 .grid_4{width:670px; height:170px}
.container_12 .grid_5{width:670px; height:140px; line-height:16px}
.container_12 .grid_8{width:620px}	
.grid_8{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}	
.grid_4{line-height:18px; clear: both;}
.alpha{margin-left:0}

.grid11{
height:760px;
width:640px;
line-height:16px;
text-align:justify;
}
.grid12{
height:760px;
width:640px;
line-height:13px;
text-align:justify;
}

.grid12 li{ margin-left:40px;
padding-top:10px;}

small {
font-size:.9em;
}
a:link {
color:#5b5b5b;
text-decoration:none;
}
a:visited {
color:#5b5b5b;
}
a:hover,a:focus {
color:#111;
text-decoration:underline;
}

h1 {
font-size:1.8em;
}

h2 {
font-size:1.5em;
}

h3 {
font-size:1.2em;
}

h4 {
font-size:1em;
}

li {
list-style:none;
}

h1,h2,h3,h4,h5,h6 {
color: #3C3C3C;
}

img{border:0;outline:0;}

/*-----------------------------------------------------------------------
1.4 Main Content
-------------------------------------------------------------------------*/
#mainContent {
padding-top:40px;
}
/* just remember this, is needed that negative margin? */
#mainContent #leftContent a {
text-decoration:underline;
}
/* No shortcode here */
#mainContent h2 {
font-size:1.5em;
line-height:26px;
margin-bottom:0;
}
#leftContent {
margin-left:-10px;
}
#product-page {
margin-right:-10px;
}
#product-page h1 {
border-bottom:1px dotted #242424;
padding-bottom:5px;
text-transform:uppercase;
}
#product-page p.intro {
font-size:1.2em;
margin-top:20px;
border-top:1px solid #e6e5e5;
border-bottom:1px solid #e6e5e5;
padding:15px 0;
}

#mainContent #product-page h2 {
font-size:1.5em;
line-height:26px;
padding-bottom:5px;
}
#mainContent #product-page h3 {
line-height:26px;
margin-bottom:0;

}
/*********************************************************************************************************
1.4.1 Showcase
**********************************************************************************************************/
#showcase {
position:relative;
zoom:1;

}
.scroll {
height:760px;
width:670px;
overflow:auto;
overflow-x:hidden;
position:relative;
zoom:1;
clear:left;
}
#showcase .scrollContainer div.panel {
height:760px;
}
.img-container {
padding-bottom:17px;
background:url(../images/thumb-container.jpg) no-repeat center bottom;
}
.image-container {
height: 172px;
width: 110px;
border: #CCCCCC 1px solid;
padding: 3px;
margin-bottom: 80px;
margin-right: 10px;
float: left;
}

.image-container1 {
height: 187px;
width: 110px;
border: #CCCCCC 1px solid;
padding: 3px;
margin-bottom: 80px;
margin-right: 10px;
float: left;
}
.image-container2 {
height: 80px;
width: 110px;
padding-top: 20px;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
}
.image-container3 {
height: 125px;
width: 110px;
border: #CCCCCC 1px solid;
padding: 3px;
margin-bottom: 80px;
margin-right: 10px;
float: left;
}
.image-container4 {
height: 93px;
width: 110px;
border: #CCCCCC 1px solid;
padding: 3px;
margin-bottom: 80px;
margin-right: 10px;
float: left;
}
.image-container5 {
height: 119px;
width: 110px;
border: #CCCCCC 1px solid;
padding: 3px;
margin-bottom: 80px;
margin-right: 10px;
float: left;
}
.image-container6 {
height: 108px;
width: 140px;
border: #CCCCCC 1px solid;
padding: 3px;
margin-bottom: 80px;
margin-right: 10px;
float: left;
}
.image-container7 {
height: 240px;
width: 110px;
border: #CCCCCC 1px solid;
padding: 3px;
margin-bottom: 80px;
margin-right: 10px;
float: left;
}
.image-container8 {
height: 125px;
width: 140px;
border: #CCCCCC 1px solid;
padding: 3px;
margin-bottom: 80px;
margin-right: 10px;
float: left;
}
.image-container9 {
height: 140px;
width: 140px;
border: #CCCCCC 1px solid;
padding: 3px;
margin-bottom: 80px;
margin-right: 10px;
float: left;
}
.image-container10 {
height: 155px;
width: 140px;
border: #CCCCCC 1px solid;
padding: 3px;
margin-bottom: 80px;
margin-right: 10px;
float: left;
}

/*********************************************************************************************************
1.5. Sidebar area
**********************************************************************************************************/
#sidebar {
position:relative;
zoom:1;
float:right;
width:250px;
margin-right:10px;
padding-left:36px;
background:url(../images/separator.jpg) no-repeat top left;
height:auto!important;
height:599px;
}
#sidebar-inner {
background:transparent url(../images/sep-sidebar-trans.gif) no-repeat scroll right top;
float:left;
margin-right:10px;
min-height:599px;
height:auto!important;
height:599px;
padding-right:10px;
position:relative;
zoom:1;
width:230px;
}
#sidebar-inner .sidebar-h2 {
text-transform:none;
background:url(../images/rss-trans.png) no-repeat center right;
width:265px;
margin-top:10px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}
#sidebar-inner a {
color:#818181;
font-weight:700;
}
#sidebar a {
color:#818181;
font-weight:700;
}
span.post_name {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 0 4px;
padding-left:14px;
}
#sidebar span.meta {
font-weight:400;
padding-left:10px;
}
/*Inner Sidebar Begins*/
.menu2 {
width:240px;
float:left;
clear:both;
padding-bottom:30px;
}
.menu2 ul {
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
}
.menu2 li {
border-bottom:1px solid #ccc;
}
.menu2 li a:hover {
background: #E6E6E6;
}
#top .menu2 a {
padding:6px 3px;
width:286px;
}
#top #inner_menu .post_name {
font-size:13px;
display:block;
}
#top #inner_menu a,.menu2 a {
display:block;
padding:5px 3px 10px;
text-decoration:none;
}
#sidebar-inner #inner_menu a,#sidebar-inner .menu2 a {
display:block;
padding:0px 3px;
text-decoration:none;
}
#sidebar-inner span.post_name {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 0 6px;
padding-left:14px;
}
ul#inner_menu {
left:86px;
margin-right:27px;
margin-left:-28px;
}


#inner_menu li {
margin-left:30px;}

#mainContent .box3,#mainContent .box4 {
margin-top:54px;
}
/*Internet Explorer 6*/
.ie6 #sidebar {
padding-left:20px;
}
.ie6 #mainContent {
margin-bottom:0;
padding-bottom:0;
}
.ie6 #sidebar {
height:0;
}
.ie6 #mainContent {
margin:0;
}
