/* CSS Document - Author: Shaibal Mandal */


/* Main Styles that apply to body */
body {
        font-size: 11px;
        font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
        margin: 0px;
        padding-left: 50%;
        background: #f4f4f4 url(/images/bg.gif) repeat-y;
        background-position: center;
        position: absolute;
}

/* This is the page container built and centered using -ve margins */
#container {
        width: 700px;
        margin-left: -350px;
}

/* The topmost faded bar */
#topbar {
    width:auto;
    background: #FFFAFA;
    height: 15px;
    padding: 10px 5px 5px 2px;
    font: 9px;
    font-weight: bold;
    color: #CCCCCC;
    text-align: right;
    border-bottom:1px solid #CCC;
}

/* This holds the two heading blocks, the title and the login form */
#headerwrapper {
    width: auto;
    height: 90px;
}


h1 {
    font-size: 33px;
    color: #E8E8E8;
    margin: 5px;
    padding-top: 10px;
    font-weight: normal;

}

h2 {
    font-size: 17px;
    color: #A0A0A0;
    margin: 5px;
    padding-top: 8px;
    font-weight: normal;
}

h6 {
    font-size: 10px;
    font-weight: bold;
    color: #DDD;
    margin: 0px;
    padding: 0px;
    margin-left: 8px;
}

/* This holds the tabs */
#tabholder
{
    width: auto;
}

/* Container for the article box, and the pic box */
.articleboxouter {
    width: auto;
    padding: 0px 6px 0px 5px;
    clear: both;
}

/* Content holder for the articles */
.articleboxinner {
    width: auto;
    color: #A0A0A0;
    padding: 15px 6px 15px 6px;
    background-image: url("/images/flowers.pr.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    border-left:1px solid #efefef;
    border-right:1px solid #efefef;
    border-bottom:1px solid #efefef;
    min-height:270px;
    height: auto !important;
    height:270px;
}

.pop {
    width: auto;
    color: #A0A0A0;
    padding: 25px 6px 20px 50px;
}

.pop2 {
    text-align: center;
    table-width: 300px;
}
.tablespad10 {
    padding-left:25px;
}
.tablespad25 {
    padding-left:25px;
}

.tablespad30 {
    padding-left:30px;
}

.link25 {
    padding-left:25px;
    width: 195px;
}

/* Container for the article box, and the pic box */
.tablecontact {
	width:350px;
	float:right;
    display:block;
    line-height: 16px;
    color: #A0A0A0;
    font-size: 12px;
    margin-left: 0px;
    margin-top: 5px;
}

.cont {
    text-align: right;
	padding-left: 130px;
}
.error {
	text-align: center;
	color: red;
	font-weight: bold;
}
/* Container for the article box, and the pic box */
.table {
    line-height: 20px;
    padding-top: 5px;
    color: #A0A0A0;
    font-size: 12px;
    text-align: justify;
}
/* Container for the article box, and the pic box */
.table2 {
    width: 400px;
    line-height: 22px;
    color: #A0A0A0;
    font-size: 11px;
    padding-top: 10px;
}

/* Container for the article box, and the pic box */
.tablecatalog {
    width: 145px;
    height: 206px;
    line-height: 18px;
    color: #A0A0A0;
    font-size: 12px;
}
/* The title style for the main article */
.articleheader
{
    font-size: 24px;
    color: #A0A0A0;
}
.galas
{
    font-size: 13px;
    color: white;
}
/* This controls the main pic in the main article box */
.mainpiccontrol
{
    border: 1px #DBB7DB solid;
    float: left;
    margin-right: 10px;
}
/* Container for the pic thumbnails */
.picboxouter {
    width: auto;
    padding: 0px 6px 0px 5px;
    clear: both;
}

/* Content holder for the pic box */
.picbox {
    width: auto;
    color: #DD7CB4;
    padding: 5px 6px 6px 6px;
    border:1px solid #efefef;
    border-top: none;
    text-align: center;
}

.picbox2 {
    width: auto;
    padding: 5px 0px 0px 0px;
    font-size: 110px;
}


/* This controls the thumbnails in the picbox div */
.pickboxcontrol
{
    border: 1px #DDD none;
}

/* Sometimes, I don't want borders around my hyperlink images */
.noborder {
    border: none;
}

/* For taming those leeeeeeetle arrows */
img {
    vertical-align: text-bottom;
}

/* Style-up those ugly default hyperlinks */
a {
        text-decoration: none;
        padding: 0;
        margin: 0;
        color: #663366;
}

/* And their ugly hover states too */
a:hover {
        text-decoration: underline;
}

/* Why should the humble footer be left out? */
#footer1 {
        background: #FFFAFA;
        color:  #A0A0A0;
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
        height: 50px;
        border-bottom:1px solid #CCC;
        border-top:1px solid #CCC;
}

