body, html {padding: 2px;background-color: #e1e2e2; font: 13px Arial, Helvetica, sans-serif; background: #e1e2e2;}
h1{font-size: 20px;color: #000;}
h2{font-size: 13px;color: #ccc; padding-top: 2px;}
h3{font-size: 16px;color: #000; text-align: left;}
h4 {text-transform:uppercase; font-size: 15px; margin-top: 0; line-height: 22px;}
h4 a:link {color: #ccc;}

h5 {font-size: 12px; margin-top: 0;}
h5 a:link {color: #ccc;}
h5 a:visited {color: #000;}


p{padding-bottom:3px;  line-height: 18px; text-align: left;}
strong {color: #336699; font-weight: bold;}
input {border: #ffff 1px solid;}
hr {width: 80%; color: #fff; border: 1px dashed #ccc;}
.hr {width: 98%; color: #ccc; margin: 1px;}
.hr2 {width: 98%; color: #fff; margin: 1px;}
.privacy ul {line-height: 24px; padding: 0px 60px;}
em {text-align:left; color: #666; font-size: 16px;}
#header {width: 100%; background: #fff; height: 116px;}
#logo {width: 279px; float: left; margin-left: 10px; margin-top: 7px;}
#welcome {width: 330px; float: left; margin-top: 15px; font-weight: bold; font-style:italic; font-size: 16px; }
#mailbox {width: 146px; float: right; margin-right: 10px;}
#bar {background:#fff url(images/headerbar.gif) repeat-x; height: 13px;}
.numbered {text-align: left; text-size: 14px; line-height: 24px; margin-left: 5px;}
.margin {margin: 10px; margin-top: 0px;}
#topmenu ul {padding: 4px 0px; margin: 0; background: #000;color: #fff;float: left;width: 100%;}
#topmenu ul li {display: inline;}
#topmenu ul li a {padding: 0px 20px 0px 20px; background: #000; color: #fff;text-decoration: none; border-right: 1px solid #4b4b4a; text-transform: uppercase; border-left: 1px solid #4b4b4a; font-size: 12px;}
#topmenu ul li a:hover {text-decoration: underline; color: #cccccc;}
#topmenu ul li a:visted {text-decoration: underline; color: #d0e0aa;}

.clear {clear:both;} 

#middle {width: 800px; background: #fff;}
#getstarted {width: 530px; border-right: #336699 1px dotted; padding: 20px; float: left; background: #fff;}
#getstarted2 {width: 530px; border-left: #336699 1px dotted; padding: 20px; float: left; background: transparent;}
#loginarea {width: 211px;float: left; background: #fff url(images/loginbackground.gif) top center no-repeat; padding: 5px; margin-top: 10px;}
#loginarea2 {width: 211px;float: left; background: #fff; padding-left: 15px; margin-top: 10px;}
#loginboxes input {background: #fff; border: #ccc 1px solid; color: #999; width: 90%;}
#middledefault {width: 760px; background: #fff; padding: 20px;}
#prerelease {width: 95%; background: #336699; padding: 4px; color: #fff; z-index: 10000;border: #000 medium solid;}
#messagebar {color: #fff; background: #000; height: 37px; width: 100%;}

#onetwo {width: 100%; background:#000000; z-index: 10;}
.step1 {FLOAT: left; WIDTH: 199px; BACKGROUND: #3399cc url(images/box1.gif) no-repeat bottom left;}
.step2 {FLOAT: left; WIDTH: 198px; MARGIN-LEFT: 2px; BACKGROUND: #9fca51 url(images/box2.gif) no-repeat bottom left;}
.step3 {FLOAT: left; WIDTH: 198px; MARGIN-LEFT: 2px; BACKGROUND: #cbb777 url(images/box3.gif) no-repeat bottom left;}
.step4 {FLOAT: left; WIDTH: 199px; MARGIN-LEFT: 2px; BACKGROUND: #d1822b url(images/box4.gif) no-repeat bottom left;}
.steptext {PADDING: 0px 10px; COLOR: #000000; TEXT-ALIGN: left; margin-left: 60px; margin-top: -5px;} 
#onetwo h1 {PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; COLOR: #ffffff; FONT-SIZE: 16px; FONT-WEIGHT: bolder;}
#onetwo a:link {MARGIN-LEFT: 10px; FONT-WEIGHT: bold; COLOR: #d30b0b;}
#onetwo a:hover {TEXT-DECORATION: underline; COLOR: #ffffff; FONT-WEIGHT: bold;}
#onetwo a:visited {MARGIN-LEFT: 10px; color: #000000; font-weight:bold;}

#thinbar {width: 100%; height: 4px; margin-top: -4px; background: #000; z-index:100; color: #000;}

#left2 {width: 200px; background:#fff; z-index: 10; border: #fff 5px solid; float: left; position: relative; margin-top: 10px; margin-left: 4px;}
.v1 {FLOAT: left; WIDTH: 200px; BACKGROUND: #ececec url(images/grey1.gif) no-repeat bottom left;}
.v2 {FLOAT: left; WIDTH: 200px; BACKGROUND: #9fca51 url(images/box2.gif) no-repeat bottom left;}
.v3 {FLOAT: left; WIDTH: 200px; BACKGROUND: #ececec url(images/grey3.gif) no-repeat bottom left;}
.v4 {FLOAT: left; WIDTH: 200px; 2px; BACKGROUND: #ececec url(images/grey4.gif) no-repeat bottom left;}
.vtext {PADDING: 0px 10px; COLOR: #000000; TEXT-ALIGN: right; margin-left: 10px;} 
.vtext2 {PADDING: 0px 10px; COLOR: #ccc; TEXT-ALIGN: right; margin-left: 10px;}
#left2 h1 {PADDING-TOP: 5px; COLOR: #ffffff; FONT-SIZE: 16px; FONT-WEIGHT: bolder; text-align: right; padding-right: 10px;}
#left2 a:link {MARGIN-LEFT: 10px; FONT-WEIGHT: bold; COLOR: #d30b0b;}
#left2 a:hover {TEXT-DECORATION: underline; COLOR: #ffffff; FONT-WEIGHT: bold;}
#left2 a:visited {MARGIN-LEFT: 10px; color: #000000; font-weight:bold;}

#left3 {width: 200px; background:#fff; z-index: 10; border: #fff 5px solid; float: left; position: relative; margin-top: 10px; margin-left: 4px;}
.x1 {FLOAT: left; WIDTH: 200px; BACKGROUND:  #ececec url(images/grey1.gif) no-repeat bottom left;}
.x2 {FLOAT: left; WIDTH: 200px; BACKGROUND:  #ececec url(images/grey2.gif) no-repeat bottom left;}
.x3 {FLOAT: left; WIDTH: 200px; BACKGROUND: #cbb777 url(images/box3.gif) no-repeat bottom left;}
.x4 {FLOAT: left; WIDTH: 200px; BACKGROUND:  #ececec url(images/grey4.gif) no-repeat bottom left;}
.xtext {PADDING: 0px 10px; COLOR: #000000; TEXT-ALIGN: right; margin-left: 10px;} 
.xtext2 {PADDING: 0px 10px; COLOR: #ccc; TEXT-ALIGN: right; margin-left: 10px;}
#left3 h1 {PADDING-TOP: 5px; COLOR: #ffffff; FONT-SIZE: 16px; FONT-WEIGHT: bolder; text-align: right; padding-right: 10px;}
#left3 a:link {MARGIN-LEFT: 10px; FONT-WEIGHT: bold; COLOR: #d30b0b;}
#left3 a:hover {TEXT-DECORATION: underline; COLOR: #ffffff; FONT-WEIGHT: bold;}
#left3 a:visited {MARGIN-LEFT: 10px; color: #000000; font-weight:bold;}

#left4 {width: 200px; background:#fff; z-index: 10; border: #fff 5px solid; float: left; position: relative; margin-top: 10px; margin-left: 4px;}
.y1 {FLOAT: left; WIDTH: 200px; BACKGROUND:  #ececec url(images/grey1.gif) no-repeat bottom left;}
.y2 {FLOAT: left; WIDTH: 200px; BACKGROUND:  #ececec url(images/grey2.gif) no-repeat bottom left;}
.y3 {FLOAT: left; WIDTH: 200px; BACKGROUND: #ececec url(images/grey3.gif) no-repeat bottom left;}
.y4 {FLOAT: left; WIDTH: 200px; BACKGROUND:  #d1822b url(images/box4.gif) no-repeat bottom left;}
.ytext {PADDING: 0px 10px; COLOR: #000000; TEXT-ALIGN: right; margin-left: 10px;} 
.ytext2 {PADDING: 0px 10px; COLOR: #ccc; TEXT-ALIGN: right; margin-left: 10px;}
#left4 h1 {PADDING-TOP: 5px; COLOR: #ffffff; FONT-SIZE: 16px; FONT-WEIGHT: bolder; text-align: right; padding-right: 10px;}
#left4 a:link {MARGIN-LEFT: 10px; FONT-WEIGHT: bold; COLOR: #d30b0b;}
#left4 a:hover {TEXT-DECORATION: underline; COLOR: #ffffff; FONT-WEIGHT: bold;}
#left4 a:visited {MARGIN-LEFT: 10px; color: #000000; font-weight:bold;}

#fmailbox {background: transparent url(images/mailboxback.gif) no-repeat bottom right;}
#function {width: 555px; float: right; position: relative; margin-bottom: 4px; padding: 10px 10px 0 10px; text-align: left; background: #cccccc url(images/functioncorner.gif) top left no-repeat; color: #000000; margin-top: 10px; margin-right: 6px;}

.postcardthumbs {width: 150px; border: #999 1px dotted; padding: 15px; float: left; background: transparent;}
.postcardthumbs img {border: #000 1px solid;}

#footer {width: 98%; text-align: right; color: #666; font-size: 9px; margin-top: 5px; padding: 5px;}

div#wrapper {margin: 0;background: #fff; width: 800px;}
div#wrapper2 {margin: 0;background: #fff; width: 90%;}
div#wrapper3 {margin: 0;background: #fff; width: 90%;}
b.wrappertop, b.wrapperbottom{display:block;background: #e1e2e2;}
b.wrappertop2, b.wrapperbottom2{display:block;background: #cccccc;}
b.wrappertop b, b.wrapperbottom b{display:block;height: 1px;overflow: hidden; background: #fff}
b.wrappertop2 b, b.wrapperbottom2 b{display:block;height: 1px;overflow: hidden; background: #fff}
b.wrapper1{margin: 0 5px;}
b.wrapper2{margin: 0 3px;}
b.wrapper3{margin: 0 2px;}
b.wrappertop b.wrapper4, b.wrapperbottom b.wrapper4{margin: 0 1px;height: 2px;}
b.wrappertop2 b.wrapper4, b.wrapperbottom2 b.wrapper4{margin: 0 1px;height: 2px;}

.logtext {font-size: 13px; margin-left: 10px;}
.noborder {border:none; background: #fff url(images/loginbottom.gif) bottom center no-repeat;}
.thumbbox {float: left; margin-right: auto; margin-left; auto; width: 48%;}
.thumbbox h3{font-size: 14px;color: #000; text-align: center;}
.center {text-align:center;}
.moveleft {padding: 10px -20px 10px 10px; border: 0px; margin-right: -20px;}
.moveright {padding: 10px 10px 10px -20px; border: 0px; margin-left: -20px;}
.small {font-size: 9px; color: #666; line-height: 11px; width: 90%; margin-left: 10px; margin-top: -5px;}
.width {width: 90%; margin-left: 4px; margin-right: 4px;}

.highslide {
	cursor: url(images/postcards/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid gray;
}
.highslide:hover img {
	border: 1px solid white;
}

.highslide-image {
    border: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(images/postcards/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.blue {color: #3399cc; width:100%; font: 18px Arial, Helvetica, sans-serif; font-weight: bold; border: 0;}
.green {color: #99cc66;	width: 100%; font: 18px Arial, Helvetica, sans-serif; font-weight: bold; border: 0;}
.orange {color: #cc9933; width: 100%; font: 18px Arial, Helvetica, sans-serif; font-weight: bold;border: 0;}
.tan {color: #cccc66; width: 100%; font: 18px Arial, Helvetica, sans-serif; font-weight: bold; border: 0;}
.black {color: #000000; width: 100%; font: 18px Arial, Helvetica, sans-serif; font-weight: bold; border: 0;}
.blackn {color: #000; width: 100%; font: 16px Arial, Helvetica, sans-serif; font-weight:300; border: 0;}
#getstarted2 hr {border: 1px solid #ccc;}