/*	MAIN DOM ELEMENTS
_____________________________________________________________*/

body {
	margin:0px;
	width:100%;
	text-align:center;
	font-size:9pt;
}

body, p {
	font-family:Helvetica, Arial, Geneva, Sans-Serif;
}

h1 {
	font-weight:normal;
	margin:0px 0px 4px 0px;
	font-size:14pt;
}

h2 {
	font-weight:normal;
	margin:0px 0px 1px 0px;
	font-size:12pt;
}

h3 {
	font-weight:bold;
	margin:0px 0px 1px 0px;
	font-size:10pt;
	line-height:15pt;
}

p {
	line-height:12pt;
}

a:link, a:visited, a:active {
}

a.plain {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

li {
	margin-top:5pt;
}

th {
	text-align:left;
}

form {
	margin:0px;
	display:inline;
}

.alignright {
	text-align:right !important;
}

.monospace {
	font-family:'Panic Sans', Monaco, Courier, Monospaced;
	font-size:0.9em;
}

/*	GLOBAL STYLES
_____________________________________________________________*/

.clear {
	clear:both;
	display:block;
	margin:0px !important;
	padding:0px !important;
}

.small { font-size:0.8em; }
.noborder { border:0; }
.red {  }
.center { text-align:center !important; }
.emphasis { font-style:italic; }
.strong, .bold { font-weight:bold; }
p.small, span.small, td.small { font-size:0.8em; }
.underline { text-decoration:underline;}
.left { text-align:left;}
.right { text-align:right; }
.floatright { float:right !important; }
.floatleft { float:left !important; }
.vmiddle { vertical-align:middle; }
.margin-zero { margin:0 !important; }
.padding-zero { padding:0 !important; }

.cursor-zoom {
	cursor: url('../images/cursor/cursor-zoom.png'), pointer;
}

.note,
.highlight {
	font-size:10pt;
	font-weight:normal;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	display:inline-block;
	vertical-align:top;
}

.highlight {
	padding:2px 4px 1px 4px;
	margin-top:3px;
}

.note {
	padding:2px 4px 1px 4px;
	margin-top:-3px;
}

.avatar {
	padding:5px;
}

.loadingbg {
	background-position:center center;
}

.monospace {
	font-family:'Panic Sans', Monaco, Courier, Monospaced;
	font-size:0.9em;
}

.small-button {
	font-family:Helvetica, Arial, Geneva, Sans-Serif;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-weight:normal;
	font-size:1.0em;
	padding:2px 5px;
	cursor:pointer;
	text-decoration:none !important;
}

.small-button:hover {
}

.icon {
	font-size:0.9em;
	padding:0.3em;
}

/*	ERROR MESSAGE STYLES
_____________________________________________________________*/

div.error {
	font-size:10pt;
	font-weight:normal;
	padding:2px 4px 1px 4px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.error h1 {
	margin-top:5px !important;
}

/*	MODAL DIALOG BOX
_____________________________________________________________*/

#control_overlay {  
}

.modal {  
    display:block;
    position:relative;
}

.modal-close {
	border:0;
	float:right;
	cursor:pointer;
	width:16px;
	height:16px;
}

.modal-title {
	text-align:left;
	padding-bottom:4px;
	min-height:1.5em;
}

.modal-title span {
	font-weight:bold;
	font-size:12pt;
}

/*	TOOLTIP BOX STYLES
_____________________________________________________________*/

.tooltip {
	text-align:left;
}

/*	CONTENT AREA
_____________________________________________________________*/

#content {
	margin:0px auto;
	width:100%;
	text-align:left;
	min-width:900px;
}

#front-innerdiv {
	width:100%;
	text-align:left;
}

#front-outerdiv {
	padding:10px;
}

.content-center {
	width:1020px;
	margin:0px auto;
}

.content-left {
	width:1020px;
}

/*	HEADER AND NAVIGATION
_____________________________________________________________*/

#header {
	padding:0px;
	margin:0px;
	overflow:hidden;
	min-width:980px;
	position:relative;
	zoom:1;
}
	
#header #logo {
	font-family:Geneva, Arial, Sans-serif; /* prev Georgia, Times, Serif */
	font-weight:normal;
	padding:10px 0 10px 10px;
	margin:0;
	margin-right:480px;
	position:relative;
}

#header #logo.logo-center {
	padding:10px 0 10px 0;
}

#header #logo span {
	font-size:2.5em;
}
	
#header #navigation {
	padding:0 0 0 10px;
}