/* Why should the humble footer be left out? */
#footer {
        background: #FFFAFA;
        color:  #A0A0A0;
        font: 11px;
        text-align: center;
        vertical-align: middle;
        height: 40px;
        clear: both;
        border-bottom:1px solid #CCC;
        border-top:1px solid #CCC;
}

/* And this gives the column text some breathing space */
.spacy
{
    padding: 5px;
}

/* CSS Tabs */
#tabs8 {
    float:right;
    width:100%;
    background: #FFFAFA;
    font-size:93%;
    line-height:normal;
    border-bottom:1px solid #CCC;
    border-top:1px solid #CCC;
}

#tabs8 ul {
    margin:0;
    padding:10px 10px 0 5px;
    list-style:none;
}

#tabs8 li {
    display:inline;
    margin:0;
    padding:0;
}

#tabs8 a {
    float:right;
    background:url("/images/tableft8.gif") no-repeat left top;
    margin: 1px;
    padding:0 0 0 4px;
    text-decoration:none;
}

#tabs8 a span {
    float:right;
    display:block;
    background:url("/images/tabright8.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color: #A0A0A0;
    font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs8 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs8 a:hover span {
    color:#591333;
}

#tabs8 a:hover {
    background-position:0% -42px;
}

#tabs8 a:hover span {
    background-position:100% -42px;
    color: #888;
}

#tabs8 #current a {
    background-position:0% -42px;
}
#tabs8 #current a span {
    background-position:100% -42px;
    color: #888;
}
/* End of CSS Tabs */
/* CSS Submenu Tabs */
#tabs9 {
    float:right;
    width:100%;
        height:15px;
    background: #FFFAFA;
    font-size:93%;
    line-height:normal;
    border-bottom:1px solid #CCC;
    border-top:0px solid #CCC;
}
#tabs9 a {
    float:right;
    background:url("/images/tab.gif") no-repeat left center;
    margin: 1px;
    padding:0 0 0 4px;
    text-decoration:none;
    color: #A0A0A0;
    font-weight: bold;
}
#tabs9 a:hover {
        color:#696969;
}
#tabs9 #current a {
    color:#696969;
}
#tabs9 #first a {
    background:none;
}
#tabs9 #last a {
    padding:0 4px 0 4px;
}
/* End of CSS Submenu Tabs */
/* CSS SubSubmenu Tabs */
#catalog_menu {
    float:right;
    width:100%;
    background: none;
    font-size:100%;
}
/*
#catalog_menu ul {
 float:left;
 display:inline;
 margin:0px;
 list-style-type: none;
 border-left: outset 1px #A0A0A0 !important;
 border-left: outset 1px #FFFFFF;
 min-height: 235px;
 height: auto !important;
 height: 235px;
 padding-left: 0px;
}

#catalog_menu li {
 background-image: url(/images/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0px 7px !important;
 background-position: 5px 7px;
 margin-left: 9px !important;
 margin-left: 5px ;
 padding-left: 17px !important;
 padding-left: 4px;
}
*/

#catalog_menu_bullet {
	vertical-align:top;
	padding-bottom: 0px;
	padding-left: 5px;
}
#catalog_menu_item {
	vertical-align:middle;
	padding-bottom: 0px;
	padding-top: 3px;
	padding-left: 5px;
}


#catalog_menu_item a {
    text-decoration:none;
    color: #A0A0A0;
    font-weight: normal;
}
#catalog_menu_item a:hover {
    color:#888;
	font-weight: bold;
}
#catalog_menu_item #current a {
    color:#888;
	font-weight: bold;
}

#catalog_menu_separator{
	 float:left;
	 display:inline;
	 margin:0px;
	 list-style-type: none;
	 border-left: outset 1px #A0A0A0 !important;
	 border-left: outset 1px #FFFFFF;
	 min-height: 235px;
	 height: auto !important;
	 height: 235px;
	 padding-left: 0px;
}

/* Container for the article box, and the pic box */
.wind {
    width: auto;
    text-align: center;
    font: 11px;
    color:  #A0A0A0;
    padding-left: 100px;
}
.picsbox{
	border:1px solid #DDD;
	width:90px;
	height:90px;
	background-color:white;
	display: table-cell;
	vertical-align: middle;	
}
.picbox_td{
	border:1px solid #DDD; 
	width: 90px; 
	height: 90px;
}
.inline_inner {
	border:1px solid #DDD; 
	width: 90px; 
	height: 90px; 
	display: table-cell; 
	vertical-align: middle;
	text-align:center;
}


.picsbox_inline{
	display: inline;
}
.empty_td{
	width: 30px; 
}
.products_info_td{
	height:30px;
	vertical-align:top; 
}