/* Menu Tabs */

span.tab a { 
    height:32px;
	color:#d2d6d9;
    font: bold 12pt "Trebuchet MS",sans-serif;
	vertical-align:middle;
	text-align:center;
    float:left;
    display:block;
    overflow:hidden;
    padding:0px;
	background:#42B2F5;
	color:#fff;
    padding:0 0 0 4px;
    background:#8ca2bd url(images/menu_gradient.gif) repeat-x top left;
}
span.tab a span {
	display:block;
	white-space:nowrap;
	padding:5px 12px 5px 5px;
	line-height:23px;
	cursor: pointer;
}
span.tab a:hover {
	text-decoration:none;
    background:#8ca2bd url(images/tab_left_hover.gif) no-repeat top left;
}
span.tab a span {
	background:#8ca2bd url(images/menu_gradient.gif) repeat-x top left;
}
span.tab a:hover span {
	background:#8ca2bd url(images/tab_right_hover.gif) no-repeat top right;
}
span.tab a.selected {
    background: #42B2F5;
	color: #fff;
    padding: 0 0 0 4px;
    background:#8ca2bd url(images/tab_left.gif) no-repeat top left;
}
span.tab a.selected:hover {
	text-decoration:none;
}
span.tab a.selected span {
	background:#8ca2bd url(images/tab_right.gif) no-repeat top right;
}

/* Cute Buttons */

span.button a { 
    height:28px;
	color:#7f93ad;
	vertical-align:middle;
	text-align:center;
    float:left;
    display:block;
    overflow:hidden;
    padding:0px;
}
span.button a span {
	display:block;
	white-space:nowrap;
	padding:2px 12px 5px 5px;
	line-height:23px;
	cursor: pointer;
}
span.button a.cute {
    color: #7f93ad;
    padding: 0 0 0 5px;
    background:url(images/cute_left.gif) left top no-repeat;
}
span.button a.cute:hover {
    padding: 0 0 0 5px;
    background:url(images/cute_left.gif) 0 -28px no-repeat;
}
span.button a.cute:active {
    padding: 0 0 0 5px;
    background:url(images/cute_left.gif) 0 -56px no-repeat;
}
span.button a.cute span {
	background:url(images/cute_right.gif) right top no-repeat;
}
span.button a.cute:hover span {
	background:url(images/cute_right.gif) right -28px no-repeat;
}
span.button a.cute:active span {
	background:url(images/cute_right.gif) right -56px no-repeat;
}

/* Button Group */

div.button-group {
	left:0px;
	bottom:0px;
	width:100%;
	padding:16px 0;
}
div.button-group span.shadow {
    background-image:none !important;
}
div.button-group span.shadow span {
    text-align:center;
    display:block;
    white-space:nowrap;
}
div.button-group,
div.button-group del {
    cursor:default;
}
div.button-group a,
div.button-group del {
    padding:7px 8px 2px 8px;
    height:19px;
    _height:28;
    display:-moz-inline-box;
    display:inline-block;
    text-decoration:none;
    color:#7f93ad !important;
    background:url(images/cute_group.gif);
    border:1px solid #9dafca;
	border-style:none solid;
	margin-left:-5px;
}
div.button-group a          {   background-position:-1px -112px }
div.button-group a:hover    {   background-position:-1px -140px; text-decoration:none }
div.button-group a:active   {   background-position:-1px -168px }

div.button-group .l {
    border-left-style:none;
    padding-left:10px;
    margin-left:0;
    font-weight:normal !important;
}
div.button-group .r {
    border-right-style:none;
    padding-right:10px;
    margin-right:0;
    font-weight:normal !important;
}
div.button-group del {
    background-position:0 -196px;
    color:#b8c0ca !important;
    border-color:#b9c7da;
}
div.button-group del.l {
    background-position:0 -84px;
}
div.button-group del.r {
    background-position:100% -84px;
}
div.button-group a.l        {      background-position:0 0px }
div.button-group a.l:hover  {      background-position:0 -28px }
div.button-group a.l:active {      background-position:0 -56px }
div.button-group a.r        {      background-position:100% 0px }
div.button-group a.r:hover  {      background-position:100% -28px }
div.button-group a.r:active {      background-position:100% -56px }