#header #navigation.navigation-center {
	padding:0 0 0 0;
}

#header #sitetools {
	width:480px;
	float:right;
	margin:20px 20px 0 0;
}

#header #sitetools.sitetools-center {
	margin:20px 0 0 0;
}

#header #sitetools #search {
	float:right;
}

#header #sitetools #usertools {
	float:right;
	margin-right:10px;
	text-align:right !important;
}

#header #sitetools #search input.text {
	border:0;
	width:100px;
	padding:5px 5px;
	margin:0 5px 0 0;
}

#header #sitetools #search input.text {
	width:190px;
}

#header #sitetools #usertools a.button,
#header #sitetools #search a.button {
	border:0;
	margin:0;
	vertical-align:top;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-weight:bold;
	font-family:Helvetica, Arial, Sans-Serif;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}

#header #sitetools #usertools a.button:hover,
#header #sitetools #search a.button:hover {
}

#header #sitetools #usertools a.active,
#header #sitetools #search a.active {
}

#header #nav {
	position:relative;
	margin:0;
	padding:0;
	list-style: none;
}
	
#header #nav li {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
}
	
#header #nav li a {
	float: left;
	margin: 0;
	padding:7px 15px;
	font-size: 11pt;
	text-decoration: none;
}
	
#header #nav li a:hover {
}
	
#header #nav li.active a {
	font-weight: bold;
}

#lang-picker table {
	float:left;
	width:250px;
	margin-bottom:10px;
}

#lang-picker table tr td {
	padding:5px;
}

a.navigation-link {
	height:1.3em;
	padding:0px 10px 0px 10px;
	font-weight:bold;
	text-decoration:none;
}

a.navigation-link:hover {
}

/*	FOOTER AND COPYRIGHT
_____________________________________________________________*/

#copyright {
	margin:0 10px 30px 10px;
	padding:10px 0 0 0;
	font-size:0.9em;
}

/*	FORMS AND LAYOUT BOXES
_____________________________________________________________*/

div.block {
	font-size:10pt;
	padding:0px;
	min-width:950px;
	margin-bottom:20px;
	position:relative;
}

div.block .border-bottom {
}

div.block hr {
	height:1px;
	background:0;
	border:0;
	display:block;
	margin:0 5px 5px 5px;
}

div.block table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

div.block div.head {
	font-size:1.1em;
	padding:6px 0px 6px 4px;
	font-weight:bold;
	position:relative;
}

div.block div.head a {
}

div.block div.subhead {
	font-size:1.0em;
	padding:4px 0px 4px 4px;
	text-align:left;
	font-weight:normal;
	position:relative;
}

div.block div.body {
	font-size:1.0em !important;
	padding:0 0 10px 0;
	position:relative;
}

div.block .body h1.title {
	padding:7px 10px;
	font-size:1.1em;
	margin-bottom:0;
	font-weight:bold;
}

div.block div.br {
}

div.block div.box {
	position:relative;
	margin:5px 0 5px 0 !important;
	padding:0 5px 0 10px;
	float:left;
}

div.block div.box h1 {
	font-size:1.3em;
	font-weight:bold;
	margin:15px 0 10px 0;
}

div.block div.box h2 {
	font-size:1.1em;
	font-weight:bold;
	margin:15px 0 7px 0;
}

div.block div.box h3 {
	font-size:1.0em;
	font-weight:bold;
	margin:15px 0 3px 0;
}

div.block div.box p {
	margin:1.2em 0 1.2em 0;
}

div.block div.box table {
	border-collapse:collapse;
	width:100%;
}

div.block div.box table th {
	vertical-align:top;
}

div.block div.box table td,
div.block div.box table th {
	padding:5px 0 5px 0;
}

div.block div.box textarea.text {
	padding:3px;
	resize:none;
	margin:0;
}

div.block div.box input.text {
	padding:5px 3px;
	margin:0;
}

div.block div.box .textbox {
	overflow:auto;
	padding:3px;
}

div.block div.formfield p {
	margin:4px 0;
}

div.block div.formtitle h2,
div.block div.formtitle h3 {
	margin:3px 0;
}

div.block div.box input.button {
	font-weight:bold;
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:1.0em;
	padding:5px 15px;
	margin:0 !important;
	cursor:pointer;
	position: relative
}

div.block div.box input.button:hover {
	position: relative
}

div.block div.box input.button:disabled {
}

div.block div.box input.radio {
	font-size:1.2em;
	margin:2px;
}

