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

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

/* page containers */
div#wrapper {margin:0 auto; text-align:left; width: 775px; background-color: #cfe6f7;padding: 0 0 10px 0; }
p.skip {display:none;}
div#contentholder {margin: 0 0 0 7px; background-color: #A5D1E7; width: 755px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#left {float: left; background: url(/assets/subnavtop.png) no-repeat 20px 20px #A5D1E7; padding:32px 20px 20px 20px; width: 216px; w\idth: 176px;}
div#content {float:left; background-color: #fff; padding: 12px 12px; width: 539px; w\idth: 515px; min-height:472px; height:auto !important; height:472px;}
/* 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 */

/* png transparency fix for stupid IE */
div.product p a,
div#featured p a,
div#add-to-basket p,
div.highvalue p,
div#checkoutbar ul {behavior: url(/css/iepngfix.htc);}
/* png transparency fix for stupid IE */

/* 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; text-indent:-9999em; margin:0 0 10px 0;}
/* end image replacement for page headings */

/* header */
div#header {float:left; background:#fff; margin:0 0 0 7px; display:inline; width:755px; w\idth:755px;}
div#header p {margin:0; text-align:center; line-height:1.2;}
div#header h1 {float:left; margin:0; padding:7px 0 12px 28px;}
div#header h2 {float:right; margin:0 0 0 0; padding: 14px 18px 18px 406px;}
div#header h1 a {background:url(/assets/logo.png) no-repeat; text-indent:-9999em; width:162px; height:97px; display:block;}
div#header h2 a {background:url(/assets/ssi-logo.png) no-repeat; text-indent:-9999em; width:140px; height:32px; display:block;}
div#header h1 a:hover, div#header h2 a:hover {text-decoration:none;}

div#help, div#basket {float:right; font-weight: bold; display:inline; margin: 0 14px 0 0px;}
div#help {background: url(/assets/help.png) no-repeat;}
div#help p a {color: #61116A; display:block; padding:14px 0 12px 24px; width:124px; w\idth:100px;}

div#basket {background: url(/assets/basket.png) no-repeat;}
div#basket p a {color: #008BD1; display:block; padding:6px 0 6px 30px; width:158px; w\idth:128px;}
div#basket p a span {display:block; font-size:.92em;}
/* end header */

/* primary navigation */
div#nav {float:left; font-weight:bold; background: url(/assets/navbar.png) no-repeat left bottom #02B8EE; width:775px;}
div#nav ul {float: left; padding: 0 0 0 6px;}
div#nav ul li {float: left; list-style-type: none; padding: 9px 0 10px 0;}
div#nav ul li a {color: #FFF; padding: 10px 14px 4px 22px;}
div#nav ul li a span { padding: 0 6px 6px 0px;}

div#nav ul li.active a,
div#nav ul li a:hover {background: url(/assets/navstar1.png) no-repeat 6px 4px; text-decoration:none;}
div#nav ul li.active a {color: #61116a;}
div#nav ul li.active a span,
div#nav ul li a:hover span {background: url(/assets/navstar2.png) no-repeat right bottom;}
/* end primary navigation */

/* secondary navigation */
div#subnav {float:left; background: url(/assets/subnavmiddle.png) repeat-y; padding:4px 0 0 16px; width:176px; w\idth:160px;}
div#subnav ul {float:left; margin:0; padding: 0; width: 160px;}
div#subnav ul li {line-height:1.1; list-style-type: none; padding: 0 0 10px 0; margin:0;}
div#subnav ul li a {color: #fff; font-weight: bold; display:block;}  
div#subnav ul li.active a {color: #333;}  

div#subnav dl {float:left; margin:0 0 10px 0; padding:0 0 6px 10px; background: url(/assets/menu-long.png) no-repeat; width: 160px; w\idth: 150px;}
div#subnav dt {margin:0 2px 0 0; padding: 4px 0 0 0; color: #61116A; font-weight: bold; border-bottom:1px solid #A46CAA;}
div#subnav dd {margin:0 2px 0 0; padding: 0 0 0 10px; background:#B88EBD;}
div#subnav dd a {color: #fff; font-weight: bold; padding: 2px 0 0 0; display:block;}
div#subnav dd.active a {color: #222;}
div#subnavholder {float:left; padding:0 0 12px 0; background: url(/assets/subnavbottom.png) no-repeat bottom left;}
/* end secondary navigation */