/*
Rounded corners

Note:
These are one-element-heavier on the HTML
than the old rounded corners, but they
no longer involve an image file.


Normal rounded corners:
<div class="ch">
    <i class="tl c"><b></b></i>
    <i class="tr c"><b></b></i>
    <i class="bl c"><b></b></i>
    <i class="br c"><b></b></i>
    Content
</div>


Rounded corners with outline:
<div class="ch">
    <i class="tl c"><i></i><b></b></i>
    <i class="tr c"><i></i><b></b></i>
    <i class="bl c"><i></i><b></b></i>
    <i class="br c"><i></i><b></b></i>
    <div class="ch-ctrl">
        Content
    </div>
</div>


Change rounded corners' background colour:
div.something div.ch i.c {
    border-color:#BAC5BA;
}
div.something div.ch i.c b {
    background-color:#BAC5BA;
}


Change outlined rounded corners' border & inner colour:
div.something div.ch i.c i,
div.something div.ch div.ch-ctrl {
    border-color:#A3B3AD;
    background-color:#C2CCC2;
}


@@compressible
*/

/* corner holder */
div.ch {
    position:relative;
    _zoom:1;
}
div.ch-ctrl {
    border-width:1px;
    border-style:solid;
}
div.ch i.c {
    position:absolute;
    z-index:20;
    border:1px none;
    background-image:none !important;
    width:3px;
    height:3px;
    _width:4;
    _height:4;
    overflow:hidden;
}
div.ch i.c i {
    position:absolute;
    width:5px;
    height:5px;
    border:1px solid;
    overflow:hidden;
}
div.ch i.c b {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
}
div.ch i.tl {
    top:0;
    left:0;
    border-style:solid none none solid;
}
div.ch i.tr {
    top:0;
    right:0;
    _right:-1;
    border-style:solid solid none none;
}
div.ch i.bl {
    bottom:0;
    left:0;
    border-style:none none solid solid;
}
div.ch i.br {
    bottom:0;
    right:0;
    _right:-1;
    border-style:none solid solid none;
}

div.ch i.tl i,
div.ch i.tl b {
    top:0;
    left:0;
}
div.ch i.tr i,
div.ch i.tr b {
    top:0;
    right:0;
    _right:-1;
}
div.ch i.bl i,
div.ch i.bl b {
    bottom:0;
    _bottom:auto;
    left:0;
}
div.ch i.br i,
div.ch i.br b {
    bottom:0;
    _bottom:auto;
    right:0;
    _right:-1;
}
div.ch i.bl b,
div.ch i.br b {
    _top:2;
}
div.ch i.bl i,
div.ch i.br i {
    _top:-2;
}

/* navigation */

div.navi {
	position:absolute;
	left:0px;
	bottom:0px;
}

div.navi a,
div.navi del {
    background:url(images/pager.gif);
}

div.navi a          {   background-position:-1px -112px; font-weight:bold }
div.navi a:hover    {   background-position:-1px -140px; text-decoration:none }
div.navi a:active   {   background-position:-1px -168px }
div.navi a.l        {      background-position:0 0px }
div.navi a.l:hover  {      background-position:0 -28px }
div.navi a.l:active {      background-position:0 -56px }
div.navi a.r        {      background-position:100% 0px }
div.navi a.r:hover  {      background-position:100% -28px }
div.navi a.r:active {      background-position:100% -56px }
div.navi del {    background-position:-1px -196px }
div.navi del.l {    background-position:0px -84px }
div.navi del.r {    background-position:100% -84px }

div.navi .l {
    border-left-style:none;
    padding-left:30px;
    padding-right:20px;
    margin-left:0;
    font-weight:normal !important;
}
div.navi .r {
    border-right-style:none;
    padding-left:20px;
    padding-right:30px;
    margin-right:0;
    font-weight:normal !important;
}

/* SLIDING-MENU */

.sliding-menu,
.sliding-menu ul {
  margin: 0;
}
.sliding-menu div {
  border-top:none;
  position: relative;
  font-family: Verdana;
  font-size: 8.25pt;
}
.sliding-menu span.price {
  position:absolute;
  right:3px;
}
.sliding-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sliding-menu li {
  _display: inline-block; /* for MSIE */
}
.sliding-menu div.divider {
  border-top:1px solid #9da3ab;
  background-color:#e4e6e7;
  height:1px;
}
.sliding-menu ul a {
  display: block;
  color: #38463e;
  text-decoration: none !important;
  padding: 4px 15px 4px 8px;
}
/* selected */

.sliding-menu .selected {
  color: white;
  background-color: #86b4ed;
  background-image: none;
}

/* hover */

.sliding-menu .hover,
.sliding-menu ul a:hover {
  background-color: #9ab6d9;
  color:#333;
  cursor: pointer;
  background-position: right -100px;
}

/* active */

.sliding-menu .active,
.sliding-menu ul a:active {
  background-color: #a3aec2;
  background-position: right -200px;
  cursor: pointer;
}

/* nesting */

