/* General */

body {
	background-color: #ffffff;
	color:            #909090;
	font-family:      Arial, sans-serif;
	font-weight:      normal;
}

a {
	text-decoration:  none;	
	color:            #363636;
}

a:active {
	outline:          none;
}

a:hover {
	text-decoration:  underline;	
}

:-moz-any-link:focus {
	outline:          none;
}

img {
	border:           0px;
}

p, table, tr, td, select {
	color:            #909090;
	font-family:      Arial, sans-serif;
	font-size:        0.85em;
	font-weight:      normal;
	text-align:       left;
}

fieldset {
	border:           0;
	padding:          0;
}

fieldset label {
	font-size:        0.75em;
	text-transform:   uppercase;	
}

input[type="text"] {
	font-family:      Arial, sans-serif;
	font-size:        0.95em;
	font-style:       italic;;
	color:            #909090;
	text-align:       left;
}

li {
	clear:            both;
}

/*
	font-weight:      bold;
*/
input[type="button"], input[type="submit"] {
	font-family:      Arial, sans-serif;
	font-size:        0.75em;
	color:            #363636;
	background-color: #BFDDF1;
	text-transform:   uppercase;
}

/* Page Header */

div.header {
	clear:            both;
	padding-top:      0.75em;
	font-size:        0.75em;
	color:            #909090;
	text-align:       right;
	margin-left:      auto;
	margin-right:     auto;
	width:            800px;
	height:           45px;
	padding-bottom:   20px;
}

div.headerItem {
	display:          inline-block;
	float:            left;
	position:         relative;
	width:            100%;
	height:           100%;
}

ul.titlelist {
	list-style-type:  none;	
	padding:          0em;
	border:           0em;
}

ul.titlelist li {
	clear:            both;
	display:          block;
	padding:          0;
	margin:           0;
}

ul.titlelist li p:first-child {
	clear:            both;
	float:            left;
	font-size:        0.75em;
	padding-left:     0em;
	padding-bottom:   0.75em;
	width:            2em;
	margin:           0;
}

ul.titlelist li p {
	padding-left:     2em;
	font-size:        0.75em;
	display:          block;
}

div.primary_categories {
	clear:            both;
	padding-bottom:   1.4em;
	font-size:        0.75em;
	color:            #909090;
	text-align:       center;
	max-width:        800px;
	margin-left:      auto;
	margin-right:     auto;
}
div.primary_categories a {
	color:            #909090;
	text-transform:   uppercase;
	font-size:        0.75em;
}

/* Page Footer */
.footer {
	clear:            both;
	padding-top:      1.4em;
	font-size:        0.75em;
	color:            #909090;
	text-align:       center;
	max-width:        800px;
	margin-left:      auto;
	margin-right:     auto;
}

.footer a {
	color:            #909090;
	text-transform:   uppercase;
	font-size:        0.75em;
}

.smallprint {
	padding-top:      1.4em;
	font-size:        0.75em;
	color:            #909090;
	text-align:       center;
}

.smallprint a {
	color:            #909090;
}

/* Page Body */

div.body {
	clear:            both;
	text-align:       left;
	margin-left:      auto;
	margin-right:     auto;
	width:            800px;
	min-height:       600px;
}

/* Breadcrumbs */
div.breadcrumbs {
	text-align:       left;
	color:            #909090;
	font-size:        0.75em;
	text-transform:   uppercase;
}

div.breadcrumbs a {
	color:            #909090;	
	text-transform:   uppercase;
}

/* Refine */
a.refine_more {
	text-align:       left;
	color:            #909090;
	font-size:        0.75em;
	text-transform:   uppercase;
}

/* Small Screen Menu */
div.smallScreenCategories {
	text-align:       right;
	color:            #909090;
	font-size:        0.75em;
	line-height:      1.4em;
	padding-right:    1.4em;
	text-transform:   uppercase;	
	position:         absolute;
}
div.smallScreenCategories a {
	color:            #909090;
	font-size:        0.75em;
}

/* Home Page Menu */
div.menu {
	clear:            both;
	float:            left;
	text-align:       center;
	margin-left:      100px;
	margin-right:     100px;
	width:            600px;
	height:           600px;
}

div.menu_background {
	background:       url(/images/RETROSPEC-blue.png);
}

