html {width:100%}
body {
	font-family: "Segoe UI", Optima, Helvetica, Arial, sans-serif;
	color: #222;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	
}
img {
	vertical-align: bottom;
}
p {
	margin:10px 0;font-size:16px;
}

input[type='radio'] { transform: scale(1.5);margin:0 2px 0 12px; }
label {display:inline-block;}
form {line-height: 2.5em;}

.printhead {display:none;}

.masthead {
	position: fixed;
	top:0px;
	width:100%;
	z-index: 1000;
	background: #090909;
    height:128px;
}
.masthead_inner {
	max-width:450px;
	margin:0px auto;
	padding:10px 0;
}
.masthead-image {
	margin-bottom:4px;
}

#calculator,#announcement {
	padding:5px 5px 5px 5px
}

#pledgecontainer {
	position:fixed;
	right:20%;
	top:0px;
    padding:130px 8px 8px 8px;
	border: 1px solid #333;
	border-radius:8px;
    border-top:none;
    background-color:#fff;
	webkit-border-radius : 8 px;
	-moz-border-radius: 8px;
	height:700px;
    z-index:700;
    margin-left:8px;
    margin-right:8px;
    max-width:380px;

}
#pledgesummary {
	background-color:#fff;
	/*margin-left:-200px;
	left: 50%;*/
    margin:0 auto 300px auto;
	padding:5px;
	font-size:0.9em;
	overflow:auto;
	height:685px;
}

#pledgesummary ul {margin:0;padding:0;}

#pledgesummary li {list-style:none;}

#maincontentarea{
	overflow: hidden;
	background-color: #FFF;
	position: relative;
	max-width: 600px;
	margin:0;
}

#content {
	position:relative;
	max-width: 1000px;
	margin:130px auto 250px auto;
}

/*Ordinary Link Styles*/
#content a {
    color: #002953;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}
#content a:hover, .content a:focus {
    color: #000;
    border-bottom-style: solid;
}
.footer a {
    color: #8C8C8C;
}
.footer a:hover, .footer a:focus {
    color: #FFF;
}


.showworksheetbutton     {
   width:300px;
	background:#fff;
	background-image: url('../art/button.png');
	background-repeat:no-repeat;
    font-size:.9em;
    border: 1px solid #f3cd64;
    color:#000;
    padding:3px;
    text-align:center;
    border-radius:8px;
    webkit-border-radius : 8 px;
    -moz-border-radius: 8px;
    text-align:center;
    margin:0 auto;
}



a.showpledge-jumplink, a.showpledge  {color:#000; border:none; text-decoration:none;}
.showpledge-jumplink {display:none;}

#clickforinfo {
    font-size: 1.35em;
    border: 1px solid #333;
    color: #fff;
    padding: 8px;
    text-align: center;
    line-height: 1.35em;
    border-radius: 8px;
    webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-color: #333;
    background: #000;
}


#moreinformation {
    margin-top:10px;
    border: 1px solid #333;
    padding:15px;
    text-align:left;
    line-height:1.35em;
    border-radius:8px;
    webkit-border-radius : 8 px;
    -moz-border-radius: 8px;
    border-color: #333;

}

#phonecontent {display:none;margin-top:250px;text-align:center;padding:10px;font-size:30px;}


/*Heading styles*/
h1, h2, h3, h4 {
	margin: 20px 0px 0px 0px;
	font-family: Federo, "Segoe UI", Optima, Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 1.5em;
    text-align:center;
}
h2 {
	font-size: 1.35em;
	border: 1px solid #333;
	color:#000;
	padding:8px;
	text-align:center;
	line-height:1.35em;
	border-radius:8px;
	webkit-border-radius : 8 px;
	-moz-border-radius: 8px;
}
h3 {
	font-size: 1.25em;
	text-align: center;
	margin-bottom:8px;
}
h4 {
	font-size: 1.1em;
}
/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

.description-panel {
	margin:20px 0;
	padding:8px 0;
	background-color:#fff;
	color:#020202;
}
p.menu {
	text-align:center;
}
a.menu {
	padding:5px;
	margin:0 5px;
}
.clearit {
	clear:both;
}
.image-container {
	border-radius:8px;
	webkit-border-radius : 8 px;
	-moz-border-radius: 8px;
	z-index: 5000;
	padding:30px;
	width:100%;
	background-color:#fff;
	border: 1px solid #333;
	color:#020202;
}

