html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    padding: 0px 0px 0px 0px;
    background: #888;
    font-size: 14px;
    font-weight: normal;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#body-bg {
    width: 100%;
    min-height: 100%;
    height: auto;
    padding: 20px 0px 40px 0px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: auto;
}
body,
#body-bg {
    /* START: a fix for the clicking bug in IE7 which is caused by the position:relative from .theme-customize-target */
    //position: static !important; 
    /* END: a fix for the clicking bug in IE7 */
}
img {
    border: 0;
}
ul, li {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    outline:none;
}
.clear {
    height: 0px;
    padding: 0px;
    margin: 0px;
    border: none;
    clear: both;
}
#wrapper {
    margin: 0px auto; padding: 0;
    width: 960px;
    min-width: 640px;
    height: 100%;
}
#header {
    /* START: a fix for z-index bug in IE7, to allow the top subnav floating over the image area */
    position: relative;
    z-index: 2;
    /* END: a fix for z-index bug in IE7 */
    //zoom: 1; /* Without this style, the topbar is always transparent in IE7. */
}
#logo {
    float: left;
    width: 190px;
    height: 150px;
    /*background: #ddd;*/
}
#logo > a > img {
    width: 190px;
    height: 150px;
}
#header > .panel {
    margin-left: 190px;
    height: 150px;
    background-color: #fff;
    position: relative; /* This makes the header-flash positions correctly. */
}
#header #siteinfo {
    padding: 5px;
    position: relative; /* This makes the #siteinfo float over the header-flash. */
}
#header #sitename {
    margin: 5px 0px;
    padding: 0px;
    min-height: 40px;
    font-size: 40px;
    font-weight: bold;
    font-family: RSU;
    line-height: 1em;
}
#header #tagline {
    margin: 5px 0px;
    padding: 0px;
    min-height: 16px;
    font-size: 16px;
}
#header-flash {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#header-flash-object {
    position: absolute;
    right: 0px;
}
#header-images {
    padding-left: 3px;
    position: absolute; /* This makes the header-images float over the header-flash. */
    bottom: 10px;
}
#header-images > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#header-images > ul > li {
    float: left;
    width: 105px;
    height: 63px;
    margin-right: 1px;
}
#header-images > ul > li:nth-child(8),
#header-images > ul > li:nth-child(9) {
    display: none;
}
/* START: a workaround for nth-child in IE7 & IE8 */
#header-images > ul > li + li + li + li + li + li + li + li,
#header-images > ul > li + li + li + li + li + li + li + li + li {
    display: none;
}
/* END: a workaround for nth-child in IE7 & IE8 */
#header-images > ul > li > img {
    width: 105px;
    height: 63px;
}
#header-images > ul > li > img.no-image {
    display:none;
}
#header > #topbar {
    float: left;
    background: #000;
    margin: 0px;
    padding: 0px;
    min-height: 35px;
    height: auto; /* We cannot fix the height here because the top menu can be wrapped to multiple lines. */
    width: 100%; /* This is required to fix the IE7 "hasLayout" bug. See http://www.satzansatz.de/cssd/onhavinglayout.html#rp */
    z-index: 2;
}
#sidebar {
    float: left;
    width: 180px;
    min-height: 250px;
    padding: 10px 5px 5px 5px;
    color: #fff;
    background-color: #222;
    border-radius: 0px 0px 10px 0px;
    /* START: a fix for z-index bug in IE7, to allow the side subnav floating over the image area */
    z-index: 1;
    /* END: a fix for z-index bug in IE7 */
    behavior: url(/modules/helper/PIE/PIE.htc);
}


#sidebar ul.widgets {
    list-style: none;
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    clear: both;
}
#sidebar ul.widgets > li {
    margin: 5px 0px;
    width: 180px;
    min-height: 35px;
    text-align: center;
    display: list-item;
    background-color: transparent;
}
#sidebar ul.widgets li.form input[type=text],
#sidebar ul.widgets li.form textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#sidebar ul.widgets .widget-item {
	position: relative;
}

#sidebar ul.widgets > li > .widget-item > .search-form .keyword {
    background: url(/modules/main/images/readyplanet_search_engine.gif) no-repeat scroll left center #FFFFFF;
    width: 170px;
	margin: 0px 0px 5px 0px;
	border: solid 1px #bbb;
    border-radius: 4px;
	line-height: 1.5em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#sidebar ul.widgets > li > .widget-item > .search-form input[type=button] {
	border-radius: 5px;
	padding: 5px 10px;
}
#sidebar ul.widgets > li > .widget-item > .tag-cloud-widget-container .tag-cloud-show {
	border-radius: 5px;
	padding: 5px 10px;
}

/*--widget tag cloud--*/
#sidebar ul.widgets > li.tag-cloud {
	min-height: 250px;
	overflow: hidden;
}
#sidebar ul.widgets > li.tag-cloud ul.tag-cloud {
    text-align: left;
}
#sidebar ul.widgets > li.tag-cloud ul.tag-cloud > li a {
    text-decoration: none;
}
#sidebar ul.widgets > li.tag-cloud ul.tag-cloud > li a:hover {
    text-decoration: underline;
}

/*--widget best-sellers--*/
.widget-item > .best-sellers-container > h3{
    font-size: 24px;
	margin: 5px 0;
	text-align: center;
}
.widget-item > .best-sellers-container > ol {
    text-align: left;
	padding-left: 30px;
}
.widget-item > .best-sellers-container li  a:hover {
    text-decoration: underline !important;
}

