/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; text-align: left;}
body {line-height:1.25; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
u {color: Blue;}
/* typography.css */
body {font-size:75%;color:#fff; background-image: url(../../images/gradient.png); background-position: top left; background-attachment: fixed; background-repeat: repeat-x; font-family: Verdana;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#539DC4; text-align: left;}
h1 {font-size:1.5em;line-height:1;margin-bottom:0.25em; margin-left: 0.25em; font-weight: bold;}
h2 {font-size:1.25em;margin-top:0.50em; margin-left: 0.25em; font-weight: bold;}
h3 {font-size:1em;line-height:1;margin-top: 0.75em; margin-left: 0.25em; font-weight: bold;}
h4 {font-size:0.75em;line-height:1.25;margin-bottom:1em;}
h5 {font-size:0.65em;font-weight:bold;margin-bottom:1.25em;}
h6 {font-size:0.55em;font-weight:bold;margin-bottom:1.45em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* forms.css */
label {font-weight:normal;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.NoLinks a {text-decoration: none; color: Black;}
.NoLinks a:hover {text-decoration: underline; color: Black;}
/* Changes by JBG */
/* Master.master */
.Wrap {margin: 0px auto; width: 975px; background-color: Transparent;}
.Head {background-color: Transparent; width: 975px; height: 64px; padding-left: 4px;}
#Logo {float: left; width: 623px; height: 64px;}
#Logo img {width: 223px; height: 64px;}
#Basket {float: right; padding-top: 23px; padding-right: 5px; height: 21px;}
#men {height: 29px; line-height: 29px; width: 602px; float: left; font-family: Verdana;}
#mena {height: 29px; line-height: 29px; width: 8px; float: left; font-family: Verdana;}
#menu {height: 29px; line-height: 29px; width: 594px; float: left; font-family: Verdana; background-image: url('../../images/TabBlue2.png'); background-repeat: repeat-x; background-position: top left;}
#menu p {padding-left: 15px; padding-right: 15px;}
#menu ul {list-style-type: none; padding-left: 0px; margin-left: 0px;}
#menu ul li {display: block; height: 29px; float: left; padding-left: 0px; margin-bottom: 0px;}
#menu ul li a {text-decoration: none; font-weight: 100; font-size: 15px; color: White;}
#menu ul li a:hover {color: #eee; text-decoration: none;}
.lii {float: left;}
.currentPage {display: block; float: left; height: 29px; color: #fff; font-size: 15px; padding-left: 10px; background-image: url('../../images/TabLime2.png'); background-position: top left; background-repeat: repeat-x;}
.notCurrentPage {display: block; float: left; height: 29px; color: #fff; font-size: 15px; padding-left: 10px; background-image: url('../../images/TabBlue2.png'); background-position: top left; background-repeat: repeat-x;}
#sign {height: 29px; line-height: 29px; background-color: Transparent; width: 364px; float: left; background-image: url('../../images/TabBlue2.png'); background-position: top left; background-repeat: repeat-x;}
#signcontent {width: 350px; text-align: right; float: left;}
.loginBackground {display: block; height: 29px; color: #fff; font-size: 15px; padding-left: 10px; padding-right: 10px; text-align: right;}
.loginBackground a {text-decoration: none; font-weight: 100; font-size: 15px; color: White;}
.loginBackgroudn a:hover {color: #eee; text-decoration: none;}
.loginBox fieldset {padding: 4px;}
.signupinputline {width: 100%; height: 25px; margin-bottom: 2px; /*border: solid 1px white;*/}
.signupinputline label {float: left; width: 70px; text-align: right; padding-top: 5px; padding-right: 5px; font-size: 80%;}
.signupinputline checkbox {margin-right: 4px; }
.signupinputline input {margin-left: 0px!important;}
.signupinputline1 {width: 100%; height: 25px; margin-bottom: 2px; /*border: solid 1px white;*/}
.signupinputline1 label {float: left; width: 75px; text-align: right; padding-top: 5px; padding-right: 5px;}
.signupinputline1 checkbox {}
.signupinputline1 input {margin-left: 0px!important;}
.signupinputline2 {width: 100%; height: 25px; margin-bottom: 2px; /*border: solid 1px white;*/ font-size: 78%;}
.signupinputline2 table {float: left;}
.signupinputline2 label {float: left; width: 75px; text-align: right; padding-top: 5px; padding-right: 5px;}
.signupinputline2 checkbox {margin-right: 4px; }
.signupinputline2 input {margin-left: 0px!important;}
.emailinputline {width: 100%; height: 25px; margin-bottom: 2px; /*border: solid 1px white;*/}
.emailinputline label {float: left; width: 70px; text-align: right; padding-top: 5px; padding-right: 5px; font-size: 80%;}
.sex {float: left; width: 70px; text-align: right; padding-top: 5px; padding-right: 5px; font-size: 90%;}
#Sex input.radio {position:relative;}
.logininputline {width: 100%; height: 25px; margin-bottom: 2px; /*border: solid 1px white;*/ text-align: left;}
.logininputline label {float: left; width: 100px; text-align: right; padding-top: 5px;}
#fk {float: left; width: 190px;}
#mainBody {background-color: White; color: Black; padding-top: 10px;}
#mainBody p {padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;}
/* Footer */
.Footer {width: 975px; font-size: 75%; color: Gray; text-align: left;}
.Footer a {text-decoration: none; color: Gray;}
.Footer a:hover {text-decoration: underline; color: #000;}
#footer {background-color: White;}
#footerLeft {float: left; width: 431px; text-align: left; background-color: White; padding-left: 4px;}
#footerRight {float: right; width: 536px; text-align: right; background-color: White; padding-right: 4px;}
#footerCards {text-align: center;}
#footerCards .small {width: 32px;}
#footerCards .solo {height: 32px; position: relative; top: -10px;}
#footerCards .large {width: 70px;}
/* Default */
#Default {margin-left: 10px; padding-top: 5px; margin-bottom: 0px; padding-bottom: 10px;}
.vp {width: 106px; height: 89px; margin: 4px 3px 4px 3px; float: left;}
.vpcontainer {width: 106px; height: 70px; overflow: hidden; margin-bottom: 2px;}
.vpcontainer img {width: 106px;}
.vpff {width: 33px; height: 24px; margin-left: 2px; margin-right: 2px; float: left;}
.vpff img {width: 24px;}
.vpba {width: 33px; height: 24px; margin-left: 0px; margin-right: 2px; float: left;}
.vpba img {width: 33px;}
.vpft {width: 33px; height: 24px; margin-left: 0px; margin-right: 0px; float: left;}
.vpft img {width: 24px;}
/* Slideshow */
#slideshow {float: left; margin-right: 5px; margin-bottom: 10px;}
.outerWrapper {/*border: solid 1px #dff3ff; */ height: 336px; width: 579px; margin: 0px;}
/* MakeAPostcard.ascx */
#MakeAPostcard {height: 180px; float: left;}
/* PrepareForYourHols.ascx */
#Prepare {height: 180px; float: left; margin-left: 17px; margin-right: 13px;}
/* View Recent Postcards */
#ViewRecentPostcards {float: left; margin-top: 0px; height: 290px; width: 353px; margin-left: 5px; }
.bh1 {width: 300px; height: 29px;}
.bh1cl {float: left; width: 8px; height: 29px; background-image: url('../../Images/CurveBlue8x29Left.png'); background-position: top left; background-repeat: no-repeat;}
.bh1h {background-image: url('../../images/TabBlue2.png'); background-position: top left; background-repeat: repeat-x; height: 29px; float: left; width: 284px; text-align: left;}
.bh1h img {padding-top: 3px;}
.bh1hw {background-image: url('../../images/TabBlue2.png'); background-position: top left; background-repeat: repeat-x; height: 29px; float: left; width: 337px; text-align: left;}
.bh1hw img {padding-top: 3px;}
.bh1cr {float: left; width: 8px; height: 29px; background-image: url('../../Images/CurveBlue8x29Right.png'); background-position: top left; background-repeat: no-repeat;}
.bhcontent {background-image: url('../../Images/Box300x1BlueLightBlue.png'); background-position: top left; background-repeat: repeat-y; padding-left: 5px; padding-bottom: 5px; margin-right: 5px; padding-right: 5px; padding-top: 5px; width: 300px; margin-right: 5px; text-align: left;}
.bhcontent p {margin-right: 10px;}
.bhbot {background-image: url('../../Images/Box300x11LightBlue.png'); background-position: top left; background-repeat: no-repeat; width: 300px; height: 11px; margin-bottom: 5px;}
.btcontent {background-image: url('../../Images/Box300x1Blue.png'); background-position: top left; background-repeat: repeat-y; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; padding-top: 5px; width: 300px; margin-right: 5px;}
.btbot {background-image: url('../../Images/Box300x11Transparent.png'); background-position: top left; background-repeat: no-repeat; width: 300px; height: 11px; margin-bottom: 5px;}
.bw1 {width: 323px; height: 29px;}
.bw1cl {float: left; width: 8px; height: 29px; background-image: url('../../Images/CurveBlue8x29Left.png'); background-position: top left; background-repeat: no-repeat;}
.bw1h {background-image: url('../../images/TabBlue2.png'); background-position: top left; background-repeat: repeat-x; height: 29px; float: left; width: 307px;}
.bw1h img {padding-top: 3px;}
.bw1cr {float: left; width: 8px; height: 29px; background-image: url('../../Images/CurveBlue8x29Right.png'); background-position: top left; background-repeat: no-repeat;}
.bwcontent {background-image: url('../../Images/Box323x1.png'); background-position: top left; background-repeat: repeat-y; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; padding-top: 5px; text-align: left;}
.bwbot {background-image: url('../../Images/Box323x11.png'); background-position: top left; background-repeat: no-repeat; width: 323px; height: 11px;}
.bb {background-image: url('../../Images/Bottom353x11.png'); background-position: top left; background-repeat: no-repeat; width: 353px; float: left; height: 11px;}
.clear1 {font-size: 1px; height: 1px}
#ViewRecentPostcardsContent {float: left; padding-left: 5px; padding-right: 5px; padding-top: 5px; height: 290px; width: 353px; overflow: hidden; background-image: url('../../Images/Box353x1.png'); background-position: top left; background-repeat: repeat-y;}
/* Read The Buzz */
#ReadTheBuzz {float: left; margin-top: 0px; height: 180px; width: 353px;}
#ReadTheBuzzContent {float: left; color: Black; height: 134px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 353px; text-align: left; background-image: url('../../Images/Box353x1.png'); background-position: top left; background-repeat: repeat-y;}
#ReadTheBuzzContent img {width: 100px;}
.ReadTheBuzzItem {text-align: left;}
/* Make a Postcard */
/* this is the left hand column which contains the CardType, Front and Back Panels */
a.button {background: transparent url('../../images/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.button span {background: transparent url('../../images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
a.buttong {background: transparent url('../../images/bg_button_a_g.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.buttong span {background: transparent url('../../images/bg_button_span_g.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
#PanelLeft {width: 323px; margin-left: 10px; margin-right: 10px; padding-top: 5px; padding-left: 0px; float: left; }
/* Front */
.fcontainer {width: 300px; height: 212px; padding-left: 10px; padding-top: 10px; cursor: pointer;}
.fcontent, .fshadow {position: relative; bottom: 3px; right: 3px;}
.fshadow {background-color: #aaa;}
.fcontent {background-color: #ECECEC; color: #aaa; border: solid 1px #000; height: 212px; overflow: hidden;}
.fcontent img {width: 300px; }
.fcic {position: relative; top: -55px; left: 240px; z-index: 50; height: 48px; width: 48px;}
.fpcontainer {width: 212px; height: 300px; padding-left: 10px; padding-top: 10px;}
.fpcontent, .fpshadow {position: relative; bottom: 3px; right: 3px;}
.fpshadow {background-color: #aaa;}
.fpcontent {background-color: #ECECEC; color: #aaa; border: solid 1px #000; height: 300px; overflow: hidden;}
.fpcontent img {height: 300px;}
.fpcic {position: relative; top: -55px; left: 150px; z-index: 50; height: 48px; width: 48px;}
#BackLeft {width: 160px; height: 225px; float: left; margin-left: 2px; margin-right: 3px; margin-top: 2px; font-size: 85%; color: #aaa;}
.bcontainer {width: 300px; height: 225px; padding-left: 10px; padding-top: 10px; cursor: pointer;}
.bcontent, .bshadow {position: relative; bottom: 3px; right: 3px;}
.bshadow {background-color: #aaa;}
.bcontent {background-color: #ECECEC; color: #FFF; border: solid 1px #000;}
#BackCountryFlag {width: 160px; height: 45px; border: dashed 1px #000;}
.bcfi {position: relative; top: -22px; left: 108px; z-index: 50; height: 48px; width: 48px;}
#BackMessage {width: 160px; height: 172px; border: dashed 1px #000; margin-top: 2px;}
.bmi {position: relative; top: 105px; left: 108px; z-index: 50; height: 48px; width: 48px;}
.EditImageButtonDiv {float: right; padding-right: 9px; margin-bottom: 15px; margin-top: 5px;}
#BackRight {width: 130px; height: 225px; float: left; margin-top: 2px; font-size: 85%; color: #aaa;}
#BackStamp {width: 130px; height: 50px; border: dashed 1px #000; margin-bottom: 2px;}
#BackStamp img {width: 130px; height: 50px;}
#BackAddress {width: 130px; height: 119px; border: dashed 1px #000; margin-bottom: 2px;}
.bai {position: relative; top: 45px; left: 80px; z-index: 50; height: 48px; width: 48px;}
#BackImageDetails {width: 130px; height: 44px; border: dashed 1px #000;}
.bidi {position: relative; top: -22px; left: 80px; z-index: 50; height: 48px; width: 48px;}
/* Back */
#WTAALinkDiv {float: right; padding-right: 9px;}
/* This only contains the light blue bar and curve and heading text */
#PanelRight {width: 611px; height: 29px; margin-left: 0px; padding-top: 5px; float: left;}
#PanelRightHeader {width: 611px; height: 29px; float: left;}
#PanelRightHeaderLeft {width: 588px; height: 29px; background-image: url('../../images/TabLightBlue1.png'); background-position: top left; background-repeat: repeat-x; float: left;}
#PanelRightHeaderLeft img {padding-left: 20px; padding-top: 4px;}
#PanelRightHeaderCurve {width: 23px; height: 29px; float: left;}
#ErrorDiv {visibility: hidden;}
#ErrorLit {color: Red; font-size: 1.2em; font-weight: bold;}
#FrontOfPostcard {margin-left: 15px;}
.icontainer {width: 600px; height: 430px; padding-left: 10px; padding-top: 10px;}
.icontent, .ishadow {position: relative; bottom: 3px; right: 3px;}
.ishadow {background-color: #aaa;}
.icontent {background-color: #E5E5E5; color: #aaa; border: solid 1px #000; height: 427px; overflow: hidden;}
.icontent img {width: 600px;}
.wcontainer {width: 600px; height: 430px; padding-left: 10px; padding-top: 10px;}
.wcontent, .wshadow {position: relative; bottom: 3px; right: 3px;}
.wshadow {background-color: #aaa;}
.wcontent {background-color: #E5E5E5; color: #aaa; border: solid 1px #000; height: 427px; overflow: hidden; padding-left: 2px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px;}
.ipcontainer {width: 430px; height: 600px; padding-left: 10px; padding-top: 10px;}
.ipcontent, .ipshadow {position: relative; bottom: 3px; right: 3px;}
.ipshadow {background-color: #aaa;}
.ipcontent {background-color: #E5E5E5; color: #aaa; border: solid 1px #000; width: 427px; overflow: hidden;}
.ipcontent img {height: 600px;}
#iButtons {margin-left: 130px;}
#ButtonRow {text-align:center;}
.imageButton {padding-top: 5px; width: 136px; height: 30px; background-image: url('../../images/ButtonWhite.png'); background-position: top left; background-repeat: no-repeat; float: left; padding-right: 40px;}
.imageButton a {text-decoration: none; color: #666;}
.imageButton a:hover {text-decoration: none;}
.ttimageButton {padding-top: 5px; width: 136px; height: 30px; background-image: url('../../images/ButtonWhite.png'); background-position: top left; background-repeat: no-repeat; float: left; text-align: center;}
.ttimageButton a {text-decoration: none; color: #666;}
.ttimageButton a:hover {text-decoration: none;}
.tgimageButton {padding-top: 5px; width: 136px; height: 30px; background-image: url('../../images/ButtonGreen.png'); background-position: top left; background-repeat: no-repeat; float: left; text-align: center;}
.tgimageButton a {text-decoration: none; color: #666;}
.tgimageButton a:hover {text-decoration: none;}
#BackOfPostcard {margin-left: 0px;}
#wLeft {width: 278px; float: left;}
.CountryFlag {width: 277px; height: 74px; border: dashed 1px transparent; background-color: #ECECEC; float: left; margin-bottom: 0px; }
.CountryFlag #BOPFlag {width: 128px; height: 72px; position: relative; top: 0px; left: 0px; z-index: 4999; background-color: Transparent; cursor: pointer;}
.CountryFlag #BOPCancellation {width: 64px; position: relative; top: 0px; left: -40px; z-index: 5000; background-color: Transparent;}
.CountryFlagOver {width: 276px; height: 74px; border: dashed 1px black; background-color: #ECECEC; float: left; margin-bottom: 0px; }
.CountryFlagOver #BOPFlag {width: 128px; height: 72px; position: relative; top: 0px; left: 0px; z-index: 4999; background-color: Transparent; cursor: pointer;}
.CountryFlagOver #BOPCancellation {width: 64px; position: relative; top: 0px; left: -40px; z-index: 5000; background-color: Transparent;}
.Text {width: 273px; height: 346px; border: dashed 1px transparent; background-color: #ECECEC; float: left; margin-bottom: 2px; margin-right: 2px; cursor: pointer; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px;}
.TextOver {width: 272px; height: 346px; border: dashed 1px black; background-color: #ECECEC; float: left; margin-bottom: 2px; margin-right: 2px; cursor: pointer; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px;}
#Marketing {width: 34px; height: 428px; background-color: #FFF; float: left; padding-left: 2px;}
#Marketing img {margin-top: 0px; height: 428px;}
#wRight {width: 278px; float: left;}
.Address {width: 268px; height: 212px; border: dashed 1px transparent; background-color: #ECECEC; float: left; margin-bottom: 0px; cursor: pointer; padding-left: 9px; padding-top: 9px; padding-right: 2px; padding-bottom: 2px;}
.AddressOver {width: 268px; height: 212px; border: dashed 1px black; background-color: #ECECEC; float: left; margin-bottom: 0px; cursor: pointer; padding-left: 9px; padding-top: 9px; padding-right: 2px; padding-bottom: 2px;}
.ImageDetails {width: 278px; height: 96px; border: dashed 1px transparent; background-color: #ECECEC; float: left; cursor: pointer; padding-left: 2px; padding-top: 2px; font-size: 70%;}
.ImageDetailsOver {width: 278px; height: 96px; border: dashed 1px black; background-color: #ECECEC; float: left; cursor: pointer; padding-left: 2px; padding-top: 2px; font-size: 70%;}
#Stamp {width: 280px; height: 102px; border: dashed 1px transparent: #FFFFFF; float: left; margin-bottom: 0px;}
#Stamp img {width: 280px; height: 102px;}
.wwwCarderooCom {position: relative; top: 0px; left: 80px;}
#FromCountryContainer {background-color: #C1DEEE; border: solid 1px #539DC4; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; padding: 5px 5px 5px 5px;}
#ImageDetailsContainer {background-color: #C1DEEE; border: solid 1px #539DC4; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; padding: 5px 5px 5px 5px;}
#ImageDetailsContainer label {float: left; width: 80px; text-align: right;}
.AjaxPopup {background-color: #C1DEEE; border: solid 1px #539DC4; margin: 0px; padding: 5px;}
.ImageAddressContainer {width: 270px; height: 350px; float: left;}
.ImageAddressContainerLookUp {width: 90px; position: relative; top: -292px; left: 270px;}
#MessageDetailsContainer {background-color: #C1DEEE; border: solid 1px #539DC4; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; padding: 5px 5px 5px 5px;}
#TwitterContainer {background-color: #C1DEEE; border: solid 1px #539DC4; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; padding: 5px 5px 5px 5px;}
#EmailContainer {width: 270px; float: left;}
/* Upload.aspx */
#UploadContainer {padding-left: 34px; padding-top: 4px;}
#Upload {width: 570px;}
#UploadLeft {width: 400px; float: left; margin-left: 10px;}
#UploadRight {width: 160px; float: left;}
.TagsAndCountry {margin-left: 25px; padding-left: 5px; width: 360px; border: solid 1px #ccc; padding-top: 5px; background-color: #E5E5E5;}
.uploadinputline {width: 100%; height: 25px; margin-bottom: 2px; /*border: solid 1px white;*/ padding-top: 5px;}
.uploadinputline label {float: left; width: 85px; text-align: right; padding-top: 5px;}
.RightsAndSubmit {padding-left: 5px;}
.f {margin-left: 5px; color: Red; font-weight: bold;}
/* contact us */
.section {padding-top: 5px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px;}
.leftsection {width: 400px; float: left; padding-right: 50px; text-align: justify;}
.rightsection {width: 400px; float: left; text-align: left;}
#ContactUsFormFields {height: 210px;}
.high100 {height: 110px;}
/* Privacy Policy */
ol.pp {list-style-type: decimal; list-style-position: inside;}
ol.pp ol {list-style-type: lower-alpha;}
/* Search */
.searchimage120 {width: 120px;}
#SearchContainer {padding-left: 14px; padding-top: 4px;}
.searchinputline {width: 100%; height: 25px; margin-left: 18px;}
#ImageHoldingContainer {width: 600px; height: 485px; overflow: hidden;}
#ImageHoldingDiv {border: solid 1px #549EC5; width: 590px; margin-left: 5px; margin-top: 2px; height: 480px; overflow-y: scroll;}
#ImageHoldingDiv img {margin: 4px 4px 4px 4px;}
/* ViewPostcard & View */
.vcontainer {width: 582px; height: 420px; padding-left: 10px; padding-top: 10px; float: left;}
.vcontent, .vshadow {position: relative; bottom: 3px; right: 3px;}
.vshadow {background-color: #aaa;}
.vcontent {background-color: #E5E5E5; color: #aaa; border: solid 1px #000; height: 417px; overflow: hidden;}
.vcontent img {width: 580px; height: 417px;}
.viewheadertext {color: #539DC4; font-weight: bold;}
#ViewBlock {float: left; width: 600px; margin-right: 2px; margin-left: 2px;}
#ViewPostcardHeaderContainer {width: 582px; height: 29px; padding-left: 3px; padding-top: 5px; padding-bottom: 0px; margin-bottom: 0px; float: left;}
#ViewPostcardHeader {width: 559px; background-image: url('../../images/TabLightBlue1.png'); background-repeat: repeat-x; background-position: top left; height: 29px; float: left; padding-top: 3px;}
#ViewPostcardHeaderCurve {float: left; width: 23px; height: 29px;}
#ViewRightBlock {PADDING-LEFT: 10px; padding-top: 5px; float: left; width: 353px;}
#MakingAPostcard {margin-left: 4px; width: 600px; padding-top: 2px; margin-bottom: 4px; text-align: left;}
#Benefits {width: 353px; background-color: #C1DEEE; border: solid 1px #549EC5; margin-left: 4px; margin-top: 5px; padding-top: 2px; margin-bottom: 4px; float: left;}
#Personalised {width: 330px; background-color: #C1DEEE; border: solid 1px #549EC5; margin-left: 20px; margin-top: 5px; padding-top: 2px; margin-bottom: 4px; padding-left: 0px; float: left;}
/* EditDetails */
.editDetailsInputLine {width: 100%; height: 25px; margin-bottom: 2px; /*border: solid 1px white;*/}
.editDetailsInputLine label {float: left; width: 100px; text-align: right; padding-top: 5px; padding-right: 5px;}
.editDetailsInputLine checkbox {margin-right: 4px; }
.editDetailsInputLine input {margin-left: 0px!important; }
.editDetailsRadioList {margin-left: 96px;}
/* My Drafts */
#PanelLeft1 {width: 250px; margin-left: 5px; margin-right: 0px; padding-top: 5px; float: left;}
#MyDrafts {margin-left: 0px; margin-top: 0px; padding-top: 5px; padding-bottom: 5px; float: left; width: 620px;}
#DraftsRight {float: left; width: 250px;}
#PriceGuide {width: 300px; margin-top: 0px; float: left; margin-bottom: 10px;}
.w1 {width: 140px; display: inline-block;}
.w2 {width: 70px; display: inline-block;}
#YourCO {width: 250px; margin-top: 5px; float: left;}
.yco1 {margin-right: 30px; float: left;}
#ListDrafts {float: left; width: 620px; margin-left: 0px; margin-right: 0px;}
.DraftRow {border: solid 1px black; float: left; width: 630px; margin-top: 3px; margin-bottom: 3px;}
#ButtonRow {margin-top: 5px;}
.i1 {width: 115px; float: left; font-family: Verdana; font-weight: normal; font-size: 10px; font-style: normal;}
.i2 {width: 155px; float: left; font-family: Verdana; font-weight: normal; font-size: 10px; font-style: normal;}
.i3 {width: 255px; float: left; font-family: Verdana; font-weight: normal; font-size: 10px; font-style: normal; word-wrap: break-word;}
.i4 {width: 50px; float: left; font-family: Verdana; font-weight: normal; font-size: 10px; font-style: normal;}
.i5 {width: 40px; float: left; font-family: Verdana; font-weight: normal; font-size: 10px; font-style: normal;}
.s1 {text-align: center; font-weight: bold; }
.draftImage {width: 115px;}
/* About us */
#AboutUsLeft {width: 600px; float: left; padding: 5 5 5 5; text-align: justify;}
#AboutUsRight {width: 300px; float: left; padding: 5 5 5 5;}
#AboutUsRight img {margin-left: 70px;}
/* Affiliate */
#AffiliateLeft {width: 500px; float: left; margin-left: 10px;}
#AffiliateRight {width: 500px; float: left;}
/* Checkout */
#CheckOutContentRight {width: 690px; float: left; margin-right: 10px; margin-left: 15px;}
#CheckOutBlock {background-color: #ECECEC; width: 400px; padding: 7px; margin-top: 3px;}
.checkoutinputline {width: 100%; display: block; float: none; height: 24px;}
.coimg {width: 32px; float: left;}
.coimg img {width: 24px; float: left;}
.colab {width: 120px; text-align: right; float: left; margin-right: 5px;}
.coquantity {width: 70px; float: left; text-align: center;}
.cocost {width: 120px; float: left;}
/* Login */
.loginBox {width: 600px; margin-left: 5px; margin-right: 20px; float: left; margin-top: 5px; text-align: left;}
#LoginBox {float: left;}
#Login {padding-bottom: 5px;}
/* sign up */
.signupBox {/*border: solid 2px #549EC5;*/ width: 600px; height: 260px; margin-left: 5px; margin-right: 5px; float: left; padding-top: 5px;}
#SignUpBox {float: left;}
#SignUp {padding-bottom: 5px;}
#SignUpContainer {margin-top: 5px; float: left;}
#SignUpLeft {float: left; width: 290px;}
#SignUpRight {float: left; width: 350px;}
.Column1 {float: left; width: 300px; padding-left: 15px; padding-top: 0px; padding-bottom: 15px; text-align: left;}
.Column2 {float: left; width: 300px; padding-left: 15px; padding-top: 0px; padding-bottom: 15px; text-align: left;}
.Column3 {float: left; width: 300px; padding-left: 15px; padding-top: 0px; padding-bottom: 15px; text-align: left;}
.Column2H {float: left; width: 570px; padding-left: 15px; padding-top: 0px; padding-bottom: 15px; text-align: left;}
.Column2W {float: left; width: 600px; padding-left: 15px; padding-top: 0px; padding-bottom: 15px; text-align: left;}
.Column2W label {float: left; width: 80px; text-align: right;}
.Column2S {float: left; width: 150px; padding-left: 15px; padding-bottom: 15px; text-align: center; text-align: left;}
/* My Account */
#MyAccount {width: 300px; margin-top: 5px; float: left;}
#MyAccountContent {background-color: #C1DEEE; border: solid 1px #539DC4; padding-left: 5px; padding-top: 2px; margin-bottom: 10px;}
#MyAddress {width: 300px; margin-top: 5px; float: left;}
#MyAddressContent {background-color: #C1DEEE; border: solid 1px #539DC4; padding-left: 5px; padding-top: 2px; margin-bottom: 10px;}
#MyCredits {width: 300px; margin-top: 5px; float: left;}
#MyCreditsContent {background-color: #C1DEEE; border: solid 1px #539DC4; padding-left: 5px; padding-top: 2px; margin-bottom: 10px;}
/* Terms and conditions */
/*
#TermsAndConditions {padding-left: 60px; padding-right: 20px;}
#TermsAndConditions ol {counter-reset: item;}
#TermsAndConditions li {display: block; padding-top: 10px; width: 700px; text-align: justify;}
#TermsAndConditions li li {padding-left: 14px;}
#TermsAndConditions li p {padding-left: 25px; }
#TermsAndConditions li:before {content: counters(item, ".") ". "; counter-increment: item; font-weight: bold;}
*/
.justify ul li {text-align: justify}
/* Buy Credits */
#MyCredits1 {width: 300px; margin-top: 5px; float: left; margin-bottom: 5px;}
#MyCredits1Content {background-color: #FFF; padding-top: 2px; font-size: 90%;}
#CostCo {width: 300px; margin-top: 5px; float: left; margin-bottom: 5px;}
#CostCoContent {background-color: #FFF; border: solid 1px #539DC4; padding-left: 5px; padding-top: 2px; font-size: 90%; background-color: #C1DEEE;}
.cocofl {float: left; width: 32px; margin-left: 7px;}
.cocofl img {padding-left: 2px;}
/* My Account Details Edit */
#MyDetails {width: 300px; margin-top: 5px; float: left; margin-bottom: 10px;}
#MyDetailsContent {background-color: #FFF; border: solid 1px #539DC4; padding-left: 5px; padding-top: 2px; font-size: 90%; background-color: #C1DEEE;}
#MyDetailsEdit {margin-top: 5px; padding: 5px 5px 5px 5px;}
/* My Password edit */
#MyPasswordEdit {margin-top: 5px; margin-bottom: 10px; padding: 5px 5px 5px 5px; height: 202px;}
#MyTwitterEdit {margin-top: 5px; margin-bottom: 10px; padding: 5px 5px 5px 5px; height: 186px;}
/* My Address Book edit */
#MyAddressBook {width: 300px; margin-top: 5px; float: left;}
#MyAddressBookContent {background-color: #C1DEEE; border: solid 1px #539DC4; padding-left: 5px; padding-top: 2px; font-size: 90%;}
#MyContacts {width: 300px; margin-top: 5px; float: left; border: solid 1px #539DC4; height: 465px; overflow: hidden; padding-left: 5px;}
#MyContactsContent {width: 300px; height: 435px; overflow-y: scroll;}
/* Request Address */
#ReqAddress {width: 300px; margin-top: 5px; float: left; margin-bottom: 5px;}
#ReqAddressContent {padding-left: 0px; padding-top: 2px; font-size: 90%;}
/* Enter your Address */
#EYA {width: 300px; margin-top: 5px; float: left; margin-bottom: 10px;}
#EYAContent {background-color: #C1DEEE; border: solid 1px #539DC4; padding-left: 5px; padding-top: 2px; font-size: 90%;}
/* Import Contacts */
#IC {width: 300px; margin-top: 5px; float: left; margin-bottom: 10px;}
#ICContent {background-color: #C1DEEE; border: solid 1px #539DC4; padding-left: 5px; padding-top: 2px; font-size: 90%;}
/* Refer a Friend */
#RAF {width: 300px; margin-top: 5px; float: left; margin-bottom: 10px;}
#RAFContent {background-color: #C1DEEE; border: solid 1px #539DC4; padding-left: 5px; padding-top: 2px; font-size: 90%;}
/* Referred */
#Referred {width: 300px; margin-top: 5px; float: left; margin-bottom: 10px;}
#ReferredContent {background-color: #C1DEEE; border: solid 1px #539DC4; padding-left: 5px; padding-top: 2px; font-size: 90%;}
/* Sent Postcards */
#SentPostcards {width: 300px; margin-top: 5px; float: left; margin-bottom: 5px;}
#SentPostcardsContent img {float: left; width: 64px; margin-right: 5px; margin-bottom: 5px; margin-top: 8px;}
/* View Recent Postcards */
#ViewMyRecentPostcards {float: left; margin-top: 0px; width: 351px; border-left: solid 1px #549EC5; border-right: solid 1px #549EC5;}
#ViewMyRecentPostcardsContent {border-left: solid 1px #549EC5; border-right: solid 1px #549EC5; float: left; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 341px; padding-bottom: 5px;}
/* Blue header */
.bh {width: 300px; height: 29px;}
.bhleft {width: 254px; height: 29px; background-image: url('../../images/TabBlue2.png'); background-position: top left; background-repeat: repeat-x; float: left;}
.bhleft img {padding-top: 4px; padding-left: 4px;}
.bhcurve {width: 23px; height: 29px; float: left; background-image: url('../../Images/CurveBlueRight23x29.png'); background-position: top left; background-repeat: no-repeat;}
.bhcurvel {width: 23px; height: 29px; float: left; background-image: url('../../Images/CurveBlue23x29Left.png'); background-position: top left; background-repeat: no-repeat;}
/* Sent Postcards */
#MyImages {width: 300px; margin-top: 5px; float: left; margin-bottom: 15px;}
#MyImagesContent img {float: left; width: 64px; margin-right: 5px; margin-bottom: 5px; margin-top: 8px;}
/* Buy Credits as a gift */
#GiftBox {border: solid 1px #539DC4; width: 625px; font-size: 90%;}
.ib {float: left; width: 141px; margin-right: 9px; text-align: left;}
.ibh {height: 25px;}
.ibhl {float: left; width: 9px; height: 25px; background-image: url('../../Images/BoxTopLeft.png'); background-position: top left; background-repeat: no-repeat;}
.ibhh {float: left; height: 25px; width: 123px; background-color: #5B9DB9;}
.ibhr {float: left; width: 9px; height: 25px; background-image: url('../../Images/BoxTopRight.png'); background-position: top left; background-repeat: no-repeat;}
.ibc {border-left: solid 1px #539DC4; border-right: solid 1px #539DC4; width: 139px; font-size: 80%; height: 140px;}
.ibb {width: 141px; height: 11px;}
.ibbl {float: left; width: 10px; height: 11px; background-image: url('../../Images/BoxBottomLeft.png'); background-repeat: no-repeat; background-position: top left;}
.ibbb {float: left; height: 11px; width: 121px; border-bottom: solid 1px #539DC4;}
.ibbr {float: left; width: 10px; height: 11px; background-image: url('../../Images/BoxBottomRight.png'); background-repeat: no-repeat; background-position: top left;}
.MyImageStrip {width: 600px; margin-bottom: 5px; margin-left: 5px; margin-top: 5px; overflow: hidden;}
.MyImageStripContent {height: 188px; overflow-y: scroll;}
.MyImageStripImg {height: 85px; margin-left: 5px; margin-right: 5px; margin-top: 2px; margin-bottom: 3px; overflow: hidden; float: left;}
.MyImageStripImg img {width: 128px;}