div.block div.box input.checkbox {
	font-size:1.2em;
	margin:2px;
}

div.block div.box label.label {
	cursor:pointer;
	font-weight:bold;
}

div.block div.box div.indent {
	padding-left:22px;
}

div.block div.box select.select {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.0em;
	padding:4px;
}

div.block div.r1 {
}

div.block div.r2 {
}

/*	FORM AND LAYOUT BOX COLUMNS
_____________________________________________________________*/

div.block div.col-1 	{ width:52px;  }
div.block div.col-2 	{ width:132px; }
div.block div.col-3 	{ width:212px; }
div.block div.col-4 	{ width:292px; }
div.block div.col-5 	{ width:372px; }
div.block div.col-6 	{ width:452px; }
div.block div.col-7 	{ width:532px; }
div.block div.col-8 	{ width:612px; }
div.block div.col-9 	{ width:692px; }
div.block div.col-10 	{ width:772px; }
div.block div.col-11 	{ width:852px; }
div.block div.col-12	{ width:932px; }

div.block .mheight-100	{ min-height:100px; }
div.block .mheight-125	{ min-height:125px; }
div.block .mheight-150	{ min-height:150px; }
div.block .mheight-175	{ min-height:175px; }
div.block .mheight-200	{ min-height:200px; }
div.block .mheight-225	{ min-height:225px; }
div.block .mheight-250	{ min-height:250px; }
div.block .mheight-275	{ min-height:275px; }
div.block .mheight-300	{ min-height:300px; }
div.block .mheight-350	{ min-height:350px; }
div.block .mheight-400	{ min-height:400px; }
div.block .mheight-450	{ min-height:450px; }
div.block .mheight-500	{ min-height:500px; }
div.block .mheight-550	{ min-height:550px; }

div.block .height-50	{ height:50px; }
div.block .height-75	{ height:75px; }
div.block .height-100	{ height:100px; }
div.block .height-125	{ height:125px; }
div.block .height-150	{ height:150px; }
div.block .height-175	{ height:175px; }
div.block .height-200	{ height:200px; }
div.block .height-225	{ height:225px; }
div.block .height-250	{ height:250px; }
div.block .height-275	{ height:275px; }
div.block .height-300	{ height:300px; }
div.block .height-350	{ height:350px; }
div.block .height-400	{ height:400px; }
div.block .height-450	{ height:450px; }
div.block .height-500	{ height:500px; }
div.block .height-550	{ height:550px; }

div.block .width-1 { width:48px; }
div.block .width-2 { width:128px; }
div.block .width-3 { width:208px; }
div.block .width-4 { width:288px; }
div.block .width-5 { width:368px; }
div.block .width-6 { width:448px; }
div.block .width-7 { width:528px; }
div.block .width-8 { width:608px; }
div.block .width-9 { width:688px; }
div.block .width-10 { width:768px; }
div.block .width-11 { width:848px; }
div.block .width-12 { width:932px; }

div.block .width-1.text { width:38px; }
div.block .width-2.text { width:118px; }
div.block .width-3.text { width:198px; }
div.block .width-4.text { width:278px; }

/*	TABLE LIST VIEW
_____________________________________________________________*/

table.list {
	border-collapse:collapse;
	margin:0 0 20px 0;
	padding:0;
	font-size:1.1em;
	width:100%;
}

table.list th {
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	padding:6px 10px;
}

table.list td {
	padding:3px 10px;
	vertical-align:middle;
	height:30px;
}

table.list tr.r1 {
}

table.list tr.r1:hover {
}

table.list tr.r2 {
}

table.list tr.r2:hover {
}

table.list tr.r3 {
}

table.list td input.checkbox {
	font-size:2.0em;
}

table.list th input.checkbox {
	font-size:1.7em;
}

/*	CART ITEM TABLES
_____________________________________________________________*/

table.cart-item {
	width:100%;
	inherit:none;
	border-collapse:collapse;
	}

table.cart-item th {
	vertical-align:top;
	padding:3px;
	width:200px;
	text-align:left;	
	}

table .cart-item td {
	padding:3px;
	text-align:left;	
	}

/*	TABBED PANEL VIEW
_____________________________________________________________*/

div.tabcontainer {
	margin:0;
	padding:0;
	clear:both;
	display:inline-block;
	width:100%;
}

ul.tabs {
	margin:0px;
	padding:0px;
	list-style: none;
	float:left;
	position:relative;
	display:block;
}

