﻿body 
{
    font-family:Arial, Helvetica, Sans-Serif;
}
#panContent {text-align:left;}
.nav {height:32px;}

.nav a
{
color: #fff;
  background: url(/images/navUpBg.jpg) repeat-x;  
height:32px;
line-height:32px;
text-decoration:none;

}

#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:590px;
	height:260px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

 #slide-images li img{
padding-left:6px;
display:block;
background-color:#FFFFFF;
}

.PeopleList li
{
    padding:0.5em;
   
    float:left;
   width:30%;
 text-align:center;

}
.PeopleList li a 
{
    color:#006940;
    text-decoration:none;
}


.PeopleList
{
    list-style:none;
margin:0;
padding:0;
}




.formlist {list-style:none;margin:0;padding:0; }
.formlist li {margin:0.5em}
.formlist label {width:10em; text-align: right; margin-right:0.5em;float: left; display:block}
.formlist table {float:left}

.checklist table {float:none;margin-left:10em}
.checklist table td input {float:left}
.checklist table td label {float:left;margin-left:0px;width:90px;text-align:left;}
.formlist li.submit {padding-left:10.5em;}

.formlist li.check {padding-left:10.5em}
.formlist li.check label {width:auto; text-align: left;margin-right:0;float:none;display:inline;}
.formlist li.check span {display:block; padding-left: 10em}
.formlist li.check span.name {padding-left: 0;width: 10em; text-align:right}


.nav a span.left
{
background: url(/images/navUpLeft.jpg) left top no-repeat;
padding-left: 10px
}

.nav a span.right
{
background: url(/images/navUpRight.jpg) right top no-repeat;
padding-right: 10px
}


.nav a, .nav a span.right, .nav a span.left
{
display: block;
float: left;
height:32px;
}



/* Hide from IE5-Mac \*/
.nav a, .nav a span.right, .nav a span.left
{
float: none
}
/* End hide */

.nav a:hover, .nav a.active
{
color: #30373D;
background: url(/images/navOverBg.jpg) repeat-x;

height:32px;
}

.nav a:hover span.right, .nav a.active span.right
{
background: url(/images/navOverRight.jpg) right top no-repeat;
padding-right: 10px
}
.nav a:hover span.left, .nav a.active span.left
{
background: url(/images/navOverLeft.jpg) left top no-repeat;
padding-left: 10px
}
.nav 
{

list-style: none;
padding: 0;
margin: 0;
}

.miniMenu 
{
	list-style: none;
padding: 0;
margin: 0;
}


.miniMenu  li
{
float: left;
margin: 0;
padding-left:0.5em;


}


.fb
{
background:url(/images/whiteSeperator.jpg) left no-repeat
}


.tb
{
background:url(/images/seperator.jpg) left no-repeat
}

.miniMenu li a
{
 text-decoration:none;
font-size:0.8em;
color:#000
}

.footer 
{
	background-position: center;
	text-align:center;
list-style: none;
margin: 0px;
width:700px;
margin: 0px auto 0px auto; 
padding:0px;
}
	
.footer li
{
display:inline;
text-align:center;

}

.moduleHeader
{
	height:30px;

	background:url('/images/sideheader.jpg') no-repeat;
	color:white;
	margin-top:20px;
	
 line-height:2;
 text-align:left;
 padding-left:1em;

}

.maincontent
{
padding-top:1em;
padding-bottom:1em;

}

.nav li
{
float: left;
margin: 0;
margin-right:1px;
} 



#panContent h1 {height:26px; color:#fff;background:url(/images/h1bG.jpg) no-repeat;
                text-align:left;padding-left:20px;font-size:130%;padding-top:8px;margin-top:0px;
                margin-bottom:0px; }
                 
.custom 
{background-color:#f6f6f6;margin-bottom:1em;
	border: 1px solid rgb(167, 170, 172); border-top:0px solid;width:198px;
	list-style-type:none;margin:0;padding:0;text-align:left;border: 1px solid rgb(167, 170, 172); }

.custom li {padding-top:3px;padding-bottom:5px;border-bottom:1px dotted;background:url(/images/bull.gif) 4px 5px no-repeat;padding-left:20px;}

