/* GENERAL CLASSES */

html, body {
height: 100%;
}

body { 
width: 100%;
font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, "Gill Sans", sans-serif; 
font-size: 11px; 
color: #333; 
margin: 0; 
line-height: 16px;
display: table;
}
	
table {
padding: 0;
margin: 0;
border: 0;
}
	
.table0 {
padding: 0;
margin: 0;
border: 0;
}

td { 
color: #333; 	
font-size: 11px; 
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; 	
line-height: 16px; 	
}
	
.table100 {
height: 100%;
}

img[title] {
color: #c00;
}
img {
border: 0;
}

/* EDITOR CLASSES */
.xlarge { 
	font-size: 14px; 
	color: #c00; 
	font-weight: bold; 
	}

.large { 
	font-size: 12px; 
	color: #c00; 
	font-weight: bold; 
	}

.medium { 
	color: #c00; 
	font-weight: bold; 
	}

.small {
	font-size: 10px;
	color: #444;
	}

.xsmall {
	font-size: 9px;
	}

.highlight {
	color: #ffffff;
	background-color: #c00;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	border: solid 1px #c00;
	}

.colored {
	color: #c00;
	}
	
img[align="left"] {
margin: 0px 10px 10px 0px;
}
	
img[align="right"] {
margin: 0px 0px 10px 10px;
}

.footer {
	font-size: 10px;
	color: #999;
	}

.footer a {
	color: #999;
	text-decoration: underline;
	}
	
a { 
	color: #444; 
	text-decoration: underline; 
	}

.largeblack { 
	font-size: 12px; 
	color: #000; 
	font-weight: bold; 
	}

p {
	font-weight: inherit;
	font-style: inherit;
	margin: 0;
	}
	
/* GENERAL DIVS */

div#outer {
width: 990px;
height: auto;
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
}

#content {
width: 770px;
height: auto;
position: relative;
float: left;
margin: 20px 30px 30px 10px;
}

#right {
height: auto;
position: relative;
float: left;
clear: right;
margin: 20px 0px 0px 0px;
}

#logo {
width: 150px;
height: 30px;
position: relative;
float: left;
clear: both;
margin: 0px 0px 15px 0px;
}

#menu {
min-height: 100px;
position: relative;
float: left;
clear: both;
margin: 0px 0px 0px 0px;
}

#menu #footer {
position: relative;
float: left;
width: 147px;
height: auto;
margin: 5px auto 0px auto;
padding-top: 5px;
clear: both;
border-top: 1px solid #ddd;
color: #666;
}
	
/* MENU */

#menu #lightbox {
position: relative;
float: left;
width: 147px;
height: auto;
background-color: #fff;
border: 1px solid #eee;
clear: both;
margin: 0px 0px 15px 0px;
}

#menu #lightbox #title {
position: relative;
float: left;
width: auto;
color: #333;
font-weight: bold;
margin: 5px 5px 5px 5px;
clear: both;
}

#menu #lightbox #box {
position: relative;
float: left;
width: auto;
color: #fff;
margin: 0px 5px 5px 5px;
clear: both;
}

#menu #lightbox-info {
position: relative;
float: left;
clear: both;
}

#menu #lightbox #box td {
color: #999;
}

#menu #selection-title {
height: 24px;
position: relative;
float: left;
clear: both;
margin: 0px 0px 10px 0px;
}

#menu #selection-title #title {
color: #c00;
font-size: 16px;
line-height: 1.5em;
}

#menu #menu-text {
position: relative;
float: left;
clear: both;
line-height: 15px;
}

#menu .menu-title {
width: 145px;
font-size: 1em;
font-weight: bold;
}

#menu-text .selection-item {
width: 150px;
clear: both;
float: left;
}

#menu-text .selection-name {
width: 140px;
float: left;
}

#menu-text .selection-info {
width: 7px;
float: right;
padding-top: 4px;
}

#menu-text .menu_sub {
width: 145px;
float: left;
border-left: 1px solid #c00;
clear: both;
padding-left: 5px;
margin-top: 3px;
}

#menu .sel-option {
padding:0px 3px 0px 17px;
background-color: #fff;
}

#menu .sel-option-avail {
padding:0px 3px 0px 17px;
background: transparent url(/img/sel-link.gif) center left no-repeat;
}

#menu .sel-option-active {
padding:0px 3px 0px 17px;
background-color: #c00;
background: transparent url(/img/sel-active.gif) center left no-repeat;
}

#menu .sel-option a {
text-decoration: none;
}

#menu .sel-option:hover,
#menu .sel-option-avail:hover {
background: transparent url(/img/sel-hover.gif) center left no-repeat;
}

