/* Print CSS Document for gift of sight */
body {font: 76%/1.4 Arial, Helvetica, sans-serif; color:#000; text-align:center;}

div#help, div#basket, div#left, div#nav, div#subnavholder, div#footer, div#checkoutbar {display:none;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* page containers */
div#wrapper {margin:0 auto; text-align:left; width: 775px; padding: 0 0 10px 0; }
p.skip {display:none;}
div#contentholder {margin: 0 0 0 0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#content {float:left; background-color: #fff; padding: 0;}
/* end page containers */

/* links */
a, a:visited {color:#008BD1; text-decoration:none;}
a:hover {color:#008BD1; text-decoration:underline;}
a {outline:none;}
/* end links */

/* help page */
div#faqs {}
div#faqs span {display:block; width:515px;}
div#faqs span.helpLink {display:block; width:515px; font-size:1.2em; color:#008BD1; margin:1em 0 0em 0; font-weight:bold;}
a.helpLink,
a.helpLink:link {width:515px; color:#008BD1; font-weight:bold; cursor:help}
a.helpLink:active {text-decoration:none;}
a.helpLink:focus {text-decoration:none;}
a.helpLink:hover {text-decoration:underline;}
a.helpLink:visited {color:#008BD1;}
/* end help page */

/* general typography */
h2 {font-weight:normal;}
h2 {font-size:1.8em; color:#61116A; margin:0 0 .6em 0;}
h3 {font-size:1.3em; color:#61116A; margin:1.2em 0 .4em 0;}
h4 {font-size:1em; color:#61116A; margin:1em 0 0 0;}
h5 {font-size:1em; color:#61116A; margin:1em 0 .5em 0;}
h6 {font-size:1em; margin:0;}
p {margin:0 0 1em 0;}
acronym {border-bottom: 1px dashed #ccc; cursor: help;}
hr {height:1px; color:#A5D1E7; border: 0; background-color: #A5D1E7; margin: 10px 0;}
div#content div.line {border-bottom:1px solid #A5D1E7; margin:10px 0 10px 0; height:2px; clear:both;}
div#content div.line hr {display:none;}
/* end general typography */

/* image replacement for page headings */
h2.replace {background-repeat:no-repeat; height:42px; margin:0 0 10px 0;}
/* end image replacement for page headings */

/* homepage specific rules */
div#homeintro {float:left; margin:0 0 15px 0; padding:0 0; width:100%;}
div#homeintro h2 {}
div#homeintro p {font-size:1.1em;}

div#featured {float:left; margin:0 10px 0 0; width:338px; height:228px; background-repeat:no-repeat; position:relative;}
div#featured h3 {position:absolute; left:0; top:0; margin:0; overflow:hidden; z-index:0;}
div#featured h3 a {display:block; text-indent:-9999em; width:338px; height:218px;}
div#featured h3 a:hover {text-decoration:none;}
div#featured p a {position:absolute; display:block; left:7px; top:170px; width:56px; overflow:hidden; z-index:1; text-align:center; color:#fff; font-size:1.1em; font-weight:bold; background-repeat:no-repeat; background-position:center center; padding:33px 0 0 0; height:70px; he\ight:37px;}
div#featured p.gift1 a {background-image:url(/assets/gift1.png);}
div#featured p.gift2 a {background-image:url(/assets/gift2.png);}
div#featured p.gift3 a {background-image:url(/assets/gift3.png);}
div#featured p a:hover {text-decoration:none;}

div#howitworks {width:156px; float:left; background-color:#A5D1E7; min-height:245px; height:auto !important; height:245px;}
div#howitworks h3 {margin:0;}
div#howitworks h3 a {}
div#howitworks h3 a:hover {text-decoration:none;}

/* end homepage specific rules */

/* product listings */
div#products {margin:10px 0 0 0; width:515px; float:left;}
div.product {float:left; margin:0 0 10px 0; width:170px; height:150px; position:relative; background:url(/assets/product-border.png) no-repeat center bottom;}
div.product img {z-index:-1;}
div.product h3 {position:absolute; left:0; top:0; margin:0; overflow:hidden; z-index:0;}
div.product h3 a {display:block; text-indent:-9999em; width:170px; height:150px;}
div.product h3 a:hover {text-decoration:none;}
div.product p a {position:absolute; display:block; left:114px; top:60px; width:56px; overflow:hidden; z-index:1; text-align:center; color:#fff; font-size:1.1em; font-weight:bold; background-repeat:no-repeat; background-position:center center; padding:33px 0 0 0; height:70px; he\ight:37px;}
div.product p a:visited {color:#fff;}
div.product p.gift1 a,
div.product p.gift6 a,
div.product p.gift8 a {background-image:url(assets/gift1.png);}
div.product p.gift2 a,
div.product p.gift4 a,
div.product p.gift9 a {background-image:url(assets/gift2.png);}
div.product p.gift3 a,
div.product p.gift5 a,
div.product p.gift7 a {background-image:url(assets/gift3.png);}
div.product p a:hover {text-decoration:none;}
/* end product listings */

/* browse by type intros */
div#product-type-intro {float:left;  padding:0; margin:0 0 10px 0;}
div#product-type-intro h2.replace {margin:20px 0 0px 0;}
div#product-type-intro img {display:none;}
div#product-type-intro p {line-height:1.6; font-size:1.1em; margin:0;}
/* end browse by type intros */

/* product page */
div#product {}
div#casestudy {clear:left; float:left; margin:20px 0 0 0; border-top:1px solid #CFE6F7;}
*:first-child+html div#casestudy {float:none; padding:10px 0 0 0;} /*float hack for IE7 to get the image headings to display */
div#casestudy h3 {height:30px; text-indent:-9999em; background:url(/images/headings/gift-in-action.png) no-repeat;}

div.imgholder {width:190px;}
div.imgholder img {margin:0 0 10px 0;}
div#casestudy div.imgholder {float:right; margin:0 0 10px 20px; display:inline;}
div#product div.imgholder {float:left; margin:0 20px 10px 0; display:inline;}

div.imgholder div.quote {padding:10px 10px 10px 4px; background-repeat:no-repeat; margin:0 0 0 4px; background-color:#DFCBE1; width:182px; w\idth:172px;}
div#product div.imgholder div.quote {background-image:url(/assets/quote-long1.png);}
div#casestudy div.imgholder div.quote {background-image:url(/assets/quote-long2.png);}
div.quote blockquote {padding:4px 2px 6px 10px; text-indent:8px; background:url(/assets/star2.png) no-repeat 2px 1px;}
div.quote blockquote em {background:url(/assets/star4.png) no-repeat right bottom; padding:0 10px 6px 0;}
div.quote cite {padding:10px 0 0 10px; text-align:right; font-style:normal; font-size:.92em;}

div#add-to-basket {background:url(/assets/purchase-bg.png) no-repeat; float:left; width:305px; height:92px; position:relative;}
* html div#add-to-basket {height:82px;}
div#content div#add-to-basket form {float:left; width:210px; margin:0px 0 10px 80px; display:inline;}
div#content div#add-to-basket label {float:left; margin:20px 0 0 0; width:70px; height:30px; text-indent:-9999em; background:url(/assets/quantity.png) no-repeat;}
div#content div#add-to-basket input {float:left; width:20px; background:#fff; padding:2px; border:1px solid #97C7E1; margin:20px 0 0 0;}
div#content div#add-to-basket input.button {float:left; clear:none; border:none; width:74px; height:49px; margin:5px 0 0 10px; background:none;}
div#add-to-basket p {position:absolute; display:block; left:0px; top:0px; width:56px; overflow:hidden; z-index:1; text-align:center; color:#fff; font-size:1.1em; font-weight:bold; background-repeat:no-repeat; background-position:center center; padding:33px 0 0 0; height:70px; he\ight:37px;}
div#add-to-basket p.gift1 {background-image:url(/assets/gift1.png);}

div.eyecare {clear:left; background:url(/assets/eyecare.gif) no-repeat 10px 0; padding:0px 0 0 70px;}
div.education {clear:left; background:url(/assets/education.gif) no-repeat 10px 0; padding:0px 0 0 70px;}
div.rehabilitation {clear:left; background:url(/assets/rehabilitation.gif) no-repeat 10px 0; padding:0px 0 0 70px;}
div.general-funds {clear:left; background:url(/assets/general-funds.gif) no-repeat 10px 0; padding:0px 0 0 70px;}
div.eyecare h4,
div.education h4,
div.rehabilitation h4,
div.general-funds h4 {font-size:1.3em}

div.highvalue {float:left; clear:left; background:url(/assets/highvalue-bg.png) no-repeat; width:515px; height:62px; position:relative}
div.highvalue p {position:absolute; display:block; left:455px; top:0px; width:56px; overflow:hidden; z-index:1; text-align:center; color:#fff; font-size:1.1em; font-weight:bold; background-repeat:no-repeat; background-position:center center; padding:33px 0 0 0; height:70px; he\ight:37px;}
div.highvalue p.gift1 {background-image:url(/assets/gift1.png);}
div.highvalue p.gift2 {background-image:url(/assets/gift2.png);}
div.highvalue p.gift3 {background-image:url(/assets/gift3.png);}
div.highvalue h6 {float:left; margin:0px 80px 10px 10px; display:inline; font-weight:normal; padding:6px;}
/* end product page */

/* add to basket screen */
div#added {float:left; /*margin:0 0 20px 0;*/ margin : 0px; padding:0 0 10px 0; /*width:515px;*/ width : auto;}
div#added img {float:left; margin:0px 20px 0px 0px;}
div#added h3 {margin:0 0 0 0; height : 100%;}
div#added h4 {font-size:1.4em; margin : 0px; padding : 0px; float : right; width : 100%; text-align : right;}
/* end add to basket screen */

/* how it works page */
div.how, div.corp {float:left; color:#008BD1; font-size:1.5em; line-height:1.4; width:100%;}
div.how p, div.corp p {margin:0 0 20px 0;}
/* end how it works page */

/* checkout progress bar */
div#checkoutbar {float:left; background:url(/assets/checkout-progress-bg.png) no-repeat #E2F0FA; margin:0 0 10px 0; /*width:515px;*/ width : 100%; font-size:1.1em; font-weight:bold;}
div#content div#checkoutbar ul {float:left; margin:0 0 0 0; padding:0 0 0 0px; background-image:url(/assets/checkout-progress-over.gif); background-repeat: no-repeat; /*width:515px; w\idth:510px;*/ width : 100%; w\idth : 100%;}
div#content div#checkoutbar ul li {float:left; margin:0 0 0 0; padding:10px 10px 9px 22px; list-style-type:none; background-repeat:no-repeat; background-position:0 6px; color:#008BD1;}
div#checkoutbar ul li.one {background-image: url(/assets/checkout1.png);}
div#checkoutbar ul li.two {background-image: url(/assets/checkout2.png);}
div#checkoutbar ul li.three {background-image: url(/assets/checkout3.png);}
div#checkoutbar ul li.four {background-image: url(/assets/checkout4.png);}
.stepone ul {background-position: -390px 0;}
.steptwo ul {background-position: -260px 0;}
.stepthree ul {background-position: -128px 0;}
.stepfour ul {background-position: 0 0;}
div#checkoutbar.stepone ul li.one {color:#61116A;}
div#checkoutbar.steptwo ul li.one,
div#checkoutbar.steptwo ul li.two {color:#61116A;}
div#checkoutbar.stepthree ul li.one,
div#checkoutbar.stepthree ul li.two,
div#checkoutbar.stepthree ul li.three {color:#61116A;}
div#checkoutbar.stepfour ul li.one,
div#checkoutbar.stepfour ul li.two,
div#checkoutbar.stepfour ul li.three,
div#checkoutbar.stepfour ul li.four {color:#61116A;}
div#checkoutbar.stepone ul li.one,
div#checkoutbar.steptwo ul li.one,
div#checkoutbar.stepthree ul li.one,
div#checkoutbar.stepfour ul li.one {background-image: url(/assets/checkout1-here.png);}
div#checkoutbar.steptwo ul li.two,
div#checkoutbar.stepthree ul li.two,
div#checkoutbar.stepfour ul li.two {background-image: url(/assets/checkout2-here.png);}
div#checkoutbar.stepthree ul li.three,
div#checkoutbar.stepfour ul li.three {background-image: url(/assets/checkout3-here.png);}
div#checkoutbar.stepfour ul li.four {background-image: url(/assets/checkout4-here.png);}
/* end checkout progress bar */

/* card selection */
/*div#selectcard {float:left; background:#E2F0FA; padding:10px 10px 10px 10px; width:515px; w\idth:495px;}*/
div#selectcard {float:left; background:#E2F0FA; padding:10px 10px 10px 10px; width:auto;}
div#selectcard h3 {font-size:1.3em; padding:0 0 4px 0; margin:0 0 10px 0; border-bottom:1px solid #A5D1E7;}
div#selectcard h4 {font-size:1.2em; margin:0 0 10px 0;}
div#selectcard h5 {font-size:1.1em; margin:0 0 10px 0; color:#008BD1; padding:6px 0 6px 0px; background-repeat:no-repeat;}
div#selectcard h5.one {background-image: url(/assets/checkout1.png); padding-left:22px;}
div#selectcard h5.two {background-image: url(/assets/checkout2.png); padding-left:22px;}
div#selectcard h5.three {background-image: url(/assets/checkout3.png); padding-left:22px;}

div.selectedcard {float:right; clear:right; margin:0 0 10px 10px; width:154px;}
div.selectedcard p {margin:0 0 0 0; padding:0 0 6px 0; font-size:1.1em; font-weight:bold; color:#61116A;}
div.selectedcard img {float:right; width : 154px; border : none;}

.cards {padding:0 0 0 5px; float : left; width : 100%;}
.cards img {margin:0 10px 10px 0;}
.cards a img {border:none;}
/* end card selection */

/* card preview pop-up */
div#preview {float:left; text-align:left; background-color: #CFE6F7; padding: 20px 20px 0px 20px; width: 350px; w\idth: 310px;}
div#card {margin:0 0 10px 0; display:block; background-color:#fff;}
div#card img {display:block;}
div#card p {padding:10px 0;}
/* end card preview pop-up */

/* confirmation page */
/*div#confirmation {float:left; background:#E2F0FA; padding:10px 10px 10px 10px; width:515px; w\idth:495px;}*/
div#confirmation {padding:0px;}
div#confirmation h3 {font-size:1.2em; padding:0 0 4px 0; margin:0 0 20px 0; border-bottom:1px solid #A5D1E7;}
div#confirmation h5 {margin:0 0 10px 0;}
div#recipient {padding:0 10px 0 0;}

div#confirmation dl {margin: 0 0 10px 0; padding:0; float:left; width:auto; }
div#confirmation dl dt {margin: 0; float:left; font-weight:normal; clear:left; width:200px;}
div#confirmation dl dd {margin: 0; float:left; width:auto; white-space:nowrap;}

p.print {display:none;}
/* end confirmation page */

/* image floats */
img.left, img.leftborder {float:left; margin:4px 12px 4px 0;}
img.left, img.right {border:none;}
img.right, img.rightborder {float:right; margin:0 0 12px 12px;}
img.leftborder, img.rightborder {border: 1px solid #61116A;}
img.border {border: 1px solid #61116A; margin:4px 0 12px 0;}
/* end image floats */

/* image captions */
.captionleft {float:left; margin:4px 12px 4px 0; width:180px; background-color:#E2F0FA; }
.captionleft p, .captionright p {margin:0; padding: 6px; font-size:.92em;}
.captionright {float:right; clear:right; margin:4px 0 4px 12px; width:180px; background-color:#E2F0FA;}
.captionleftborder {float:left; margin:4px 12px 4px 0; width:180px; border: 1px solid #A5D1E7; background-color:#E2F0FA; }
.captionleftborder p, .captionrightborder p {margin:0; padding: 6px; font-size:.92em;}
.captionrightborder {float:right; margin:4px 0 4px 12px; width:180px; border: 1px solid #A5D1E7; background-color:#E2F0FA;}
/* end image captions */

/* lists */
div#content ul {margin:0 0 1em 3em;}
div#content ul li {padding:0; list-style-type:square;}
div#content ul ul {margin:.3em 0 .3em 3em;}
div#content ul ul li {list-style-type:circle;}
div#content ul ul ul li {list-style-type:disc;}
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-weight:bold;}
div#content dd {margin: 0 0 0 1em;}
/* end lists */

div#addedemails dl {margin: 0 0 10px 0; padding:0; float:left; width:auto; }
div#addedemails dl dt {margin: 0; float:left; font-weight:normal; min-width:150px; width:auto; padding:0 3px 0 3px;}
div#addedemails dl dd {margin: 0; float:left; min-width:150px; width:auto; white-space:nowrap; padding:0 3px 0 3px;}

/* address */
div#content address {font-style:normal; font-weight:normal; margin: 0 0 .7em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */
table { float : left; width : 100%;}
table, th, tr, td {font-size:1em;}
table {margin: .5em 0 1em 0; padding:0; }
th {padding: .2em .4em; background:#02B8EE; text-align:left; color:#fff;}
td {padding: .4em; border-bottom:1px solid #A5D1E7;}
td img {float:left; margin:0 10px 0 0;}
table caption {text-align:left; font-size:1.2em; font-weight:bold; color:#61116A; margin:0 0 4px 0;}
tr.row1 {background:#E2F0FA;}
tr.row2 {background:#EEF6FC;}
tr.subtotal, tr.total {font-weight:bold; background:#fff;}
tr.subtotal td {}
tr.total td {border-top:2px solid #A5D1E7;}
tr.total p {margin:0; font-weight:normal;}
/* end tables */

#DeliveryDetails1_lblInstructions {display : ;}

/* panel */
div#selectcard div#DeliveryDetails1_pnlCardType {float : left; width : auto; margin : 0px; padding : 0px;}
div#selectcard div#DeliveryDetails1_pnlCardSelection {float : left; width : auto; margin : 0px; padding : 0px;}

/*div#selectcard div#DeliveryDetails1_pnlAddress {float : left; width : auto; margin : 0px; padding : 0px;}*/
div#selectcard div#DeliveryDetails1_pnlAddress  .checkbox input {width:auto; margin:0 0 0 0; border:none; display : inline; float : left; background:#E2F0FA;}
div#selectcard div#DeliveryDetails1_pnlAddress  .checkbox label {margin:1px 0 10px 6px; width:200px; clear:none; float : left;}

/*div#selectcard div#DeliveryDetails1_pnlEmails {float : left; width : auto; margin : 0px; padding : 0px;}*/
div#selectcard div#DeliveryDetails1_pnlfooter {float : left; width : auto; margin : 0px; padding : 0px;}
/* end panel */

/* forms */
div.formholder {float:left; margin:0 0 20px 0; background:#E2F0FA url(/assets/form-bg.png) no-repeat right top; width : 100%;}
div#selectcard div.formholder {background:#E2F0FA; width:495px;}
div#selectcard div.formholder form {background:#E2F0FA; margin:0 20px 20px 0; width:453px;}

/*form {margin: 10px 20px 20px 20px; float:left; width:473px; display:inline;}*/
form {margin: 0px; float:left; width:auto; display:inline;}
fieldset {border:none; padding : 0px 0px 0px 5px;}
legend {font-size:1.5em; margin:0 0 4px 0; color:#61116A;float:left;}
label {clear:left; cursor:pointer; font-weight:normal; display:block; float:left; padding:2px 10px 0 0; width: 140px; w\idth: 130px; line-height:1; margin:0 0 4px 0;}
input, textarea, select {width:200px; float:left; margin:1px 0; border: 1px solid #A5D1E7; background:#fff; padding:2px 3px;}
input {width:194px;}
select {width:202px;}
textarea.wide {width:320px;}
select.short {width:80px; margin:0 120px 0 0;}
option {background: #fff;}
input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
input.button {display:inline; margin:3px 5px 5px 140px; padding:1px 3px 1px 3px; width:auto; cursor:pointer; background:#02B8EE; color:#fff; font-weight:bold; border:1px solid #A5D1E7; clear:left; overflow: visible; float : right;}

div.formrow {clear:left; width : 100%;}
div.formrow #BillingDetails1_btnAddressLookup, div.formrow #DeliveryDetails1_btnAddressLookup {float : right; margin : 3px 5px 5px 0px; padding:1px 3px 1px 3px; clear : none;}
div.formrow .txt_right {float : right; text-align : right; width : 100%; margin : 0px 0px 0px 0px; padding:0px 3px 0px 0px; display : inline;}
div.formrow .checkbox input {width:auto; margin:5px 0px 0px 0px; border: none; display : inline; float : left; background:#E2F0FA;}
div.formrow .checkbox label {margin:1px 0; padding:2px 0px; float:left; width:470px; clear:none;}

form#donateform {width:auto; margin:0;}
form#donateform p {margin:0;}
form#donateform label {width:10px; padding:4px 0 0 0;}
form#donateform input {width:30px;}
form#donateform input.button {width:auto; clear:none; margin:0 0 0 10px; font-size:.92em; font-weight:normal; display:inline;}

form#checkout {width:auto; margin:0;}
form#checkout label {display:none; margin:0;}
form#checkout input {width:auto; margin:4px 0 0 4px; display:inline;}
form#checkout input.button {width:70px; clear:none; margin:0 0 0 56px; font-size:.92em; display:inline;}

div.cardtype {margin: 0px 0px 20px 0px; float:left; width:300px; display:inline;}
div.cardtype label {width:250px; margin:1px 5px 0px 0; clear:none; font-size:1em; font-weight:bold; color:#008BD1;}
div.cardtype input {width:20px; margin:1px 5px 0px 0; clear:left; border:none; background:#E2F0FA;}
div.cardtype .radio {float : left; width : auto;}
div.cardtype p {float:left; margin:0; padding:2px 0;}

div.addmessage form {width:495px; margin:0 0 20px 0;}
div.addmessage p {float:right; width:220px;}
div.addmessage p.preview {float:left; width:auto; background:#02B8EE; color:#fff; font-weight:bold; border:1px solid #A5D1E7; color:#fff; padding:2px 6px 2px 6px; margin:0 10px 0 0;}
div.addmessage p.preview a, div.addmessage p.preview a:visited {color:#fff;}
div.addmessage p.preview a:hover {text-decoration:none;}
div.addmessage label {display:none;}
div.addmessage textarea {margin:0 0 10px 0; width:200px;}
div.addmessage input.button {width:auto; clear:both; margin:0 10px 0 0;}

.checkbox input {width:auto; margin:0 0 0 0; border:none; display : inline; float : right; background:#E2F0FA;}
.checkbox label {margin:1px 0 10px 6px; width:200px; clear:none;}

.enteremails input {width:200px; margin:0 0 2px 0;}
.enteremails label {width:140px; clear:none; margin:3px 0 0 0; padding:0;}

.enteremails input.button  {margin: 5px 0px 0px 0px; width:auto;}
.confirm input.button {margin-left:0;}
/* end forms */