/*Screen layout: */

body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #ffffff url(images/bg.gif) top center repeat-y;
}

#wrap {
background: #EEF8FD;
color: #303030;
margin: 0 auto;
width: 1024px;
}

#mosttop_right table { 
margin: 0 0 0 0;
color: #ffffff;
padding: 0 0 0 0;
border: 0;
text-align: center;
}
#mosttop_right p{
font-size: 0.8em;
color: #FFFFFF;

}
#mosttop_right a{
font-size: 0.8em;
color: #FFFFFF;
text-decoration: none;

}
#mosttop_right a:hover  { 
font-size: 0.9em;
font-weight:bold;
text-decoration: underline;
}

#frontphoto {
margin: 0px;
border: 0;
padding: 0px;
}
#search{
padding: 0 0 0 0;
margin:0 0 0 0;
}
#search table{
background:#EEF8FD;
margin:0 0 0 0;
}
#search form{
margin:0 0 0 0;
}
#product_pic {border: 1px solid #9FE0FF; padding: 5px 5px 5px 5px; }
#product_pic:hover {border: 1px solid #6DC6E7; padding: 5px 5px 5px 5px; }

#login
{
color: #000000;
}



#avmenu {
clear: left;
float: left;
width: 200px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
}

#avmenu ul {	
list-style: none;
width: 200px;
margin: 0 0 15px 0;
padding: 0;
font-size: 1.0em;
background: #C3E7F7 ;

}	

#avmenu li {
margin-bottom: 2px;
background:#D8EFFA;
background: #EEF8FD url(images/menu_bg.gif) top center repeat-y;

}
#cat h3{
height:25px;
padding-left:5px;padding-top:5px;
text-align:center;
background: #EEF8FD url(images/menu_bg.gif) top center repeat-y;
margin-bottom: 2px;

}

#avmenu li a {
font-weight: bold;
height: 18px;
background: #EEF8FD ;
text-decoration: none;
color: #30647C;
display: block;
padding: 5px 0 0 10px;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;

}	
	
#avmenu li a:hover {
background: #C2E9FB;
color: #CC6600;
border-left: 1px solid #CC6600;
}

.announce {
margin: 10px 0 10px 0;
padding: 0px;
width: 170px;
color: #003366;
background-color: #CBF8CB;
line-height: 1.3em;
}
.announce h3{ color:#006699; margin-top: 5px;padding: 0 0 0 0;text-align:center;}
.announce table{padding: 0 0 0 0;marging: 0 0 0 0;}
.anp{margin: 0 0 0 0;}
#anp p{ color:#ffffff;padding: 0px 5px 0px 5px;text-align:justify;}

#extras {
float: right;
width: 200px;
margin: 0 0 0 0;
padding-right:5px;padding-left:0px;
color:#000000;
font-size: 0.9em;
line-height: 1.5em;
}

#extras p {
padding-left:5px;
}
#extra ul {	
list-style: none;
width: 220px;
margin: 0 0 15px 0;
padding:0 0 0 0;
font-size: 1.1em;
background: #CBF8CB ;
border-right: 8px solid #CC6600;


}	

#extra li {
margin-bottom: 4px;
}

#extra li a {
font-weight: bold;
height: 15px;
text-decoration: none;
color: #CC6600;
display: block;
padding: 3px 0 0 10px;
border-left: 8px solid #CC6600;
}	
#extra li a:hover {
color: #175218;
border-left: 8px solid #175218;
}	
#extra h3
{
color:#175218;
padding: 3px 0 0 10px;
}


#content {
background:#EEF8FD ;
margin: 0 200px 0px 200px;
padding: 0 5px 0 5px;
color:#2E283E;
font-size: 0.9em;
line-height: 1.5em;
text-align: left;
}

#content input{padding:0 5px 0 3px; background:#BDEBF4; color:#003333;}
#content h2 {
color: #003366;
font-size: 1.5em;
margin: 5px 0 0.5em 10px;
}
#content h3 {
align:center;
font-size: 1.3em;
padding-top:6px;
padding-left:11px;
margin: 0px 0 0.5em 0px;
color:#006666;
}
#content h4 {
align:center;
font-size: 1.1em;
padding-top:3px;
margin: 0px 0 0.5em 0px;
}

