﻿html { margin: 0px; padding: 0px; height: 100%; }


/* 990000 -  672479*/
body 
{
    height: 100%; 
	margin: 0px; 
	padding: 0px;
	background: #120842;
	/*font: .7em Verdana, Arial, Helvetica, sans-serif;*/
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2E3F52;

    scrollbar-arrow-color: #672479;
    scrollbar-shadow-color: #E7E7E7;
    scrollbar-track-color: #F1F0F0; 
    scrollbar-face-color: #E7E7E7; 
    scrollbar-highlight-color: #FFFFFF; 
    scrollbar-darkshadow-color: #666666; 
    scrollbar-3dlight-color: #E7E7E7; 

}



/* Styles for MainTable*/
#maintable {margin-top:0px;}
.leftgrad, .rightgrad, .lefttop, .righttop, .leftbottom, .rightbottom {width:107px;}

.lefttop, .righttop, .divlefttop, .divrighttop {height:591px;}
.leftgrad, .rightgrad { height:100%; }

.divlefttop, .divrighttop, .leftgrad, .rightgrad, .leftbottom, .rightbottom {width:20px;}

.divlefttop {background-image:url(images/top-lc.jpg); }
.divrighttop {background-image:url(images/top-rc.jpg); }

.leftgrad 
{
    background-position:top right;
    background-repeat:repeat-y;
    background-image:url(images/body-l.gif);
}
.rightgrad 
{
    background-position:top left;
    background-repeat:repeat-y;
    background-image:url(images/body-r.gif);
}
.lefttop {
    background-position:top right;
    background-repeat:no-repeat;
    background-image:url(images/top-left.jpg);
}
.righttop {
    background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/top-right.jpg);
}
.leftbottom 
{
    background-position:top right;
    background-repeat:no-repeat;
    background-image:url(images/bottom-left.gif);
}
.rightbottom 
{
    background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/bottom-right.gif);
}

#maintable {height: 1000px;}
#maindiv, #mainconteiner {min-height: 1000px; }
* HTML #maindiv, * HTML #mainconteiner {height: 1000px; }
/*html>body #maindiv, html>body #mainconteiner {height:1000px;}*/

#maindiv, .mainwidth {width:960px;}
#mainconteiner, #header {width:957px;} 
/*#maindiv, .mainwidth {width:1003px;}
#mainconteiner, #header {width:999px;} */

#maindiv  
{
    background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/top-center.jpg);
    margin:0 auto 0 auto;
    padding-top:32px;
}

#mainconteiner
{
    padding:0 0 54px 0;
    margin:0;
    top:0px;
    right:0px;
    position:relative;
    font-size:11px;
	border-left: solid 2px #E3C1D1;
	border-right: solid 2px #E3C1D1;
	border-bottom: solid 2px #E3C1D1;
	background-color:#ffffff;
}

#mainfooter { /* styles for horizontal footer */
    /*clear:both;*/

	/*height: 75px;*/
    /*margin:-75px 0 0 0;*/
    margin:0;
	padding-top:15px;
	
	background:url(images/bottom-center.gif) repeat-x;
	text-align:center;
	font-size:11px;
	/* box model hack */
	voice-family:inherit;
	
}
/** HTML #mainfooter {overflow: hidden; }*/
#mainfooter #div1 {
    margin:0 0 12px 0;
    padding:10px 5px 10px 10px;
	/*height: 70px;*/
	border: solid 2px #E3C1D1;
	background-color:#ffffff;
}

/* layout styles */

#header {
    margin-bottom:17px;
	height: 92px;
	z-index:100;
	position:relative;
	/*border: solid 2px #E3C1D1;
	background-color:#ffffff;*/
}

#logo {	position: absolute; left: 1px; top: 1px; z-index:100; }
#contacts 
{
    position: absolute; top: 1px; right: 258px; width:127px; height:63px; z-index:100; 
    padding: 25px 5px 10px 0;
    line-height:23px;
    color:#D9D9D9;
    font-size:11px;
}
#contacts a { color:#00EAEE;}
/*#contacts-body {position: absolute; top: 0px; left: 45px; width:190px; height:90px; }*/

#cart
{
    position: absolute; top: 1px; right: 0; width:235px; height:90px; z-index:100;
}
#cart-logo {position: absolute; top: 21px; left:15px;}
#cart-body {position: absolute; top: 10px; right:12px; font-size:13px; text-align:right;  line-height:22px;}

#topadmin 
{
	height: 20px;
	position:relative;
	background-color:inherit;
	text-align:right;
	font-weight:bold; font-size:13px;
}

#bar { /* styles for horizontal top bar */
	margin:0;
	
	font-size: 12px;
	font-weight:bold;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 28px;
	z-index:500;
}
	html>body #bar { height: 28px; }