.sliding-menu ul ul a {
  padding-left: 16px;
}
.sliding-menu ul ul ul a {
  padding-left: 24px;
}
.sliding-menu ul ul ul ul a {
  padding-left: 32px;
}
.sliding-menu ul ul ul ul ul a {
  padding-left: 40px;
}
.sliding-menu ul ul ul ul ul ul a {
  padding-left: 48px;
}
.sliding-menu ul ul ul ul ul ul ul a {
  padding-left: 56px;
}

/* sliding */

.sliding .sliding-menu {
  overflow: hidden;
}
.sliding .sliding-menu * {
  position: absolute;
  left: 0;
  top: 0;
}
.sliding .sliding-menu * * {
  position: static;
  height: auto;
}

/* Bodey */

a img {
    border-style:none;
}

body {
    background:#7f93ad;
    font:9pt Verdana,sans-serif;
    padding:0;
    margin:0;
}

/* Boxeh */

div.boxeh {
    margin:13px 13px;
    padding:0px;
}
div.boxeh a {
	text-decoration: none !important;
}
div.boxeh div.ch i.c i,
div.boxeh div.ch div.ch-ctrl {
    border-color:#e4e6e7;
    background-color:#d2d6d9;
}
div.boxeh i.c {
    border-color:#7f93ad;
}
div.boxeh i.c b {
    background:#7f93ad;
}

#cl {
	width:170px;
	min-width:170px;
	float:left;
}
td {
  text-align:left;
  vertical-align:top;
}
#cr {
  width:100%;
}

table.f, table.f td.f, table.f th.f {
    position:relative;
    border-collapse:collapse;
    vertical-align:top;
	padding:0px;
}
table.f td.v {
    vertical-align:middle;
}
table.full {
    width:100%;
}

/* vMenu */

#vMenuHead i.c i {
    background-color:#8ca2bd;
}
#vMenuHead div.ch-ctrl {
	border-bottom:none;
	height:32px;
    background:#8ca2bd url(images/menu_gradient.gif) repeat-x top left;
}
#vMenuHead div.text {
	padding-top:5px;
    vertical-align:middle;
	text-align:center;
    color:#d2d6d9;
	font: bold 12pt Trebuchet MS,sans-serif;
}

/* hMenu */

#hMenu div {
	border-bottom:none;
}
#hMenu i.c i {
    background-color:#8ca2bd;
}
#hMenu div.ch-ctrl {
	height:32px;
    background:#8ca2bd url(images/menu_gradient.gif) repeat-x top left;
}

/* infoBox */

#infoBox {
	margin-top:13px;
}
#infoBox div {
	border-bottom:none;
}
#infoBox div.infoTitle {
	padding:4px 13px 0px 13px;
    vertical-align:middle;
    color:#8ca2bd;
	font: bold 12pt Trebuchet MS,sans-serif;
}
#infoBox div.text {
   	padding:4px 13px 13px 13px;
    color:#999999;
	font:8.25pt Verdana;
}
#infoBox div.divider {
	border-top:1px solid #9da3ab;
	background-color:#e4e6e7;
	height:1px;
}

div.preview-box {
	float:left;
	display:block;
	vertical-align:middle;
	text-align:center;
}
div.description-box {
	color:#7f93ad;
	width:220px;
	float:left;
	display:block;
	margin-left:15px;
}
div.serial {
	font-weight:bold;
	color:#7f93ad;
}
ul.extras {
	color:#7f93ad;
	margin:0;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:15px;
	list-style:circle;
}
div.desc-text-head {
	padding-top:15px;
	padding-bottom:5px;
	font:9pt Verdana;
	font-weight:bold;
	color:#7f93ad;
}
div.desc-text {
	color:#999;
	font:8.25pt Verdana;
}

#face2back {
	color:#999999;
	font:8.25pt Verdana;
	text-align:center;
	vertical-align:middle;
	clear:both;
}
#face2back div.fiftee {
	text-align:center;
	width:50%;
	float:left;
	clear:both;
}