/* Category */
div.category {
	display:          inline-block;
	float:            left;
	position:         relative;
	border-left:      10px;
	border-top:       10px;
	border-bottom:    10px;
	border-right:     10px;
	width:            200px;
	height:           200px;
	visibility:       visible;
}

div.category_background {
	background:       url(/images/shadow.png);
}

div.category div.category_caption {
	color:            #909090;
	font-size:        0.75em;
    position:         absolute;
	top:              10px;
	left:             10px;
	padding-top:      2px;	
	padding-left:     5px;	
	padding-right:    5px;	
	padding-bottom:   2px;	
	background-color: #BFDDF1;
	filter:           alpha(opacity=75);
	filter:           progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	opacity:          0.75;
    -moz-opacity:     0.75; 
    text-transform:   capitalize;
}

div.category div.category_caption_hidden {
	display:          none;
}

div.category div.category_caption a {
	color:            #363636;
	font-weight:      bold;
}

div.category div.category_caption a:hover {
	text-decoration:  none;
}
	
div.category img {
	padding-top:      10px;	
}

div.category img.hidden {
	display:          none;
	padding-top:      10px;	
}


/* category page */
div.refine {
	padding-top:      0.75em;
	padding-bottom:   1.4em;
	font-size:        0.75em;
	color:            #909090;
	text-align:       left;
	text-transform:   uppercase;
}

div.refine a {
	color:            #909090;
	font-size:        0.75em;
	text-transform:   uppercase;
}

div.item {
	background-image:  url(/images/shadow_item.png);
	background-repeat: no-repeat;
	display:           inline-block;
	float:             left;
	position:          relative;
	border-left:       5px;
	border-top:        5px;
	border-bottom:     5px;
	border-right:      5px;
	width:             160px;
	height:            210px;
	visibility:        visible;
	font-size:         0.85em;
}

div.item div.item_caption {
	color:             #363636;
	text-align:        left;
	padding-left:      6px;
	padding-right:     6px;
	padding-top:       0px;
	padding-bottom:    0px;
	overflow:          hidden;
	width:             150px;
	height:            45px;
	line-height:       0.85em;
}

div.item_caption a {
	color:             #363636;
}

div.item_caption a:hover {
	text-decoration:   none;
}


span.item_primary_caption {
	font-weight:       bold;
	text-transform:    uppercase;
	font-size:         0.75em;
}

span.item_primary_caption a:hover {
	text-decoration:   none;
}

span.item_secondary_caption {
	font-weight:       normal;
	font-size:         0.75em;
}

span.item_secondary_caption a:hover {
	text-decoration:   none;
}
	 
div.item img {
	padding-top:   5px;	
	padding-left:  5px;
}

/* page navigation */
div.nav_prev {
	padding-top:      0.75em;
	padding-bottom:   0.75em;
	font-size:        0.75em;
	color:            #909090;
	text-align:       left;
	width:            50px;
	text-transform:   uppercase;
}

div.nav_prev a {
	color:       #909090;
}

div.nav_next {
	padding-top:      0.75em;
	padding-bottom:   0.75em;
	font-size:        0.75em;
	color:            #909090;
	text-align:       right;
	float:            right;
	width:            50px;
	text-transform:   uppercase;
}

div.nav_next a {
	color:       #909090;
}

/* item page */

div.itemInformation {
	padding:           5px 5px 5px 5px;
	position:          relative;
	width:             810px;
	height:            480px;
	background-image:  url(/images/shadow_item_large.png);
	background-repeat: no-repeat;
	font-size:         @FONT_SIZE_MEDIUM@;
}

div.itemNavigation {
	color:             #363636;
	height:            15px;
	font-size:         0.75em;
	text-transform:    uppercase;
	padding-top:       10px;
	padding-bottom:    5px;
	padding-left:      10px;
	padding-right:     10px;
}

div.itemNavigation a {
	color: #363636;
}


div.itemTitle {
	color:             #363636;
	text-align:        left;
	font-size:         0.95em;
	font-weight:       bold;
	padding-top:       0.4em;
	padding-left:      10px;
	text-transform:    uppercase;
	height:			   20px;
	width:             800px;
	top:               435px;
	position:          absolute;
}

div.itemSecondaryTitle {
	color:             #363636;
	text-align:        left;
	font-size:         0.75em;
	padding-left:      10px;
	height:			   20px;
	width:             800px;
	top:               457px;
	position:          absolute;
}