#menu .sel-option-active {
text-decoration: none;
}

#menu a {
text-decoration: none;
}

#menu a:hover {
text-decoration: underline;
color: #c00;
}

#menu #lightbox {
position: relative;
float: left;

}

#menu #lightbox-info {
position: relative;
float: left;
width: 133px;
height: auto;
min-height: 40px;
background-color: #fff;
border: 1px solid #ddd;
padding: 7px;
text-align: left;
background-image: url(/img/info-active.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 18px;
margin-bottom: 10px;
}

/* INDEX */

#content .title {
color: #c00;
font-size: 24px;
margin-top: 5px;
margin-bottom: 20px;
}

#index-pic {
width: 740px;
height: 450px;
position: relative;
float: left;
clear: left;
margin-top: 47px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 35px;
overflow: auto;
}

#index-pic .index-thumb {
position: relative;
float: left;
width: 172px;
height: 86px;
border: 0px solid #eee;
margin: 0px 4px 4px 0px;
_margin: 0px 4px 0px 0px;
background-image: url(/img/loading_index.jpg);
background-repeat: no-repeat;
}

#index-pic .index-thumb .enlarge {
position: absolute;
width: 47px;
height: 47px;
top: 0px;
left: 125px;
float: right;
background: transparent url(/img/enlarge.png) no-repeat left top;
_background: transparent url(/img/enlarge.gif) no-repeat left top;
display: none;
}

#index-pic .index-thumb:hover .enlarge {
display: block;
}

#orderlayer {
width: 740px;
position: relative;
float: left;
clear: left;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 35px;
overflow: auto;
}

/* SLIDE */

#slide-title {
width: 740px;
height: 50px;
position: relative;
float: left;
clear: both;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 15px;
}

#slide-title #title {
color: #999;
font-size: 28px;
margin-top: 18px;
margin-left: 20px;
}

#slide-info {
position: absolute;
width: 20px;
height: 40px;
background-image: url(/img/info.gif);
}

#slide-pic {
width: 740px;
height: 550px;
position: relative;
float: left;
clear: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 25px;
margin-left: 15px;
}

#slide-pic #pic-outer {
position: relative;
float: left;
width: auto;
height: auto;
}

#slide-pic #pic-outer #pic {
position: relative;
left: 0px;
top: 0px;
width: 100%;
height: auto;
background-color: #fff;
text-align: left;
}

#slide-pic  #pic:hover .shrink {
background: none;
}

#slide-pic  #pic:hover .shrink {
background: transparent url(/img/shrink.png) no-repeat right top scroll;
_background: transparent url(/img/shrink.gif) no-repeat right top scroll;
}

#slide-pic #pic-outer #infoframe {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: auto;
min-height: 40px;
background-image: url(/img/pixel_black_transperant_90.png);
_background-color: #fff;
border: 0px 0px 1px 0px solid #eee;
_border: 1px solid #eee;
text-align: left;
visibility: hidden;
color: #fff;
}

.infotxt {
display: block;
margin: 10px;
}

#superframe {
width: 950px;
height: 750px;
position: absolute;
margin: 10px 20px 0 20px;
*margin-left: -950px;
_margin-left: -970px;
background-color: #ffffff;
text-align: center;
visibility: hidden;
}

#superframe img {
margin: auto;
}

#slide-pic #info:hover {
position: absolute;
width: 20px;
height: 40px;
background-image: url(/img/info-active.gif);
}

#slide-menu {
position: relative;
float: left;
width: 740px;
height: 40px;
clear: both;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
}

#slide-menu #inner {
position: relative;
float: left;
width: 700px;
height: 48px;
margin: 0px 20px 0px 20px;
padding: 0;
background-color: #fff;
}

#slide-menu #inner .nav-prev {
position: relative;
float: left;
width: 33px;
height: 40px;
margin: 4px 4px 0px 0px;
border: 1px solid #eee;
text-align: center;
}

#slide-menu #inner .nav-next {
position: relative;
float: left;
width: 33px;
height: 40px;
margin: 4px 0px 0px 4px;
border: 1px solid #eee;
text-align: center;
}

#slide-menu #inner .thumb {
position: relative;
float: left;
width: 81px;
height: 40px;
margin: 4px 4px 0px 4px;
border: 0px solid #eee;
text-align: center;
}

#slide-menu #inner .thumb-active {
position: relative;
float: left;
width: 88px;
height: 48px;
margin: 0px 0px 0px 0px;
text-align: center;
overflow: visible;
background-image: url(/img/thumb-active.gif);
background-position: 0px 0px;
}

.thumb img,
.thumb-active img {
border: 0px;
}