div.thumb-box {
	/*background-color:#CCC;
	border:#9F0 1px solid !important;*/
    width:250px;
	height:250px;
	float:left;
	text-align:center;	
}
div.thumb-box img {
	position:relative;
}
div.thumb-box a,
div.thumb-box a:link,
div.thumb-box a:visited,
div.thumb-box a:hover {
	color:#4d4d4d;
	font-weight:bold;
	text-decoration: none !important;
}
div.thumb-box span.shadow {
    display:block;
    text-align:center;
    background-position:center;
    background-repeat:no-repeat;
    padding:3px 4px 5px 4px;
	vertical-align:middle;
    _line-height:250px;
    display:table-cell;
    width:250px;
    height:200px;
}
div.preview-box span.shadow {
    display:block;
    text-align:center;
    background-position:center;
    background-repeat:no-repeat;
    padding:3px 4px 5px 4px;
	vertical-align:middle;
}
#browse {
	color:#7f93ad;
	padding-bottom:50px;
	border:none;
	display:table-cell;
	min-height: 300px;
}
#preview-page {
	color:#7f93ad;
	padding:15px;
	border:none;
	display:table-cell;
	min-height: 300px;
}
#generic-content {
	color:#555;
	padding-top:0px;
	padding-bottom:50px;
	padding-left:15px;
	display:table-cell;
}
#output {
	min-width:782px;
	overflow:hidden;
}
#output div {	
	border-top:none;
}
#output div.gl {
	z-index:5;
	background:url(images/border_gradient.png) no-repeat top left;
	width:1px;
	min-width:1px;
	height:400px;
	position:absolute;
	left:1px;
	top:0px;
}
#output div.gr {
	z-index:5;
	background:url(images/border_gradient.png) no-repeat top left;
	width:1px;
	min-width:1px;
	height:400px;
	position:absolute;
	right:1px;
	top:0px;
}

/* Search Form */

#search-form {
	display:inline;
	position:absolute;
	right:0;
	top:0;
	width:259px;
	height:22px;
	line-height:22px;
	margin-right:5px;
	margin-top:6px;
}
#search-form a.ibucket {
	text-decoration:none;
	position:absolute;
    top:0;
    left:0;
    height:22px;
    _height:22;
	width:60px;
	padding-left:25px;
	padding-top:4px;
    border:0 none;
	font:9pt Verdana,sans-serif;
	color:#7f93ad;
	background:url(images/top-search.gif) repeat-x 0 0px;
}
#search-form a.ibucket:hover {
    background-position:0 -30px;
}
#search-form a.ibucket:active {
    background-position:0 -60px;
}
#search-form input.itext,
#search-form input.empty:focus {
	position:absolute;
    top:0;
    left:85px;
    border:0 none;
    padding:4px 4px;
	font:9pt Verdana,sans-serif bold;
	color:#7f93ad;
	height:22px;
	width:142px;
	background:url(images/top-search.gif) repeat-x 0 -120px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#search-form input.empty {
    background:url(images/top-search.gif) repeat-x 0 -90px;
}
#search-form input.itext:focus {
    outline:0;
}
#search-form input.igo {
	position:absolute;
    top:0;
    right:0;
    height:22px;
    _height:22;
	width:24px;
	overflow:hidden;
    border:0 none;
	background:url(images/top-search.gif) repeat-x 100% -90px;
	cursor:pointer;
}
#search-form input.igo:hover {
    background-position:100% -120px;
}
#search-form input.igo:active {
    background-position:100% -150px;
}
.formfield {
	text-align:right;
}
.required {
	color: rgb(255, 75, 51);
	font-weight: bold;
}
input,select,textarea {
	color: #eee;
	background-color: #3F3F3F;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 3px;
}
input[type="submit"],
input[type="button"],
button {
	background: url("images/submit-blue-bg.jpg") repeat-x left top;
	color:#333;
	font-weight: normal;
	position: relative;
	height: 22px;
	overflow: hidden;
	border: 1px solid #101010;
	padding: 3px 18px;
	font-size: 10px;
	line-height: 0.75em;
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 20px;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	background-position: 0 -22px;
	color: #555;
}
input[type="submit"]:active,
input[type="button"]:active,
button:active {
	background-position: 0 -44px;
	padding-top: 4px;
	padding-bottom: 0;
}
input[type="text"],
input[type="password"],
textarea,
select {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #303030;
	background: #FFF;
	color: #555;
	padding: 3px;
}
#cartable {
	color: #697882;
	background-color: #eff2f4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #555;
}
#cartable td {
	padding: 5px;	
}
#cartable .trow {
	color: #697882;
	background-color: #dceaf4;
}
#cartable .trow:hover {
	color: #014375;
	background-color: #a5cde7;
}

.cattree {
	font-size:11pt;
    padding:15px;
    display:block;
}

#masterdiv {
    margin:0;
    padding:0;
    display:block;
}

.menutitle {
    cursor:pointer;
    background-color:#86B4ED;
    color:#ffffff;
    width:162px;
    padding:3px;
    margin:2px 0;
    text-align:left;
    font: normal 8.25pt Verdana;
}

.submenu{
    margin-bottom: 5px;
    font: normal 8.25pt Verdana;
}

.submenu ul {
    margin:0;
    padding:0;
    list-style-type: none;
}

.submenu ul li {
    margin:0;
    padding:0;
}

.submenu a, .submenu a:link, .submenu a:visited {
    height:18px;
    width:158px;
    color:#38463E;
    display:block;
    padding-left:10px;
    padding-top:4px;
}

.submenu a:hover, .submenu a:active {
    background-color:#9ab6d9;
}