ul.tabs li.tab {
	float: left;
	margin:0 4px 0 0;
	padding:0;
}
	
ul.tabs li.tab a {
	float:left;
	margin:0;
	outline:none;
	height:20px;
	padding:6px 20px 2px 20px;
	font-size:1.25em;
	font-weight:bold;
	text-decoration: none;
}
	
ul.tabs li.tab a:hover {
}
	
ul.tabs li.tab a.active {
	font-weight: bold;
}

/*	TABLE LIST ACTIVITY BUTTONS
_____________________________________________________________*/

ul.button {
	margin:0px;
	padding:0px;
	white-space:nowrap;
}

ul.button li {
	margin:0 !important;
	border:0 !important;
	display: inline;
	list-style-type: none;
}

.tab-button .button,
a.button,
a.icon-button,
ul.button a {
	font-family:Helvetica, Arial, Geneva, Sans-Serif;
	display:inline-block;
	padding:4px 13px;
	font-weight:bold;
	margin:0 5px 0 0;
	text-decoration: none;
}

.tab-button .button {
	font-size:1.0em;
}

ul.button a {
	padding:3px 10px 3px 10px !important;
}

a.icon-button {
	margin:0 1px 0 0;
	padding:2px;
}

.tab-button .button:hover,
a.button:hover,
a.icon-button:hover,
ul.button a:hover {
	text-decoration: none;
}


/*	BLOG STYLES
_____________________________________________________________*/

.blog .lipad {
	margin-left: 15px;
}

.blog .lisubpad {
	margin-left: 30px;
}

.blog hr {
	border:0 !important;
	margin:20px 5px 20px 0px !important;
	height:0px !important;
}

/*	CONTEXTUAL MENU
_____________________________________________________________*/

#control_contextmenu {
	min-width:150px;
}

#control_contextmenu ul {
	list-style:none;
	padding:0;
	margin:0;
	cursor:pointer;
}

#control_contextmenu ul li {
	text-align:left;
	padding:5px 8px;
	margin:0;
	cursor:pointer;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

#control_contextmenu ul li.selected,
#control_contextmenu ul li:hover {
	cursor:pointer;
}

#control_contextmenu ul li.selected:hover {
	cursor:pointer;
}

#control_contextmenu ul li.disabled,
#control_contextmenu ul li:hover.disabled {
	cursor:pointer;
}

/*	THUMBNAIL PAGINATION
_____________________________________________________________*/

.subhead .thumb-opt {
	display:inline;
	float:left;
	position:relative;
}

.subhead .thumb-opt input.text {
	padding:5px;
	margin:0;
}

.subhead .thumb-opt a {
	font-weight:normal;
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:1.0em;
	padding:5px 10px;
	margin:0 0 0 0;
	cursor:pointer;
	text-decoration:none !important;
}

.subhead .thumb-opt a:hover {
}

.subhead .thumb-opt a.selected {
}

.subhead .thumb-opt .spacer {
	display: block;
	padding: 3px 7px;
	float: left;
	margin: 0 3px 0 0;
} 

.subhead .thumb-opt .disabled,
.subhead .thumb-opt a.current {
	text-decoration:none !important;
} 

.subhead .option-title {
	float:left;
	display:block;
	padding:4px 5px 4px 0;
	width:12em;
	text-align:left;
	font-weight:bold;
	position:relative;
}

.fwdback {
	float:right;
	padding:0 3px 0 0;
}

.breadcrumb {
	font-size:1.0em;
	padding:3px 3px 0 0;
}

/*	THUMBNAILS
_____________________________________________________________*/

.thumbnail {
	font-size:10pt;
	background-position:center center;
	padding:7px;
}

.thumbnail-container {
	position:relative;
	overflow:hidden;
}

.thumbnail-container .handle {
	height:15px;
	margin:0 0 0 22px;
	cursor:move;
}

.thumbnail-container .large .img,
.thumbnail-container .small .img,
.thumbnail-container .slideshow .img {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	position:relative;
}

.thumbnail-container .large .checkbox,
.thumbnail-container .small .checkbox {
	position:absolute;
	top:4px;
	left:4px;
}

.thumbnail-container .large,
.thumbnail-container .small,
.thumbnail-container .slideshow {
	position:relative;
	padding:5px;
	margin:10px 0px 0px 10px;
	float:left;
	overflow:none;
}

.thumbnail-container .large dl,
.thumbnail-container .small dl {
	float:left;
	margin:1em 0;
	padding:0;
}

