/*
* G&S2.css
*/
/* HTML tag styles */
body { background-image: url("../i/GSbg.jpg"); color:#666666; font-family:"Trebuchet MS",Arial,sans-serif; font-size:10pt; margin:0px; padding:0px; width:auto; }
a { color:#006633; text-decoration:none; }
a:hover { color:#999999; text-decoration:underline; }
h1 { color:#334d55; font-size:24pt; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic;}
h2 { color:#006633; font-size:18pt; margin:40px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic;}
h3 { color:#334d55; font-size:14pt; margin:20px 0 0 0; font-weight:bold; border-bottom:1px solid #333333; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic;}
h4 { color:#333333; font-size:10pt; margin:10px 0 0 0; font-weight:bold; border-bottom:1px solid #cccccc; }
h5 { color:#334d55; font-size:8pt; font-weight:bold; }
#grey { color:#999999; }
#greyS { color:#999999; }
#green { color:#009900; }
.blue { color:#0000FF; }
/* Layout Divs */
#page { margin:auto; text-align:left; width:740px; }
#masthead { border-bottom:1px solid #cccccc; padding:10px; width:100%; }
#navBar { float:left; width:180px; margin:0px; padding:0px 0px 0px 10px; }
#content { float:left; width:520px; padding:10px 0px 10px 30px; }
#GScontent { float:left; width:700px; padding:10px 0px 10px 30px; }
#GSsize { float:left; text-align:left; width:7%; }
#GSprice { float:left; text-align:right; width:7%; }
#GSpic { float:left; width:400px; padding:10px 0px 10px 30px; }
#GSinfo { clear: both; float:left; width:700px; padding:10px 0px 0px 0px; }
#g2t { color:#aaa; padding:20px 0px 30px 0px; font-size:7pt; }
#g2t a { color:#009900; font-size:7pt; }
#g2t a:hover { color:#f60; }
#NS a { font-size:10pt; } /* Navigation : Site */
#NS a:hover { color:#999999; text-decoration:none }
#nav, #nav ul { padding:0; margin:0; list-style:none; float:left; width:170px; } /* all lists */
#nav li { position:relative; float:left; width:170px; } /* all list items */
#nav li ul { position:absolute; left:-999em; margin-left:180px; margin-top:-1.5em; } /* second-level lists */
#nav li ul ul { left:-999em; } /* third-and-above-level lists */
#nav li a { width:170px; display:block; color:#009900; text-decoration:none; background-color:#eee; border:1px solid #ccc; padding:0 4px; }
#nav li a:hover { color:#111; background-color:#bbb; background-image:url(../i/grey_backgd.gif); }
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { left:auto; } /* lists nested under hovered list items */
}
#albumlist {
list-style-type: none;
width: 480px;
text-decoration: none;
text-align: center;
}
#albumlist li {
float: right;
margin-right: 2.8em;
margin-bottom: 10px;
color: #333333;
text-decoration: none;
text-align: center;
font-size: 10pt;
}
#albumlist a:link, #albumlist a:visited {
text-decoration: none;
color: #2A4F6F;
}
#albumlist img {
display: block;
border: 1px solid #999999;
text-decoration: none;
}
#albumlist h2 {
font-size:18pt;
font-weight:normal;
color: #006633;
background-color: transparent;
text-align: left;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
margin-left: 20px;
font-weight:bold;
margin-bottom: -20px;
}
#albumlist p {
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.8em;
text-align: left;
color: #666666;
margin-left: 30px;
}
#smallbox1 {
background-image: url(../i/ai/cl.gif);
background-repeat: no-repeat;
background-position: center
}
#smallbox2 {
background-image: url(../i/ai/dr.gif);
background-repeat: no-repeat;
background-position: center
}
#smallbox3 {
background-image: url(../i/ai/pn.gif);
background-repeat: no-repeat;
background-position: center
}
#smallbox4 {
background-image: url(../i/ai/wb.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox5 {
background-image: url(../i/ai/mis.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox6 {
background-image: url();
background-repeat: no-repeat;
background-position: center
}
#smallbox7 {
background-image: url(../i/gi/bea.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox8 {
background-image: url(../i/gi/bg4.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox9 {
background-image: url(../i/gi/gbs.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox10 {
background-image: url(../i/gi/wc.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox11 {
background-image: url(../i/gi/set.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox12 {
background-image: url(../i/gi/ink.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox13 {
background-image: url(../i/gi/o1.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox14 {
background-image: url(../i/gi/map.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox15 {
background-image: url(../i/gi/ob2.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox16 {
background-image: url(../i/ai/easy.jpg);
background-repeat: no-repeat;
background-position: center
}
#smallbox22 {
background-image: url(../i/gi/wc.jpg);
background-repeat: no-repeat;
background-position: center
}
.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 30px;
}
.slideshow img{ /*CSS for each image tag*/
border: 0;color: #999999;
width: 100px;
height: 70px;
}
#PF { clear:both; color:#999; font-size:75%; padding:10px 10px 10px 220px; } /* Page Footer */
#PF img { padding:4px 4px 4px 0px; vertical-align:middle; }
.SKG { font-size:8pt; padding:0px; } /* Stock Keeping Group */
.SKG h3 { font-size:120%; }
.SKG img { float:left; padding:0px 10px 10px 0px; }
.SKGr { font-size:8pt; text-align:right; }
#ver { background-image:url(../i/grey_backgd.gif); padding:0px 5px; color:#CCCCCC; margin:0px auto; }
.green { color:#009900; }
.ora { color:#FF6600; }
.pink { color:#FF66FF; }
.red { color:#FF0000; }
.trace { color:#ddd; font-size:80%; }
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| Inactive
input,
select,
textarea { background-image:url(../i/box-bg.gif); border-top:1px #666655 solid; border-left:1px #666655 solid; border-bottom:1px #ccccbb solid; border-right:1px #ccccbb solid; color:#000; font-family:courier new,courier,mono; font-size:8pt; }
input.button { font-family:courier new,courier,mono; font-size:11px; color:#fff; border-top:1px #ffaf76 solid; border-left:1px #ffaf76 solid; border-bottom:1px #ab5b22 solid; border-right:1px #ab5b22 solid; background:#f83; }