#bar-left, #bar-left-logo, #bar-left-body { position:absolute; top:0px; }
#bar-left {
	top:0px; left:1px; width:237px; height: 30px;
	background:url(images/bar-l.gif) repeat-x;
	/*border-left:solid 1px #E5E0DC;
	border-right:solid 1px #E5E0DC;
	border-top:solid 1px #E5E0DC;*/
	/*border:solid 1px #E5E0DC;*/
	
}
#bar-left-logo { 
	left:0px; width:82px; height: 30px;
	background:url(images/find.gif) no-repeat;
}
#bar-left-body { left:80px; padding-top:7px;}
#bar-left a { color: #2E3F52;}

#bar-right { position:absolute; top:1px; }
#bar-right { right:0px;  width:718px; }
#bar-right .d1, #bar-right .d2, #bar-right .d3 
{

    /*position:absolute; */
    top:0px; 
    
    height: 21px;
    text-align:center;
    padding-top:6px;
	background:url(images/bar-r.gif) repeat-x;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	/*border-top:solid 1px #C2BBE4;*/
	/*border-bottom:solid 1px #E9E4F4;*/
}
#bar-right .d1 { width:237px;float:left;}
#bar-right .d2 { width:238px;float:left;}
#bar-right .d3 { width:237px;float:right;}

/*#bar-right .d1 { left:0px;}
#bar-right .d2 { left:242px;}
#bar-right .d3 { left:484px;}*/
#bar-right a { color: #342745;}

#leftcontent 
{
	position:absolute;
	top:30px;
	left:1px;
	width:237px;
	background:#fff;
		z-index:100;

	}

#rightcontent {
    position:absolute;
    top:30px;
    right:0px;
    width:237px;
    background:#fff;
    margin-right:1px;
	    z-index:100;

	}
#centercontent 
{
	margin-top:2px;
	padding:0 20px 0 20px;
	/*background:#fff;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 240px;
	margin-right:240px;
		z-index:100;

	}

html>body #centercontent {
	margin-left: 240px;
	margin-right:240px;
		z-index:100;

	}
#centercontentwide, #centercontentdef
{
	margin-top:2px;
	/*background:#fff;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 240px;
	margin-right:1px;
		z-index:100;

	}

html>body #centercontentwide, html>body #centercontentdef {
	margin-left: 240px;
	margin-right:1px;
		z-index:100;

	}
#centercontentwide 
{
    padding:10px 10px 10px 20px; 
}

#leftmenu
{
	margin-top:0px;
    margin-bottom:20px;
	font-size:12px;
	font-weight:bold;
}
#lmd1, #lmd2, #lmd3, #lmd4 { height:23px; margin-bottom:1px; padding: 5px 0 0 45px; } 
#lmd1 { background:#D9DADA url(images/lm1.gif) no-repeat; }
#lmd2 { background:#D9DADA url(images/lm2.gif) no-repeat; }
#lmd3 { background:#D9DADA url(images/lm3.gif) no-repeat; }
#lmd4 { background:#D9DADA; }

#leftmenu ul 
	{
	    margin-top:0px; 
	    list-style: none; 
	    margin-left:auto;  
	    margin-right:auto; 
	    padding-left:0px; 
	    border-left:solid 1px #E3E3E1;
	    border-right:solid 1px #E3E3E1;
    }
	#leftmenu li 
	{
       background:#FAF9F7 url(images/lm-li.gif) no-repeat 20px 7px;
       height:23px;
       padding:5px 0 0 45px; 
       border-bottom: 1px solid #E3E3E1;}
	               
	#leftmenu li:hover {
	    background:#FAF9F7 url(images/lm-li-hover.gif)  no-repeat 20px 7px;
	}
	

#leftmenu a { color: #2E3F52; }

.menuTree 
{
   margin-top:0px; 
   padding-left:20px; 
   border-top:solid 1px #E3E3E1;
   border-left:solid 1px #E3E3E1;
   border-right:solid 1px #E3E3E1;
   background:#FAF9F7 url(images/lm-border.gif) repeat-y;
}
.menuTreeNode 
{
   /*background:#FAF9F7 url(images/lm-li.gif)  no-repeat 2px 7px;*/
   height:23px;
   padding-left:4px; 
}


#topimg
{ 
    height:300px;
    width:477px;
    text-align:center;
     background:#eee;
     background:#eee url(images/xo4u.jpg)  no-repeat ;
     float:left; 
}

#cell0, #cell1, #cell2, #cell3 
{
    text-align:center;
    font-size:13px;
}

#cell0
{ 
    height:296px;
    width:233px;
    color:#4A3B56;
    background:#E3C1D1 url(images/cell0.gif) no-repeat;
    background-position:bottom right;
    border:solid 2px #D4B4C3;
    float:right;
}
#cell0 .cellbody{height:229px; border-bottom:solid 2px #D4B4C3;}
#cell0 .celltitle{ color:#4A3B56;}