#content p {
color: #003366;
font-size: 1.0em;
margin: 0 0 0.5em 0;
padding: 0 10px 0 10px;
}
#content li {
padding: 0 5px 0 10px;
}
#content table{
padding-left:1px;
pdding-right:1px;
margin: 0 0 0 0;
}
#content img {
padding: 0px;
border: 0px ;
}
#content form {
padding: 0px;
border: 0px ;
}
#content .product_over:hover {background: #E1F2FA;}
#content .pdimage:hover{border: 1px solid #A8E4F7;padding:0px;}
#content .view_product_over:hover {background:#EAEAEA; color:#003366;}

h3 {
align:center;
font-size: 1.3em;
padding-top:3px;
padding-left:10px;
margin: 0px 0 0.5em 0px;
}

a {
text-decoration: none;
color: #286ea0;
font-weight:bold;
}

a:hover {
text-decoration: underline;
color: #286ea0;
}

a img {
border: 0;
}
#pd_detail{
margin: 0 0 0 0;
padding: 0 0 0 0;
width:400px;
}
#pd_detail a{
font-weight:normal;
}

#spots{
color:#003366;
font-size: 0.9em;
text-align: left;
}
#spots h5 {
align:center;
color: #17612C;
font-size: 0.8em;
margin: -10px 0 0 0;
}

#footer {
clear: both;margin: 0 auto;padding: 10px 0 20px 0;border-top: 4px solid #f0f0f0;width: 760px;text-align: center;color: #808080;font-size: 0.9em;
}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}
#imageContainerTwo {
	DISPLAY: block; MARGIN-BOTTOM: 0px; WIDTH: 200px; POSITION: relative; HEIGHT: 150px;
}
#imageContainerTwo IMG {
	DISPLAY: none; LEFT: 0px; WIDTH: 200px; POSITION: absolute; TOP: -1px; HEIGHT: 150px;
}
#tutor{
	border-bottom: 1px solid #80FF80;
}
#tutor h3{
color:#006666;
align:center;
font-size: 1.1em;
margin: 0 0 -10px 0;
}
.right-column H2 {
	color: #333;
	font-size: 13px;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 24px;
	margin-bottom: 0.7em;
	padding-bottom: 2px;
	border-bottom: 1px solid #80FF80 ;
}
.right-column H3 { font-size: 12px; margin-bottom: 6px; }
.rbox {
	width: 200px;
	background: url(images/rbox-gra.gif) repeat-y;
	margin-bottom: 0px;
}
.rbox .separator {
	font-size: 0px;
	padding: 0px;
	margin: 0px 3px;
	border-top: 1px solid #bbbbbb;
}
.rbox H3 {
	color: #333;
	font-size: 12px;
	background: url(images/rbox-grb.gif) no-repeat;
	margin: 0px;
	padding: 0.6em 1em 0.5em 1em;
}
.rbox .content {
	background: url(images/rbox-grc.gif) no-repeat bottom;
	padding: 0 0 1.3em 0;
	margin: 0px;
}
.rbox .content.gradient-footer {
	background-image: url(images/rbox-gra.png);
}
.messagebox{
 position:absolute;
 width:100px;
 margin-left:30px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}


#search_button{background: url(images/search1.jpg); width:31px; height:28px;}
#clickTo{background: url(images/bt_bg.gif); width:200px; height:50px; margin:0 0 5px 0; border:1px groove #114FAA; color:#ffffff; font-weight:bold;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative; 
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}
.thumbnail a:hover{
text-decoration:none;}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1024px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 120px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
#featured {font-size:10px; font-weight:normal;}
#featured a{font-size:10px; font-weight:normal;}
#featured a:hover{text-decoration:none; color:#FF6600;}
#latest {font-size:10px; font-weight:normal;}
#latest a{font-size:10px; font-weight:normal;}
 a:hover{text-decoration:none; color:#FF6600;}
#latest .product_over:hover {	background: #E4EBEE;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: normal;
color:#0066CC;
margin: 3px 8px;
}
#job_table {font-size:11px;}
#job_table a{font-size:11px; font-weight:normal; text-decoration:none;}
#job_table a:hover{ color:#003366; text-decoration:underline;}