﻿/* element attributes */
body {margin: 0px; padding: 0px; background-color: #ffebeb;}
:focus {outline: 0;}
td,div {font-family: Trebuchet MS, arial, verdanna, helvetica; font-size: 11px; color: #333333; vertical-align: top; }
input, select, textarea, TextBox { font-size: 11px; font-family: verdanna; font-family: arial, verdanna, helvetica;}
img {margin: 0px; padding: 0px; border-width: 0px; display: block; }
hr {height: 1px; color: #cccccc; }
p {padding: 5px; margin: 0px;}
a {cursor: pointer; color: #333333;}
a:hover {cursor: pointer; color: #660000;}
h1 {font-family: Arial Rounded MT Bold, Arial; color: #000066; padding: 0px; font-weight: normal; font-size: 24px; margin: 0px;}
h2 {color: #1c0f59; padding: 0px; font-weight: normal; font-size: 18px; margin: 0px;}
h3 {font-size: 14px; font-family: Arial Rounded MT Bold, Arial; margin: 0px; font-weight: normal;}
h4 {font-size: 12px;  font-weight: normal; display: inline;}

#backImage {background-color: #ffebeb; width: 100%; background-image: url('/Images/body_background.jpg'); background-repeat: repeat-x; background-position: top;}
#container {margin:0 auto; position: relative; width: 900px; height: auto; height: 100%;  top: 0px;  left: 1px;}
#mainLayout {width: 900px; text-align: left; display: block; top: 0px;}

#header {width: 903px; padding-top: 55px; height: 85px; background-image: url('/Images/header.jpg'); background-repeat: no-repeat; background-position: bottom; margin-bottom: 2px; display: block; top: 0px;}
#headerLeft {width: 418px; float: left; text-align: right; display: block;}
#headerLeft a:link {text-decoration: none; color: #660000; padding: 0px 9px; display: block; line-height: 13px;}
#headerLeft a:visited {text-decoration: none; color: #660000; padding: 0px 9px; display: block; line-height: 13px;}
#headerLeft a:hover {text-decoration: underline; color: #ffebeb; padding: 0px 9px; display: block; line-height: 13px;}
#headerLeft a:active {text-decoration: none; color: #660000; padding: 0px 9px; display: block; line-height: 13px;}

#headerLeft a #ctl00_aBrowseInvites {color: yellow; padding: 0px 9px; display: block; line-height: 13px;}

#headerRight {width: 470px; float: right; color: white; padding-right: 14px; text-align: right; padding-top: 52px; display: block;}
#headerRight a:link {text-decoration: underline; color: #ffcccc; padding: 0px 7px; font-weight: bold;}
#headerRight a:visited {text-decoration: underline; color: #ffcccc; padding: 0px 7px; font-weight: bold;}
#headerRight a:hover {text-decoration: underline; color: #660000; padding: 0px 7px; font-weight: bold;}
#headerRight a:active {text-decoration: underline; color: #ffcccc; padding: 0px 7px; font-weight: bold;}

#footer {width: 900px; margin: 10px 0px;}
#footer div.share {text-align: center; font-size: 10px;}
#footerLogos {margin-bottom: 20px; width: 900px; display: block;}
#footerLogos ul {text-align: center;}
#footerLogos li {list-style: none; display: inline; padding: 0px 8px;}
#footerLogos img {display: inline;} 

#artparties {font-size: 10px; width: 106px; margin-left: 16px; color: #660000; line-height: 13px; margin-top: 7px; padding-bottom: 2px;}
#artparties span {font-size: 11px; font-family: Arial Rounded MT Bold, Arial; display: block;  margin: 0px 0px 4px 0px; font-weight: bold;}

#hurry {width: 106px; color: #660000; font-size: 10px; margin-left: 16px;}
#hurry h3 {font-size: 18px; color: #ff0000; line-height: 20px;}
#hurry span {font-family: Arial Rounded MT Bold, Arial; font-size: 12px; margin: 4px 0px 3px 0px; display: block; font-weight: bold;}

.leftcolumnLine {margin-top: 59px;margin-bottom: 66px;}
.leftcolbotLine {margin-bottom: 60px;}
#shareWrap {height: 35px; display: block;}
#shareleft {font-size: 10px; float: left; width: 340px; text-align: right;}
#shareleft02 {font-size: 10px; float: left; width: 340px; text-align: right; padding-top: 11px;}
#shareright {float: right; margin-right: 17px;}
#shareright02 {float: right; margin-right: 290px; margin-top: 10px;}
.leftcolbotImage{float: right; bottom: 0px;}
.rightcolbotImage {float: left; bottom: 0px;}

/* floaters */
#logo {position: absolute; z-index: 1; top: 0px; left: 16px;}
#strap {position: absolute; z-index: 11; top: 105px; left: 16px;}
#searchbutton {position: absolute; z-index: 31; top: 153px; right: 0px;}
#ctl00_ContentPlaceHolder2_SearchPanel_Default_searchbutton {position: absolute; z-index: 31; top: 153px; right: 0px;}
#SearchPanel_Default_searchbutton {position: absolute; z-index: 31; top: 153px; right: 0px;}

#navBarButtons {position: absolute; z-index: 2; top: 55px; left: 434px; vertical-align: top;}
#navBarButtons td a {color: white; font-weight: bold; width: 110px; text-decoration: none; font-size: 10px;}
#navBarButtons td a:hover {color: white; font-weight: bold; width: 110px; text-decoration: underline; font-size: 10px;}
#hurryFloat {position: absolute; z-index: 6; top: 179px; left: 16px;}
#leftAnimationFloat {position: absolute; z-index: 12; top: 332px; left: 16px;}
.country { position: absolute; z-index: 3; top: 10px; left: 555px;}
.country td {font-size: 10px; color: #999999; padding-left: 5px;}

#footerText {position: relative; z-index: 5; top: 27px; left: 0px;}
#footerText td {padding: 0px 15px; font-size: 10px;}
#footerText p {font-size: 10px; line-height: 12px; padding: 0px; margin: 0px;}
#footerText h2 {padding: 0px; margin: 0px; padding-bottom: 10px; font-weight: bold;}
#footerText a {color: #333333;}
#footerText a:hover {color: #000066;}
#footerText a:visited {color: #333333;}
#footerText strong {font-size: 16px;}
#footerText td.footNav a {font-size: 11px; color: #1c0f59; text-decoration: none; text-align: right; display: block; line-height: 18px;}
#footerText td.footNav a:hover {font-size: 11px; color: #1c0f59; text-decoration: underline; text-align: right; display: block; line-height: 18px;}
.headerLogo {margin-top: 2px; padding: 0px; display: block; width: 48px;}

.defaultpanel {font-family: Trebuchet MS, arial, verdanna, helvetica; font-size: 12px; height: 85px; display: block; text-decoration: none; width: 222px; cursor: pointer;}
.defaultpanel span.defaultBlock {padding: 30px 0px 0px 85px; display: block; width: 118px; line-height: 14px;}
.defaultpanel span.drfaultunder {text-decoration: underline;}
.Halloween a {color: white;}
.Halloween a:hover {color: #353535;}

.defaultpanelsmall {font-family: Trebuchet MS, arial, verdanna, helvetica; font-size: 12px; height: 85px; display: block; text-decoration: none; width: 105px; cursor: pointer;}
.defaultpanelsmall span.defaultBlocksmall {padding: 24px 0px 0px 10px; display: block; width: 80px; line-height: 14px;}
.defaultpanelsmall span.drfaultundersmall {text-decoration: underline;}

.Mcafee {background-color: white; padding: 4px 5px;}
#listings {width: 455px; text-align: center; margin-left: 16px;}
#listHeader {width: 455px; margin-bottom: 20px; height: 40px;}
#listLeft {float: left; margin-left: 10px; text-align: left; color: #666666;}
#stageRight p {width: 230px; font-size: 12px; text-align: center;}
.stageRight02 p {width: 230px; font-size: 12px; text-align: center;}
table #stageInner td {padding-top: 7px;}
table #stageInner strong {color: #000066; font-family: Trebuchet MS, arial, verdanna, helvetica;}
table #stageInner a {color: #333333; font-size: 10px; text-decoration: none; font-family: verdanna; font-family: Trebuchet MS, arial, verdanna, helvetica;}
table #stageInner a:hover {color: #333333; font-size: 10px; text-decoration: underline; font-family: verdanna; font-family: Trebuchet MS, arial, verdanna, helvetica;}
#stagePosition {width: 288px; padding-left: 23px;}
.stagePosition02 {width: 288px; padding-left: 23px;}
/**stage mouse over**/
.stagelistleft {font-size: 10px; width: 48px; color: #000066; text-align: right; font-weight: bold; padding-right: 4px; padding-top: 4px;}
#stagesock {width: 460px; margin-left: 16px;}

ul.bulletFree {margin: 0px; padding: 0px;}
ul.bulletFree li {list-style: none; padding: 0px; margin: 0px;}

.basketLink a {font-size: 10px; color: #666666; text-decoration: none; display: inline;}
.basketLink a:hover {font-size: 10px; color: #660000; text-decoration: none; display: inline;}

.basketLink02 a {font-size: 10px; color: #666666; text-decoration: none; height: 16px; width: 125px; display: block;}
.basketLink02 a:hover {font-size: 10px; color: #660000; text-decoration: none; height: 16px; width: 125px; display: block;}

td.priceLink {text-align: center; padding-bottom: 30px;}
td.priceLink a {text-decoration: none; color: #333333; text-align: center;}
td.priceLink a:hover {text-decoration: underline; color: #333333;}
td.priceLink a img {width: 102px; height: 102px; display: block; border: 1px solid white; margin-bottom: 6px; margin-left: auto; margin-right: auto;}
td.priceLink a:hover img {width: 102px; height: 102px; display: block; border: 1px solid #c3c3c3; margin-bottom: 6px;}
table.pricetd td {text-align: center; padding: 3px 0px;}

/******* basket page *******/
#pic {left: 0px;position: relative;top: 0px;}
#pic a .landscape {	border: 0px;display: none;left: -1px;position:absolute;top: -1px;width: 1px;z-index: 100;}
#pic a .portrait {border: 0px;display: none;left: -1px;position:absolute;top: -1px;width: 1px;z-index: 100;}
#pic a img {border: 0;}
#pic a.p1, #pic a.p1:visited {display: block;	left: 0;text-decoration: none;	top: 0;}
#pic a.p1:hover {color: #000000;text-decoration: none;}
#pic a.p1:hover .landscape {border: 1px solid #666666;display: block;left:227px;position:absolute;top: -70px;width: 400px;z-index: 100;}
#pic a.p1:hover .portrait {border: 1px solid #666666;display: block;left:227px;position:absolute;top: -70px;width: 288px;z-index: 100;}

.form {margin-left: 16px;}
.form td.formLeft {width: 100px; text-align: right; padding-top: 5px;}
table.rh-icons {margin: 6px 0px 0px 40px; display: block; padding: 0px;}
table.rh-icons td {width: 72px; padding-bottom: 10px;}
table.rh-icons img {margin-bottom: 3px;}
table.rh-icons a {width: 62px; display: block; padding-right: 10px; color: #333333; text-decoration: none; font-size: 10px; line-height: 11px;}
table.rh-icons a:hover {width: 62px; display: block; padding-right: 10px; color: #333333; text-decoration: underline; font-size: 10px; line-height: 11px;}
.line {border-bottom: #aaaaaa 1px dotted; height: 1px; margin: 10px 0px 20px 0px;}
.subLine {border-top:  #aaaaaa 1px dotted; font-weight: bold;}
.dotty {border-bottom: #aaaaaa 1px dotted; height: 1px;}
.dottyBasket {border-bottom: #aaaaaa 1px dotted;}
.innerStructure {padding: 0px 16px 40px 16px; width: 455px; min-height: 350px;}
.innerStructure h2 {padding: 20px 25px 0px 25px; font-size: 16px; }
.innerStructure h2.uploadTit {font-size: 14px; font-weight: bold; margin-top: 15px; padding: 0px 25px; }
.innerStructure h3 {padding: 0px 20px; }
.innerStructure p {padding: 10px 25px; }
.innerStructure strong.tel {font-size: 22px; color: #660000;}
.innerStructure strong.telsmall {font-size: 16px; color: #660000;}
.innerStructure strong.telmedium {font-size: 18px; color: #660000;}
.innerStructure span.local {font-size: 10px;}
.innerStructure div.pageFooter {text-align: center; font-size: 12px;}
.innerStructure div.pageFooter02 {text-align: center; font-size: 13px;}
.innerStructure div.pageFooter p {padding-bottom: 15px;}
.innerStructure p.innerprice {padding-left: 0px; margin-top: 0px; padding-top: 0px; margin-bottom: 10px;}
.innerStructure h1.innertitle {padding-left: 25px; }
.innerStructure h1.innertitle02 {padding-left: 25px; padding-bottom: 10px;}
.innerStructure h1.innertitle03 {padding-left: 25px; padding-bottom: 10px; margin-bottom: 0px; padding-bottom: 0px;}
.innerStructure a.innerLink {font-weight: bold; text-decoration: none;}
.innerStructure a:hover.innerLink {font-weight: bold; text-decoration: underline;}
.titleWrap {height: 35px; display: block; padding-top: 0px; margin-top: 0px;}
.titleWrap02 {padding-bottom: 20px;}
.Left {float: left;}
.Right {float: right;}
.closegrid th {display: none;}

td.borderOver a {border: 1px solid white; width: 102px; height: 102px; display: block;}
td.borderOver a:hover {border: 1px solid #c3c3c3; width: 102px; height: 102px; display: block;}
.basket-title {font-size: 12px; color: #000066; font-weight: bold; padding: 5px 0px 0px 20px;}
.totalleft {margin-right: 10px; text-align: right; font-weight: bold; font-size: 11px;}
.basketLeft {line-height: 24px; font-size: 12px; padding-left: 10px;}
.basketRight {text-align: right; line-height: 24px; font-size: 12px; padding-right: 10px;}
.basketLeft strong .basketRight strong {color: #000066;}

.formatTwo {width: 170px; margin-bottom: 15px; padding-left: 30px;}
.formatTable {margin-left: 20px; margin-bottom: 10px;}
.basketTotal {border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; padding: 4px 0px; margin-top: 4px;}
.paymentText {text-align: center;}
.paymentText p {font-size: 14px;}
.paymentText span {font-size: 10px; margin: 5px 0px 20px 0px;}

#myaccount {margin: 5px 10px 20px 10px;}
#myaccount div.seperate {border-top: 1px dotted #999999; height: 1px;}
#myaccount a {text-decoration: none; height: 57px; display: block; padding: 6px; color: #333333;}
#myaccount a:hover {text-decoration: underline; height: 57px; display: block; padding: 6px; color: #333333;}
#myaccount a img {border: 1px solid white; padding: 5px 10px; margin-right: 10px; float: left;}
#myaccount a:hover img {border: 1px solid #cccccc; padding: 5px 10px; margin-right: 10px;}
#myaccount span.rightaccount {display: block; width: 240px; float: right; vertical-align: middle; height: 44px;}

table.myaccount td {border-top: 1px dotted #999999; vertical-align: middle; padding: 10px;}
.grid {border-top: 1px dotted #999999; padding: 10px 0px; }
.gridorder {border-bottom: 1px dotted #999999; padding: 10px 0px; }
.myHome {width: 100%; text-align: center; margin: 20px 0px;}
.whiteLine {background-color: white; height: 1px; width: 196px; margin: 12px 0px;}

.privacy h3 {margin-top: 15px; margin-left: 4px; font-size: 12px;}
.privacy p.policyinner {margin-left: 20px;}

span.spanBlocked { padding-top: 5px; display: block; color: white; font-size: 16px; font-weight: bold;}
span.spanBlocked02 { padding-top: 3px; display: block; color: white; font-size: 16px; line-height: 14px; font-weight: bold;}
a.landinglink {text-decoration: none; }
.landingNav {margin-bottom: 24px;}

.uploadText {margin: 20px 0px 20px 25px;}
.uploadText td {font-size: 14px; color: #000066; font-family: Arial Rounded MT Bold, Arial; width: 110px; padding-right: 30px;}
.uploadText span.uploadA {font-size: 24px; color: #99cc33;}
.uploadText span.uploadB {font-size: 24px; color: #cc0066;}
.uploadText span.uploadC {font-size: 24px; color: #6699cc;}
.uploadMessage {text-align: center; padding-bottom: 20px;}
.rh-innertext {display: block; font-family: verdanna, arial, helvetica; line-height: 12px; margin-top: 6px;}
.removeHeader {margin-top: 40px; background-color: green;}
.pageLabel {margin: 5px 0px; color: red; text-align: center; font-size: 12px;}

ul.browseLink {margin: 0px 20px; padding: 0px;}
ul.browseLink li {display: inline; list-style-type: none; list-style-image: none; margin: 0px; padding: 0px; line-height: 25px;}
ul.browseLink a {color: #000066; border: 2px solid #cbcbcb; background-color: white; text-decoration: none; padding: 1px 3px; font-weight: bold; margin: 0px;}
ul.browseLink a:hover {color: red; border: 2px solid #cbcbcb; background-color: #f1f1f1; text-decoration: underline; padding: 1px 3px; font-weight: bold; margin: 0px;}

/******* to move when i figure out why *******/
.white-textfield {background-image: url('/images/skins/UK/banners/white-textfield.gif'); background-repeat: no-repeat; width: 103px; height: 17px; padding: 1px 0px 0px 8px;}
.white-textfield-large {background-image: url('/images/skins/UK/banners/white-textfield-large.gif'); background-repeat: no-repeat; width: 161px; height: 17px; padding: 1px 0px 0px 8px;}

.typesize {border-bottom: 1px dotted #c2c2c2; float: left; display: block;}
.typesize td {padding: 1px 2px;}

.rh-button {color: red; font-weight: bold; font-size: 12px; border-bottom: 1px dotted #aaaaaa; border-top: 1px dotted #aaaaaa; padding: 4px 0px; margin-top: 4px; margin-bottom: 6px; width: 150px; margin-left: 41px; text-align: center; background-image: url('/images/skins/UK/banners/priceBack.jpg'); background-repeat: repeat-y;}
.toTop a {background-color: white; padding: 3px 10px; text-decoration: none; color: #333333;}
.toTop a:hover {background-color: white; padding: 3px 10px; text-decoration: underline; color: #660000;}

.landing-link  {display: inline; color: #333333;}
.linkupdate {display: inline;}
.forgottenText {text-align: center; font-size: 14px;}

.loading-landscape {background-color: white; width: 400px; height: 88px; padding: 100px 0px; position: absolute; left: 180px; top: 265px; z-index: 50; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; Display: none; font-size: 16px; font-weight: bold; color: #7a302a; text-align: center;}
.loading-portrait {background-color: white; width: 400px; height: 88px; padding: 100px 0px; position: absolute; left: 180px; top: 265px; z-index: 50; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; Display: none; font-size: 16px; font-weight: bold; color: #7a302a; text-align: center;}


#dhtmltooltip{position: absolute; left: -300px; border: 1px solid black; background-color: white; visibility: hidden; z-index: 100;}

span.Insert_Guest_List {cursor: pointer; color: #c60100;}
span.Insert_Guest_List:hover {cursor: pointer; text-decoration: underline;}

.editPhotoCardTools {position:absolute;background-color:White;z-index:4010; top: 200px; left: 154px; text-align: center;}
.editPhotoCardFrame {width:288px; height: 400px;position: relative; text-align: center; margin: 117px auto 0px auto;}
.editPhotoCardFrameL {width:400px; height: 288px;position: relative; text-align: center; margin: 95px auto 0px auto;}
.PhotoCardUpload {padding-left: 10px; width: 222px; padding-top: 32px; display: block; position: relative;}
table.photoCardGallery {}
.photoCardPictureWrap {border: 1px solid #dbdbdb; padding: 5px; margin: 5px; float: left;}
.photoCardPictureWrap img {border: 1px solid #dadada;}
.photoCardGalleryWrap {background: white; margin-left: 30px; margin-bottom: 25px; border-top: 1px solid #bebebe; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #f0eefc; border-right: 1px solid #e1e1e1; padding: 3px; overflow: auto;  width: 208px;}
span#divDelete {color: #bd0000; font-size: 12px; font-weight: bold;}
span#divDelete:hover {color: #850101;}
span#divEnable, span#divDisable {color: #00ab04; font-size: 14px; font-weight: bold;}
span#divEnable:hover, span#divDisable:hover {color: #005102;}
#headerWrapper {height: 142px; display: block;}

