﻿/* Elements */
body {
	/*background: url('../pictures/bg.gif') repeat top left;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #1d1d1d;
	padding: 0px;
	margin: 0px;
}
h2, h3 {
	margin-top: 0px;
	font-weight: normal;
}
a {
	color: #9e0039;
}
a:hover {
	text-decoration: none;
	color: #fa3a80;
}

#colTwo .input {
	border: solid 1px #fa5c93;
	font-size: 11px;
}

/* body */
#body
{
	width: 1023px;
	margin: 0 auto;
	padding-top: 10px;
}

/* Header */
#header 
{
   	width: 1023px;
	height: 200px;
	border: solid 2px #fff;
	border-bottom: none;
	background: url(../pictures/header_bg.gif) no-repeat top center;
}
#right_header {
    float: right;
    width: 328px;
	height: 285px;
}
#header #sitemap {    
    float: right;
    padding-right: 18px;
    padding-top: 12px;
}
#header #sitemap a {
	color: #9e0039;
}

#header #shopping_cart {
    padding: 60px 70px 0px 0px;
    float: right;
    font-weight: bold;
    font-size: 14px;
    width: 80px;
}
#header #shopping_cart a {
    color: #9e0039;
}

#header #shopping_items {
    font-size: 11px;
    padding-top: 5px;
    font-weight: normal;    
}

#header #login {
    padding: 6px 14px 0px 0px;
    float: right;
    font-family: Georgia;
    font-weight: bold;
    font-size: 14px;
    width: 173px;
}
#header #login a {
    color: #FFFFFF;
}

#header #profile_blog_icons {
    float: right;
    padding: 14px 120px 0px 0px;
}

#header #profile_blog_icons #profile_icon {
    float: right;
    padding-right: 28px;
}
#header #profile_blog_icons #blog_icon {
    float: right;
    padding-left: 28px;
}

#header #profile_blog_links {
    float: right;
    font-family: Georgia;
    white-space: nowrap;
    padding: 0px 120px 0px 0px;
}

#header #profile_blog_links #profile_link {
    float: left;
    padding-right: 19px;    
}
#header #profile_blog_links #blog_link {
    float: left;
    padding-left: 19px;
}

#header #search {
    float: left;
    width: 205px;
    padding: 110px 0px 0px 12px;
}
#header #search a {
    font-size: 10px;
    padding-left: 10px;
}

#header .search_input
{
    border: 1px solid #cd8072;
    width: 124px;
    background-color: #ffcdc6;
    padding-left: 7px;
    color: #776361;
    font-size: 11px;
}

#header #desc {
    padding: 112px 0px 0px 0px;
    float: left;
    width: 600px;
}
#header #desc #txt {
    font-size: 10px;
    color: #f82f78;
    padding-left: 12px;
    width: 510px;
}

#header #desc #txt a {
	font-size: 14px;
}

#header #adv_header {
    float: left;
    width: 1024px;
    height: 86px;
}

#header #catalog {
    float: left;
    width: 180px;
    padding-top: 45px;
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#header #how_buy {
    float: left;
    width: 140px;
    padding-top: 18px;
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#header #secrets {
    float: right;
    width: 168px;
    padding-top: 36px;
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#header #dosug {
    float: right;
    width: 100px;
    padding-top: 48px;
    padding-left: 22px;
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

/* Content */
#content {
	margin: auto;	
	width: 1023px;
	min-width: 1023px;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
	background: url('../pictures/cnt_bg.gif') no-repeat left top;
}

/* Left column */
#colOne {
	float: left;
	width: 207px;
	padding-right: 25px;
	/*background: url(../pictures/col_one_bg.jpg) no-repeat top left;*/
}

#colOne ul {
	margin: 0;
	padding-left: 15px;
	list-style: none;
}

#colOne li {
	margin-bottom: 1em;
	color: #1d1d1d;
}

#colOne a {
	color: #1d1d1d;
}
#colOne a:hover {
	color: #fa3a80;
}


/* Center column */
#colTwo {
    margin: 0px;
    width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 456 ? "456px" : "auto");
    min-width: 456px;
    padding: 0 308px 0 207px;
    text-align: left;
    background: url(../pictures/col_two_bg.jpg) no-repeat top left;
}

#colTwo table #title {
    font-size: 18px;
    color: #6c807c;
    /*width: 100%;*/
}

#colTwo table #all_link {
    font-size: 12px;
    white-space: nowrap;
    width: 100%;
}

