/*	MAIN DOM ELEMENTS
_____________________________________________________________*/

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

body, p {
	font-family: Gill Sans, Gill Sans MT, Gill Sans MS, Trebuchet MS, 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;
	width: 200px;
	overflow: visible;
	text-align: center;
}

a:hover {
	text-decoration:underline;
}

li {
	margin-top:5pt;
}

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;
}

.noborder { border:0; }
.red {  }
.center { text-align:left !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; width: 200px;}
.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:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-khtml-border-radius:0px;
	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:  Gill Sans, Gill Sans MT, Gill Sans MS, Trebuchet MS, Helvetica, Arial, Geneva, Sans-Serif;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	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:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.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 {
	width:990px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

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

#front-outerdiv {
	background-image: url(../images/ui/divbackground.png);
	background-repeat: repeat-y;
	position: relative;
	padding-right: 72px;
}

/*	HEADER AND NAVIGATION
_____________________________________________________________*/

#header {
	padding:0px;
	overflow:hidden;
	min-width:990px;
	position:relative;
	zoom:1;
	height: 329px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/ui/stockphotography-header.png);
}
	
#header #logo {
	font-family:Georgia, Times, Serif;
	font-weight:normal;
	font-size:3.5em;
	position:absolute;
	left: 38px;
	top: 55px;
	height: 105px;
	width: 234px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 10px;
	border-top-style: 0px;
	border-right-style: 0px;
	border-bottom-style: 0px;
	border-left-style: 0px;
}
	
#header #navigation {
	width: 900px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#header #sitetools {
	width:480px;
	float:right;
	position: relative;
	top: 245px;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 0;
	margin-left: 0;
}

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

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

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

#header #sitetools #usertools a.button,
#header #sitetools #search a.button {
	border:0;
	margin:0;
	vertical-align:top;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	font-weight:bold;
	font-family:Gill Sans, Gill Sans MT, Gill Sans MS, Trebuchet MS, Helvetica, Arial, Geneva, Sans-Serif;
	padding:5px 15px 5px 15px;
	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:absolute;
	margin:0;
	padding:0;
	list-style: none;
	top: 292px;
	left: 43px;
}
	
#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: 100%;
	text-decoration: none;
}
	
#header #nav li a:hover {
}
	
#header #nav li.active a {
	font-weight: normal;
}

#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:normal;
	text-decoration:none;
}

a.navigation-link:hover {
}

/*	FOOTER AND COPYRIGHT
_____________________________________________________________*/

#copyright {
	font-size:0.9em;
	width: 990px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../images/ui/footer.png);
	background-repeat: no-repeat;
	position: relative;
	height: 50px;
}

.textfooterparagraph {
	font-family: "Gill Sans", "Gill Sans MT", "Gill Sans Std", Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 100%;
}

#footertextcontainer {
	width: 990px;
	position: relative;
}

/*	FORMS AND LAYOUT BOXES
_____________________________________________________________*/

div.block {
	font-size:10pt;
	min-width:948px;
	position:relative;
	padding-right: 0px;
	padding-left: 40px;
}

div.block .border-bottom {
}

div.block hr {
	height:1px;
	background:0;
	border:0;
	display:block;
	width: 900px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

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

div.block div.head {
	font-size:1.1em;
	font-weight:bold;
	position:relative;
	width: 905px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 4px;
	top: -2px;
}

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;
	width: 905px;
	top: -2px;
}

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

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.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:210px;
	float: left;
	position: relative;
}
div.block div.col-4 	{
	width:285px
	
}
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:350px;
	text-align: left;
	position: relative;
	top: -15px;
}
div.block div.col-10 	{ width:772px; }
div.block div.col-11 	{ width:852px; }
div.block div.col-12	{ width:875px; }

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-12 { width:840px; }

/*	TABLE LIST VIEW
_____________________________________________________________*/

table.list {
	border-collapse:collapse;
	font-size:1.1em;
	width:890px;
	margin-top: 0;
	margin-right: 5;
	margin-bottom: 0px;
	position: relative;
	left: 50px;
}

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:120%;
	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 {
	clear:both;
	display:inline-block;
	width:890px;
	position: relative;
	margin-left: 50px;
	margin-right: 40px;
}

ul.tabs {
	list-style: none;
	background-repeat: no-repeat;
	display:block;
	width: 900px;
	margin-left: 45px;
	margin-right: 40px;
}

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;
	background-color: #000;
}

.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:5 px;
	padding:0;
}

.thumbnail-container .large dl dt,
.thumbnail-container .small dl dt {
	white-space:nowrap;
	font-weight:bold;
	font-size:.9em;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	
.thumbnail-container .large dl dd,
.thumbnail-container .small dl dd {
	margin:0 0 0.5em 0;
	padding:0px 0px;
	font-size:0.9em;
	white-space:nowrap;
	overflow:visible;
}

.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:202px;
}

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

.thumbnail-container .large dl dt {
	clear:both;
	width:200px;
}

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

/*	SMALL THUMBNAIL BOX DIMENSIONS
_____________________________________________________________*/

.thumbnail-container .small {
}

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

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

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

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

/*	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:150px;
	height:56px;
}

.qlsmall .quicklinks ,
.qlsmall .quicklinks-active,
.qlsmall .quicklinks .img,
.qlsmall .quicklinks-active .img {
	width:200px;
	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 {
	float:left;
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 2px;
}

.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: 200px;
	margin: 1em 0;
	padding: 0;
	font-size:1.05em;
}

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

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