html {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: #CDCED0 url(http://markbergsma.com/img/bg-gradient.gif) repeat-x scroll center top;
height: 100%;
overflow-x: none; /* for ie scroll */
}
body {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
-x-system-font: none;
background: transparent url(http://markbergsma.com/img/bg.gif) no-repeat scroll center top;
color: #4D4D4F;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 1000px;
line-height: normal;
margin: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
text-align: center;
overflow-x: none; /* for ie scroll */
}
p, form, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
h2 {
color: #4D4D4F;
font-size: 12px;
font-weight: normal;
padding-bottom: 3px;
}
h3 {
font-size: 15px;
font-weight: normal;
padding-bottom: 5px;
}
p {
line-height: 180%;
padding-bottom: 20px;
}
select, textarea, input {
-x-system-font: none;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
}
img {
border: 0 solid;
}
.timg {
padding: 4px;
padding-right: 4px;
border: 0px solid #ABAD90;
cursor: pointer;
}

a {
color: #4D4D4F;
text-decoration: none;
}
a.activepage {
font-weight: bold;
}
a:hover {
color: #9DA17C;
text-decoration: none;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: all;
display: block;
height: 1px;
}
.button {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: transparent url(http://markbergsma.com/img/button.gif) repeat scroll 0 0;
color: #959595;
display: block;
font-size: 12px;
height: 24px;
line-height: 24px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 126px;
}
.button:hover {
color: #4D4D4F;
}

.button:hover,.buttonwide:hover {
color: #4d4d4f;
}

.buttonwide {
background: url(../img/button2.gif);
background-repeat: no-repeat;
width: 159px;
height: 24px;
line-height: 24px;
font-size: 12px;
text-decoration: none;
color: #959595;
text-transform: uppercase;
text-align: center;
display: block;
}
#container {
margin: 0 auto;
text-align: left;
width: 960px;
}
#container2 {
margin: 0 auto;
text-align: left;
width: 1100px;
}
#content {
padding-bottom: 24px;
width: 960px;
}
#content2 {
padding-bottom: 24px;
width: 1100px;
}
#sidebar {
float: left;
padding: 116px 0 0 0;
width: 180px;
}
#sidebar h1 a {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: transparent url(../img/mark-bergsma-logo.gif) repeat-x scroll 0 0;
display: block;
height: 90px;
}
#sidebar h1 span {
font-size: 1px;
visibility: hidden;
}
#sidebar ul {
list-style-type: none;
margin: 0;
padding: 10px 0 0 20px;
}
#sidebar ul li a {
display: block;
padding-bottom: 10px;
text-decoration: none;
}
#sidebar ul li a:hover, #sidebar ul li a.active {
color: #9DA17C;
}
#page {
float: left;
padding-left: 10px;
padding-top: 14px;
width: 536px;
}
#pagenc {
float: left;
padding: 151px 50px 0;
width: 536px;
}
#page2 {
float: left;
overflow: visible;
padding-top: 0;
visibility: visible;
}
#page a, #page2 a {
color: #993300 !important;
}
#page a:hover, #page2 a:hover {
text-decoration: underline;
}
.contact .left {
padding-bottom: 24px;
padding-right: 24px;
}
.contact .right {
float: left;
line-height: 180%;
padding-bottom: 24px;
}
.contact .padding {
padding-left: 180px;
}
.contact .right span {
float: left;
width: 50px;
}
.contact .right a {
text-decoration: none;
}
.about2 .left {
padding-bottom: 24px;
padding-left: 34px;
}
.about2 .right {
float: right;
line-height: 180%;
overflow: visible;
padding-bottom: 24px;
visibility: visible;
width: 350px;
}
.about2 .padding {
padding-left: 180px;
}
.about2 .right span {
float: left;
width: 50px;
}
.about2 .right a {
text-decoration: none;
}
.about .left {
padding-bottom: 24px;
padding-right: 24px;
}
.about .right {
float: left;
line-height: 180%;
padding-bottom: 24px;
}
.about .padding {
padding-left: 180px;
}
.about .right span {
float: left;
width: 50px;
}
.about .right a {
text-decoration: none;
}
.purchase img.img {
display: block;
padding-bottom: 24px;
}
.purchase p {
width: 545px;
}
.collections {
}
.collections h3 {
padding-left: 12px;
}
.collections p {
padding-left: 12px;
padding-top: 5px;
}
#bigbox {
height: 500px;
}
#preview {
display: table-cell;
height: 600px;
width: 600px;
left: 20px;
padding: 20px;
position: relative;
text-align: center;
vertical-align: middle;
}
#big {
display: block;
margin: 0 auto;
text-align: center;
}
.gallery {
overflow: visible;
padding-left: 10px;
padding-right: 10px;
top: 450px;
visibility: visible;
width: 600px;
z-index: 200;
}
.gallery pre {
font-family: Verdana,Arial,Helvetica,sans-serif;
white-space: pre-wrap;
word-wrap: break-word;
}
.gallery .al {
cursor: pointer;
display: block;
left: 0;
position: absolute;
top: 30px;
}
.gallery .ar {
cursor: pointer;
display: block;
position: absolute;
right: 0;
top: 30px;
}
#gallery {
height: 88px;
overflow-x: scroll !important;
overflow-y: hidden !important;
white-space: nowrap;
width: 608px;
}
#gallery img.img {
cursor: pointer;
margin-right: 8px;
padding: 4px;
}
#gallery img.over {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: transparent none repeat scroll 0 0;
border: 1px solid #ABAD90;
padding: 3px;
}
#thumbs {
width: 140px;
margin: 0;
padding: 116px 0 0 0;
float: right;
font-size: 10px;
}
#thumbs p {
line-height: 1.1em;
}
#thumbnails {
width: 105px;
height: 365px;
padding-bottom: 10px;
}