#colTwo table.list_table {
    width: 100%;
    line-height: 16px;
}

#colTwo table.list_table td.separator {
    background-image: url( '../pictures/dotted_spacer.gif' );
    background-repeat: repeat-x;
}

#colTwo table.list_table #desc {
    padding: 5px 16px 5px 16px;
}

#colTwo table.list_table #desc .blink {
    font-size: 14px
}

#colTwo table.list_table hr {
    height: 2px;
    color: #6c7d7a;
    width: 100%;
}

/* gradient header table */
#colTwo #post_header_table {
    background-image: url( '../pictures/post_header_table_bg.jpg' );
    background-repeat: repeat-x;
    background-position: left top;
}
#colTwo #post_header_table td.pink_separator {
    height: 15px;
    background-image: url( '../pictures/dotted_pink_spacer.gif' );
    background-position: left bottom;
    background-repeat: repeat-x;
}
/* gradient footer table */
#colTwo #post_footer_table {
    background-image: url( '../pictures/post_footer_table_bg.jpg' );
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 75px;
}

#colTwo #post_footer_table #pager td
{
    background-color: #FFFFFF;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-color: #fa5c93;
    border-bottom-color: #fa5c93;
    border-bottom-width: 1px;
}

#colTwo #post_footer_table #spacer {
    height: 28px;
}

#colTwo #post_header_table #spacer {
    height: 7px;
}

#colTwo #post_header_table #rating {
    color: #fa3a80;
    font-size: 12px;
    padding-left: 5px;
    width: 55px;
}

#colTwo #post_header_table #scale {
    width: 115px;
}

#colTwo #post_header_table #pager td
{
    height: 18px;
    background-color: #FFFFFF;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-color: #fa5c93;
    border-bottom-color: #fa5c93;
    border-bottom-width: 1px;
}

#colTwo #post_header_table #pager td #selected,
#colTwo #post_footer_table #pager td #selected {
    background-color: #ed2769;
    padding: 2px;
    color: #FFFFFF;
}

#colTwo a {
    color: #9e0039;
}

#colTwo h3 {
    font-size: 18px;
	color: #fa5c93;
	font-weight: normal;
}

#colTwo h2 {
    font-size: 24px;
	color: #fa5c93;
	font-weight: normal;
}

#colTwo h1 
{
    line-height:24px;
    font-size: 24px;
	color: #000000;
	margin: 0px;
	font-weight: normal;
}

#colTwo h2 a {
    font-size: 24px;
	color: #fa5c93;
	font-weight: normal;	
}


/* Right column */
#colThree {
	float: right;
	width: 308px;
	background-image: url( '../pictures/col_three_bg.jpg' );
    background-repeat: no-repeat;
    background-position: left top;
}

#colThree h2{
	font-size: 18px;
	color: #fa5c93;
}

#colThree h3{
	font-size: 15px;
	color: #fa3a80;
	font-weight: bold;
	margin: 0px;
}

#colThree ul {
	margin: 0;
	padding: 12px 0px 0px 22px;
	list-style: none;
}

#colThree #oblako {
    text-align: left;
    color: #ed2768;
}
#colThree #oblako a {
	color: #ee99b5;
}

#colThree #posts {
	width: 100%;
	text-align:left;
}

#colThree #posts a {
	color: #1d1d1d;
}

#colThree ul ul {
    padding: 0px 0px 0px 30px;
    margin: 0px;
    list-style: disc;
}

#colThree ul ul li {
    padding: 2px;
    font-size: 12px;
}

#colThree ul ul li a {
    color: #1d1d1d;
}

#colThree #posts td.separator {
	width: 18px;
}

#colThree #subscribe td.hint {
	font-size: 10px;
	color: #ed2769;
	font-style: italic;
}

#colThree #subscribe #email_input {
	padding-left: 13px;
	border: solid 1px #fa5c93;
	font-size: 11px;
}

#colThree #send_friend_input {
	padding-left: 13px;
	border: solid 1px #fa5c93;
	font-size: 11px;
}

#colThree a {
	color: #9e0039;
}

#colThree a:hover {
	color: #fa3a80;
}


/* Footer */
#footer {
    background-position: left bottom;    
    width: 100%;
    background-image: url( '../pictures/footer_bg.gif' );
    background-repeat: repeat-x;
    font-size: 10px;
}

#footer td.copyright {
    color: #9d999a;
}

