/* Galleria CSS Document; Author: Vinod G */

html { margin:0px; visibility:visible; position:absolute;}
body { margin:0px; width:100%; height:100%; background-color:#FFFFFF; }
html, body, #wrapper { height:100%; page:'identifier'; margin: 0; padding: 0; border: none; text-align: center; }
#wrapper2 {height:100%;}

/* top */
#toplevel { width:100%; background-color:#FFFFFF; height:auto; }
#sitelogo { float:left; background-image:url(../images/galleria-logo.gif); background-repeat:no-repeat; width:241px; height:75px; }
#punchline { float:left; background-image:url(../images/punchline.gif); background-repeat:no-repeat; width:348px; height:75px; }
#topright { float:right; margin:0px; padding:0px; height:75px; width:auto; }
#complogo { float:right; vertical-align:bottom; margin-top:35px; padding:0px; margin-bottom:0px; margin-right:0px; width:71px; height:36px; text-align:right; background:url(../images/pxlsoft-logo.gif) no-repeat right bottom; margin-right:12px; }

#topmenu { float:right; margin-right:-70px; margin-top:1px; font-style:normal; width:auto; height:10px; line-height:10px;}
#topmenu UL { PADDING: 0px; MARGIN: 0px; }
#topmenu LI {display:inline; PADDING-RIGHT:5px; PADDING-LEFT:5px; border-left:1px solid #255991;}
#topmenu LI#one { BORDER-LEFT: 0px solid #fff; }
#topmenu A:link { FONT-WEIGHT: normal; COLOR: #255991;  TEXT-DECORATION: none; font-style:normal; font-family:Verdana; font-size:11px; line-height:20px; }
#topmenu A:active { FONT-WEIGHT: normal; COLOR: #255991;  TEXT-DECORATION: none; font-style:normal; font-family:Verdana; font-size:11px; line-height:20px; }
#topmenu A:visited { FONT-WEIGHT: normal; COLOR: #255991;  TEXT-DECORATION: none; font-style:normal; font-family:Verdana; font-size:11px; line-height:20px; }
#topmenu A:hover { FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none; font-style:normal; font-family:Verdana; font-size:11px; line-height:20px; } 

#mainnavi { float:left; width:100%; z-index:990; background:url(../images/navibg.gif) repeat-x; height:1.8em; }
#navigation { float:left; text-align:left; font-family:Verdana; font-size:11px; font-style:normal; font-weight:500; white-space:nowrap; margin:0px; }
#navigation UL { margin:0px; padding:0px; line-height:29px; text-align:center; }
#navigation LI { display: inline; margin:0px; padding:0px; }
#navigation LI .lineimg { background-image:url(../images/menuline.gif); width:2px; height:27px; z-index:1000;}
#navigation LI A { FONT-WEIGHT:bold; COLOR:#666666; TEXT-DECORATION: none; padding-right:15px; padding-left:15px; padding-top:7px; padding-bottom:7px; text-shadow:#000000; }
#navigation LI A:hover { COLOR:#003399; TEXT-DECORATION: none; FONT-WEIGHT:bold; background:url(../images/activemenubg.gif); background-repeat:repeat-x; padding-left:15px; padding-right:15px; text-shadow:#000000;  background-position:inherit; } 
#navigation .active { COLOR: #003399; TEXT-DECORATION: none; FONT-WEIGHT:bold; background:url(../images/activemenubg.gif); background-repeat:repeat-x; padding-left:15px; padding-right:15px; text-shadow:#000000; background-position:inherit; }
#navigation LI img { float:inherit; width:2px; line-height:27px; padding:0px; margin:0px; }
#searchnavi { float:right; width:auto; font-family:Verdana; font-size:11px; font-style:normal; font-weight:500; white-space:nowrap; margin:0px; line-height:28px; position:inline; }
#searchnavi input { height:19px; border:1px solid #999999; padding:0px; margin:0px; position:inline; }
#searchnavi img { line-height:22px; padding:0px; margin:0px; }
#advancesearch { float:right; margin:0px; width:125px; line-height:28px; position:inline; cursor:pointer; }
#searchtag { float:right; margin-right:10px; width:auto; position:inline; }
.main_popupper { position:absolute; float:right; margin-right:-10px; z-index:100; }
.multipleSelectMainDiv { position:inline; display:block; font-family:Verdana; font-size:11px; color:#333333; height:20px; }
.searchtab { font-family:Verdana; font-size:11px; position:inline; color:#000000; background-color:#FAFAFA; border:1px solid #f5f5f5; height:20; }
INPUT.text { position:inline;}

/* mainbody */
#mainpage {	height:100%; margin:0px; padding:0px; margin-top:0px; vertical-align:top; }
#mainbody { height:100%; margin:0px; padding:0px; vertical-align:top; width:auto; }

/* leftpannel */
#leftpannel { width:22%; height:auto; float:left; padding:0px; margin:0px; vertical-align:top; }
#wrapper { vertical-align:top; height:auto; width:100%; }
#cateid { width:100%; height:inherit; margin:2%; margin-top:10px; }
.cathead { width:30%; float:left; background:url(../images/headbg.gif) repeat-x; line-height:31px; border-right:1px solid #c7c7c7; border-left:1px solid #c7c7c7; font-family:Verdana; font-size:11px; font-style:normal; color:#575757; text-align:center; cursor:pointer; }
.cathead a:link, a:active, a:visited { line-height:31px;  font-family:Verdana; font-size:11px; font-style:normal; color:#575757; text-align:center; cursor:pointer; text-decoration:none; }
.cathead a:hover {line-height:31px; font-family:Verdana; font-size:11px; font-style:normal; color:#000000; text-align:center; cursor:pointer; text-decoration:underline; }
.catheadnone { width:30%; float:left; background:#ffffff; line-height:31px; border-right:1px solid #c7c7c7; border-left:1px solid #c7c7c7; font-family:Verdana; font-size:11px; font-style:normal; color:#000000; text-align:center; cursor:pointer; }
.catheadnone a:link { text-decoration:none; color:#000000; }
.cathead2 { width:45.3%; float:left; background:url(../images/headbg.gif) repeat-x; line-height:31px; border-right:1px solid #c7c7c7; border-left:1px solid #c7c7c7; font-family:Verdana; font-size:11px; font-style:normal; color:#575757; text-align:center; cursor:pointer; }
 

.catacthead { width:30%; float:left; background:url(../images/actheadbg.gif) repeat-x; line-height:31px; border-right:1px solid #aeaeae; border-left:1px solid #aeaeae; border-top:1px solid #aeaeae; font-family:Verdana; font-size:11px; font-style:normal; color:#000000; text-align:center; }
#selcategory { float:left; width:92%; vertical-align:top; } 
#catbg { width:99.4%; margin:0px; padding:0px; border-right:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; vertical-align:top; background-color:#FFFFFF; }
#bottomleft { background: url(../images/bottomleft.gif) no-repeat bottom left; width:auto; height:auto; vertical-align:bottom; float:left; padding:0px; margin:0px; margin-top:-0.7em; }
#bottomright { background: url(../images/bottomright.gif) no-repeat bottom right; width:auto; height:auto; vertical-align:bottom; float:right; padding:0px; margin:-2px; margin-top:-0.7em; }
#bottomline { width:100% inherit; background: url(../images/bottomline.gif) repeat-x bottom left right; height:auto; vertical-align:bottom; padding:0px; margin:0px; margin-top:-0.7em; }
.cattext { padding:10px 10px 20px 15px; margin:0px; font-family:Verdana; font-size:11px; font-style:normal; color:#000000; text-align:left; }
.cattext p { margin:0px; padding-top:10px; }
.cattext img { float:left; }
.catlink { vertical-align:top; text-align:left; }
.catlink a:link, .catlink a:active, .catlink a:visited { color:#797878; text-decoration:none; line-height:18px;}
.catlink a:hover { color:#0000FF; text-decoration:underline; line-height:18px; }

/* midpannel */
#midpannel { width:54%; height:auto; float:left; margin:1%; background:#FFFFFF; padding:0px; vertical-align:top; }

#showtemp { width:100%; margin:0px; padding:0px; }
#showtemptop { width:100%; float:left; margin:0px; padding:0px; }
#temptab { width:100%; height:31px; margin:0px; padding:0px; float:left; background:url(../images/headbg.gif) repeat-x; line-height:31px; border:1px solid #c7c7c7; text-align:center; cursor:pointer; }
#seltemptab { width:100%; height:31px; margin:0px;  padding:0px; float:left; background:#ffffff url(../images/temptabletop2.gif) repeat-x; line-height:31px; border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7; border-right:1px solid #c7c7c7; text-align:center; z-index:1000; backgroun-color:#FFFFFF; }
#blanktemptop { width:100%; height:32px; margin:0px; padding:0px; float:left; line-height:32px; border-bottom:1px solid #c7c7c7; overflow:hidden; border-left:1px solid #c7c7c7; }
#showtemptable { width:100%; height:auto; float:left; background:none; margin:0px; margin-top:-1px; padding:0px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; }
#contemptable { width:100%; margin:0px; padding:0px; }
.catname { width:inherit; padding:0px; margin:2%; font-family:Verdana; font-size:11px; font-style:normal; color:#000000; text-align:left; }
.cattext { width:auto; padding:0px; margin:2%; margin-top:0%; font-family:Verdana; font-size:11px; font-style:normal; color:#797878; text-align:left justify; }
.normaltext { font-family:Verdana; font-size:11px; font-style:normal; color:#797878; text-align:left; }
#largetemp { width:auto; height:250px; float:center; margin:2%; padding:0px; text-align:center; vertical-align:middle; }

#tempinfo { width:100%; height:28px; background:#F2F2F2; margin:0px; padding:0px; text-align:center; line-height:28px; font-family:Verdana; font-size:11px; font-style:normal; color:#575757; }
#playbut { float:left; margin-left:15px; }
#tempinfo img { line-height:28px; display:inline; vertical-align:middle; paddin:5px 2px 5px 1px; border:0px; text-align:right; border:0px;}
#infobut { float:right; margin-right:10px; }
#thumbimg { width:33%; float:left; height:auto; margin-top:10px; padding:0px; vertical-align:top; }
.adcart a { line-height:18px; margin-top:0px; border:none; position:relative; }
#thumbimg a { position:relative; margin-top:0px; }
#tempscroll { width:auto; height:80px; margin-top:1%; margin-bottom:1%; }
#scrolltab { margin:0px; height:auto; width:auto; }
.scrollthumb { margin:0px; margin-top:6px; margin-bottom:5px; }
.goleft { float:left; vertical-align:middle;}
/*#scrollimgtab { width:auto; height:73px; position:relative;}*/
.goright { float:right; vertical-align:middle; }

#hrline { border-bottom:1px solid #c7c7c7; padding:0px; margin:1% 0 1% 0; line-height:0px; }
.border { border:1px solid #c7c7c7; }

/* rightpannel */
#rightpannel { width:20%; height:auto; float:right; background:#FFFFFF; margin:0px; padding:0px; vertical-align:top; }
#righttab { width:90%; float:left; margin-top:10px; margin-right:inherit 0px; margin-left: 0px; height:100%; padding:0px; vertical-align:top; }
#righttabhead { width:100%; float:left; background:url(../images/headbg.gif) repeat-x; height:27px; line-height:27px; padding-left:8px; font-family:Verdana; font-size:11px; font-style:normal; color:#000000; text-align:left; }
#righttabdata { width:100%; float:left; padding:8px 0px 8px 8px; font-family:Verdana; font-size:11px; font-style:normal; color:#575757; text-align:left; border:1px solid #c7c7c7; margin-bottom:2%; }
#righttabdata p { margin:5px 0px 5px 0px; }
#rightpannel Form { margin:0px; padding:0px; }
.inputbox { border:1px solid #000000; height:15px; font:11px Verdana; color:#000000; margin:5px 5px 5px 0px; }
.button{ font-family:Verdana; font-size:11px; font-style:normal; color:#000000; padding:2px; text-align:center; text-decoration:none; background-image:url(images/buttonbg.jpg); height:20px;  border-left:#e9e9e9 solid 1px; border-top:#e9e9e9 solid 1px; border-right:#d2d1d1 solid 1px; border-bottom:#d2d1d1 solid 1px; }
#pannel { font-family:Verdana; font-size:11px; font-weight:500; text-decoration:none; color:#797878; }
#pannel a:link { text-decoration:none; color:#797878; line-height:18px; }
#pannel a:visited{ text-decoration:none; color:#797878; line-height:18px; }
#pannel a:active { text-decoration:none; color:#797878; line-height:18px; }
#pannel a:hover { color:#0000FF; text-decoration:underline; line-height:18px; }
.alert { font-size:11px; font-family:Verdana; color:#FF6600; padding-top:0px; }  

#smallscroll { width:auto; height:auto; display:inline; margin-top:5px; }
                  

/* Bottompannel */
#bottompannel { width:97%; float:left; margin-top:0px; }
#botpanleft { width:22%; float:left; vertical-align:bottom; text-align:center; }
#botpanright { line-height:16px; margin:1%; padding:0px; font-family:Verdana; font-size:11px; font-style:normal; color:#999898; text-align:left; }
#ssllogo { vertical-align:middle; margin:10px; text-align:center; }
#loading{position:absolute;z-index:100;margin-top:11%;margin-left:50%;display:none}

.sectiontableentry2 { background-color:#FAFAFA; font-family:verdana; padding-left:5px; }

.sectiontableentry1 { background-color:#F9FDFF; font-family:verdana; padding-left:5px; }

tr.sectiontableentry2 td
{
background-color:#FAFAFA;
font-family:verdana;
padding:1px;
}

tr.sectiontableentry1 td
{
background-color:#F9FDFF;
font-family:verdana;
padding:1px;
}

td.sectiontableheader{
font-family:verdana;
font-weight:bold;
padding:2px;
}

.sectiontableheader{
background-color:#bccbda;
font-family:verdana;
font-size:11px;
font-weight:bold;
text-align:left;
padding:2px;
}

.sectiontable {	border:1px solid #e9f2fb; padding:5px; font-size:11px; }

.sectiontabletd {
  border:1px solid #e9f2fb;
  padding-left:10px;
  padding-right:10px;
}

.sectiontabletd2 {
  border:1px solid #e9f2fb;
  padding-left:10px;
  padding-right:10px;
}

.sectiontabletp {
  border:1px solid #e9f2fb;
  padding-left:10px;
  padding-right:10px;
}

.sectiontabletp2 {
  border:1px solid #e9f2fb;
  padding-left:10px;
  padding-right:10px;
}

.componentheading{
color:#0034AA;
font-family:verdana;
font-size:12px;
font-weight:700;
text-decoration:none;
width:auto;
display:block;
}

div.contentheading{
color:#0034AA;
font-family:verdana;
font-size:14px;
font-weight:700;
text-decoration:none;
width:630px;
display:block;
}