/*--widget popular contents--*/
.widget-item > .popular-contents-container > h3 {
	font-size: 24px;
	margin: 5px 0;
	text-align: center;
}
.widget-item > .popular-contents-container  ol {
	text-align: left;
	padding-left: 30px;
}
.widget-item > .popular-contents-container li  a:hover{
	text-decoration: underline !important;
}
.widget-item > .popular-contents-container select {
	border: 1px solid #BBBBBB;
    border-radius: 4px 4px 4px 4px;
	margin-bottom: 5px;
    width: 80px;
}

/*--widget member-login form--*/
.widget-item #member-login-wrap {
	padding: 15px 0;
}
.widget-item #member-login-wrap h3 {
	font-size: 24px;
    margin: 5px 0;
    text-align: center; 
}
.widget-item #member-login-wrap .facebook-login {
	text-align: center;
}
.widget-item #member-login-wrap .facebook-login img {
	width: 170px;
}
.widget-item #member-login-wrap ul li {
	list-style-type: none;
    min-height: 30px;
    padding: 5px;
    text-align: left;
}
.widget-item #member-login-wrap label{
	font-size: 14px;
    font-weight: normal;
    width: 120px;
}
.widget-item #member-login-wrap ul li select{
	border: 1px solid #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    /*float:left;*/
    width: 80px;
}
.widget-item #member-login-wrap ul li input[type=text],
.widget-item #member-login-wrap ul li input[type=password] {
	border: 1px solid #BBBBBB;
    border-radius: 4px 4px 4px 4px;
	height: 20px;
	width: 170px;	
}
.widget-item .member-box {
	/*float: left;*/
}
.widget-item .member-box .submit {
	display: inline;
}
.widget-item .member-box .signup {
    text-align: left;
}
.widget-item .member-box .signup > a {
	font-size: 14px;
	padding: 10px;
	text-decoration: none;
}
.widget-item .member-box .signup > a:hover {
	text-decoration: none;
}
.widget-item .member-box input[type=button],
.widget-item .member-box input[type=submit] {
	border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    padding: 5px 10px;
    /*float: right;*/
    width: 170px;
}
.widget-item input,
.widget-item select {
	font-family: Tahoma;
    font-size: 13px;	
}
.widget-item #member-menu-wrap {
	/*padding: 10px 0;*/
	display: block
}
.widget-item #member-menu-wrap .member-menu-title {
	margin: 5px 0;	
}
.widget-item #member-menu-wrap .member-menu-title img{
	/*vertical-align: middle;*/
}
.widget-item #member-menu-wrap .member-menu-title h3{
	font-size: 24px;
    text-align: center;
    /*display: inline;*/
    vertical-align: middle;
}
.widget-item #member-menu-wrap ul {
	list-style-type: none;
	clear: both;
	padding: 5px;
}
.widget-item #member-menu-wrap ul > li {
	clear: both;
	/*float: left;*/
	/*background-color: #333;*/
	margin: 3px 0px;
	padding: 5px 15px 0px 5px;
	width: 145px;
	height: auto;
	min-height: 15px;
	text-align: left;
	display: list-item;
	position: relative;
	border-radius: 5px;
	behavior: url(/modules/helper/PIE/PIE.htc);
	overflow: visible;
}
.widget-item #member-menu-wrap ul > li:hover {
	/*background-color: #444;*/
    z-index: 1 !important;
    box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.5);
    box-shadow: none\0; /* disabled the box-shadow in IE8 */
    //box-shadow: none; /* disabled the box-shadow in IE7 */
}
.widget-item #member-menu-wrap ul > li > a {
	text-decoration: none;
	display: list-item;
    line-height: 1em;
    /*padding: 2px 20px;*/
}
.widget-item #member-menu-wrap ul > li > a:hover {
	text-decoration: none;
}
.widget-item #member-menu-wrap hr{
	border-bottom: 0px;
	clear: both;
}

#midbar {
    float: left;
    /* START: a fix for z-index bug in IE7, to allow the side subnav floating over the image area */
    position: relative;
    /* END: a fix for z-index bug in IE7 */
    behavior: url(/modules/helper/PIE/PIE.htc);
}
/* START: View Cart Box */
.viewcart-box {
    padding: 5px;
    margin: 0px 0px 10px 0px;
    text-align: center;
    color: #fff;
    background-color: #444;
    background-image: url(/modules/main/images/shoppingcart.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 30px;
    box-shadow: 5px 5px 7px rgba(0,0,0,0.7);
    //filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=5);
}
.viewcart-box a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
.viewcart-box a:hover {
    color: #fed22f;
    text-decoration: underline;
}
#viewcart-box-no-sidebar {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 180px;
}
/* END: View Cart Box */
#content {
    padding: 0px;
    background: #fff;
    overflow: visible;
    position: relative; /* IMPORTANT: Do not delete this style. It makes all the elements under #content clickable in IE7. */
    //zoom: 1; /* IMPORTANT: Without this, the #content will not be displayed in IE7. */
}
#content .breadcrumb {
    float: left;
    font-size: 14px;
    margin: 0px;
    padding: 10px;
    width: 750px;
}
#content .breadcrumb > a {
    text-decoration:none;
}
#content .breadcrumb > a:hover {
    text-decoration:underline;
}
#content .breadcrumb > small {
    font-size: 0.5em;
    vertical-align: middle;
}
#content > .title {
    margin: 0px;
    padding: 10px;
    width: 750px;
    float: left;
    font-size: 24px;
    font-weight: bold;
    font-family: RSU;
    line-height: 1em;
}