#footer #footer_left_links a {
    color: #465653;
    text-transform: uppercase;
}

#footer #footer_right_links a {
    font-size: 10px;
    color: #9e0039;
    text-transform: uppercase;
}

#footer #copyright {
    width: 860px;
    padding-top: 17px;
    padding-left: 13px;
    color: #9d999a;
    font-size: 10px;
    float: left;
}

#footer #copyright a {
   color: #9d999a; 
}

#footer_right {
    float: right;
    background-position: right bottom;
    background-image: url( '../pictures/footer_right.jpg' );
    background-repeat: no-repeat;
    width: 109px;
    height: 100%;
}

/* LOGIN */
#colTwo #login {
    background-position: left top;
    /*width: 456px;*/
    height: 286px;
    background-image: url( '../pictures/login_bg.jpg' );
    background-repeat: repeat-x;
    padding: 50px 0px 0px 0px;
}

#colTwo #login .login,
#colTwo #login .pass {
    color: #f94083;
    font-size: 14px;
    font-weight: bold;
}

#colTwo #login .login_input {
	border: solid 1px #fa5c93;
	font-size: 11px;
	width: 243px;
}

/* CATALOG PAGE */
#header #m_search {
    float: left;
    width: 215px;
    padding: 26px 0px 0px 12px;
}

#header #m_search a {
    font-size: 10px;
    padding-left: 10px;
}

#header #m_search_input
{
    border: 1px solid #6c807c;
    width: 150px;
    background-color: #f4f2a7;
    padding-left: 10px;
    color: #757356;
    font-size: 11px;
}

#header #m_catalog {
    float: left;
    width: 180px;
    padding-top: 30px;
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#header #m_how_buy {
    float: left;
    width: 140px;
    padding-top: 30px;
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#header #m_secrets {
    float: left;
    width: 168px;
    padding-left: 188px;
    padding-top: 30px;
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#header #m_dosug {
    float: left;
    width: 100px;
    padding-top: 30px;
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#colTwo table #sitemap {
    color: #9e0039;
}

#colTwo #catalog_header_table {
    height: 24px;
    background-image: url( '../pictures/catalog_content_bg.jpg' );
    background-repeat: no-repeat;
    background-position: left top;
}

#colTwo #desc_r {
    padding: 6px 6px 6px 28px;
}

#colTwo #desc_l {
    padding: 6px 25px 6px 6px;
}


#colThree ul.express {
    list-style: none;
    padding-left: 16px;
    padding-top: 6px;
    line-height: 20px;
}

#colThree ul.express li a {
    color: #9e0039;
}

#colThree ul.express li ul  {
    list-style: disc;
    padding-left: 26px;
    color: #9e0039;
}

#colThree ul.b_express {
    list-style: none;
    line-height: 20px;
    padding-left: 0px;
    padding-top: 20px;
}

#colThree ul.b_express li a {
    color: #9e0039;
    font-size: 15px;
    font-weight: bold;
}

/* POST ADD */
#colTwo #post_add_form {
    background-position: left top;
    width: 471px;    
    background-image: url( '../pictures/tab_form03.gif' );
    background-repeat: no-repeat;
    padding-top: 10px;
}

#colTwo #post_add_form #t1 {
    float: left;
    width: 60px;
    padding-left: 56px;
}
#colTwo #post_add_form #t2 {
    float: left;
    width: 60px;
    padding-left: 35px;
}
#colTwo #post_add_form #t3 {
    float: left;
    width: 60px;
    padding-left: 35px;
}
#colTwo #post_add_form #t4 {
    float: left;
    width: 60px;
    padding-left: 35px;
}

#colTwo #post_add_form #tabbed_content {
    float: left;
    padding-left: 25px;
    padding-top: 25px;
    width: 430px;
}

#colTwo #post_add_form #tabbed_content .tabbed_table {
    font-size: 15px;
    font-weight: bold;
    color: #fa5c93;
}

#colTwo #post_add_form #tabbed_content .tabbed_table a {
    /*font-size: 14px;*/
    font-weight: normal;
    color: #9e0039;
}

#colTwo #post_add_form #tabbed_content .list_table {
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

#colTwo #post_add_form #tabbed_content .list_table a {
    font-size: 12px;
    font-weight: normal;
}


/* PROFILE - SETUP */
#colTwo #profile_setup_form {
    background-position: left top;
    width: 471px;    
    background-image: url( '../pictures/tab_form01.gif' );
    background-repeat: no-repeat;
    padding-top: 10px;
}

