html { height: 101%; }
body { background-color: #fff; margin: 0px; padding:0; font: 12px Arial,Helvetica,sans-serif; color: #69696b; line-height: 18px; }
img { border:none; }
fieldset { border:none; padding:5px; }
h1 { font-family: Georgia; font-size: 28px; font-weight: normal; font-style: italic; }
h1.green { color: #95c00e; }
h1 span { color: #95c00e; }
h2 { color: #95c00e; font-family: Georgia; font-size: 18px; font-weight: normal; font-style: italic; }
h3 { padding: 0px; margin-bottom: 0px; clear: left; font-family: Georgia; font-size: 12px; font-weight: normal; font-style: italic; }
a { color: #98bf0e; }
a:hover { text-decoration: none; }
p.center { text-align: center; padding: 0px; }
input { font-size: 14px; width: 268px; padding: 8px; border: 1px solid #cfcfcf; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
label { float: left; width: 100%; }
input.form_submit { float: right; width: 100px; margin-right: 20px; }
textarea { font-size: 14px; height: 250px; width: 280px; padding: 8px; border: 1px solid #cfcfcf; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
input:hover, textarea:hover { border-color: #98bf0e; }
input:focus, textarea:focus { border-color: #98bf0e; }
.green { color: #99cc00; }
.clear { clear: both; }
.simpleBox { border: 1px solid grey; padding: 15px; }
.rounded { -webkit-border-radius: 10px; -moz-border-radius: 10px; }
/** jQuery tools */
.tooltip { display:none; background:transparent url(../images/general/tooltip/green_arrow.png); font-size:12px; height:62px; width:107px; padding: 10px 11px 24px 10px; color:#454444; text-align: center; }
.but_letsmosaickr { margin: 20px 0px 0px 200px; border: none; background-image: url('../images/general/but_letsmosaickr.jpg'); width: 136px; height: 43px; -webkit-border-radius: 0px; -moz-border-radius: 0px; cursor: pointer; }
#page { width: 960px; margin-left: auto; margin-right: auto; padding-bottom: 20px; }
div.col220 { width: 220px; float: left; }
div.col260 { width: 260px; float: left; }
div.col320 { width: 320px; float: left; }
div.col320 p { padding-right: 16px; padding-left: 16px; }
div.col640 { width: 640px; float: left; }
div.col640 p { padding-right: 16px; }
div.col480 { width: 480px; float: left; }
div.col480 p { padding-right: 16px; }
#page div.hSpacer { clear: left; width: 100%; padding-top: 20px; }
#header { height: 122px; text-align: left; }
#header img { float: left; padding-top: 43px; padding-bottom: 17px; }
div.hrLine { clear: both; font-size: 1px; width: 100%; height: 1px; background-image: url('../images/general/hr_line.gif'); }
#links { position: relative; top: 76px; text-align: right; width: 350px; float: right; color: #95c00e; text-transform: uppercase; font-weight: bold; }
#links a { text-decoration: none; color:#808080; font-weight: normal; }
#links a:hover { color: #58585a; }
#langNavi { position: relative; top: 16px; text-align: right; }
#langNavi a { font-size: 12px; text-decoration: none; color:#808080; text-transform: uppercase;}
#langNavi a:hover { color: #58585a; }
#subnav { padding: 8px 0px; font-size: 20px; font-family: Georgia; color:#98bf0e; font-style: italic; }
#subnav span { color: #69696b; }
#subnav a { margin: 0 3px 0 3px; text-decoration: none; color:#69696b; font-style: normal; }
#subnav a:hover{ color:#98bf0e; }
#subnavItems { padding: 17px 0px; width: 500px; float: left; }
#footer { margin-top: 15px; }
#footer p { text-align: left; font-size: 11px; color:#bbbbbb; line-height: 18px; }
#footer a { color: #bbbbbb; }
#footer span.lbl { padding-right: 10px; float: left; font-style: italic; font-size: 11px; }
/******************** start page stuff ************************************/
.teaserImg { padding: 10px 34px 16px 16px; float: left; }
.stepImg { padding-top: 0px; }
a.tryNowImg { float: right; display: block; width: 300px; height: 300px; }
/** startpage main navigation */
#mainNavi { float: left; padding: 0px; margin: 0px; width: 660px; margin-left: 216px; }
#mainNavi li { list-style: none; margin: 0px; margin-right: 35px; padding: 0px; float: left; }
#mainNavi li a span { display: none; }
/** small main navigation */
#mainNaviSmall { float: right; padding: 0px 0px 8px; margin: 0px; width: 256px; }
#mainNaviSmall li { list-style: none; margin: 0px; padding: 0px; float: left; }
#mainNaviSmall li a span { display: none; }
#mainNaviSmall li a { background: url('/images/general/small_navi.png') no-repeat top left; display: block; cursor: pointer; }
#mainNaviSmall li a.but_business {background-position: 0 -206px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_business.active { background-position: 0 0; width: 58px; height: 53px; }
#mainNaviSmall li a.but_business:hover { background-position: 0 -103px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_business.active:hover { background-position: 0 0; width: 58px; height: 53px; }
#mainNaviSmall li a.but_demo { background-position: 0 -515px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_demo.active { background-position: 0 -309px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_demo:hover { background-position: 0 -412px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_demo.active:hover { background-position: 0 -309px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_gallery { background-position: 0 -824px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_gallery.active { background-position: 0 -618px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_gallery:hover { background-position: 0 -721px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_gallery.active:hover { background-position: 0 -618px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_overview { background-position: 0 -1133px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_overview.active { background-position: 0 -927px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_overview:hover { background-position: 0 -1030px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_overview.active:hover { background-position: 0 -927px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_private { background-position: 0 -1442px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_private.active { background-position: 0 -1236px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_private:hover { background-position: 0 -1339px; width: 58px; height: 53px; }
#mainNaviSmall li a.but_private.active:hover { background-position: 0 -1236px; width: 58px; height: 53px; }
/** footer navigation */
#footer ul { padding: 0px; margin: 0px; padding-bottom: 20px; }
#footer li { list-style: none; margin: 0px; margin-right: 2px; padding: 0px; float: left; }
#footer li span { float: left; margin-left: 4px; margin-right: 3px; }
#footer li a { display: block; float: left; color: #95c00e; font-size: 11px; }
#footer div.col480 { margin-bottom: 15px; }
/************* small tabs on master/tile selection **************************/
.minitab { width: 95px; height: 20px; padding: 5px 3px 3px 8px; background: url(/images/general/bg_minitab_off.gif) no-repeat; float:left; margin-right: 1px; }
.minitab a { font-size: 14px; font-weight: bold; color: #6a696e; text-decoration:none; }
.minitab a:hover { color:#99cc00; }
.minitabon#mttags { background-image: url(/images/general/bg_minitab_large.gif); width: 106px;}
.minitab#mttags { background-image: url(/images/general/bg_minitab_large_off.gif); width: 106px;}
.minitabon { width: 95px; height: 20px; padding: 5px 3px 3px 8px; background: url(/images/general/bg_minitab.gif) no-repeat; float:left; margin-right: 1px;
z-index:2; position: relative; top:1px; border-bottom: solid 1px white; }
.minitabon a { font-size: 14px; font-weight: bold; color: #6a696e; text-decoration:none; }
.minitabon a:hover { color:#99cc00; }
/** general stuff **/
#notice { font-family: Georgia; font-size: 14px; font-style: italic; }
#error { border: 2px solid #ff4455; margin-top: 5px; margin-bottom: 15px; font-weight: bold; color: grey; letter-spacing: 1px; padding: 5px 20px 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#error img { float: left; margin-right: 15px; }
#recent_orders { border: 1px dotted #b3b3b3; background-color: #fff; padding:10px; }
#open_orders { border: 1px dotted #b3b3b3; background-color: #fff; padding:10px; margin-top: 5px; margin-bottom: 5px; }
#all_orders { border: 1px dotted #b3b3b3; background-color: #fff; padding:10px; }
#order { margin-top: 5px; margin-bottom: 5px; width: 120px; padding: 7px 0 0 7px; float:left; }
span.magnifier { width: 35px; height: 35px; background: transparent url(/images/general/icn_zoom.gif) no-repeat; bottom: 35px; left: 167px; position: relative; display: block; }
a.thumbnail { display: block; width: 200px; }
a.thumbnail img {border: 1px solid #87b50e;}
.orderRow { padding: 20px 0px; overflow: auto; }
.butPayPal { border: none; width: 50px; padding: 20px 0px; }
#order img { border: 1px solid #000; width: 100px; height: 100px; margin: 5px; }
#photosets { border: 1px solid #cfcfcf; background-color: #fff; padding:10px; width: 480px; -webkit-border-radius: 10px; -webkit-border-top-left-radius: 0px; -moz-border-radius: 10px; -moz-border-radius-topleft: 0px; }
#photosets_50p { border: 1px solid #cfcfcf; background-color: #fff; padding: 0px; width: 480px; float:left; -webkit-border-radius: 10px; -webkit-border-top-left-radius: 0px; -moz-border-radius: 10px; -moz-border-radius-topleft: 0px; position: relative;}
#photosets_50p_content { padding: 20px; }
#photosets_50p h2 { padding-left: 20px; }
#inset { border-bottom:1px solid silver; padding:5px; }
#photos { border: 2px solid blue; background-color: #0000f0; }
#spinner { margin-top: 15px; margin-right: 15px; position: absolute; right: 0px;}
ul.tocIndex { margin: 0px; padding: 0px; }
ul.tocIndex li { list-style: none; margin-top: 5px; }
ul.tocIndex li a { text-decoration: none; }
.SetCaseTiles { margin-top: 5px; margin-bottom: 5px; width: 91px; padding: 7px 0 0 7px; background: url(/images/general/set_case.gif) no-repeat; float:left; }
.SetCaseTiles img { border:none; }
.SetCaseTiles .selector { width: 77px; text-align:center; margin-top: 20px; padding-top:3px; padding-bottom:3px; }
.SetCaseTiles .selector a{ padding: 2px 2px 2px 2px; color:#b3b3b3; text-decoration:none; border: 1px solid #e6e6e6; }
.SetCaseTiles .selector a:hover { background-color:#99cc00; color:white; }
.SetCase { margin-top: 5px; margin-bottom: 5px; width: 91px; height: 95px; padding: 7px 0 0 7px; background: url(/images/general/set_case.gif) no-repeat; float:left; }
.SetCase img { border:none; }
#leftBox { border: 1px solid #cfcfcf; background-color: #fff; width: 480px; float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
#leftBox h2 { padding-left: 20px; }
#photosets img { border: 1px solid #000; width: 75px; height: 75px; margin: 5px; }
#sel_tiles img { border: 1px solid #000; width: 75px; height: 75px; margin: 5px; }
#progressbar { background: url(/images/general/colorbar.jpg) no-repeat; color: #fff; font-weight:bold; height: 26px; padding: 1px; }
#progressbar_label { background: url("/images/general/progressbar_label.gif") no-repeat; width: 34px; height: 24px; color: #69696b; text-align: center; }
/************** master selection stuff **************************/
#rightColumn { width: 460px; float: right; }
#rightBox { border: 1px solid #cfcfcf; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
#rightBox h2 { padding-left: 20px; }
#rightBoxContent { padding: 20px; }
#sel_master_img img { padding: 20px; border:none; }
#mosaic_params { padding: 20px; }
#mosaic_params p { font-size:12px; }
#mosaic_params ul { margin: 20px 0 0 0; padding: 0; }
#mosaic_params li { display: inline; border: 1px solid #e6e6e6; padding: 3px; margin: .2em .2em; text-align: center; cursor:pointer; }
#mosaic_params li.on { display: inline; border: 1px solid #e6e6e6; padding:3px; margin: .2em .2em; text-align: center; background-color:#99cc00; }
#mosaic_params li a { text-decoration:none; color:#b3b3b3; padding:3px; }
#mosaic_params li:hover { background-color:#99cc00; color:white; }
#mosaic_params li a:hover { background-color:#99cc00; color:white; }
#stepnavi { margin-top:20px; }
#stepnavi #b_back { width:150px; float:left; }
#stepnavi #b_next { float: right; }
/******************* Pagination in Master and Tiles Selection ********/
#pagination ul { margin:0;padding:0; }
#pagination li { display: inline; border: 1px solid #e6e6e6; padding: .3em .5em .3em .5em; margin: .2em .2em; vertical-align: middle; text-align: center; cursor: pointer; }
#pagination li.on { font-weight:bold; background-color:#ededed; }
#pagination li a { text-decoration:none; color:black; }
/******************* Fast Selection buttons ***************************/
#fastsel{ }
#fastsel a { padding: .2em .4em .2em .4em; margin: .2em .2em 0 .2em; color:#b3b3b3; text-decoration:none; border: 1px solid #e6e6e6; }
#fastsel a:hover { background-color:#99cc00; color:white; }
/************* Green Step Buttons *****************************************/
.button_next{ font: bold 12px Arial,helvetica,sans-serif; padding:3px; background:#99cc00; color:#fff; width:150px; }
.button_back{ font: bold 12px Arial,helvetica,sans-serif; padding:3px; background:#99cc00; color:#fff; width:150px; }
.ordertable { width:100%; }
.ordertable th { padding:3px 8px 3px 8px; background-color: #b2b2b2; color: #fff; }
.ordertable td { padding:3px; }
/************* Lists *****************************************/
ul {padding-right:25px;}
/************* Flickr Badge Stuff ****************************************/
.flickr_badge_uber_wrapper {padding: 8px;float:left;clear:left;text-align:center;}
.flickr_badge_wrapper {float:left;padding:10px 0 10px 0; width:291px;}
.flickr_badge_image {margin:0 10px 10px 10px; float:left;}
.flickr_badge_image img {border: 1px solid black !important;}
.flickr_badge_image img {border: 1px solid black !important;}
.flickr_badge_wrapper a:hover,
.flickr_badge_wrapper a:link,
.flickr_badge_uber_wrapper a:active,
.flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#a3c628;}
.flickr_badge_wrapper {background-color:#ffffff;border: 1px solid #cfcfcf; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
/**** flickr link ******/
.tileCont {
float: left;
height: 75px;
padding: 6px;
}
div.tileCont#tileContSelected {
padding: 4px;
}
.tileCont:hover .info-icon , #master_img_checkout:hover .info-icon {
display: block;
}
.tileCont .info-icon , #master_img_checkout .info-icon {
display: none;
margin-top: -32px;
width: 32px;
}
#master_img:hover .info-master-icon {
display: block;
}
#master_img .info-master-icon {
display: none;
height: 51px;
margin-top: -51px;
padding-left: 22px;
width: 32px;
}