/* homepage specific rules */
div#homeintro {float:left; margin:0 0 15px 0; padding:0 10px;}
div#homeintro h2 {background:url(/assets/give-the-gift-of-sight.png) no-repeat; text-indent:-9999em; width:228px; height:34px; display:block; margin:0;}
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; background:#008BD1;}
div#howitworks h3 a {background:url(/assets/how-it-works.png) no-repeat; text-indent:-9999em; width:156px; height:46px; display:block;}
div#howitworks h3 a:hover {text-decoration:none;}
div#content div#howitworks ol {margin:0; color: #008BD1; background-color:#A5D1E7;}
div#howitworks ol li {list-style-type:none; margin:0; padding:0;}
* html div#howitworks ol li {height: 1px;} /* white space hack for IE */
* html div#howitworks ol li span {display:inline-block;} /* list item padding adjustment for IE */
div#howitworks li span {padding:10px 4px 11px 30px; margin:0; display:block;}
div#howitworks li.one {background:url(/assets/star1.png) no-repeat 130px 25px;}
div#howitworks li.one span {background:url(/assets/one.png) no-repeat 10px 14px;}
div#howitworks li.two {background:url(/assets/star2.png) no-repeat 0px 55px #CFE6F7;}
div#howitworks li.two span {background:url(/assets/two.png) no-repeat 6px 14px;}
div#howitworks li.three {background:url(/assets/star3.png) no-repeat 80px 45px;}
div#howitworks li.three span {background:url(/assets/three.png) no-repeat 6px 14px;}
/* 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.gift10 a,
div.product p.gift6 a,
div.product p.gift15 a,
div.product p.gift17 a,
div.product p.gift19 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.gift11 a,
div.product p.gift13 a,
div.product p.gift18 a,
div.product p.gift20 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.gift12 a,
div.product p.gift14 a,
div.product p.gift16 a,
div.product p.gift19 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; background:url(/assets/landing-block.png) no-repeat left top #D2E8F3; padding:0 0 0 10px; margin:0 0 10px 0; color: #333; width:515px; w\idth:505px;}
div#product-type-intro h2.replace {margin:20px 0 0px 0;}
div#product-type-intro img {float:right; margin:0 0 0 20px; padding:0;}
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; display:block; padding:0 0px 2px 0; margin:0 0 4px 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;}
div#added a { background: #02B8EE; color: #fff; padding:1px 3px 1px 3px; }
/* end add to basket screen */