#cell1, #cell2, #cell3 {height:296px; margin: 2px 0 0 0; }

#cell1
{
    margin-right:2px;
    width:233px;
    background:#fff;
    border:solid 2px #5DB9AA;
    float:left;
}
/*#cell1 .celltitle {background:#6FC9BA url(images/cell1.gif) no-repeat; background-position:top right; border-bottom:solid 2px #5DB9AA;}*/
#cell1 .celltitle {background:#6FC9BA url(images/bc1.gif) no-repeat; background-position:top right; border-bottom:solid 2px #5DB9AA;}
#cell2
{
    width:234px;
    background:#fff;
    border:solid 2px #242B3D;
    float:left; 
}
/*#cell2 .celltitle {background:#333D54 url(images/cell2.gif) no-repeat; background-position:top right; border-bottom:solid 2px #242B3D;}*/
#cell2 .celltitle {background:#333D54 url(images/bc2.gif) no-repeat; background-position:top right; border-bottom:solid 2px #242B3D;}
#cell3
{
    width:233px;
    background:#fff;
    border:solid 2px #583463;
    float:right;
}
/*#cell3 .celltitle {background:#5B3666 url(images/cell3.gif) no-repeat; background-position:top right; border-bottom:solid 2px #583463;}*/
#cell3 .celltitle {background:#5B3666 url(images/bc3.gif) no-repeat; background-position:top right; border-bottom:solid 2px #583463;}

