* {margin: 0px; padding: 0px;}
html {margin: 0px; padding: 0px;}
body {
margin: 0px;
padding: 0px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.clear {clear: both; display: block; height: 0px; margin: 0px; padding: 0px; overflow: hidden;}
/* Text */
h1 {
font-family: Verdana, Tahoma, sans-serif;
font-size: 13px;
color: #2F459D;
padding: 0px;
margin: 5px 0px 5px 0px;
text-align: center; font-weight: normal;
}
p {
font-family: Verdana, Tahoma, sans-serif;
font-size: 11px;
color: #2F459D;
margin: 15px 0px 15px 0px;
padding: 0px;
line-height: 18px;
}
a, a:visited { font-family: Verdana, Arial; font-size: 11px; color: #2F459D; text-decoration: underline; text-align: left; }
a:hover { font-family: Verdana, Arial; font-size: 11px; color: #999; text-decoration: inderline; text-align: left; }
ul {margin: 0px; padding: 0px;}
ol { list-style-type: decimal; margin: 20px 0px 0px 10px;}
ol ol { list-style-type: lower-alpha; margin: 10px 0px 0px 10px;}
ol ol ol { list-style-type: lower-roman; margin: 10px 0px 0px 30px;}
#container {margin: 0 auto; width: 995px; text-align: center; background-color: #fff;}
#header {width: 995px; height: 125px;}
#header #logo {float: left; width: 541px}
#header #offer {
float: right; width: 454px; height: 125px; display: inline;
background: url(images/offer.gif) no-repeat center;
}
#header #flashoffer {
float: right; width: 454px; height: 46px; display: inline; margin-top: 45px;
}
#left {float: left; width: 235px;}
/* ================================================== */
/* Navigation Styles */
/* ================================================== */
#nav {
float: left; width: 235px;
font-family: Verdana, Arial; font-size: 11px; color: #2F459D; text-decoration: none;
text-align: left; margin: 0px; padding: 0px; list-style: none;
border-top: 1px solid #f2f2f2; border-bottom: 1px solid #EDEDED;
}
#nav ul, #nav li {margin: 0px; padding: 0px; list-style: none;}
#nav li a {display: block; text-decoration: none; color: #2F459D; outline: none;}
#nav li a:hover {background-color: #EDEDED;}
#nav li a:active {outline: none;}
/* Specific Nav Items */
#home a {padding: 10px 0px 10px 10px; display: block; _height: 15px;}
#home a:hover {background-color: #EDEDED;}
#home li a.selected {background-color: #EDEDED;}
#onlineproofing {border-top: 1px solid #EDEDED;}
#onlineproofing a {background: url(images/navigation/arrow-std.gif) #fff no-repeat right center; padding: 10px 0px 10px 10px; display: block; _height: 15px;}
#onlineproofing a:hover {background: url(images/navigation/arrow-selected.gif) #EDEDED no-repeat right center;}
#onlineproofing li a.selected {background: url(images/navigation/arrow-selected.gif) #EDEDED no-repeat right center;}
#onlineproofing-sub {background-color: #fafafa;}
#onlineproofing-sub a {padding: 5px 0px 5px 25px;}
#onlineproofing-sub a:hover {background-color: #EDEDED;}
#onlineproofing-sub li a {display: block; width: 210px;}
#onlineproofing-sub li a.selected {background-color: #EDEDED;}
#websiteservices {border-top: 1px solid #EDEDED;}
#websiteservices a {background: url(images/navigation/arrow-std.gif) #fff no-repeat right center; padding: 10px 0px 10px 10px; display: block; _height: 15px;}
#websiteservices a:hover {background: url(images/navigation/arrow-selected.gif) #EDEDED no-repeat right center;}
#websiteservices li a.selected {background: url(images/navigation/arrow-selected.gif) #EDEDED no-repeat right center;}
#websiteservices-sub {background-color: #fafafa;}
#websiteservices-sub a {padding: 5px 0px 5px 25px;}
#websiteservices-sub a:hover {background-color: #EDEDED;}
#websiteservices-sub li a {display: block; width: 210px;}
#websiteservices-sub li a.selected {background-color: #EDEDED;}
#faqs {border-top: 1px solid #EDEDED;}
#faqs a {background: url(images/navigation/arrow-std.gif) #fff no-repeat right center; padding: 10px 0px 10px 10px; display: block; _height: 15px;}
#faqs a:hover {background: url(images/navigation/arrow-selected.gif) #EDEDED no-repeat right center;}
#faqs li a.selected {background: url(images/navigation/arrow-selected.gif) #EDEDED no-repeat right center;}
#faqs-sub {background-color: #fafafa;}
#faqs-sub a {padding: 5px 0px 5px 25px;}
#faqs-sub a:hover {background-color: #EDEDED;}
#faqs-sub li a {display: block; width: 210px;}
#faqs-sub li a.selected {background-color: #EDEDED;}
#ourphotographers {border-top: 1px solid #EDEDED;}
#ourphotographers a {padding: 10px 0px 10px 10px; display: block; _height: 15px;}
#ourphotographers a:hover {background-color: #EDEDED;}
#ourphotographers li a.selected {background-color: #EDEDED;}
#company {border-top: 1px solid #EDEDED;}
#company a {background: url(images/navigation/arrow-std.gif) #fff no-repeat right center; padding: 10px 0px 10px 10px; display: block; _height: 15px;}
#company a:hover {background: url(images/navigation/arrow-selected.gif) #EDEDED no-repeat right center;}
#company li a.selected {background: url(images/navigation/arrow-selected.gif) #EDEDED no-repeat right center;}
#company-sub {background-color: #fafafa;}
#company-sub a {padding: 5px 0px 5px 25px;}
#company-sub a:hover {background-color: #EDEDED;}
#company-sub li a {display: block; width: 210px;}
#company-sub li a.selected {background-color: #EDEDED;}
#contact {border-top: 1px solid #EDEDED;}
#contact a {background: url(images/navigation/arrow-std.gif) #fff no-repeat right center; padding: 10px 0px 10px 10px; display: block; _height: 15px;}
#contact a:hover {background: url(images/navigation/arrow-selected.gif) #EDEDED no-repeat right center;}
#contact li a.selected {background: url(images/navigation/arrow-selected.gif) #EDEDED no-repeat right center;}
#contact-sub {background-color: #fafafa;}
#contact-sub a {padding: 5px 0px 5px 25px;}
#contact-sub a:hover {background-color: #EDEDED;}
#contact-sub li a {display: block; width: 210px;}
#contact-sub li a.selected {background-color: #EDEDED;}
#clientlogin a {padding: 10px 0px 10px 10px; display: block; _height: 15px;}
#clientlogin a:hover {background-color: #EDEDED;}
#clientlogin li a.selected {background-color: #EDEDED;}
/* ================================================== */
/* End of Navigation Styles */
/* ================================================== */
#right {float: left; width: 760px; background-color: #EDEDED; text-align: left;}
#photoimages {width: 760px; height: 170px; background-color: #fff;}
#flashcontent {width: 760px;}
#flashcontent p {font-family: Verdana, Arial; font-size: 10px; color: #2F459D; text-decoration: none;}
#flashcontent p a {font-family: Verdana, Arial; font-size: 10px; color: #999; text-decoration: underline;}
#right #textcontainer {width: 720px; margin: 20px 0px 20px 20px;}
#right #textcontainer p {font-family: Verdana, Arial; font-size: 11px; color: #2F459D; text-decoration: none; text-align: left;}
#right #textcontainer p a {font-family: Verdana, Arial; font-size: 11px; color: #999; text-decoration: underline; text-align: left;}
#right #textcontainer p a:hover {font-family: Verdana, Arial; font-size: 11px; color: #999; text-decoration: underline; text-align: left;}
#right #textcontainer li {margin: 0px 0px 10px 35px;}
#right #textcontainer ul li a { font-family: Verdana, Arial; font-size: 11px; color: #2F459D; text-decoration: none; text-align: left;}
#right #textcontainer ul li a:hover { font-family: Verdana, Arial; font-size: 11px; color: #999; text-decoration: underline; text-align: left;}
#right #textcontainer ul ul {margin: 10px 0px 0px 0px;}
#right #textcontainer ul ul li a { font-family: Verdana, Arial; font-size: 11px; color: #2F459D; text-decoration: none; text-align: left;}
#right #textcontainer #offerbox {margin: 0px 0px 20px 0px;}
#right #textcontainer .proofingboxleft {
float: left; width: 308px; display: inline; min-height: 350px; height: auto !important; height: 350px;
border: 1px solid #ddd; padding: 20px; margin: 0px 20px 20px 0px;
background-color: #FFFFFF;
position: relative;
}
#right #textcontainer .webservicesboxright {
float: left; width: 308px; display: inline; min-height: 350px; height: auto !important; height: 350px;
border: 1px solid #ddd; padding: 20px; margin: 0px 0px 20px 0px;
background-color: #FFFFFF;
position: relative;
}
#right #textcontainer .tariffboxleft {
float: left; width: 308px; display: inline;
border: 1px solid #ddd; padding: 20px; margin: 0px 20px 20px 0px;
background-color: #FFFFFF;
position: relative;
}
#right #textcontainer .tariffboxleft li {margin: 0px 0px 2px 15px;}
#right #textcontainer #textleft {float: left; width: 360px;}
#right #textcontainer #textright {float: left; width: 335px; margin: 0px 0px 0px 5px;}
#right #textcontainer .quotebox {
float: left; width: 293px; display: inline;
border: 1px solid #ddd; padding: 20px; margin: 0px 20px 20px 0px;
background-color: #FFFFFF;
position: relative;
background: url(images/company/bg-quote.gif) right bottom no-repeat #fff;
}
#right #textcontainer .widebox {
float: left; width: 678px; display: inline;
border: 1px solid #ddd; padding: 20px; margin: 0px 20px 20px 0px;
background-color: #FFFFFF;
position: relative;
}
#right #textcontainer .widebox p {font-family: Verdana, Arial; font-size: 11px; color: #2F459D; text-decoration: none; text-align: left;}
#right #textcontainer .widebox p a {font-family: Verdana, Arial; font-size: 11px; color: #999; text-decoration: underline; text-align: left;}
#right #textcontainer .widebox p a:hover {font-family: Verdana, Arial; font-size: 11px; color: #999; text-decoration: underline; text-align: left;}
#right #textcontainer .widebox p a.selected {font-family: Verdana, Arial; font-size: 11px; color: #999; text-decoration: underline; text-align: left;}
#getstarted, #uploadingimages, #paymentsorders, #chargestariffs, #basic_package, #payperupload_package, #flexi_package, #fixed_package { float: left; }
#right #textcontainer .basicbox {
float: left; width: 220px; height: 135px; display: inline;
border: 1px solid #ddd; padding: 5px; margin: 0px 4px 7px 3px;
background-color: #FFFFFF;
}
#right #textcontainer .widebox .homebox {
float: left;
border: 1px solid #ddd; padding: 5px; margin: 0px 5px 7px 5px;
background-color: #FFFFFF;
}
#right #textcontainer .widebox .packrow {
text-align: left; padding: 5px 0xp 5px 0px; clear: both;
border-top: 1px solid #eee;
}
#right #textcontainer .widebox .packrow .col2 p,
#right #textcontainer .widebox .packrow .col3 p,
#right #textcontainer .widebox .packrow .col4 p,
#right #textcontainer .widebox .packrow .col5 p {
font-family: Verdana, Arial; font-size: 10px; color: #2F459D;
text-align: center;
}
#right #textcontainer .widebox .packrow .no {background: url(images/onlineproofing/compare-no.gif) no-repeat center 15px;}
#right #textcontainer .widebox .packrow .yes {background: url(images/onlineproofing/compare-yes.gif) no-repeat center 15px;}
#right #textcontainer .widebox .packrow .col1 {float: left; text-align: left; width: 197px; padding: 0px 5px 0px 5px;}
#right #textcontainer .widebox .packrow .col2 {float: left; text-align: left; width: 106px; padding: 0px 5px 0px 5px;}
#right #textcontainer .widebox .packrow .col3 {float: left; text-align: left; width: 106px; padding: 0px 5px 0px 5px;}
#right #textcontainer .widebox .packrow .col4 {float: left; text-align: left; width: 106px; padding: 0px 5px 0px 5px;}
#right #textcontainer .widebox .packrow .col5 {float: left; text-align: left; width: 106px; padding: 0px 5px 0px 5px;}
#right #textcontainer .tariffboxright {
float: left; width: 308px; display: inline;
border: 1px solid #ddd; padding: 20px; margin: 0px 0px 20px 0px;
background-color: #FFFFFF;
position: relative;
}
#right #textcontainer .tariffboxright li {margin: 0px 0px 2px 15px;}
#textcontainer .moreinfo {
position: absolute;
bottom: 0px; right: 0px; height: 26px; width: 88px;
}
#textcontainer .packagefooter { margin-top: 10px; }
#textcontainer .packagefooter .examples { float: left; height: 26px; }
#textcontainer .packagefooter .signup { float: right; height: 26px; }
#right #textcontainer .contactboxleft {
float: left; width: 308px; height: 350px; display: inline;
border: 1px solid #ddd; padding: 20px; margin: 0px 20px 20px 0px;
background-color: #FFFFFF;
position: relative;
}
#right #textcontainer .contactboxright {
float: left; width: 308px; height: 350px; display: inline;
border: 1px solid #ddd; padding: 20px; margin: 0px 0px 20px 0px;
background-color: #FFFFFF;
position: relative;
}
#photographercol_left { float: left; width: 310px; }
#photographercol_right { float: right; width: 310px; margin-right: 40px; }
.photographerbox { float: left; width: 305px; border: 1px solid #ddd; padding: 20px; background-color: #FFFFFF; position: relative; margin: 0px 0px 20px 0px; }
.photographerbox_Image { height: 30px; margin-left: -5px; }
.pricingheading { font-size: 12px; padding-bottom: 10px; }
.pricing_subheading { font-size: 12px; padding-bottom: 5px; }
.pricing_text{ padding: 0px 0px 10px 0px; }
#footer {margin: 0px auto; width: 995px; background-color: #FFF; border-top: 5px solid #f2f2f2;}
#footer #footleft {float: left; width: 450px; text-align: left; padding: 0px 0px 0px 20px;}
#footer #footleft p {font-family: Verdana, Tahoma, sans-serif; font-size: 10px; color: #2F459D;}
#footer #footleft p a {font-family: Verdana, Tahoma, sans-serif; font-size: 10px; color: #2F459D; text-decoration: none;}
#footer #footleft p a:hover {font-family: Verdana, Tahoma, sans-serif; font-size: 10px; color: #999; text-decoration: underline;}
#footer #footright {float: right; width: 450px; text-align: right; padding: 0px 20px 0px 0px;}
#footer #footright p {font-family: Verdana, Tahoma, sans-serif; font-size: 10px; color: #2F459D;}
#footer #footright p a {font-family: Verdana, Tahoma, sans-serif; font-size: 10px; color: #2F459D; text-decoration: none;}
#footer #footright p a:hover {font-family: Verdana, Tahoma, sans-serif; font-size: 10px; color: #999; text-decoration: underline;}
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
input:focus, textarea:focus { background-color: #FBEC7B; border: 1px solid #2F459D; }
.appform-labels { float: left; width: 100px; padding: 5px; margin: 0px 10px 5px 0px; line-height: 17px; }
.appform-gentext { width: 300px; padding: 5px; margin: 0px 20px 5px 10px; border: 1px solid #DDDDDD; color: #2F459D; }
.appform-reallylonglabels { width: 450px; height: 20px; color: #2F459D; text-align: left; margin: 0px 10px 10px 0px; padding-left: 3px; }
.appform-checkboxes { margin-right: 10px; vertical-align: middle; }
.appform-mediumarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2F459D; width: 490px; height: 150px; border: 1px solid #DDDDDD; margin-bottom: 10px; padding: 3px; overflow: auto; }
.appform-smallarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2F459D; width: 490px; height: 75px; border: 1px solid #DDDDDD; margin-bottom: 10px; padding: 3px; overflow: auto; }
.appform-radbuttons { vertical-align: middle; margin-right: 10px; }
.appform-squarebox { color: #2F459D; width: 15px; height: 15px; border: 1px solid #DDDDDD; margin-bottom: 10px; padding: 3px; text-align: center; }
.appform-paymentboxes { line-height: 30px; }
.photolinks, .photolinks:visited { font-family: Verdana,Arial; font-size: 11px; color: #2f459d; text-decoration: none; text-align: left; }
.photolinks:hover { font-family: Verdana,Arial; font-size: 11px; color: #999999; text-decoration: underline; text-align: left; }
/* Find your images */
.fym_container { padding: 10px; background-color: #F2F2F2; border: 1px solid #DDDDDD; margin: 10px 0px 0px 0px; }
.fym_image { float:left; min-width: 125px; }
.fym_image img { border: 1px solid #DDDDDD; }
.fym_uploadinfo { float: left; margin: 0px 10px 0px 15px; }
.fym_others { width:530px; margin: 0px 5px 0px 5px; text-decoration: none;}
.fym_clear { clear:both; }