body {background-color:#edf8fe;}
h1 {color:white;}
h1 span {color:#ffa011; background-color:white; display:inline-block; padding:0 14px; margin-top:40px; -moz-border-radius:6px;-webkit-border-radius:6px;-webkit-border-radius:6px;}
#masthead {background:url(../img/mastheadbg.jpg) repeat-x top; height:166px; width:100%; border-bottom:white solid 3px;}
#pageWrap {overflow:auto; position:relative;background:url(../img/stripes.jpg) repeat-x top; height:100%; width:100%;} #logo {margin-top:10px;}
h2, h3, h4, a, a:visited, #steps li {color:#0f6fb2;}
h4.greeting {margin:15px 0 0 0; font-size:15px;}
.display-none { display: none; }
.col-left { float: left; }
.col-right { float: right; }
#steps {background:url(../img/right_panel.jpg) repeat-x top; -moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px; margin-top:30px; padding:20px 20px 0 20px;}
#steps p {-moz-border-radius:8px;-webkit-border-radius:8px; text-align:center; line-height:26px; padding-top:9px;}
#steps p.signin {height:60px; background:#ffc956 url(../img/orangebg.jpg) repeat-x bottom; font-size:23px; color:white; border: solid 3px white;}
#steps p.callout {color:#0f6fb2; font-size:26px; background-color:#beebfe; padding:9px;}
#steps p a, #steps p a:visited {text-decoration:none; background-color:transparent; color:white; display:inline;}
    #steps ol {list-style-type:none; margin:0; padding:0;}
    #steps li {margin:10px 10px 10px 0; padding:0 10px 10px 62px;height:56px;
            border-bottom:dotted #64b1de; font-size:18px; 
    }
    #steps li.one {background:url(../img/bullet1.png) no-repeat top left; border-top:none;}
    #steps li.two {background:url(../img/bullet2.png) no-repeat top left;}
    #steps li.three {background:url(../img/bullet3.png) no-repeat top left;}
    #steps li.four {background:url(../img/bullet4.png) no-repeat top left;}
    #steps a, #learn-more a {display:inline-block; text-decoration:none; height:30px; -moz-border-radius:20px;-webkit-border-radius:20px; background-color:white; width:145px; padding:1px;}
    #steps div, #learn-more {text-align:center;}
    #steps a span, #learn-more a span {color:#ffa011; font-size:18px;}
    img.links {margin-bottom:-10px;}
    #charity, #news { color: #91def9; background-color:#2b7ab2;}
    #news {-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px; padding-bottom:10px; text-align:center;}
    #charity p, #news p {margin:0 10px 10px;}
    #news img {margin:10px 10px 10px 20px;}
    #charity h3, #news h3 {text-align:left; color:#91def9; margin:0 5px 5px 5px; padding: 5px 5px 0 15px; font-size:38px; border-bottom:dotted white 3px;}
ul#categories, ul#tgfb-menu {
    list-style-type:none;
}
ul#categories li, ul#tgfb-menu li {
    display:inline;
    font-size:16px;
    font-weight:bold;
    margin:0 15px 0 0;
}
ul#categories li a, ul#tgfb-menu li a {
    text-decoration:none;
    padding:6px 8px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    background-color:#edf8fe;
}
ul#categories li a.current {
    background-color:#0f6fb2;
    color:white;
}
ul#categories li a:hover {
    color:white; background-color:#ffa011;
}
ul#tgfb-menu li a {
    background-color:#0f6fb2;
    color:white;
}
body.home ul li a.home, 
body.send ul li a.send,
body.history ul li a.history 
    {color:white; background-color:#ffa011 !important;}
div.treatWrap {position:relative; height:224px; margin-bottom:10px;}
div.treat {background:white url(../img/productbg.jpg) repeat-x top; padding:10px; height:180px; text-align:center; border: 1px solid white; -moz-border-radius:6px;-webkit-border-radius:6px;}
div.treat h4 {float:right; font-size:30px; padding:0; margin:0;}
div.tweet {background-color:white; -moz-border-radius:8px;-webkit-border-radius:8px; border: 1px solid #91def9; margin-top:10px; padding:20px;}
    div.tweet img { float:left; margin-right:10px;}
    div.tweet p.msg {color:orange; font-weight: bold; font-size:16px; margin:0;}
    div.tweet p.quiet { color:grey; font-style:italic; font-family: Times serif; margin-bottom:0; margin-left:58px;}
div.price {background:url(../img/pricetag.png) no-repeat top left; width:84px; height:77px; position:absolute; right:10px; bottom:4px; color:white; font-weight:bold; font-size:42px; padding:10px 0 0 7px;}
div.price span {font-size:28px; vertical-align:top; display:inline-block; margin:6px 0;}
#footer {background-color:#2b7ab2; -moz-border-radius:8px;-webkit-border-radius:8px; border:2px solid #1671b2; margin-top:20px; margin-bottom:20px; height:165px; padding:5px;}
#footer ul {float:left; list-style-type:none;}
#footer li {color:white; display:inline-block; font-weight:bold; margin:16px 0; font-size:18px; border-right:dotted #64b1de; padding:0 10px;}
#footer li.last {border:none;}
#footer li a, #footer li a:visited { color:white; text-decoration:none;}
#footer > div {float:right;}
#footer img {float:right;}
#footer form, form.pretty {float:left; background-color:#1d629d; -moz-border-radius:6px;-webkit-border-radius:6px; padding:6px; margin:14px 10px;}
#footer input {color:white;}
#footer input.submit, input.add, #steps a.checkout, a.next {background:#ffc956 url(../img/orangebg.jpg) repeat-x top; border: 2px solid #ffb343; -moz-border-radius:6px;-webkit-border-radius:6px;}
#footer input.email {background-color:#1d629d; border:0; width:255px;}
div.contentWrap {background:white url(../img/productbg.jpg) repeat-x top; border:white 2px solid; -moz-border-radius:6px;-webkit-border-radius:6px; margin-top:30px; padding:20px; font-size:16px; color:#173d5a;} 
div.contentWrap h1 {color:#0f6fb2;}
div.contentWrap form.pretty {width:108px; float:right; margin:0;}
div.contentWrap form.pretty label {color:white; font-weight:bold; font-size:15px;}
div.contentWrap div.quantity * {display:inline;}
div.contentWrap #id_qty {width:30px; border:none;}
div.contentWrap input.add, a.checkout {clear:both; color:white; font-weight:bold; margin-top:8px;}
div.contentWrap img {float:left;}
p.notes {font-size:12px;}
#steps.no-signboards {-moz-border-radius:8px;-webkit-border-radius:8px;}
ul#otherGifts {list-style-type:none; margin:0; padding:0}
ul#otherGifts li {padding:0; margin:0; border:none; vertical-align:middle;}
ul#otherGifts a {display:inline-block; background-color:transparent; width:100%; height:55px; font-size:24px;}
ul#otherGifts a:hover {background-color:white;}
ul#otherGifts img {border:0; margin:0; float:left;}
a.checkout {text-align:center; font-size:20px;}
#cart {margin-bottom:20px;}
#cart table {font-size:14px;}
#cart tr.row1 {color:#0F6FB2;}
#cart tr.row2 {color:#0F6FB2; background-color:#ccf0fe;}
#cart td {padding:5px;}
#cart td.product {width:150px;}
#cart td.qty {width:50px; text-align:right;}
#cart td.amt {width:50px; text-align:right;}
#checkoutForm label {display:block; font-size:14px; padding-bottom:18px;}
#checkoutForm label input, #checkoutForm label textarea {background:white url(../img/productbg.jpg) repeat-x top; -moz-border-radius:6px;-webkit-border-radius:6px; border: 1px solid #91def9; height:34px; font-size:20px; padding:4px; width:100%;}
#checkoutForm label textarea  {width:500px; height:200px;}
input.add.bigger {font-size:22px; float:right; margin-right:50px;}
#tweetPreview p {color:#0F6FB2;}
#tweetPreview blockquote {font-style:italic;}
.errorlist {border:2px solid red; -moz-border-radius:6px;-webkit-border-radius:6px; color:red; background-color:pink; list-style-type:none;}
#checkoutCart {font-size:16px;}
#checkoutCart tr.row1 {color:#0F6FB2;}
#checkoutCart tr.row2 {color:#0F6FB2; background-color:#ccf0fe;}
#checkoutCart th, #checkoutCart td {padding:5px;}
#checkoutCart td.product {width:280px;}
#checkoutCart td.qty {width:85px; text-align:right;}
#checkoutCart td.amt {width:85px; text-align:right;}
#checkoutCart td.delete {width:85px; text-align:center;}
#checkoutCart th {background-color:#1D629D; color:white;}
fieldset {margin:0; width:360px}
#footer input.submit{font-weight:bold; padding:2px;float:right;}
#footer input.email{font-size:13px !important; margin-top:4px;}
#footer form {padding:10px; margin-top:8px;}

#received {list-style-type:none; margin-left:0;}
#received a {float:right; display:block; margin-right:6px; font-weight:bold; text-decoration:none; font-size:18px;}
#received li {display:block; margin:0 0 10px 0;background-color:#BEEBFE; padding:10px;-moz-border-radius:6px;-webkit-border-radius:6px; font-weight: bold;}
#received ul {list-style-type:none; margin-left:0;}
#received ul li {padding:0; height: 42px; font-size:20px; line-height:2; background:transparent none; color:#173D5A; margin:5px 0;}
a.next {float:right; color:white; font-weight:bold; font-size:18px; padding:6px; text-decoration:none;}

.contentWrap #id_custom, .contentWrap #id_tweet {background:none; border:none; border-bottom:2px dotted #0f6fb2; font-size:13px; height:16px; width:400px; -webkit-border-radius:none; -moz-border-radius:none;}

#sponsors {list-style-type:none;}
#sponsors li {margin-left:0; display:inline;}

/****misfit Footer****/

#footer-1 {
	background: transparent;
	width: 100%;
	height: 85px;
    color: #f3f3f3;
	font-size: 16px;
}

#footer-1 #copyright { margin: 0 0 0 20px; }

#footer-1 #copyright span {
    color: #DDDDDD;
    font: normal 14px "proxima-nova-1","proxima-nova-2",sans-serif;
    margin-right: 5px;
}

#footer-1 p {
    color: #f3f3f3;
    float: left;
    font-size: 16px;
    padding-top: 46px;
}

#footer-1 #credit { margin: 0 20px 0 0; }

#footer-1 #credit a {
    color: #888888;
    margin-left: 5px;
    margin-top: 7px;
    text-decoration: underline;
}


.misfit-inc {
    background: url("../img/misfit-inc.png") no-repeat scroll 0 40px transparent;
    clear: none;
    display: block;
    float: right;
    height: 67px;
    margin-left: 10px;
    width: 142px;
}
	.misfit-inc:hover {
		background-position: 0 -40px;
	}