/* Master for all sites - TF colour scheme */

/* HTML tag overrides */
* {font-family:Verdana,Arial,Helvetica,Sans-Serif; -moz-box-sizing:padding-box}
html {overflow-y:scroll}
body,form {margin:0; padding:0}
body {font-size:60%; line-height:130%; color:black}
input,select,textarea {font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:100%}
h1 {font-size:160%; line-height:100%; font-weight:bold; color:#18558a; margin:0 0 15px 0}
h2 {font-size:100%; font-weight:bold; color:#18558a; margin:5px 0 15px 0}
h3 {font-size:110%; font-weight:bold; color:#7a9ec6; margin:15px 0 10px 0; padding-top:15px}
p {margin:10px 0 15px 0; line-height:145%; text-align:justify}
ul {margin-left:15px; margin-top:7px; padding-left:0; list-style-type:square}
li {margin-bottom:7px; line-height:132%}
a {color:#18558a; text-decoration:underline}
a:hover {color:#a21b61; text-decoration:none}
img {border:0}

/* Site template */
.aspNetHidden {display:none}
.SpacerRow12 {height:12px}
.SpacerRow1 div {height:1px}
#MainLayout {width:943px; margin:0 auto}
#MainLayout th {font-weight:normal; padding:18px 0 15px 0}
#QuickLinks {font-size:115%; color:black; float:right; text-align:right}
#QuickLinks .MiddleRow {height:38px}
#QuickLinks a {color:black}
#QuickLinks a:hover {color:#a21b61}
#QuickLinks .TextInput {font-size:100%; border:1px solid #666666; padding:4px 5px 4px 5px}
#TopNav {padding:0; font-size:110%; background-color:#cc4a82; border:1px solid #c73875}
#TopNav td {background-color:#cc4a82}
#TopNav td:hover {background-color:#d15d8c}
#TopNav a {background-color:#cc4a82; color:white; display:block; text-align:center; padding:5px; font-weight:bold; text-decoration:none; min-height:12px}
#TopNav a:hover {background-color:#d15d8c; color:white}
#TopNav img {padding:0}
#SiteBreadcrumbs {border:1px solid #e4e4e4; background-color:#ebebeb; color:black; font-weight:normal; height:20px; padding-left:16px} 
#Breadcrumbs a {color:black; text-decoration:underline}
#Breadcrumbs a:hover {color:#c73875; text-decoration:none}
#SideNav {width:180px; min-width:180px; max-width:180px}
#SideNav h2,#RightColumn h2,.PopupHeader {border:1px solid #1a5290; background-color:#2e629a; font-size:100%; font-weight:bold; color:white; text-transform:uppercase; text-align:center; padding:5px 0; margin:0 0 1px 0}
#SideNav ul {margin:0 0 12px 0; padding-left:0; list-style-position:inside; background-color:#f0f0f0; border:1px solid #e2e2e2; border-bottom-width:0}
#SideNav li,#RightColumn li {font-size:110%; line-height:174%; margin-bottom:0}
#SideNav li {padding-left:6px; border-bottom:1px solid #e2e2e2; list-style-type:none}
#SideNav a {font-weight:normal; color:#474747; text-decoration:none; position:relative; top:-1px}
#SideNav a:hover {color:#000000; text-decoration:underline}
#SideNav table {width:100%; background-color:#f0f0f0; border:1px solid #e2e2e2}
#SideNav .TextInput {font-size:110%; border:1px solid #e6e6e6; padding:6px; margin:0 3px 0 22px}
#BodyContent {padding:3px 18px 15px 18px; font-size:111%; -moz-box-sizing:padding-box; width:548px}
#RightColumn {width:180px; min-width:180px; max-width:180px; color:#474747}
#RightColumn ol {margin:0 0 12px 0; padding:10px 10px 10px 31px; list-style-position:outside; background-color:#f3f3f3; border:1px solid #e2e2e2}
#RightColumn li {white-space:normal; line-height:145%; margin-bottom:6px; vertical-align:top}
#RightColumn li div {display:block; width:100%; position:relative; left:-2px}
#RightColumn a {text-decoration:none; color:#474747}
#RightColumn a:hover {color:#000000; text-decoration:underline}
#PageBottom {line-height:160%}
#PageBottom td {padding-top:10px}
#PageBottom p {margin:0 0 15px 0; text-align:center}
#PageBottom a {color:black}
#PageBottom a:hover {color:#a21b61}
#CheckoutStages td {background-color:#a0a0a0; color:white; text-align:center; border-right:1px solid white; border-top:1px solid white; font-weight:bold}

/* General styles */
.PagePanel {border:1px solid #e4e4e4; color:Black; margin:16px 0 5px 0}
.PagePanel .ActionLink {float:right; padding-right:13px}
.PagePanel h2 {background-color:#e6e6e7; color:Black; font-size:100%; font-weight:normal; padding:7px 13px; margin:0}
.PagePanelContent {padding:10px 13px}
.TextInput {font-size:100%; border:1px solid #666666; padding:4px 5px 4px 5px}
.SalePrice {color:#D61700}
.Hidden {display:none}
.Pager td {font-weight:normal; background:url(none) !important}
.PagerCurrent {color:#D61700}
.SpacedPara {margin-top:15px; margin-bottom:15px}
.CurrentCheckoutStage {background-color:#18558a !important; color:White !important}
.LastCheckoutStage {border-right-width:0 !important}
.ButtonFull {text-align:center; display:block; width:120px; line-height:24px; color:White; text-decoration:none; font-weight:bold; margin-right:6px}
.ButtonFull:hover {color:White}
.BorderedInput {font-size:100%; border:1px solid #666666; padding:4px 5px 4px 5px}
.BorderedImg {border:1px solid #dfdfdf; margin:1px; display:-moz-box; display:inline-block}
.FootNote {font-size:80%; text-align:center; margin-top:30px}
.Author {font-style:italic; margin-bottom:30px}

/* Page-specific sytles */
.HomePanel img {text-align:center}
.HomePanel + p {margin-top:0}
#Body_FrontPageProds {color:#666666}
#Body_FrontPageProds a {text-decoration:none}
.HomeProdGrid {width:100%; margin-top:5px; font-size:90%}
.HomeProdGrid td {width:50%; padding:5px 10px 5px 0}
.HomeProdGrid div {width:140px; float:right}
.HomeProdGrid h2 {margin:5px 0}
.HomeProdGrid p {margin:5px 0; text-align:left}
.HomeProdGrid img {padding:5px 10px 10px 10px}
.HomeProdGrid .NoBG {background:url(none)}
.CatProdGrid {margin-top:10px}
.CatProdGrid td {padding:10px 0 5px 0; text-align:center}
.CatProdGrid p {margin:5px 10px; text-align:center}
.CatProdGrid .NoBG {background:url(none)}
.ProdGrid {width:100%}
.ProdGrid th {padding:10px 0; font-weight:bold !important}
.ProdGrid td {padding:10px 0}
.ProdGrid h2 {margin:5px 0}
.ProdGrid p {margin:7px 0}
.ProdGrid .ProdImg {padding:5px 15px 0 0}
.ProdGrid .NoBG td {background:url(none) !important}
.Pager td {padding:0}
.Pager select {font-size:100%; font-weight:normal; vertical-align:baseline}
.SiteMap div {padding:0 !important}
.SiteMap div > img {position:relative; top:-9px}
.RelatedProd {text-decoration:none; font-weight:normal}
.RelatedProd p {margin:0; text-align:center}
.RelatedProd:hover {text-decoration:underline}
.RelatedProd:hover p {text-decoration:underline}
.ProdDesc {text-align:left}
.ProductActions {font-size:90%}
.SocialLinks {margin:25px 0 20px 0}
.Basket td, .Basket th {padding:4px 0}
.OrderSummary th {padding:0 0 2px 0 !important}
.OrderTotals td {padding-bottom:6px}

/* Popup panels */
.modalBackground {background-color:#000000; filter:alpha(opacity=50); opacity:0.5}
.modalPopop {width:450px; height:435px; border:1px solid #e2e2e2; background-color:white}
.modalPopop .content {overflow-y:auto; padding:12px; height:386px; text-align:center}
.PopupHeader a {float:right; padding-right:10px; font-weight:normal; color:white; text-transform:capitalize}