#content > .access_denied{
    width: 940px;
}

#content > .content-tag-title {
    margin: 0px;
    padding: 0px 10px;
    width: 750px;
    float: left;
}
/* ------- .images-area ----------- */
#content .images-area {
    float: left;
    width: 321px;
    height: auto;
    padding: 0px;
    margin: 0px 10px 10px 0px;
}
#content .images-area.right {
    float: right;
    margin: 0px 0px 10px 10px;
}
#content .images-area > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#content .images-area > ul > li {
    float: left;
    width: 103px;
    height: 61px;
    margin: 1px;
    padding:1px;
    position: relative; /* for img.youtube-play-icon */
}
#content .images-area > ul > li:first-child,
#content .images-area > ul.dragging-first-image > li:first-child + li {
    width: 317px;
    height: 188px;
    margin-bottom: 10px;
}
#content .images-area > ul > li.no-image {
    visibility: hidden;
}
#content .images-area > ul > li.no-image:first-child {
    margin-bottom: 0px;
}
#content .images-area > ul > li > a > img {
    width: 97px;
    height: 55px;
    margin: auto;
    border: 1px solid #ccc;
}
#content .images-area > ul > li:first-child > a > img,
#content .images-area > ul.dragging-first-image > li:first-child + li > a > img {
    width: 311px;
    height: 182px;
}
#content .images-area > ul > li > a > img.no-image {
    display: none;
}
#content .images-area > ul > li > a > img.youtube-play-icon {
    position: absolute;
    top: 22px;
    left: 38px;
    width: 25px;
    height: 18px;
    border: none !important;
}
#content .images-area > ul > li:first-child > a > img.youtube-play-icon {
    top: 66px;
    left: 120px;
    width: 76px;
    height: 53px;
}
/* ------- .album-images ----------- */
#content .album-images {
    float: none;
    width: 750px;
	padding-bottom:20px;
}
#content .album-images > ul {
    list-style: none;
}
#content .album-images > ul > li {
    float: left;
    width: 135px;
    height: 83px;
    margin: 5px;
    padding:2px;
	position:relative;
}
#content .album-images > ul > li.no-image {
    display: none;
}
#content .album-images > ul > li > a > img {
    width: 135px;
    height: 83px;
    margin: auto;
    border: 1px solid #ccc;
}
#content .album-images > ul > li > a > img.no-image {
    display: none;
}
/* ----- fancybox ----- */
#fancybox-left,
#fancybox-right {
    bottom: 25% !important;
    height: 50% !important;
}
/* ------- .descriptionContainer ----------- */
#content .descriptionContainer > .description {
    
}
#content .descriptionContainer > .description p {
    margin-top: 0px;
    margin-bottom: 10px;
}
#content .descriptionContainer > .description ul {
    list-style-type: disc;
    list-style-position:inside;
    margin-left: 15px;
}
#content .descriptionContainer > .description ol {
    list-style-type: decimal;
    list-style-position:inside;
    margin-left: 15px;
}
#content .descriptionContainerAlbum > .description {
    margin-top: 20px;
    min-height: 30px;
}
#content .descriptionContainerAlbum > .description p {
    margin-top: 0px;
    margin-bottom: 10px;
}
#content .descriptionContainerAlbum > .description ul {
    list-style-type: disc;
    list-style-position:inside;
    margin-left: 15px;
}
#content .descriptionContainerAlbum > .description ol {
    list-style-type: decimal;
    list-style-position:inside;
    margin-left: 15px;
}
#content .price-line {
    font-size: 20px;
    margin: 5px 0px;
    /*display: block;*/
}
#content .price-line > .price {
    min-width: 10px;
}
#content .price-line-space {
    float: left;
    width: 30px;
}
#content .original-price-line {
    font-size: 20px;
    margin: 5px 0px;
    /*display: block;*/
}
#content .original-price-line > .price {
    min-width: 10px;
}
#content .member-price-line {
    font-size: 20px;
    margin: 5px 0px;
    /*display: block;*/
}
#content .member-price-line > .price {
    min-width: 10px;
}

#content .hidable-container {
    float: right;  /* This is required to prevent some spacing issues caused by the sidebar widgets. */
    text-align: left;
    width: 750px;
    padding: 0px;
    margin: 0px 10px 10px 10px;
}
#content .hidable {
    margin: 10px 0px;
    min-height: 30px; /* This is required to prevent the contact form being floated left to the price section. */
    clear: both;
}
#content .hidable h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
#content .hidable .order-button {
    float: right;
    margin: 5px 0px;
    padding: 0px;
    text-align: left;
}
#content .hidable .order-button input[type=text] {
    width:50px;
}

#content .hidable .order-button span#btn_order_div {
	display: inline-block;
}

#content .hidable .order-button input#btn_order,
#content .hidable .order-button input[type=button],
#content .hidable .order-button input[type=submit] {
    min-width: 80px;
    padding: 10px 15px;
    border-radius: 5px;
	cursor: pointer;
}
#content .hidable .order-button input#btn_order:hover,
#content .hidable .order-button input[type=button]:hover,
#content .hidable .order-button input[type=submit]:hover {
	text-shadow: 0 1px 1px #111;
}