/* how it works page */
div.how, div.corp {float:left; width:498px; border-bottom:10px solid #fff; color:#008BD1; font-size:1.5em; line-height:1.4;}
div.how p, div.corp p {margin:0;}
div#how1 {background:url(/assets/how-it-works1.png) no-repeat #A5D1E7; min-height:141px; height:auto !important; height:141px;}
div#how2 {background:url(/assets/how-it-works2.png) no-repeat #D2E8F3; min-height:143px; height:auto !important; height:143px;}
div#how3 {background:url(/assets/how-it-works3.png) no-repeat #A5D1E7; min-height:130px; height:auto !important; height:130px;}
div#how4 {background:url(/assets/how-it-works4.png) no-repeat #fff; min-height:171px; height:auto !important; height:171px;}

div#how1.how p {padding:50px 160px 0 100px;}
div#how2.how p {padding:40px 40px 0 200px;}
div#how3.how p {padding:25px 180px 0 100px;}

div#how1.corp p {padding:40px 150px 0 90px;}
div#how2.corp p {padding:30px 40px 0 200px;}
div#how3.corp p {padding:25px 180px 0 100px;}
div#how4.corp {padding:0 0 10px 0; border-bottom:1px solid #A5D1E7;}
div#how4.corp h3 {padding:20px 10px 0 100px; font-size:.92em; margin:0; line-height:1.1; color:#008BD1;}
div#how4.corp h4 {padding:10px 10px 0 110px; font-size:.84em; margin:0; line-height:1.2; color:#008BD1;}
div#how4.corp p {padding:10px 10px 0 120px; font-size:.7em; font-weight:bold; line-height:1.2;}
div#how4.corp p a {color:#000;}
/* end how it works page */

/* checkout progress bar */
div#BillingDetails1_checkoutbar, 
div#DeliveryDetails1_checkoutbar, 
div#Preview1_checkoutbar, 
div#PaymentMethod1_checkoutbar,
div#Confirmation1_checkoutbar {color:#008BD1; 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#BillingDetails1_checkoutbar ul, 
div#content div#DeliveryDetails1_checkoutbar ul, 
div#content div#Preview1_checkoutbar ul, 
div#content div#PaymentMethod1_checkoutbar ul,
div#content div#Confirmation1_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#BillingDetails1_checkoutbar ul li, 
div#content div#DeliveryDetails1_checkoutbar ul li, 
div#content div#Preview1_checkoutbar ul li, 
div#content div#PaymentMethod1_checkoutbar ul li,
div#content div#Confirmation1_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; }


div ul li.four_step1 {background-image: url(/assets/checkout1.png);}
div ul li.four_step2 {background-image: url(/assets/checkout2.png);}
div ul li.four_step3 {background-image: url(/assets/checkout3.png);}
div ul li.four_step4 {background-image: url(/assets/checkout4.png);}

div ul li.five_step1 {background-image: url(/assets/checkout1.png);}
div ul li.five_step2 {background-image: url(/assets/checkout2.png);}
div ul li.five_step3 {background-image: url(/assets/checkout3.png);}
div ul li.five_step4 {background-image: url(/assets/checkout4.png);}
div ul li.five_step5 {background-image: url(/assets/checkout5.png);}

.four_stepone ul {background-position: -390px 0;}
.four_steptwo ul {background-position: -260px 0;}
.four_stepthree ul {background-position: -128px 0;}
.four_stepfour ul {background-position: 0 0;}

.five_stepone ul {background-position: -420px 0;}
.five_steptwo ul {background-position: -320px 0;}
.five_stepthree ul {background-position: -230px 0;}
.five_stepfour ul {background-position: -130 0;}
.five_stepfive ul {background-position: 0 0;}

ul li.four_step1,
ul li.four_step2,
ul li.four_step3,
ul li.four_step4 {width:95px;}

ul li.five_step1,
ul li.five_step2,
ul li.five_step3,
ul li.five_step4,
ul li.five_step5 {width:65px;}

div.four_stepone ul li.four_step1 {color:#61116A;}

div.four_steptwo ul li.four_step1,
div.four_steptwo ul li.four_step2 {color:#61116A;}

div.four_stepthree ul li.four_step1,
div.four_stepthree ul li.four_step2,
div.four_stepthree ul li.four_step3 {color:#61116A;}

div.four_stepfour ul li.four_step1,
div.four_stepfour ul li.four_step2,
div.four_stepfour ul li.four_step3,
div.four_stepfour ul li.four_step4 {color:#61116A;}

div.five_stepone ul li.five_step1 {color:#61116A;}

div.five_steptwo ul li.five_step1,
div.five_steptwo ul li.five_step2 {color:#61116A;}

div.five_stepthree ul li.five_step1,
div.five_stepthree ul li.ffive_step2,
div.five_stepthree ul li.five_step3 {color:#61116A;}

div.five_stepfour ul li.five_step1,
div.five_stepfour ul li.five_step2,
div.five_stepfour ul li.five_step3,
div.five_stepfour ul li.five_step4 {color:#61116A;}

div.five_stepfive ul li.five_step1,
div.five_stepfive ul li.five_step2,
div.five_stepfive ul li.five_step3,
div.five_stepfive ul li.five_step4,
div.five_stepfive ul li.five_step5 {color:#61116A;}

div.four_stepone ul li.four_step1,
div.four_steptwo ul li.four_step1,
div.four_stepthree ul li.four_step1,
div.four_stepfour ul li.four_step1 {background-image: url(/assets/checkout1-here.png);}
div.four_steptwo ul li.four_step2,
div.four_stepthree ul li.four_step2,
div.four_stepfour ul li.four_step2 {background-image: url(/assets/checkout2-here.png);}
div.four_stepthree ul li.four_step3,
div.four_stepfour ul li.four_step3 {background-image: url(/assets/checkout3-here.png);}
div.four_stepfour ul li.four_step4 {background-image: url(/assets/checkout4-here.png);}

div.five_stepone ul li.five_step1,
div.five_steptwo ul li.five_step1,
div.five_stepthree ul li.five_step1,
div.five_stepfour ul li.five_step1 ,
div.five_stepfive ul li.five_step1 {background-image: url(/assets/checkout1-here.png);}
div.five_steptwo ul li.five_step2,
div.five_stepthree ul li.five_step2,
div.five_stepfour ul li.five_step2 ,
div.five_stepfive ul li.five_step2 {background-image: url(/assets/checkout2-here.png);}
div.five_stepthree ul li.five_step3,
div.five_stepfour ul li.five_step3,
div.five_stepfive ul li.five_step3 {background-image: url(/assets/checkout3-here.png);}
div.five_stepfour ul li.five_step4,
div.five_stepfive ul li.five_step4 {background-image: url(/assets/checkout4-here.png);}
div.five_stepfive ul li.five_step5 {background-image: url(/assets/checkout5-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;}
div#selectcard a {padding-left: 25px;}

.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 */

/* flyout */
.flyout {position:absolute;	top:0px; left:0px; width:366px; height:220px; background-image:url(/assets/more_info_flyout.gif);}
.flyoutcontent {width:270px; padding: 10px 0px 0px 70px;}
/* end  flyout */

/* 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 {float:left; border:1px solid #A5D1E7; width: 308px; margin:0 0 10px 0; display:inline; background-color:#fff;}
div#card img {float:left;}
div#card #txtCardMessage {border:none; float:left; padding:10px; width:134px; height: 166px;}
div#card .cardmessage {border:none; float:left; padding:10px; width:134px; height: 166px;}
/* end card preview pop-up */

/* preview page */
div.preview {float:left; text-align:left; padding: 0px 20px 0px 20px; width: 350px; w\idth: 310px;}
div.card {float:left; border:1px solid #A5D1E7; width: 308px; height: 218px; margin:0 0 10px 0; display:inline; background-color:#fff;}
div.card img {float:left;margin-right: 10px;}
div.card p{margin-top: 10px;}
div.card .txtCardMessage {border:none; float:left; padding:10px; width:134px; height: 166px;}
div.card .cardmessage {border:none; float:left; padding:10px; width:134px; height: 166px;}
/* end preview  */

div.previewaddress {float:left; margin-top: 42px; width: 150px; w\idth: 130px;}

/* confirmation page */
/*div#confirmation {float:left; background:#E2F0FA; padding:10px 10px 10px 10px; width:515px; w\idth:495px;}*/
div#confirmation {float:left; background:#E2F0FA; padding:10px 10px 10px 10px; width : auto;}
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 {float:left; padding:0 10px 0 0; width:185px; w\idth:175px;}

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 {float:right; width:auto; background:#02B8EE; color:#fff; font-weight:bold; border:1px solid #A5D1E7; color:#fff; padding:2px 10px 2px 10px;}
p.print a, p.print a:visited {color:#fff;}
p.print a:hover {text-decoration:none;} 
/* end confirmation page */

/* footer */
div#footer {float:left; margin: 0 0 16px 2px; display:inline; width: 766px; background: url(/assets/footer.png) no-repeat left bottom #B88EBD; font-size:.92em;}
div#footer ul {float:left; padding:9px 5px; margin:0 0 0 10px;}
div#footer ul li {float: left; color: #fff; list-style-type: none; padding:0 4px 0 0;}
div#footer ul li.copyright {padding:0 40px 0 35px;}
div#footer ul li a {color: #fff;}
/* end footer */

/* 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; min-width:150px;}
div#content dd {margin: 0 0 0 1em;  min-width:150px;}
/* end lists */

div#addedemails dl {margin: 0 0 10px 0; padding:0; float:left; width:auto; }
div#addedemails dl dt {margin: 0; float:left; width:150px; font-weight:normal; padding:0 3px 0 3px;}
div#addedemails dl dd {margin: 0; float:left; width:250px; white-space:nowrap; padding:0 3px 0 3px;}
div#addedemails dl dd.remove {margin: 0; clear:right; width:50px; 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 */

div#contactcomments td {border-bottom: none;}

#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 */


div#align_right {clear:both;float:right;width:470px;display:inline;margin:0px;padding:0px;}
/*div#align_right #DeliveryDetails1_btnAddressLookup {clear:both;float:right;}
div#align_right .txt_right {text-align:right;}*/
div#selectcard div#DeliveryDetails1_pnlAddress div.formrow {clear:both;}


/* forms */
div.formholder {float:left; margin:0 0 20px 0; background:#E2F0FA url(/assets/form-bg.png) no-repeat right top; /*width:515px;*/ 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; width:473px;}
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;}
input.editbutton {clear: both; margin:3px 5px 5px 3px; padding:1px 3px 1px 3px; cursor:pointer; background:#02B8EE; color:#fff; font-weight:bold; border:1px solid #A5D1E7;}

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 : 375px; margin : 0px 0px 0px 0px; padding:0px 3px 0px 0px; display : inline;}
div.formrow .txt_right2 {float : right; text-align : right; width : 375px; margin : 0px 5px 0px 0px; display : inline; clear:both;}
div.formrow .checkbox input {width:auto; margin:23px 0px 0px 12px; border: none; display : inline; float : left; background:#E2F0FA;}
div.formrow .checkbox label {margin:1px 0; padding:2px 0px; float:left; width:440px; clear:none;}

div.formrow .opt_checkbox input {width:auto; border: none; display : inline; float : left; background:#E2F0FA;}
div.formrow .opt_checkbox label {margin:1px 0; padding:2px 0px; float:left; width:100px; clear:both;}

div.formrow .radio input {width: 25px; border: none; float : left; background:#E2F0FA;}
div.formrow .radio label {width: 200px; margin-top: 4px; float:left; clear:none;}
div.formrow .radio td {padding: 0px; border-bottom:none;}


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

.UpdateButton { display:inline; 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;}
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; padding-top: 10px;}
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 {width:100%;}
.enteremails input.button  {margin: 5px 0px 0px 0px; width:auto;}
.confirm input.button {margin-left:0;}

.clearer {clear:both;}

/* end forms */