/* ### MPP - ecommerce funnel css ### */
html, body{height:100%;}
body{font-family: Georgia,"Times New Roman",Times,serif; font-size:16px; line-height:1.5em; margin:0; padding:0;}
.accessibility{visibility:hidden;}
a:link, a:active, a:focus, object, embed, .btn:focus, input, select{outline:none !important; -moz-outline-style: none !important;}
ul{font-size:100%;}
.times{font-family:"Times New Roman", Times, serif;}
.red{color:#B94A48;}
#wrapper{min-height:60%;}
#torso > .container { width:960px; padding:0 10px; }
hr{border-top:1px solid #C6C6C6;}
h1, h2, h3, h4, h5{font-weight:normal;}
.alert, .label{ font-family:Arial, Helvetica, sans-serif;}
.help-custom{padding-left: 5px;}
.row div a{display:block; position:relative;}
.section{margin-bottom:1em;}
/*header*/
header{-moz-box-shadow:0 3px 3px -4px #888; -webkit-box-shadow:0 3px 3px -4px #888; -o-box-shadow:0 3px 3px -4px #888; -ms-box-shadow:0 3px 3px -4px #888; box-shadow:0 3px 3px -4px #888; border-bottom:1px solid #E2E2E2; background:url("../images/pattern_tile.gif") repeat scroll 0 0 transparent; border-top:3px solid #000; padding:1em 0; margin-bottom:.5em;}
#logo{background: url("../images/logo_theirishtimes.png") no-repeat scroll center top transparent; display:inline;
float:left; height:34px; overflow:hidden; position:relative; text-align:center; width:100%; z-index:1;}
/*progress tracker*/
#progress{list-style:none; margin:0 0 1.5em 0; padding:0; font-family:Arial, Helvetica, sans-serif; }
#progress li{display:inline-block; *float:left; text-align:center; line-height:3em; width:33%; font-size:90%; padding-bottom: 0.2em;}
#progress li:after {content: "\00a0\00a0";}
#progress li:before { position: relative; bottom: -2.6em; float: left; left: 50%; line-height: 1em; }
#progress li.done { color: black; border-bottom: 4px solid #0098FF; }
#progress li.todo { color: #C0C0C0; border-bottom: 4px solid #C0C0C0; }
#progress li.done:before, #progress li.todo:before{height:1.5em; width:1.5em; line-height:1.5em; border:none; -webkit-border-radius:1.5em; -moz-border-radius:1.5em; border-radius:1.5em; font-weight:bold; color:white; }
#progress li.done:before {content: "\2713"; background-color:#0098FF;}
#progress li.todo:before { content: "\03A7"; background-color:#C0C0C0; }
/*ie fixes for progress tracker*/
.lt-ie9 #progress, .lt-ie9 #progress li{/*padding:0 0 1.5em 0; margin:0;*/ position:relative; height:40px; }
.lt-ie9 #progress li:before{display:none;}
.lt-ie8 #progress span{position:absolute; top:0;}
.lt-ie9 #progress span{display:block; padding-bottom:1em; }
.lt-ie9 li.done span{ background:url(../images/done.png) center bottom no-repeat;}
.lt-ie9 li.todo span{ background:url(../images/todo.png) center bottom no-repeat;}
/*order summary*/
.order-summary{margin-bottom:1.5em;}
.order-summary h3{font-weight:normal; margin:0 0 .2em 0;}
.order-summary .details{margin-bottom:1.5em;}
.order-summary .details .span8{background: url("../images/pattern_tile_darker.gif") repeat 0 0; border:1px solid #DDD; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.order-summary .details .span8 .wrap{padding:10px;}
.order-summary .it_product{font-size:110%; font-weight:bold;}
.order-summary .it_description{}
.order-summary .it_price{margin-top:.5em;}
.order-summary .it_quantity{ }
.order-summary .it_total{font-weight:bold; margin-bottom:.5em; margin-top:.2em;}
.order-summary .it_total span{border-top:1px solid #666;}
.order-summary .item span{display:inline-block;}
.order-summary .name{width:20%;}
.order-summary .value{width:20%; text-align:right;}
.order-summary small{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:80%; display:block; line-height:normal;}
.order-summary .span4 .img img{position:relative; top:40px;}
/*add card page*/
.add-card .order-summary button{ float: right; margin-top: 8px; }
.add-card .order-summary {margin-bottom: 0; }
.add-card hr {margin-top: 5px;}
.order-confirmation{margin-top:1.5em;}
.order-confirmation h3{display:block; width:100%; padding:0; margin-bottom:20px; font-size:21px; line-height:40px; color:#333333; border:0; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #C6C6C6;}
.order-confirmation .item{padding-bottom:.2em;}
.order-confirmation .last{margin-bottom:1.5em;}
.order-confirmation .it_orderno .value{font-weight:bold;}
/*order-summary*/
.order-processing{text-align:center; margin:5em 0 8em 0;}
.order-processing h3{margin-bottom:2em;}
.order-processing h5{margin-top:3em;}
.order-processing .alert{max-width:300px; margin:auto;}
.password-reset{text-align:center; margin:5em 0 8em 0;}
/*forms*/
form{font-family:Arial, Helvetica, sans-serif;}
legend{font-family:Georgia, "Times New Roman", Times, serif; border-color:#C6C6C6;}
form label{}
form .controls a{font-size:14px; cursor:pointer;}
form .collapse.in{margin:10px 0;}
.slim{line-height:0; margin-bottom:0 !important;}
/*form validation*/
.help-inline ul{margin-bottom:0;}
.help-inline ul li{font-size:14px;}
/* Footer */
footer{position: relative; width:100%; padding:10px 0 0; float:left; clear:both; border-top:1px solid #E2E2E2; font-family:Arial, Helvetica, sans-serif; -moz-box-shadow:0 -3px 3px -4px #888; -webkit-box-shadow:0 3px 3px -4px #888; -o-box-shadow:0 -3px 3px -4px #888; -ms-box-shadow:0 -3px 3px -4px #888; box-shadow: 0 -3px 3px -4px #888888; border-bottom:1px solid #E2E2E2; background:url("../images/pattern_tile_darker.gif") repeat scroll 0 0 transparent; position:relative;}
footer .column {width:156px; padding:0 0 10px; float:left; }
footer .column-2-break,
footer .column-3-break { display:none; }
footer h5{margin:0; font-size:75%; text-align:center; border-right:1px solid #e2e2e2; line-height:normal;}
footer h5 a{color:#515151;}
footer h5 a:hover{color:#000; text-decoration:none;}
footer h5.last{border-right:none;}
#copyright { width:100%; padding:10px 0; float:left; text-align:center; font-family:"Times New Roman", Times, serif; color:#000; font-size:70%; font-weight:bold; line-height:1.3em; }
/*mobile portrait only*/
@media only screen and (min-width:320px) and (max-width:479px) {
#progress li{white-space:nowrap; }
#progress li span{font-size:85%; margin-left:-.5em;}
.order-summary .name{width:30%;}
}
/*mobile portait and up*/
@media only screen and (min-width:320px){
footer .container { width:300px; padding:15px 10px; }
footer .column-2-break { display:block; }
footer .column-3-break { display:none; }
footer .column { width:140px; padding:0 5px 10px 5px; }
footer h5{ text-align:left; border-right:none;}
#torso > .container { width:300px; padding:0 10px; }
}
/*mobile landscape / small tablet only */
@media only screen and (min-width:480px) and (max-width:767px) {
}
/*mobile landscape etc. and up */
@media only screen and (min-width:480px){
footer .container { width:460px; }
footer .column-2-break { display:none; }
footer .column-3-break { display:block; }
#torso > .container { width:460px; padding:0 10px;}
}
/*small tablets*/
@media only screen and (min-width:600px) and (max-width:767px) {
#torso > .container { width:580px; padding:0 10px;}
}
/*up to ipad portait*/
@media only screen and (max-width: 767px){
#logo{background-image:url("../images/logo_smaller.png"); height:25px; margin:0 auto; width:100%;}
.order-summary .span4 .img img{display:none;}
}
/*ipad portrait */
@media only screen and (min-width:768px) and (max-width: 979px) {
footer > .container { width:768px; padding:20px 0; }
footer .column { width:200px; padding:0 28px 10px; text-align:left; border-right:none; }
#torso > .container {width:748px; padding:0 10px}
}
@media only screen and (min-width:768px) and (max-width: 960px) {
.order-summary .span4 .img img{top:50px;}
}
/* nexus landscape*/
@media only screen and (min-width:960px) and (max-width:980px){
#torso > .container { width:940px; padding:20px 0; }
.span12{width:940px;}
.span8{width:600px;}
.span4{width:300px;}
}
/*ipad portrait etc. and up*/
@media only screen and (min-width:768px){
}
/*up to desktop*/
@media only screen and (max-width:980px){
footer h5{background: url("../images/arrow_text.gif") no-repeat scroll 0 5px transparent; padding-left:10px;}
}
/*large tablet / desktop */
@media only screen and (min-width:980px) {
footer > .container { width:940px;}
footer .column { width:156px; padding:0 0 10px; }
footer .column-2-break,
footer .column-3-break { display:none; }
footer h5{ text-align:center; border-right:1px solid #e2e2e2;}
#torso > .container { width:960px; padding:0 10px; }
}