#content .price-box {
	float: left;
	/*width: 400px;*/
}
#content .price-box td {
	width: 1px;
	white-space: nowrap;
}
#content .price-box td span{
	/*width: 1px;*/
	white-space: nowrap;
}
#content .price-box .price-label {
	/*width: 150px;*/
	padding-right: 20px;
}
#content .price-box .price-value {
	/*width: 150px;*/
	text-align: right;
}
#content .price-box .price-container {
	position: relative;
}
#content .order-button-box {
	float: right;
	/* width: 300px;*/
}

#content #subpages-container {
    margin: 5px 0px;
    padding: 0px;
    text-align: left;
}
#content #subpages-container h3 {
    text-align: left;
}
.subpages {
    list-style: none;
}
.subpages .separator {
    border-top: dotted 1px #ccc;
    border-bottom: none;
    margin-left: auto;
    margin-right: auto;
}
.subpages > li {
    color: #000;
    font-size: 13px;
    padding: 10px 20px;
    margin: 10px 0px;
    border: none !important;
}
.subpages > li.no-children {
    text-align: center;
    font-size: 1em;
    font-style: italic;
    color: #ccc;
}
.subpages .image,
.search-result .image {
    float: left;
    width: 149px;
    height: 91px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 10px;
}
.subpages .image > a > img,
.search-result .image > a > img {
    margin: auto;
    width: 141px;
    height: 83px;
}
.subpages .text {
    overflow: hidden; /* to make the price aligned with the description */
}
.subpages .text .title,
.subpages .text .title a {
    font-size: 20px;
    font-weight: bold;
    /*line-height: 20px;*/
}
.subpages .text .description {
    font-size: 14px;
    font-weight: normal;
}
.subpages .text a {
    color: #000;
    text-decoration: none;
}
.subpages .text a:hover {
    text-decoration: underline !important;
}
.subpages .text .price {
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
}
.subpages .text .order-button {
    float: right;
    margin-top: 10px;
}
#top-bar {
    display: block;
    background-color: #000;
    color: #fff;
    font-family: Tahoma;
    font-size: 13px;
    height: 36px;
    padding: 0;
    margin: 0;  
}

/*----------------START: Slideshow-------------------*/

#slideshow-loader #slideshow-wrapper {
	z-index: 0;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
}
#slideshow-loader .nivo-caption > a {
	text-decoration: none !important;
	border-bottom: none !important;
}
#slideshow-loader .nivo-caption > a:hover {
	text-decoration: underline !important;
}
#slideshow-loader .nivo-controlNav {
	margin-top: -20px !important;
	margin-bottom: -20px !important;
}
#slideshow-loader .nivo-controlNav > a {
	/* START: text-indent IE7 hack */
    //text-indent: 0;
    //line-height: 0;
    /* END: text-indent IE7 hack */
}
#slideshow-loader .nivo-directionNav > a {
	/* START: text-indent IE7 hack */
    //text-indent: 0;
    //line-height: 0;
    /* END: text-indent IE7 hack */
}

/*----------------START: HTML section-------------------*/

.html-section-container .html-section-loader img,
.html-section-container .html-section-loader table,
.html-section-container .html-section-loader iframe,
.html-section-container .html-section-loader embed,
.html-section-container .html-section-loader object {
    max-width: 100%;
}

/* ---------------START: text_section-------------------*/

.text-section-container .text-section-loader img,
.text-section-container .text-section-loader table,
.text-section-container .text-section-loader iframe,
.text-section-container .text-section-loader embed,
.text-section-container .text-section-loader object {
    max-width: 100%;
}

#content .text-section-container .text-section-loader {
	min-height: 30px;
	width: 100%;
}
#content .text-section-container .text-section-loader > p {
	margin-top: 0px;
	margin-bottom: 10px;
}

/* ------- START: Showcase ---------------------------------------- */
#showcase-container {
    margin: 5px 0px;
    text-align: left;
}
#showcase-container ul,
#showcase-container ol {
    list-style: none;
}
.showcase.full {
    width: 750px;
}
.showcase.half {
    width: 360px;
}
.showcase.left {
    float: left;
}
.showcase.right {
    float: right;
}
.showcase.half > li.placeholder {
    width:360px !important;
}
.showcase.full > li.placeholder {
    width:740px !important;
}