#colTwo #profile_setup_form #t1 {
    float: left;
    width: 60px;
    padding-left: 52px;
}
#colTwo #profile_setup_form #t2 {
    float: left;
    width: 60px;
    padding-left: 38px;
}
#colTwo #profile_setup_form #t3 {
    float: left;
    width: 60px;
    padding-left: 38px;
}
#colTwo #profile_setup_form #t4 {
    float: left;
    width: 60px;
    padding-left: 38px;
}

#colTwo #profile_setup_form #tabbed_content {
    float: left;
    padding-left: 25px;
    padding-top: 25px;
    width: 430px;
}

/* POPUP */
#popup {
    font-family: Tahoma;
    border: solid 1px #a0013b;
    width: 546px;
    height: 566px;
}
#popup #popup_content {
    width: 546px;
    height: 419px;
    float: left;
}
#popup #popup_content #art {
    color: #fa5b93;
    font-size: 18px;
    padding: 15px 0px 0px 15px; 
    float: left;
}
#popup #popup_content #close {
    padding: 15px 15px 0px 0px;
    float: right;
}
#popup #popup_content #close a {
    font-weight: bold;
    color: #fa5b93;
} 
#popup #popup_desc
{
    width: 546px;
    height: 145px;
    background-color: #ffeff5;
    float: left;
    border-top-style: dotted;
    border-top-width: 2px;
    border-top-color: #fda8c5;
} 

/* oblako */
#colThree #oblako .style1
{
    font-size: 10px;
}
#colThree #oblako .style2
{
    font-size: 18px;
}
#colThree #oblako .style4
{
    font-size: 14px;
    color: #ED2768;
}
#colThree #oblako .style5
{
    font-size: 12px;
}
#colThree #oblako .style6
{
    font-size: 16px;
}
#colThree #oblako .style7
{
    font-size: 14px;
}
#colThree #oblako .style8
{
    font-size: 13px;
}
#colThree #oblako .style9
{
    font-size: 21px;
    color: #ED2769;
}
#colThree #oblako .style10
{
    color: #ED2769;
}

#colTwo .style11 {
    font-size: 11px;
    color: #1d1d1d;
}
#colTwo .style12 {
    font-size: 12px;
    color: #1d1d1d;
}
#colTwo .style14 {
    font-size: 14px;
    color: #1d1d1d;
}
#colTwo .style15 {
    font-size: 15px;
    color: #1d1d1d;
}
#colTwo .style16 {
    font-size: 16px;
    color: #1d1d1d;
}
#colTwo .style17 {
    font-size: 17px;
    color: #1d1d1d;
}
#colTwo .style18 {
    font-size: 18px;
    color: #1d1d1d;
}
#colTwo .style21 {
    font-size: 21px;
    color: #1d1d1d;
}


#colThree #oblako .ostyle10
{
    font-size: 8px;
}
#colThree #oblako .ostyle9
{
    font-size: 10px;
}
#colThree #oblako .ostyle8
{
    font-size: 12px;
}
#colThree #oblako .ostyle7
{
    font-size: 14px;
}
#colThree #oblako .ostyle6
{
    font-size: 16px;
}
#colThree #oblako .ostyle5
{
    font-size: 16px;
    color: #ED2769;
}
#colThree #oblako .ostyle4
{
    font-size: 17px;
}
#colThree #oblako .ostyle3
{
    font-size: 17px;
    color: #ED2769;
}
#colThree #oblako .ostyle2
{
    font-size: 21px;
}
#colThree #oblako .ostyle1
{
    font-size: 21px;
    color: #ED2769;
}

.pageselected
{
    background-color: #ed2769;
    padding: 2px;
    color: #FFFFFF;
}

.psevdolink
{
    color:#9E0039;
    cursor:pointer;
    cursor:hand;
}

.send_friend_input {
	padding-left: 13px;
	border: solid 1px #fa5c93;
	font-size: 11px;
	width: 300px;
}

.MyTopicLink
{
    font-size:11px
}

.SubscrTreeView
{
    color:Black;
    font-size:11px;
}

.first
{
    background-color: #fa5c93;
    font-size: 12px;
    color: #ffffff;
    width:inherit;
}
.second
{
    background-color: #fdc7da;
    color:Black;
}
.third
{
    background-color: #fedbe7;
}
.fourth
{
    background-color: #fee8ee;
}
.fifth
{
    color: #817a7d;
    background-color:white;
}