.ksimage {width:100%;}
.ksimage a {text-decoration:none;}
th {
	text-align:left;
}
td {
	padding-right:12px;
	font-size:0.9em;
	vertical-align:top;
}
/*The Footer*/
#footer {
	background-color: #222;
	box-shadow: inset 0px 16px 2px rgba(255,255,255,.025);
	border-top: 1px solid #000;
	padding: 15px 15px;
	font-size: 0.7em;
	color: #8C8C8C;
	text-align: center;
	clear: both;
	position: fixed;
	z-index: 1000;
	top: auto;
	bottom: 0px;
	width: 100%;
}
#footer p.copyright {
	text-transform: uppercase;
	margin: 0px;
}
.item-col {
	width:180px;
	display: inline-block;
	margin-left: 15px;
}
.item-col.gray {
	color:#999;
}
.item-col.painted {
	color:#6F962C;
}
.item-shipping {
	width:150px;
	display: inline-block;
	margin-left: 10px;
	font-size:14px;
}
table {
	width:350px;
	min-width:250px;
	float:left;
}
.total_amount {
	display:inline;
}
.separator {
	border-bottom:dotted 1px #020202;
	width:100%;
	margin:10px 0;
	clear:both;
}
.item-cost, .item-ship-euu, .item-ship-eup, .item-ship-au, .item-ship-ca, .item-ship-ch, .item-ship-eu, .item-ship-ja, .item-ship-o, .item-ship-tw, .item-ship-hk, .item-ship-nz, .total_ship_au, .total_ship_ca, .total_ship_ch, .total_ship_eu, .total_ship_ja, .total_ship_o, .total_ship_tw,.total_ship_hk,.total_ship_nz  {
	display:none;
}
/* button styles */

input.depth {
	height:40px;
	width:40px;
	line-height:10px;
	background: #090a0a;
	background-image: -webkit-linear-gradient(top, #616466, #090a0a);
	background-image: -moz-linear-gradient(top, #616466, #090a0a);
	background-image: -ms-linear-gradient(top, #616466, #090a0a);
	background-image: -o-linear-gradient(top, #616466, #090a0a);
	background-image: linear-gradient(to bottom, #616466, #090a0a);
    color: #ffffff;
	font-size: 20px;
	padding: 4px;
	margin-bottom:5px;
	text-decoration: none;
}
input.depth:hover {
	background: #ced6db;
	background-image: -webkit-linear-gradient(top, #ced6db, #434445);
	background-image: -moz-linear-gradient(top, #ced6db, #434445);
	background-image: -ms-linear-gradient(top, #ced6db, #434445);
	background-image: -o-linear-gradient(top, #ced6db, #434445);
	background-image: linear-gradient(to bottom, #ced6db, #434445);
	text-decoration: none;
}

input.rate {width: 30px;
	border: none;
    text-align: center;}
/*button.addsub {border-radius:8px;width:20px;border:1 px solid; padding:1px;font-weight:bold;background:#000;color:#fff;}*/

/* end button styles */







/* ----------- Media ----------- */

@media only screen  and (max-width: 768px) {

	#calculator, #maincontentarea {
		margin-left: auto;
		margin-right: auto;
	}

	#pledgecontainer {
		left: 50%;
		margin-left: -195px;
	}
}


    /* ----------- iPhone 4 and 4S ----------- */

    /* Portrait and Landscape */
 @media only screen
    and (min-device-width: 320px)
    and (max-device-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2) {
     #pledgecontainer {
         position:relative;
         margin:0 auto;
         top: 0;
         right: 0;
         left:0;
     }
     .showpledge-jumplink {display: block;}
     .showpledge {display:none;}
     #pledgecontainer { height:auto;}
     #pledgesummary {height:auto;margin-bottom:20px;}

}

    /* Portrait */
@media only screen
    and (min-device-width: 320px)
    and (max-device-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
	.item-col {display:block;}

}

    /* Landscape */
 @media only screen
    and (min-device-width: 320px)
    and (max-device-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) {

    }


/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    #pledgecontainer {display:none;}
    #pledgecontainer {
        position:relative;
        margin:0 auto;
        top: 0;
        right: 0;
        left:0;
    }
    .showpledge-jumplink {display: block;}
    .showpledge {display:none;}
    #pledgecontainer { height:auto;}
    #pledgesummary {height:auto;margin-bottom:20px;}
}


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	.item-col {display:block;}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    #pledgecontainer {display:none;}
    #pledgecontainer {
        position:relative;
        margin:0 auto;
        top: 0;
        right: 0;
        left:0;
    }
    .showpledge-jumplink {display: block;}
    .showpledge {display:none;}
    #pledgecontainer { height:auto;}
    #pledgesummary {height:auto;margin-bottom:20px;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {


}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    #pledgecontainer {height:205px;}
    #pledgesummary {height:200px;}
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) {
    #pledgecontainer {display:none;}
    #pledgecontainer {
        position:relative;
        margin:0 auto;
        top: 0;
        right: 0;
        left:0;
    }
    .showpledge-jumplink {display: block;}
    .showpledge {display:none;}
    #pledgecontainer { height:auto;}
    #pledgesummary {height:auto;margin-bottom:20px;}

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
    #pledgecontainer {display:none;}
    #pledgecontainer {
        position:relative;
        margin:0 auto;
        top: 0;
        right: 0;
        left:0;
        padding-top: 150px;
    }
    .showpledge-jumplink {display: block;}
    .showpledge {display:none;}
    #pledgecontainer { height:auto;}
    #pledgesummary {height:auto;margin-bottom:20px;}
}