.custom li a {margin-left:0.5em;text-decoration:none;color:#303e41;font-size:75%;}

.custom li a:hover {border-bottom: 2px dotted #FFC526;}




.custom li ul
{
margin-left:10px;
}

.custom li ul li a:hover {border-bottom: 0px dotted #FFC526;}


.custom li ul li
{

background: #DDD url(/images/menu_arrow.png)  4px 5px  no-repeat ;
}

html>body .custom li ul
{
margin-left:-50px
}




.footer a {color:#fff;height:27px;line-height:27px;padding:10px;text-decoration:none;font-size:90%;}

.footer a:hover {color:#FFC526;}

.leftimg {float:left;margin-left:30px;padding:0px 15px 15px 0px;}

.toppad {padding-top:15px;}

p.price {color:#ffa209; font-weight:bold;font-size:110%;}


a.img {border:none;float:right;text-decoration:none;}

a.img img {border:none;}


.GridHeader {text-align:center;margin-bottom:10px;}

.Grid
{
	border:1px solid #398f8c;
}
.GridHeader
{
	background:#377a69;
	color:#fff;
}
.GridPager
{
	background:#398f8c;
	color:#fff;
}

.GridAltItem
{
	background:whitesmoke;
}


.clear
{
	clear:both;
}




 .maincategorythumb 
{
list-style:none;
margin:0;
padding:0;
text-align:center;
}

.maincategorythumb li
{
float:left;
text-align:center;

width:33%;


font-weight:bold;
margin-bottom:2em
} 


.maincategorythumb li a
{
text-decoration:none;
color:#000;
text-align:center;
} 


.maincategorythumb li img
{
    text-align:center;
    margin:0 auto;
}

 .maincategorythumb ul
{
list-style:none;
margin:0;
padding:0;
text-align:center;
}

.maincategorythumb ul li
{
float:left;
text-align:center;

width:33%;


font-weight:bold;
margin-bottom:2em
} 


.maincategorythumb ul li a
{
text-decoration:none;
color:#000;
text-align:center;
} 


.maincategorythumb ul li img
{
    text-align:center;
    margin:0 auto;
}



/*

UserComments
*/

.earlierCommentBox
{
position:absolute;
width:300px;

margin-left:-260px;

border:1px solid ;
border-bottom:3px solid;
border-right:3px solid;
font-size:0.8em;
background:white;
display:none;
padding:1em;
}



	/*------------------------------------------------------- 
Order Details
	                                    
------------------------------------------------------- 
*/

.orderwrapper
{
    background:lightyellow;
}

.ordercontent
{
    border:1px solid;
    overflow:hidden;
    padding-right:0.5em;
    background:white;
    height:100%;
}
    
.orderwrapper h1
{
     padding-top:0px;
    margin-top:0px;
}  
  .orderwrapper h1 span
{
     padding-top:0px;
      margin-top:0px;
}  


.message
{
    display:block;
    background:lightyellow;
    color:Red;
    text-align: center;
    padding:2em;
    border:1px solid red;
    margin: 1em 0;
}

.orderheader
{
    
    background: lightyellow;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
}

.orderheader span
{
     padding-top:0px;
     margin-top:0px;
}

.orderleftcol
{
     float:left;
     border-right:1px solid;
     padding-right:0.5em;
     margin:0.5em;
}

.ordercentercol
{
    padding:0.5em;
    border-bottom:1px solid;
    overflow:auto;
    height:100%
}

.ordertotalcol
{
    padding:.5em;
    overflow:hidden;
    text-align:right;
    font-size:1.2em;
}

.orderproductcontent
{
    float:left;
    font-size:1.2em;
}

.orderpricecontent
{
    float:right;
    font-size:1.2em;
}

.ordertotals
{
    padding:0.5em;
    overflow:auto;
    text-align:right;
        font-size:1.2em;
    height:100%;
}
	

/*
print version
*/


.printorderheader
{
    
    color: #584A68;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
}

.printorderheader span
{
     padding-top:0px;
     margin-top:0px;
}

.printorderleftcol
{
     float:left;
     border-right:1px solid;
     padding-right:0.5em;
     margin:0.5em;
}

.printordercentercol
{
    padding:0.5em;
    border-bottom:1px solid;
    overflow:auto;
    height:100%
}

.printordertotalcol
{
    padding:.5em;
    overflow:hidden;
    text-align:right;
    font-size:1.2em;
}

.printorderproductcontent
{
    float:left;
    font-size:1.2em;
}

.printorderpricecontent
{
    float:right;
    font-size:1.2em;
}

.printordertotals
{
    padding:0.5em;
    overflow:auto;
    text-align:right;
        font-size:1.2em;
    height:100%;
}


.top10
{
list-style:none;
margin:0;
padding:0;
border: 1px solid rgb(167, 170, 172); 
background:url('/images/menubackground.jpg') repeat-x bottom;
text-align:left;
}

.top10 li a
{
padding-left:5px;
display:block;

text-decoration:none;
padding-top:3px;
font-size:0.75em;
padding-bottom:3px;
}

.top10 li a span
{
 line-height:30px;
 margin-left:0.5em;
 color:#000;
}

.top10 li a:hover
{

background:#efefef;
}

.smallpara
{
     font-size:0.75em;
}

.listsmain
{
list-style:none;
margin:0;
padding:0; 
margin-top:0.5em;
}
.listsmain li a
{
display:block;
background:#0F9191;

padding:.3em;
padding-left:0.5em;
font-weight:bold;
color:#fff;
text-decoration:none;
}
.listsmain li a:hover
{
background:#377a69;
}





.Grid
{
	border:1px solid #398f8c;
}
.GridHeader
{
	background:#377a69;
	color:#fff;
}
.GridPager
{
	background:#398f8c;
	color:#fff;
}

.GridAltItem
{
	background:whitesmoke;
}


.listItemImage
{
height:150px;width:150px;border:0px
}


.listItem
{
border:1px solid #EEEEEE;
border-left:0px solid;
float:left;
height:270px;
width:175px;
padding:0.5em;
text-align:center;

}

.listItemLast
{
border:1px solid #EEEEEE;
border-left:0px solid;
border-right:0px solid;
float:left;
height:270px;
width:175px;
padding:0.5em;
text-align:center;
}