#footer {
font-size: 11px;
text-align: center;
}
#footer small {
font-size: 11px;
padding-left: 75px;
}
#footer span {
color: #9DA17C;
}
#footer a {
color: #4D4D4F;
text-decoration: none;
}
#footer a:hover {
color: #9DA17C;
}
#footer2 {
font-size: 11px;
overflow: visible;
padding-top: 200px;
position: fixed;
text-align: left;
}
#footer2 small {
font-size: 11px;
padding-left: 95px;
}
#footer2 span {
color: #9DA17C;
}
#footer2 a {
color: #4D4D4F;
text-decoration: none;
}
#footer2 a:hover {
color: #9DA17C;
}

.preview-td {
height: 600px;
left: 20px;
padding: 20px;
position: relative;
text-align: center;
vertical-align: middle;
width: 600px;
}

/* SCOTT EDITS */

#sidebar ul {
font-size: 12px;
list-style-type: none;
}

.instruction {
color: #4D585C;
font-weight: bold;
font-size: 11px;
}

.collections p {
padding: 0;
}

.thumbtitle {
color: #666666;
font-size: 10px;
line-height: 12px;
width: 110px;
}

#sidebar ul li.sublist {
color: #666666;
font-size: 11px;
padding: 0 0 0 10px;
text-decoration: none;
line-height: 10px;
}

#sidebar ul li.sublist a.active {
color: #666666;
text-decoration: underline;
font-size: 11px;
}

#footer {
font-size: 11px;
text-align: center;
margin-bottom: 20px;
}

.thumbs-td {
padding-top: 110px;
padding-left: 15px;
width: 140px;
}

.timg {
border: 0 solid #ABAD90;
cursor: pointer;
padding: 2px;
}

.pager {
width: 95px;
text-align: center;
padding: 10px 0;
}

.paginate {
font-size: 9px;
color: #666666
}

.gallery {
overflow: visible;
padding-left: 10px;
padding-right: 10px;
top: 450px;
visibility: visible;
width: 600px;
z-index: 200;
}
.pagecopy {
overflow: visible;
padding-left: 20px;
padding-right: 20px;
top: 450px;
visibility: visible;
width: 580px;
z-index: 200;
}

#container2 {
margin: 0 auto;
text-align: left;
width: 960px;
}

#main-container {
margin: 0 auto;
text-align: left;
width: 960px;
}

#contact-container {
margin: 0 auto;
text-align: left;
width: 960px;
}

#page-right {
float: left;
padding-left: 50px;
padding-top: 153px;
width: 540px;
}

#contact-page-right {
float: right;
padding-left: 20px;
padding-top: 153px;
width: 740px;
}

.over {
background: transparent none repeat scroll 0 0;
border: 1px solid #ABAD90;
padding: 1px;
}

#content2 {
padding-bottom: 24px;
width: 960px;
}

.preview-td {
height: 600px;
left: 20px;
padding: 10px;
position: relative;
text-align: center;
vertical-align: middle;
width: 620px;
}

.te_dashboard .te_close_link {
background-image:url(http://gettopup.com/images/top_up/dashboard/sprite.png);
background-position:-20px 0;
height:26px;
right:-6px;
top:-1px;
visibility:hidden;
width:28px;
}

table #thickup {
	background: #ffffff;
	width:100%;
	height:100%;
}

table #thickup .sidebar {
width:190px;
vertical-align:top;
}

table #thickup .bottom {
	position:absolute;
	bottom:30px;
	left:20px;
	width:190px;
	text-align:left;
}

table #thickup #popupdescription span.title {
text-decoration: underline;
color: #666666;
font-size: 12px;
line-height:14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

table #thickup .sidebar p{
display: block;
width: 180px;
line-height: 140%;
padding-top: 5px;
color: #666666;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
}

table #thickup #popupdescription {
	text-align:left;
	padding: 10px;
	margin-bottom: 15px;
}

/*#thickup #popupclose {
	text-align:left;
	padding: 0px 20px 0px 10px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
}*/

table #thickup .sidebar p.tool{
	font-size:9px;
	line-height:11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 0px;
	font-style: normal;
}

table #thickup .sidebar img.logo{
	padding-right:10px;
	padding-top:10px;
}

table #thickup #close a {
	color: #FFFFFF;
	background-color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	width:34px;
	/*margin-left: 10px;*/
	padding:3px;
	text-align:center;
	/*float:left;*/
}

table #thickup .sidebar p.escape {
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	clear: none;
}

/*
#thickbox h1 {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: transparent url(../img/mark-bergsma-logo.gif) no-repeat scroll 0 0;
display: block;
height: 90px;
float: left;
}
#thickbox h1 span {
font-size: 1px;
visibility: hidden;
}
*/

.te_dashboard .te_close_link {
background-image:url(http://gettopup.com/images/top_up/dashboard/sprite.png);
background-position:-20px 0;
height:26px;
right:-6px;
top:-1px;
visibility:hidden;
width:28px;
}

.te_dashboard .te_corner, .te_dashboard .te_rib {
background-image:url(/images/mb-sprite.png);
}