/* Portrait */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 2)
  and (orientation: portrait) {


}

/* Landscape */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3) {
    #pledgecontainer {display:none;}
    #pledgecontainer {
        position:relative;
        margin:0 auto;
        top: 0;
        right: 0;
        left:0;
        padding-top: 150px;
    }
    .showpledge-jumplink {display: block;}
    .showpledge {display:none;}
    #pledgecontainer { height:auto;}
    #pledgesummary {height:auto;margin-bottom:20px;}
}

/* Portrait */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {

}

/* Landscape */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3) {
    #pledgecontainer {display:none;}
    #pledgecontainer {
        position:relative;
        margin:0 auto;
        top: 0;
        right: 0;
        left:0;
        padding-top: 150px;
    }
    .showpledge-jumplink {display: block;}
    .showpledge {display:none;}
    #pledgecontainer { height:auto;}
    #pledgesummary {height:auto;margin-bottom:20px;}
}

/* Portrait */
@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {

}

/* Landscape */
@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {

}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    #pledgecontainer {display:none;}
    #pledgecontainer {
        position:relative;
        margin:0 auto;
        top: 0;
        right: 0;
        left:0;
        padding-top: 150px;
    }
    .showpledge-jumplink {display: block;}
    .showpledge {display:none;}
    #pledgecontainer { height:auto;}
    #pledgesummary {height:auto;margin-bottom:20px;}
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    #pledgecontainer {right: 5px;}
    #pledgecontainer {display:block;}
    #pledgecontainer {height:550px;}
    #pledgesummary {height:545px;margin-bottom:300px;}
    .showpledge-jumplink {display: none;}
    .showpledge {display:block;}
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    #pledgecontainer {display:none;}
    #pledgecontainer {
        position:relative;
        margin:0 auto;
        top: 0;
        right: 0;
        left:0;
        padding-top: 150px;
    }
    .showpledge-jumplink {display: block;}
    .showpledge {display:none;}
    #pledgecontainer { height:auto;}
    #pledgesummary {height:auto;margin-bottom:20px;}
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
	#pledgecontainer {
		right: 5px;
	}
    #pledgecontainer {display:block;}
    .showpledge-jumplink {display: none;}
    .showpledge {display:block;}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    #pledgecontainer {
        position:relative;
        margin:0 auto;
        top: 0;
        right: 0;
        left:0;
        padding-top: 180px;
    }
    #pledgecontainer {display:none;}
    .showpledge-jumplink {display: block;}
    .showpledge {display:none;}
    #pledgecontainer { height:auto;}
    #pledgesummary {height:auto;margin-bottom:20px;}
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	#pledgecontainer {display:block;}
	#pledgecontainer { right: 5px; }
    .showpledge-jumplink {display: none;}
    .showpledge {display:block;}
}





/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media
(min-device-width: 800px)
and (max-device-width: 1280px) {

}

/* Portrait */
@media
(max-device-width: 800px)
and (orientation: portrait) {
    #pledgecontainer {
        position:relative;
        margin:0 auto;
        top: 0;
        right: 0;
        left:0;
        padding-top: 150px;
    }
    #pledgecontainer {display:none;}
    .showpledge-jumplink {display: block;}
    .showpledge {display:none;}
    #pledgecontainer { height:auto;}
    #pledgesummary {height:auto;margin-bottom:20px;}
}

/* Landscape */
@media
(max-device-width: 1280px)
and (orientation: landscape) {
    #pledgecontainer {
        right: 5px;
    }
}

/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332) {
    #pledgecontainer {display:none;}
    #pledgecontainer {
        position:relative;
        margin:0 auto;
        top: 0;
        right: 0;
        left:0;
        padding-top: 150px;
    }
    .showpledge-jumplink {display: block;}
    .showpledge {display:none;}
    #pledgecontainer { height:auto;}
    #pledgesummary {height:auto;margin-bottom:20px;}
}

/* Portrait */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332)
and (orientation: landscape) {

}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {
	#pledgecontainer {
       right: 5px;
        left:auto;
        position: fixed;
        top: 0px;
        padding: 130px 8px 8px 8px;
        border: 1px solid #333;
        border-radius: 8px;
        border-top: none;
        background-color: #fff;
        webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        z-index: 700;
        margin-left: 8px;
        margin-right: 8px;
        max-width: 380px;
        display:block;
    }
    .showpledge-jumplink {display: none;}
    .showpledge {display:block;}
}