div.slideshowImages {
	text-align:        center;
	vertical-align:    middle;
	display:           inline-block;
	border:            0px;
	width:             800px;
	height:            400px;
	overflow:          hidden;
	position:          absolute;
	x:                 0px;
	y:                 0px;
}

div.slideshowImages img {
	position:          absolute;
	left:              0px;
	top:               0px;
}

span.tab {
	padding-top:       0;
	padding-left:      0;
	padding-right:     0.95em;
	padding-bottom:    0;
	font-size:         0.85em;
}

span.tab a {
	background-image:  url(/images/arrow_right.png);	
	background-repeat: no-repeat;
	padding-left:      9px;
}

span.tab a.selected {
	font-weight:       bold;
	background-image:  url(/images/arrow_down.png);	
}

a.useAsTabContent {
	display:           none;
}

div.tabContent {
	color:             #363636;
	height:            330px;
	width:             660px;
	overflow:          auto;
	position:          absolute;
	background-image:  url(/images/lightbox_background.gif);
	filter:            alpha(opacity=90);
	filter:            progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	opacity:           0.90;
    -moz-opacity:      0.90; 
    z-index:           10;
    padding-left:      70px;
    padding-right:     70px;
    padding-top:       35px;
    padding-bottom:    35px;
}

div.tabContent div.textBlock {
	font-size:         0.95em;
}

div.tabContent div.textBlock p {
	color:             #363636;
	font-size:         0.95em;
}

div.tabContent div.textBlock a {
	color: #909090;
}

/* gallery */

div.gallery {
	background-image:  url(/images/shadow_gallery.png);
	background-repeat: no-repeat;
	display:           inline-block;
	float:             left;
	position:          relative;
	border-left:       5px;
	border-top:        5px;
	border-bottom:     5px;
	border-right:      5px;
	width:             160px;
	height:            160px;
	visibility:        visible;
	font-size:         0.85em;
}

div.gallery img {
	padding-top:   5px;	
	padding-left:  5px;
}

/* lightbox */

#jquery-overlay {
	position:    absolute;
	top:         0;
	left:        0;
	z-index:     90;
	width:       100%;
	height:      500px;
}

#jquery-lightbox {
	position:         absolute;
	top:              0;
	left:             0;
	width:            100%;
	z-index:          100;
	text-align:       center;
	line-height:      0;
}

#jquery-lightbox a img { 
	border:           none; 
}

#lightbox-container-image-box {
	position:         relative;
	background-color: #BFDDF1;
	width:            250px;
	height:           250px;
	margin:           0 auto;
}

#lightbox-container-image { 
	padding:          10px; 
}

#lightbox-loading {
	position:         absolute;
	top:              40%;
	left:             0%;
	height:           25%;
	width:            100%;
	text-align:       center;
	line-height:      0;
}

#lightbox-nav {
	position:         absolute;
	top:              0;
	left:             0;
	height:           100%;
	width:            100%;
	z-index:          10;
}

#lightbox-container-image-box > #lightbox-nav { 
	left:             0; 
}

#lightbox-nav a { 
	outline:          none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width:            49%;
	height:           100%;
	zoom:             1;
	display:          block;
}

#lightbox-nav-btnPrev { 
	left:             0; 
	float:            left;
}

#lightbox-nav-btnNext { 
	right:            0; 
	float:            right;
}

#lightbox-container-image-data-box {
	font-family:       Arial, sans-serif;
	font-size:         0.75em;
	color:             #363636;
	background-color:  #BFDDF1;
	margin:            0 auto;
	line-height:       0.95em;
	overflow:          auto;
	width:             100%;
	padding:           0 10px 0;
}

#lightbox-container-image-data {
	padding:          0; 
	color:            #363636;
}

#lightbox-container-image-data #lightbox-image-details { 
	width:            65%; 
	float:            left; 
	text-align:       left; 
}

#lightbox-image-details {
	min-height:        65px;
	background-image:  url(/images/logo_thumb.png);
	background-repeat: no-repeat;
	padding-left:      110px;
}

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {
	display:           block; 
	clear:             left; 
	padding-top:       0.85em;	
}

#lightbox-secNav-btnClose {
	width:           30px; 
	float:           right;
	padding-bottom:  0.85em;	
	text-align:      right;
}