.showcase > .portlet {
    border: solid 1px #000;
    border-radius: 7px;  
    margin: 5px 0px;
}
.showcase > .portlet > ul {
    margin: 0px 5px;
}
.showcase > .portlet .separator {
    border-top: dotted 1px #ccc;
    border-bottom: none;
    margin-left: auto;
    margin-right: auto;
}
.portlet-header {
    min-height: 18px;
    padding: 6px 20px;
    font-family: RSU;
    font-size: 20px;
    line-height: 1em;
    text-align: left;
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 5px 5px 0px 0px;
}
.portlet-header > a {
    color: #fff;
    text-decoration: none;
}
.portlet-header > a:hover {
    color: #fed22f;
    text-decoration: underline;
}
.showcase > .portlet.style1 .portlet-header {
}
.showcase > .portlet.style2 {
    border:none;
}
.showcase > .portlet.style2 .portlet-header {
    border:none;
	background : none;
}
.showcase > .portlet.style2 .portlet-header > a {
    color : #000;
}
.showcase > .portlet.style2 .portlet-header > a:hover{
    color : #000;
}
.showcase > .portlet.style3 {
        border: none;
}
.showcase > .portlet.style3 .portlet-header {
    border: none;
    background:none;
}
.showcase > .portlet.style3 .portlet-header > a {
    color : #000;
}
.showcase > .portlet.style3 .portlet-header > a:hover{
    color : #000;
}
.showcase > .portlet.style1 .showcase_border {
    border:none;
}
.showcase > .portlet.style2 .showcase_border {
    border: 1px solid #000;
    border-radius: 10px;
}
.showcase > .portlet.style3 .showcase_border {
    border:none;
}
.showcase > .portlet.style1 .portlet-header-divider {
    display: none;   
}
.showcase > .portlet.style2 .portlet-header-divider {
    display: none; 
}
.showcase > .portlet.style3 .portlet-header-divider {
    display: block; 
    padding: 0px 20px;
}
.showcase > .portlet.style1 .portlet-header-divider > div {
    display:none;
}
.showcase > .portlet.style2 .portlet-header-divider > div {
    display:none;
}
.showcase > .portlet.style3 .portlet-header-divider > div {
    border-bottom: solid 1px black;
}
.showcase > .portlet .subpages > li {
    margin: 0;
    padding: 0;
    border: 0;
}
.showcase .portlet-parent {
    margin: 20px;
}
.showcase .portlet-children {
    margin: 10px;
}
.showcase .portlet-children > .subpages > li {
    display: inline-block;
    /* START: inline-block IE7 hack */
    //display: inline;  
    //zoom: 1;
    /* END: inline-block IE7 hack */
    margin: 0px 10px 15px 10px;
    padding: 0;
    text-align: center;
    vertical-align: top;
}
.showcase.full .portlet-children > .subpages > li {
    width: 149px;
    margin-right: 20px;
}
.showcase.half .portlet-children > .subpages > li {
    width: 149px;
}
.showcase > .portlet.layout2 .portlet-children > .subpages > li {
    display: block;
    width: auto;
    text-align: left;
}
.showcase > .portlet.layout1 .portlet-children > .subpages > li > .text {
    overflow: visible; /* to make the description visible */
}
.showcase .portlet-children > .subpages > li > .text > .price {
    float: none;
    margin-top: 5px;
}
.portlet-children .subpages .showcase-price-box {
	width: 100%;
}
.subpages .showcase-price-box td {
	width: 1px;
	white-space: nowrap;
}
.subpages .showcase-price-box td > span {
	width: 1px;
	white-space: nowrap;
}
.subpages .showcase-price-box .price-label {
	text-align: left;
}
.subpages .showcase-price-box .price-value {
	text-align: right;
}
/* ------- END: Showcase ---------------------------------------- */

/* ------- START: Related Contents ---------- */
#portlet-related-contents {
	margin: 5px 0px;
	border-radius: 5px 5px 5px 5px;
	font-family: RSU;
    font-size: 20px;
}
#portlet-related-contents .portlet-header {
	border:none;
	background : none;
	color : #000;
}
#portlet-related-contents .portlet-header-divider {
	display: none;
}
#portlet-related-contents .portlet-header-divider > div {
	display: none;
}
#portlet-related-contents .showcase_border {
	border: 1px solid #000;
    border-radius: 10px;
}
#portlet-related-contents > ul {
	margin: 0px 5px;
}

.related-contents {
    list-style: none;
}
.related-contents .separator {
    border-top: dotted 1px #ccc;
    border-bottom: none;
    margin-left: auto;
    margin-right: auto;
}
.related-contents > li {
    color: #000;
    font-size: 13px;
    padding: 10px 5px 10px 20px;
    margin: 10px 0px;
    border: none !important;
}

.related-contents .image {
    float: left;
    width: 83px;
    height: 53px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.related-contents .image > a > img {
    margin: auto;
    width: 75px;
    height: 45px;
}

.related-contents .text .title,
.related-contents .text .title a {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}

.related-contents .text a {
    color: #000;
    text-decoration: none;
}

.related-contents .text a:hover {
    text-decoration: underline !important;
}
.related-contents .text .showcase-price-box {
	width: 100%;
}
.related-contents .text .original-price {
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
    vertical-align: top;
}
.related-contents .text .price {
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
    vertical-align: top;
}
.related-contents .text .member-price {
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
    vertical-align: top;
}
.related-contents .text .price-value {
	text-align: right;
}

#portlet-related-contents .related-contents > li > .text {
    overflow: hidden;
}

#portlet-related-contents .related-contents > li {
	display: inline-block;
    /* START: inline-block IE7 hack */
    //display: inline;  
    //zoom: 1;
    /* END: inline-block IE7 hack */
    text-align: left;
    vertical-align: top;
    width: 207px;
}

.related-contents .showcase-price-box td {
	width: 1px;
	white-space: nowrap;
}
.related-contents .showcase-price-box td > span {
	width: 1px;
	white-space: nowrap;
}
.related-contents .showcase-price-box .price-label {
	text-align: left;
}
.related-contents .showcase-price-box .price-value {
	text-align: right;
}


/* ------- END: Related Contents ---------- */