#colTwo .ainput {
	border: solid 1px #fa5c93;
	font-size: 11px;
	font-family:Tahoma;
}

#colTwo #post_header_table td.black_separator {
    height: 15px;
    background-image: url( '../pictures/dotted_spacer.gif' );
    background-position: left bottom;
    background-repeat: repeat-x;
}

/* Subscr */
#colTwo #subscr_form {
    background-position: left top;
    width: 471px;    
    background-image: url( '../pictures/tab_form02.gif' );
    background-repeat: no-repeat;
    padding-top: 10px;
}

#colTwo #subscr_form #t1 {
    float: left;
    width: 60px;
    padding-left: 56px;
}
#colTwo #subscr_form #t2 {
    float: left;
    width: 60px;
    padding-left: 35px;
}
#colTwo #subscr_form #t3 {
    float: left;
    width: 60px;
    padding-left: 35px;
}
#colTwo #subscr_form #t4 {
    float: left;
    width: 60px;
    padding-left: 35px;
}

#colTwo #subscr_form #tabbed_content {
    float: left;
    padding-left: 25px;
    padding-top: 25px;
    width: 430px;
}

#colTwo #subscr_form #tabbed_content .tabbed_table {
    font-size: 15px;
    font-weight: bold;
    color: #fa5c93;
}

#colTwo #subscr_form #tabbed_content .tabbed_table a {
    /*font-size: 14px;*/
    font-weight: normal;
    color: #9e0039;
}

#colTwo #subscr_form #tabbed_content .list_table {
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

#colTwo #subscr_form #tabbed_content .list_table a {
    font-size: 12px;
    font-weight: normal;
}

/* MyOrders */
#colTwo #myorders_form {
    background-position: left top;
    width: 471px;    
    background-image: url( '../pictures/tab_form04.gif' );
    background-repeat: no-repeat;
    padding-top: 10px;
}

#colTwo #myorders_form #t1 {
    float: left;
    width: 60px;
    padding-left: 56px;
}
#colTwo #myorders_form #t2 {
    float: left;
    width: 60px;
    padding-left: 35px;
}
#colTwo #myorders_form #t3 {
    float: left;
    width: 60px;
    padding-left: 35px;
}
#colTwo #myorders_form #t4 {
    float: left;
    width: 60px;
    padding-left: 35px;
}

#colTwo #myorders_form #tabbed_content {
    float: left;
    padding-left: 25px;
    padding-top: 25px;
    width: 430px;
}

#colTwo #myorders_form #tabbed_content .tabbed_table {
    font-size: 15px;
    font-weight: bold;
    color: #fa5c93;
}

#colTwo #myorders_form #tabbed_content .tabbed_table a {
    /*font-size: 14px;*/
    font-weight: normal;
    color: #9e0039;
}

#colTwo #myorders_form #tabbed_content .list_table {
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

#colTwo #myorders_form #tabbed_content .list_table a {
    font-size: 12px;
    font-weight: normal;
}

.search_input
{
    border: 1px solid #6c807c;
    width: 150px;
    background-color: #f4f2a7;
    padding-left: 10px;
    color: #757356;
    font-size: 11px;
}

.pink_separator {
    height: 15px;
    background-image: url( '../pictures/dotted_pink_spacer.gif' );
    background-position: left bottom;
    background-repeat: repeat-x;
}

.OrderTableHeader 
{
    color:#fa5c93;
    font-weight:bold;
    font-size:12px;
    border-bottom: solid 1px #000000; 
    border-right: solid 1px #000000;
    border-top: solid 1px #000000; 
    text-align:center;
}

.OrderTableHeaderBegin 
{
    color:#fa5c93;
    font-weight:bold;
    font-size:12px;
    border-bottom: solid 1px #000000; 
    border-right: solid 1px #000000;
    border-top: solid 1px #000000; 
    border-left: solid 1px #000000; 
    text-align:center;
}


.OrderTableCell
{
    border-bottom: solid 1px #000000; 
    border-right: solid 1px #000000;
}

.OrderTableCellBegin
{
    border-bottom: solid 1px #000000; 
    border-left: solid 1px #000000;
}

.OrderTableCellLast
{
    border-right: solid 1px #000000;
}

.OrderTableCellEnd
{
    border-bottom: solid 1px #000000; 
}