.celltitle { color:#fff; font-weight:bold; padding:5px 5px 5px 5px;}
.cellbody {height:264px; background:#fff; }
#cell1 .celltitle a, #cell2 .celltitle a, #cell3 .celltitle a {color:#ffffff;}

/* pagetitle */
.pagetitle {}
.pagetitle span {font-size:14px; font-weight:bold;}


/* mosaic */
.mosaiccell
{
     height:300px;
     width:226px;
     border:0;
     margin-left:auto;
     margin-right:auto;
     /*background:#eee;*/
     text-align:left;

}
.mosaicimage
{ 
     background-position:left center;
     background-repeat:no-repeat;
     margin-bottom:5px; 
}
.mosaictext, .mosaicprice, .mosaiclinks, .mosaiccategoryname
{
     width:200px; 
}
.mosaiccategoryname
{
    font-size: 13pt;
    text-align:center;
}
.mosaiccategoryname a {color:#006766; }
.mosaicprice { margin-top:4px; font-size:14px; }
.mosaiclinks a:link, .mosaiclinks a:active, .mosaiclinks a:visited, .mosaiclinks a:hover { font-size:11px; color:#006766; }


.discountline, .offerline
{
    height:15px;
    padding-right:10px;
    padding-left:7px;
    padding-top:2px;
    font-weight:bold;
    font-size:11px;
    margin-top:4px;
}
.discountline { text-align:right; }
.discountline .spandiscount { color:#BD4801;}
.discountline .spannew { color:#3FA068;}

.offerline {color:#672479; text-align:center; margin-top:4px; }

#pager
{
    width:100%;
    text-align:center;
    color:#00B1B3;
    margin-top:10px;
}
#mosaiccombo
{
    font-size: 11px;
    color:#666666;
    text-align:right;
}
.row, #mosaiccombo div {margin-bottom:4px;}

/*product 009C9E*/

.producttitle { font-size:16px; font-weight:bold; color:#009C9E;}

.mainproductimage {
	width: 220px;
	text-align: center;
	float: left;
	padding-bottom: 10px;
}


.productsection
{
	margin-top:5px;
	border-top:1px dotted #c5c5c5;
}
.productsection ul { padding-left: 5px; margin:0px;}
.productsection li { padding: 0px; margin-left:10px;}

.reviewsection
{
	padding:1px 1px 7px 1px;
	border-bottom:1px dotted #c5c5c5;
}
.productimage
{
    width:220px;
    height:220px;
}
.productprice
{
    font-size: 14px; font-weight:bold;
}
.productstatus
{
    font-size: 14px; text-align:center; font-weight:bold;
    margin: 0 15px 0 15px; 
}

.cartdivider
{
    background:#FAF9F7;
    border:solid 1px #E3E3E1;
    margin-top:30px;
    padding:5px 10px 5px 10px;
}

/* brand */
.brandcell
{
     width:164px;
     margin:0;
     padding-bottom:15px;
}
.branddefaultcell
{
    width:128px;
    border:1px dotted #c5c5c5;
    margin:0;
}
.brandcellimage { text-align:center; height:70px; }
.brandcelltext { text-align:center; font-size:13px; }

.brandimageholder { vertical-align:middle; }

/* box */
.box { background: url(images/box.jpg) no-repeat top left; padding:30px 30px 0 30px; }
.pinkbox { background: url(images/pinkbox.jpg) no-repeat top left; padding-top:20px; padding-left:20px; }
.bluebox { background: url(images/bluebox.jpg) no-repeat top left; padding-top:20px; padding-left:20px; }
.greenbox { background: url(images/greenbox.jpg) no-repeat top left; padding-top:20px; padding-left:20px; }
.pinkbox .title, .bluebox .title, .greenbox .title { text-align:center; margin:0 30px 20px 30px; font-weight:bold; }

.divider
{
    border-top:dotted 1px #D5D5D5;
    margin-left:20px;
    margin-right:20px;
}


.imagebutton {}
.imagebutton a {text-decoration:none; }


.notfound {font-size: 20px; font-weight:bold; text-align:center; margin:10px auto 30px auto; padding:20px;}

/* columns */
.rcol { float:right;}
.lcol { float:left; margin:0; }
.clear {content:".";display:block;height:0;clear:both;visibility:hidden}


/* basic selectors */
a.adtext { color: #000; text-decoration:none}
a.adtext:hover{ color: #000; text-decoration:none}
a:link { color: #00B1B3; text-decoration:underline}
a:visited { color: #00B1B3;  text-decoration:underline}
a:active, a:hover { color: #00B1B3;  text-decoration:none}
/*00B1B3  00EAEE*/


th
{
    vertical-align:top;
}
td
{
    vertical-align:top;
}
h1 {
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 20px;
}

h3 {
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

#divh4 {
    margin-bottom:10px;
    font-size:13px;
    font-weight:bold;
}
.divh4 {
    margin-bottom:10px;
    font-size:13px;
    font-weight:bold;
}

h5 {
	color: #000;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h6 {
	color: #000;
	font: bold italic 100% Verdana, Arial, Helvetica, sans-serif;
}

img { border: 0px; }
hr { color: #666666; height: 1px; }
table { font-size: 100%; }
code { color: #6c0; font: 100% "Courier New", Courier, monospace }
form { margin: 0px; padding: 0px; }
input, textarea, select { font: 100% Verdana, Arial, Helvetica, sans-serif; border:1px solid #6F6F6F;}



.maintext
{    /*border-bottom: 1px dotted #CCC7C5;*/
     /*border-top: 1px dotted #CCC7C5;*/
     /*color: #717070;*/
     margin-bottom: 10px;
     padding: 20px;
     text-align:center;
     font-size:8pt;
}

.maintext span
{    text-align: center;
     font-weight: bold;
     /*color: #6F6F6F;*/ /*#191919;*/
     font-size:8pt;
}
.maintext h1
{    text-align:justify;
}


#adcontainer
{
    margin-left: 1px;
    margin-bottom: 1px;
    padding:0 10px 10px 10px;
}


#catfooter { /* styles for horizontal top bar */
	background:#fff; 
	color:#666666;
	text-align:center;
	padding-top: 25px;
	/*font: Verdana, Helvetica; */
	font-size: 11px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	z-index:100;
}




.admintable
{
	margin: 5px;
	padding:0;
	width:500px;
	border:1px dashed #c5c5c5;
}

.admintablew
{
	margin: 5px;
	padding:0;
	width:625px;
	border:1px dashed #c5c5c5;
}

.admindashedrow
{
    border-bottom: 1px dashed #c5c5c5; 
}

.adminlabel
{
    font-size: 8pt;
    font-family: verdana;
    width: 120px;
    margin-bottom: 3px;
    vertical-align: top;
}

.adminitem
{
	border-width:0px;
	background-color: #ffffff;
	margin-bottom:3px;
}


.adbox
{
	padding:10px;
	font-size:9pt;
	margin-bottom:10px;
	border:1px solid gainsboro;
}
.adbox h3
{
    font-weight: bold;
    font-size: 10pt;
    font-family: verdana;
	color:#C7C030;
	margin-top:1px;
	margin-bottom:3px;

}


h1.accent
{
 	font-size: 12px;
	font-weight:bold;
	color:#672479;
	margin: 0px;
	margin-bottom:5px;
   
}
.smalltext
{
    font-size: 8pt;
    /*color: #666666;*/
    font-family: verdana;
    font-weight:normal;
}

.smalltext span
{    
    font-weight: bold;
}

.supersmalltext
{
    font-size: 7pt;
    font-family: verdana;
}

.voteradio
{
    font-size: 7pt;
    color: #000000;
    font-family: verdana;
    margin-bottom:10px;
}

.voteradio input { border:0px solid #FFFFFF; }



.hookline
{
	color: #6F6F6F;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}



.twopixspacer { height:2px; }
.tenpixspacer { height:10px; }
.twentypixspacer { height:20px; }

.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}