#login-container,
#login-message-container,
#forgot-container,
#expired-container,
#paused-container {
    background-color: #fff;
    border: 2px solid #DDDDDD;
    border-radius: 10px;
    margin: 30px auto 0;
    padding: 10px;
    width: 600px;
}
#login-container h1,
#forgot-container h1,
#paused-container h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
#login-container .safemode {
    margin: 0px 0px 10px 0px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    background-color: #f00;
}
#expired-container h1 {
    font-size: 24px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}
#expired-container h2 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
#paused-container p {
    margin: 10px 0px;
    text-align: center;
}
#login-container .links,
#forgot-container .links,
#expired-container .links {
    text-align: left;
}
#powered-by-container {
    width: 600px;
    margin: auto;
}
#login-container .login-error {
    font-size: 18px;
    color: #f00;
    text-align: center;
}
#login-message-container {
    text-align: center;
}
.submit-error {
    color: #ff0000;
    margin-top: 10px;
    text-align: center;
}
.submit-complete {
    color: #2FA41E;
    margin-top: 10px;
    text-align: center;
}
.login-form,
.forgot-form,
.expired-form {
    background-color: #fff;
    margin: 20px;
}
.login-form div,
.forgot-form div,
.expired-form div {
    margin: 15px;   
}
.login-form form,
.forgot-form form {
    width: 300px;
    margin: auto;
}
.expired-form form {
    width: 500px;
    margin: 0px auto;
    text-align: center;
}
.login-form input[type=text],
.login-form input[type=password],
.forgot-form input[type=text],
.forgot-form input[type=password] {
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    line-height: 25px;
    height: 25px;
    width: 100%;
}
.expired-form h2 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.expired-form textarea {
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    line-height: 25px;
    width: 100%;
}
.login-form input[type=submit],
.forgot-form input[type=submit],
.expired-form input[type=submit] {
    height: 30px;
    width: 90px;
}
.login-form .login-button,
.forgot-form .form-button,
.expired-form .form-button {
    text-align: right;
}
.expired-form .form-button input[type=submit] {
    margin-left: 30px;
}
.expired-form a.expiredButton{
	display: block;
	width: 400px; 
	text-decoration: none; 
	color: #fff;
	padding: 10px; 
	background-color: #478fc0; 
	border-radius: 15px; 
	margin: 10px auto;
}
.expired-form a.expiredButton:hover,
.expired-form a.expiredButton:active {
	color: #ffc220;
}
.expired-form .success{
    text-align: center;
    font-size: 20px;
    color: #017537;
    padding: 30px 0 30px 0;
}
#visitor-counter {
    float: left;
    width: auto;
    padding: 2px 5px;
    color: #000;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    border: solid 1px #ccc;
}
#visitor-counter .value {
    color: #0081c8;
    font-weight: bold;
}
#powered-by {
    float: right;
    width: auto;
    padding: 0px 2px;
    color: #000;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    border: solid 1px #ccc;
}
#powered-by .brand,
#powered-by a {
    color: #0081c8;
    font-weight: bold;
}
#powered-by a {
    text-decoration: none;
}
#powered-by a:hover {
    text-shadow: #0081C8 0 0 10px;
}
#footer {
    clear: both;
    margin-top: 0px;
    min-height: 55px;
    background-color: #000;
    font-size: 11px;
    color: #fff;
    position: relative; /* this fixes the transparent background problem caused by the -pie-background in custom-style.css */
}
#footer-text {
    padding: 5px;
}
#content .social-buttons {
    margin: 5px 0px;
    padding: 0px;
    text-align: left;
}
#content .social-buttons .left {
    float: left;
}
#content .social-buttons .right {
    float: right;
}
#content .social-buttons .social-button-item {
	float: left;
	margin: 0 5px;
}
.chromeFrameInstallDefaultStyle {
    width: 260px; /* default is 800px */
    height: 80px;
    overflow:hidden !important;
    position:fixed;
    left:0;
    bottom:0;
    background:black;
}