.thumbnail-container .large dl dt,
.thumbnail-container .small dl dt {
	clear:left;
	margin:0;
	padding:1px 5px;
	white-space:nowrap;
	font-weight:bold;
	font-size:0.9em;
}
	
.thumbnail-container .large dl dd,
.thumbnail-container .small dl dd {
	margin:0 0 0.5em 0;
	padding:1px 5px;
	font-size:0.9em;
	white-space:nowrap;
	overflow:none;
}

.thumbnail-container .large div.actions,
.thumbnail-container .small div.actions {
	text-align:center;
	margin-bottom:5px;
}

/*	LARGE THUMBNAIL BOX DIMENSIONS
_____________________________________________________________*/

.thumbnail-container .large {
}

.thumbnail-container .large .img {
	height:190px;
	width:230px;
}

.thumbnail-container .large dl {
	width:230px;
}

.thumbnail-container .large dl dt {
	clear: left;
	width:60px;
}

.thumbnail-container .large dl dd {
	width:150px;
}

/*	SMALL THUMBNAIL BOX DIMENSIONS
_____________________________________________________________*/

.thumbnail-container .small {
}

.thumbnail-container .small .img {
	height:110px;
	width:210px;
}

.thumbnail-container .small dl {
	width:210px;
}

.thumbnail-container .small dl dt {
	clear: left;
	float: left;
	width:60px;
}

.thumbnail-container .small dl dd {
	float: left;
	width:100px;
}

/*	SLIDESHOW THUMBNAIL BOX DIMENSIONS
_____________________________________________________________*/

.thumbnail-container .slideshow {
}

.thumbnail-container .slideshow .img {
	height:85px;
	width:90px;
}

/*	IMAGE DETAIL VIEW
_____________________________________________________________*/

.image {
	padding:10px;
}

.qlicon .quicklinks,
.qlicon .quicklinks-active,
.qlicon .quicklinks .img,
.qlicon .quicklinks-active .img {
	width:56px;
	height:56px;
}

.qlsmall .quicklinks ,
.qlsmall .quicklinks-active,
.qlsmall .quicklinks .img,
.qlsmall .quicklinks-active .img {
	width:116px;
	height:116px;
}

.quicklinks,
.quicklinks-active {
	cursor:pointer;
	float:left;
	margin:3px;
	overflow:hidden;
}

.quicklinks-active {
}

.quicklinks-active .thumbnail {
}

.quicklinks .img,
.quicklinks-active .img {
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

.keywords {
	padding:2px;
	float:left;
	margin:2px 4px 2px 0px;
}

.download-list dt {
	margin: 15px 0 0 0;
	font-weight: normal;
}

.download-list dd {
	margin: 0 0 1px 0;
	padding: 2px 0 0 0;
}

.download-list dt a {
	float: left;
	display: block;
	margin-right:5px;
	padding: 0px;
}

/*	TEXTBOX LIST
_____________________________________________________________*/

ul.textboxlist {
	width:232px;
	height:80px;
	padding:4px;
	margin:5px 0 0 0;
	overflow-y:auto;
	
}

ul.textboxlist li {
	float:left;
	display: block;
	padding: 1px 15px 2px 2px;
	margin: 0 5px 3px 0;
	cursor: default;
	list-style:none;
	position: relative;
}

ul.textboxlist li a.bit-button {
	position: absolute;
	right: 4px;
	top: 5px;
	display: block;
	width: 7px;
	height: 7px;
	font-size: 1px;
}

ul.textboxlist li a.bit-button:hover {
	border:none; 
	background-position:7px;
	text-decoration:none;
}

/*	TAB VIEW BUTTON PANEL
_____________________________________________________________*/

div.tab-button .button {
	float:left;
	font-weight:bold;
	padding:8px 13px 7px 13px !important;
}

div.tab-button {
	padding:15px;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
}

div.tab-button .confirmation {
	float:left;
	padding:9px 0 0 15px;
	width:380px;
	display:inline;
}

/*	DEFINITION LIST
_____________________________________________________________*/

dl.table {
	clear: both;
	width: 280px;
	margin: 1em 0;
	padding: 0;
	font-size:1.05em;
}

dl.table dt {
	clear: left;
	float: left;
	width: 180px;
	margin: 0;
	padding: 5px 0px;
	font-weight: bold;
}

dl.table dd {
	float: left;
	width: 100px;
	margin: 0;
	padding: 5px 0px;
}