/* ------- START: Attachment ---------------------------------------- */
.content-attach-file{
	
}
.content-attach-file > ul{
	list-style: none outside none;
    margin: 0 auto;
}
.content-attach-file > ul > li{
	list-style-type: none;
	margin: 7px;
	padding: 7px;
	min-height: 45px;
	width: 340px;
	float: left;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.content-attach-file > ul > li a.download{
	color:#666;
	text-decoration: none;
}
.content-attach-file > ul > li a.download:hover{
	color:#666;
	text-decoration: none;
}
.content-attach-file > ul > li div.attach-preview,
.content-attach-file > ul > li div.attach-icon,
.content-attach-file > ul > li div.attach-name,
.content-attach-file > ul > li div.attach-size,
.content-attach-file > ul > li div.attach-tools{
	/*display: inline-block;*/
}
.content-attach-file > ul > li div.attach-detail{
	display: block;
}
.content-attach-file > ul > li div.attach-name{
	/*float: left;*/
	font-size: 12px;
}
.content-attach-file > ul > li div.attach-size{
	float: left;
	font-size: 12px;
}
.content-attach-file > ul > li div.attach-icon{
	float: left;
}
.content-attach-file > ul > li div.attach-preview img{
	width: auto;
	height: 50px;
}
.content-attach-clear{
	clear: both;
}
/* ------- END: Attachment ---------------------------------------- */

/* ------- START: AdSense ---------------------------------------- */
.adsense-ad-unit {
	
}
#adsense-ad-unit-position1 {
	
}
#adsense-ad-unit-position1 > div {
	width: 180px;
	height: 150px;
	display: inline-block;
}
#adsense-ad-unit-position2 {
	 
}
#adsense-ad-unit-position2 > div{
	width: 180px;
	height: 150px;
	display: inline-block;
}
#adsense-ad-unit-position3 {
	margin:0 auto;
	text-align:center;
	padding-top:10px;	
}
#adsense-ad-unit-position3 > div {
	width: 728px;
	height: 90px;
	display: inline-block;
}
#adsense-ad-unit-position4 {
	clear: both;
	margin:0 auto;
	text-align:center;
}
#adsense-ad-unit-position4 > div {
	width: 300px;
	height: 250px;
	display: inline-block;
}
#adsense-ad-unit-position4 > div > img {
	border: 1px solid blue;
}
#adsense-ad-unit-position5 {
   	margin:0 auto;
	text-align:center;
}
#adsense-ad-unit-position5 > div {
	width: 728px;
	height: 90px;
	display: inline-block;
}
#adsense-ad-unit-position6 {
   	left: 965px;
    position: absolute;
    top: 0;
    right: 0;
}
#adsense-ad-unit-position6 > div {
	width: 160px;
	height: 600px;
	display: inline-block;
}
/* ------- END: AdSense ---------------------------------------- */

/* ------- START: Search result ---------------------------------------- */
#content .inner > .search-result .highlight-toggle {
    float: right;
}
#content .inner > .search-result .search-head {
    float: left;
}
#content .inner > .search-result .search-content {
	float: right;
    margin-top: 10px;
    width: 750px
}
#content .inner > .search-result .title {
    font-size: 20px;
    line-height: 20px;
}
#content .inner > .search-result .breadcrumb {
    float: none;
    font-size: 12px;
    padding: 2px 0px 5px;
}
#content .inner > .search-result .keyword {
    font-weight: bold;
}
#content .inner > .search-result a:hover {
    text-decoration: underline !important;
}
#content .inner > .search-result .separator {
    border-top: dotted 1px #ccc;
    border-bottom: none;
    margin-left: auto;
    margin-right: auto;
}
#content .inner > .search-loading-image {
    text-align: center;
}
/* ------- END: Search result ---------------------------------------- */

/* ------- START: CAPTCHA ---------------------------------------- */
.captcha img.image {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);      /* Firefox */
    -webkit-transform: rotate(180deg);   /* Safari and Chrome */
    -o-transform: rotate(180deg);        /* Opera */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE 9 and below */
}
/* ------- END: CAPTCHA ---------------------------------------- */

/*----content-visit-history----*/

#content-visit-history-container {
	float: right;
	text-align: left;
	padding: 10px;
	width: 940px;
	overflow: visible;
    position: relative; /* IMPORTANT: Do not delete this style. It makes all the elements under #content clickable in IE7. */
    //zoom: 1; /* IMPORTANT: Without this, the #content will not be displayed in IE7. */
}

#content-visit-history-container > .portlet {
    border: solid 1px #000;
    border-radius: 7px;  
    margin: 5px 0px;
}
#content-visit-history-container > .portlet > ul {
    margin: 0px 5px;
}

.content-visit-history-pages {
    list-style: none;
}
.content-visit-history-pages .separator {
    border-top: dotted 1px #ccc;
    border-bottom: none;
    margin-left: auto;
    margin-right: auto;
}
.content-visit-history-pages > li {
    color: #000;
    font-size: 13px;
    padding: 10px 20px;
    margin: 10px 0px;
    border: none !important;
}

.content-visit-history-pages .image {
    float: left;
    width: 149px;
    height: 91px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.content-visit-history-pages .image > a > img {
    margin: auto;
    width: 141px;
    height: 83px;
}

.content-visit-history-pages .text .title,
.content-visit-history-pages .text .title a {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}

.content-visit-history-pages .text a {
    color: #000;
    text-decoration: none;
}

.content-visit-history-pages .text a:hover {
    text-decoration: underline !important;
}
.content-visit-history-pages .text .showcase-price-box {
	width: 100%;
}
.content-visit-history-pages .text .price-value {
	text-align: right;
}
.content-visit-history-pages .text .original-price {
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
    vertical-align: top;
}
.content-visit-history-pages .text .price {
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
    vertical-align: top;
}
.content-visit-history-pages .text .member-price {
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
    vertical-align: top;
}

#content-visit-history-container .portlet-children {
	margin: 10px;
}

#content-visit-history-container > .portlet .portlet-children > .content-visit-history-pages > li > .text {
    overflow: visible;
}

#content-visit-history-container .portlet-children > .content-visit-history-pages > li {
	display: inline-block;
    /* START: inline-block IE7 hack */
    //display: inline;  
    //zoom: 1;
    /* END: inline-block IE7 hack */
    margin: 0px 10px 15px 10px;
    padding: 0px 7px;
    text-align: center;
    vertical-align: top;
    width: 149px;
}

/*---------START : content tag------------------*/
#content-tag-container {
	float: right;
	padding: 0px;
	text-align: left;
	width: 750px;
	margin: 0px 10px 10px;
}
#content-tag-container .content-tag {
    list-style: none;
}
#content-tag-container .content-tag .separator {
    border-top: dotted 1px #ccc;
    border-bottom: none;
    margin-left: auto;
    margin-right: auto;
}
#content-tag-container .content-tag > li {
    color: #000;
    font-size: 13px;
    padding: 10px 20px;
    margin: 10px 0px;
    border: none !important;
}
#content-tag-container .content-tag > li.no-children {
    text-align: center;
    font-size: 1em;
    font-style: italic;
    color: #ccc;
}
#content-tag-container .content-tag .image {
    float: left;
    width: 149px;
    height: 91px;
    margin-right: 10px;
    margin-bottom: 5px;
}
#content-tag-container .content-tag .image > a > img {
    margin: auto;
    width: 141px;
    height: 83px;
}
#content-tag-container .content-tag .text {
    overflow: hidden; /* to make the price aligned with the description */
}
#content-tag-container .content-tag .text .title,
#content-tag-container .content-tag .text .title a {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}
#content-tag-container .content-tag .text .description {
    font-size: 14px;
    font-weight: normal;
}
#content-tag-container .content-tag .text a {
    color: #000;
    text-decoration: none;
}
#content-tag-container .content-tag .text a:hover {
    text-decoration: underline !important;
}
#content-tag-container .content-tag .text .price {
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
}
#content-tag-container .content-tag .text .order-button {
    float: right;
    margin-top: 10px;
}
#content-tag-container .content-tag li.content-tag-load-more-row {
	text-align: center;
}
#content-tag-container .content-tag li.content-tag-load-more-row input.content-tag-load-more {
	border-radius: 5px;
    cursor: pointer;
    padding: 5px 10px;
}
.content-tag-title a.content-tag-title-link {
	color: #000;
	text-decoration: none;
}
.content-tag-title a.content-tag-title-link:hover {
	text-decoration: underline;
}

#content-tag-cloud-container {
	width: 560px;
	margin-left: auto;
	margin-right: auto;
}
#content-tag-cloud-container ul#tag_cloud > li a {
    text-decoration: none;
}
#content-tag-cloud-container ul#tag_cloud > li a:hover {
    text-decoration: underline;
}

#content .content-tag .showcase-price-box td {
	width: 1px;
	white-space: nowrap;
}
#content .content-tag .showcase-price-box td > span {
	width: 1px;
	white-space: nowrap;
}
#content .content-tag .showcase-price-box .price-label {
	text-align: left;
}
#content .content-tag .showcase-price-box .price-value {
	text-align: right;
}



/*---------END : content tag------------------*/

div.password-change-box {
	background-color: #CCCCCC;
	width: 480px;
    height: 260px;
	overflow: hidden;
}
div.password-change-box  > div{
	float: left;
	height: 200px;
}
div.password-change-box .text-panel {
    width: 40%;
	margin: 10px;
}
div.password-change-box .settings-panel {
    width: 55%;
}
div.password-change-box .settings-panel form{
    padding: 20px;
}
div .password-change-box .settings-panel form input[type=password]{
	border: 1px solid #BBBBBB;
    border-radius: 4px;
    line-height: 25px;
    height: 25px;
    width: 200px;
	margin-bottom: 10px;
}
div.password-change-box .buttons-panel {
    float: right;
    height: 60px;
}
div.password-change-box .text-panel p {
    margin: 10px;
    font-size: 12px;
    line-height: 1.2em;
}
div.password-change-box  > .buttons-panel {
    float: right;
    padding: 10px;
}
div.password-change-box  >  .buttons-panel > ul {
    list-style: none;
}
div.password-change-box  >  .buttons-panel > ul li {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-weight: bold;
    line-height: 30px;
    margin: 3px;
    padding: 0 10px;
    min-width: 120px;
    text-align: center;
    cursor: pointer;
}
div.password-change-box  >  .buttons-panel > ul li a {
    color: #fff;
    text-decoration: none;
    line-height: 36px;
}
div.password-change-box  >  .buttons-panel > ul li a:hover {
    color: #ffe45c;
    text-decoration: underline;
}
div.password-change-box  >  .buttons-panel > ul li:hover {
    background-color: #333;
}
div.password-change-box  >  .buttons-panel > ul li:hover a {
    color: #ffe45c;
    text-decoration: underline;
}

/*---------START : footer-link------------------*/
#footer-link {
    padding: 10px;
	margin-bottom: 0px;
    position: relative;
	background-color: transparent;
    position: relative; /* this fixes the transparent background problem caused by the -pie-background in custom-style.css */
}
#footer-link table {
	width: 100%;
}
#footer-link td {
	min-height: 120px;
	min-width: 100px;
	border-radius: 5px 5px 5px 5px;
	margin: 5px;
	position: relative;
	vertical-align:top;
}
#footer-link td > ul {
	min-width: inherit;
	min-height: inherit;
}
#footer-link td > ul > li {
	list-style: none;
	font-size: 1em;
    font-weight: normal;
}
#footer-link td > ul > li:first-child {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}
#footer-link td > ul > li > a {
    color: inherit;
}
#footer-link td > ul > li > a:hover {
	text-decoration : underline !important;
}
/*---------END : footer-link ------------------*/

#comment-tabs .fb_iframe_widget,
#comment-tabs .fb_iframe_widget span,
#comment-tabs .fb_iframe_widget iframe {
    width: 100% !important;
}