﻿/******* General *******/
body {background-color: #cdcdce; margin: 0px; padding: 0px; width: auto; min-height: 1016px; height: 100%; background-image: url('/Images/christmas2/masterBackground.jpg'); background-repeat: repeat-x; background-position: top;}
td,div {font-family: Arial, helvetica, Verdana; font-size: 11px; color: #717171; vertical-align: top; }
input, select, textarea { font-size: 11px; font-family: arial;}
img {margin: 0px; padding: 0px; border-width: 0px;}
hr {height: 1px; color: #cccccc; }
p {padding: 5px 0px;}
a {cursor: pointer; }
ul {margin-left: 20px; padding: 0px;}
li { padding-bottom: 6px;}
h1 {font-family: Georgia, Times New Roman; color: #7a302a; padding: 0px; font-weight: normal; font-size: 14px; margin: 0px;}
h2 {font-family: Georgia, Times New Roman; color: #ceaa28; font-size: 12px; padding: 0px; font-weight: normal; margin: 0px;}
h3 {font-size: 18px; margin: 35px 0px 5px 0px; line-height: 24px; font-weight: normal;}
/***list-style-image: url('/Images/christmas2/bullet.gif');****/
/******* links *******/
a:link {text-decoration: none; color: #666; } 
a:visited {text-decoration: none; color: #666; }
a:hover {text-decoration: underline; color: #7a302a;}
a:active {text-decoration: none; color: #666;}

/******* id *******/
#container {margin:0 auto; position: relative; width: 915px; height: 100%;  top: 0px;  left: 1px; background-color: white; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea;}
#mainLayout {width: 903px; text-align: left; display: block; border-right: 6px solid white; border-left: 6px solid white;}
#Header {height: 271px; width: 903px; background-image: url('/Images/christmas2/headerBack.jpg'); background-repeat: no-repeat;}
#Header-basket {height: 173px; width: 903px; background-image: url('/Images/christmas2/headerBack-basket.jpg'); background-repeat: no-repeat;}
#navigation {position: relative; height: 22px; width: 833px; display: block; padding: 0px 35px;}
#bodyContent {width: 903px; display: block; background-image: url('/Images/christmas2/pageBackShade.jpg'); background-repeat: repeat-x; background-position: top; padding-top: 25px;}
#footer {font-size: 10px; color: #999999; width: 914px; display: block; text-align: center; padding-top: 10px; padding-bottom: 20px;}
#footer a {font-size: 10px; color: #999999;}
#masterFooter { position: absolute; left: 0; bottom: 0; background-image: url('/Images/christmas2/masterBackground.jpg'); background-repeat: repeat-x; background-position: bottom; width: auto; height: 600px;}
#TextMenuBottom a {font-size: 12px; display: inline; padding: 7px; text-decoration: underline; color: #666666;}
#TextMenuBottom a:hover {font-size: 12px; display: inline; padding: 7px; text-decoration: underline; color: #7a302a;}
#footerWrapper {display: block; height: 30px; margin-top: 8px; font-size: 10px;}
#pageBackShade {background-image: url('/Images/christmas2/pageBackShade.jpg'); background-repeat: repeat-x; background-position: top;}
#thinwidth {padding: 0px 65px 0px 67px;}
#fatwidth {padding: 0px 35px 0px 37px;}

td.contentLeft {width: 460px;}
td.contentRight {width: 220px; padding-top: 7px;}
td.contentMid {width: 30px;}
td.contentLeft h1 {font-size: 24px;}
td.contentLeft h2 {font-size: 17px; color: #7a302a; padding-bottom: 10px;}
div.contentLeft h1 {font-size: 24px;}

.help {margin: 0px 30px;}
.help h1 {font-size: 24px;}
.help strong {color: #7a302a;}
.help p {padding: 10px 0px; margin: 0px;}
.help p.helpup {padding-top: 0px; margin-top: 10px;}
.rightBack {background-image: url('/Images/christmas2/rightBack.gif'); background-repeat: repeat-y; width: 220px;}
.baskBottom {background-color: white; margin-top: 20px; width: 735px; border: 1px solid #dddddd; background-repeat: repeat-x; background-image: url('/Images/christmas2/basket8-back.jpg');}
.basketRowHeight {padding: 6px 0px; display: block;}
.cost {padding-right: 20px;}
.loadingpanel {} 

/******* menu *******/
ul.Menu {font-size: 12px; height: 18px; padding: 0px; margin: 0px; display: block;} 
ul.Menu li { display: inline; list-style: none; padding: 0px; margin: 0px; position: relative; top: 4px; border-right: 1px white solid;}
ul.Menu li a { color: white; padding: 3px 6px; }
ul.Menu li a:hover {text-decoration: underline; color: white; padding: 3px 6px;}
.menu11 a {font-size: 11px;}

div.mainCatsLinks {float: right; text-align: right; margin-right: 20px; padding-top: 7px;}
div.mainCatsLinks a {font-family: Georgia, Times New Roman; color: #7a302a; padding: 0 10px;}
div.mainCatsLinks span {font-family: Georgia, Times New Roman; color: #7a302a; padding: 0 10px; text-decoration: underline;}

div.basketLinks { text-align: right; display: block;}
div.basketLinks a {font-family: Georgia, Times New Roman; margin: 0px 10px 0px 3px; display: inline; vertical-align: middle;}
div.basketLinks div {font-family: Georgia, Times New Roman; margin: 0px 10px 0px 3px; display: inline; vertical-align :middle;}
div.basketLinks strong {font-family: Arial, helvetica, Verdana; font-size: 24px; vertical-align: middle;}

#menu{position: absolute; z-index: 30; top: 0px; left: 39px;}
#menu ul .item {display: none; }
#menu ul:hover .item{ display: block; background-color: #b6251e; padding: 3px 3px 1px 3px; margin: 0px; list-style: none; cursor: pointer; border-bottom: 1px solid #c42019;}
#menu ul:hover .item a { font-size: 12px; color: white; padding: 3px 3px 1px 3px; text-decoration: none; list-style: none; cursor: pointer;}
#menu ul:hover .item a:hover { font-size: 12px; text-decoration: underline; color: white; padding: 3px 3px 1px 3px; list-style: none; cursor: pointer;}
#menu ul{float:left; margin: 0px; padding:2px; list-style:none;}
#menu li.top{list-style: none; padding: 3px 3px 1px 3px; color: white; border-right: 1px white solid; font-size: 12px;}
.clear{clear:both;height:10px;}

#menu ul .item02 {display: none; }
#menu ul:hover .item02{ display: block; background-color: Transparent; padding: 0px; margin: 0px; list-style: none; cursor: pointer;}
#menu ul:hover .item02 a { text-decoration: none; list-style: none; cursor: pointer; height: 1px;}
#menu ul:hover .item02 a:hover {  padding: 0px; list-style: none; cursor: pointer; height: 1px;}

.navGap {background-color: Transparent; height: 10px;}

/******* upload Image *******/
#uploadImage {width: 135px; height: 84px; background-image: url('/Images/christmas2/uploadImage.jpg'); background-repeat: no-repeat; z-index: 2; position: relative; top: 14px; left: 39px;}
#uploadImage a {padding: 83px 20px 0px 25px; width: 90px; height: 14px; color: white; font-size: 10px; text-decoration: underline; font-weight: bold; display: block;}
#uploadImage a:hover {color: #dfc35f;}

/******* upload Image basket *******/
#uploadImageBasket {width: 144px; height: 104px; background-image: url('/Images/christmas2/uploadImage-basket.jpg'); background-repeat: no-repeat; z-index: 2; position: absolute; top: 24px; left: 42px;}
#uploadImageBasket a {padding: 83px 20px 0px 25px; width: 90px; height: 14px; color: white; font-size: 10px; text-decoration: underline; font-weight: bold; display: block;}
#uploadImageBasket a:hover {color: #dfc35f;}

/******* floaters *******/
#logo { z-index: 3; position: absolute; top: 30px; left: 180px;}
#logo-basket { z-index: 3; position: absolute; top: 24px; left: 190px;}
#tallFlash {z-index: 20; position: absolute; top: 37px; left: 22px;}
#tallUpload {z-index: 21; position: absolute; top: 53px; left: 129px;}
#shortFlash {z-index: 20; position: absolute; top: 24px; left: 21px;}
#shortUpload {z-index: 21; position: absolute; top: 31px; left: 129px;}

#contactNumber {z-index: 4; position: absolute; top: 266px; left: 92px; font-size: 11px; width: 300px;}
#contactNumber strong {font-size: 14px; font-family: Arial, helvetica, Verdana;}
#contactNumber a {font-size: 10px; font-weight: bold; text-decoration: underline;}
#contactNumber span {font-size: 10px;}

#contactNumberBasket {z-index: 4; position: absolute; top: 142px; left: 542px; font-size: 13px; width: 300px; text-align: right;}
#contactNumberBasket strong {font-size: 14px; font-family: Arial, helvetica, Verdana;}
#contactNumberBasket a {font-size: 11px; font-weight: bold; text-decoration: underline;}
#contactNumberBasket span {font-size: 11px;}

#contactNumberBasketWide {z-index: 4; position: absolute; top: 169px; left: 62px; font-size: 11px; width: 300px;}
#contactNumberBasketWide strong {font-size: 14px; font-family: Arial, helvetica, Verdana;}
#contactNumberBasketWide a {font-size: 10px; font-weight: bold; text-decoration: underline;}
#contactNumberBasketWide span {font-size: 10px;}

/******* user controls *******/
#services {}
#services td {width: 232px; padding-bottom: 5px;  font-size: 11px; padding-right: 15px; }
#services img {margin-right: 5px; margin-bottom: 30px;}
#services h2 {margin-top: 0px; margin-bottom: 4px; }

/******* page layout *******/
#pageTop {background-image: url('/Images/christmas2/pageTop.jpg'); background-repeat: repeat-x; width: 771px; height: 28px;}
#pageTopFat {background-image: url('/Images/christmas2/pageTop.jpg'); background-repeat: repeat-x; width: 827px; height: 28px;}
#pageMid {padding: 25px 19px 0px 38px;}
#pageMid h2 {font-family: Arial, helvetica, Verdana; font-size: 11px;}
#pageWhite {width: 767px; display: block; min-height: 184px; display: block;}
#pageWhiteFat {width: 780px; display: block; min-height: 184px; display: block; padding-top: 4px;}

.footBar {background-image: url('/Images/christmas2/footBar.jpg'); background-repeat: repeat-x; margin-top: 10px;}
.orangeDotTop {background-image: url('/Images/dotty.gif'); background-repeat: repeat-x; height: 2px; width: 100%;}

#defaultTable span {display: block; font-family: Georgia, Times New Roman; color: #7a302a; padding: 6px 0px; font-weight: normal; font-size: 14px; margin: 0px;}
#defaultTable h1 {padding: 6px 0px;}
#defaultTable td {text-align: center;}

div#basketRight {margin-left: 20px; min-width: 295px; }
div#basketRight h1 {color: #7a302a; font-size: 18px; margin: 10px 0px 10px 0px;}
div#basketRight h2 {color: #7a302a; font-size: 16px; margin: 6px 0px 1px 0px;}
div#basketRight table {margin-top: 5px;}

.linksize {text-decoration: underline; font-size: 10px;}
.dottyxtra {margin: 15px 0px;}

.basketInfo {padding: 10px 0px;}
.basketHeader {}

.masterCode {background-image: url('/Images/christmas2/discount-small.jpg'); background-repeat: no-repeat; width: 125px; height: 29px; color: #7a302a; position: absolute; z-index: 35; top: 32px; left: 732px; padding-top: 19px; padding-left: 13px;}

.mainImage {}
.mainImage p {margin: 0px; padding: 0px; min-height: 200px;}
.mainImage img {margin: 0px; padding: 0px; overflow: visible; border-bottom-width: 0px; bottom: 0; line-height: 0px; white-space: nowrap;}
#basketNav {z-index: 10; position: absolute; top: 243px; left: 480px;}
#basketNav02 {z-index: 10; position: absolute; top: 146px; left: 505px;}

.progress p {text-align: center; font-size: 17px; padding: 5px 0px; margin: 5px 0px;}
.progress span {font-size: 30px; color: #7a302a;}
.progress div {width: 350px; font-size: 15px; border: 1px dotted #d8d8d9; padding: 10px; text-align: center; margin-left: 50px;}
.progress table.progressInfo td {width: 250px; border: 1px dotted #d8d8d9; padding: 10px; text-align: center;}
.progress table.progressInfo p {font-size: 12px;}
.progress table.progressInfo h2{color: #dfc35f; font-size: 24px; margin-bottom: 5px; font-family: Arial, helvetica, Verdana;}

.funds p {text-align: center; font-size: 17px; padding: 5px 0px; margin: 5px 0px;}
.funds span {font-size: 30px; color: #7a302a;}
.funds table.fundsInfo td {width: 250px; border: 1px dotted #d8d8d9; padding: 10px; text-align: center;}
.funds table.fundsInfo p {font-size: 12px;}
.funds table.fundsInfo h2{color: #dfc35f; font-size: 24px; margin-bottom: 5px; font-family: Arial, helvetica, Verdana;}

.baskMiddle p {text-align: center; font-size: 13px; padding: 5px 0px; margin: 5px 0px;}

ul.PaymentDetails li {display: inline; list-style: none;}
ul.PaymentDetails02 li { list-style: none;}
#shadeTop {z-index: 11; position: absolute; top: 209px; left: 54px;}
#shadeTable {z-index: 12; position: absolute; top: 230px; left: 54px; margin-bottom: 9px; width: 780px;}
td.rightButton {float: right; padding-top: 20px; padding-left: 10px; float: right;}

.prices td {text-align: center; padding: 4px 0px; border-bottom: 1px solid #f1f1f1;}
.prices td.strike {text-decoration: line-through;}
.prices td.bk {background-color: #dc3127; color: white; font-weight: bold;} 
.prices td.bt {background-color: #c3251c; color: white; padding: 8px 0px; font-weight: bold;}
.prices td.bi {background-color: #7a302a; font-size: 16px; color: white; padding: 8px 0px;}

.formLeft {text-align: right; width: 120px; padding-top: 3px;}
.dotty {border-bottom: 1px dotted #d8d8d9; height: 1px;}
.userControl {padding: 0px 10px 30px 10px; }
.userControl p {text-align: center; font-size: 11px;}
.userControl h2 {text-align: center; font-size: 18px; color: #7a302a;}
.userControl a {text-decoration: underline;}
.textCenter p {text-align: center; font-size: 12px;}
.promoBack {background-image: url('/Images/christmas2/promo-back.jpg'); background-repeat: no-repeat; margin-top: 16px; width: 339px; height: 138px;}
ul.basketList {list-style-type: none; vertical-align: middle; padding: 0px; margin: 0px;}
ul.basketList li {padding: 0px; margin: 0px;}
.basketlinebottom {border-bottom: 1px dotted #d8d8d9; padding-top: 5px; padding-bottom: 10px;}
.basketlinebottom02 {border-top: 1px dotted #d8d8d9; }

/******* alternative landing page *******/
div#altLanding h1 {color: #ceaa28; font-family: Arial Black, Arial, helvetica, Verdana; font-size: 28px; font-weight: normal;}
div#altLanding h2 {color: #7a302a; font-family: Georgia, Times New Roman; font-size: 18px; font-weight: bold;}
div#altLanding h3 {color: #999999; font-family: Arial Black, Arial, helvetica, Verdana; font-size: 18px; margin-top: 5px; padding-top: 5px;}
div#altLanding p {font-family: Georgia, Times New Roman; font-size: 13px; margin: 10px 0px 0px 0px; padding: 0px; line-height: 17px;}
div#altLanding i {color: #7a302a;}
div#altLanding span {font-size: 14px;}
div#altLanding span.num {color: #7a302a; font-weight: bold;}
div#altLanding {width: 510px; margin-bottom: 20px; position: absolute; z-index: 13; top: 320px; left: 113px;}

/******* basket page 8 *******/
#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 #000000;	display: block;	left: 227px;	position: absolute;top: -70px;	width: 400px; z-index: 100;}
#pic a.p1:hover .portrait {	border: 1px solid #000000;	display: block;	left: 227px;	position: absolute;	top: -70px;	width: 288px;    z-index: 100;}

.poster {margin-top: 30px; background-image: url('/Images/christmas2/posterBack.jpg'); background-repeat: no-repeat; width: 461px; height: 255px;}
.poster td.posterTD1 {text-align: left; padding: 15px 0px 0px 20px; margin: 0px;}
.poster td.posterTD1 h2 {font-size: 20px;}
.poster td.posterTD2 {text-align: left; padding-left: 20px;}
table.xtraTD td {padding: 0px; margin: 0px; overflow: visible;}
table.xtraTD tr {padding: 0px; margin: 0px; overflow: visible;}

/******* lightbox *******/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90;	width: 100%; }
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#jquery-lightbox img { border: 1px solid #ccc; }
#lightbox-container-image-box {	position: relative;	background-color: white; margin: 0 auto; border-top: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb;}
#lightbox-container-image {padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {	position: absolute; top: 0;	left: 0; height: 100%;	width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%;	display: block;}
#lightbox-nav-btnPrev {left: 0; float: left; display: none; visibility: hidden;}
#lightbox-nav-btnNext { right: 0; float: right; display: none; visibility: hidden;}
#lightbox-container-image-data-box { font-size: 9px; font-family: Trebuchet MS, Arial, helvetica; background-color: white; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; border-bottom: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb;}
#lightbox-container-image-data {padding: 0 10px; }
#lightbox-container-image-data i  {color: #7a302a; font-size: 18px; line-height: 24px; font-family: Georgia, Times New Roman;}
#lightbox-container-image-data span  {font-size: 10px; line-height: 13px; font-family: Trebuchet MS, Arial, helvetica; color: #666666;}
#lightbox-container-image-data #lightbox-image-details { width: 60%; float: left; text-align: left;}	
#lightbox-image-details-caption {  }
#lightbox-image-details-currentNumber {	display: block; clear: left; padding-bottom: 1.0em; padding-top: 5px; font-size: 10px; font-family: Trebuchet MS, Arial, helvetica; visibility: hidden;}			
#lightbox-secNav-btnClose {width: 111px; float: right; margin-top: 40px; margin-bottom: 10px;}

.imgGrid a {display: block; width: 20px; height: 17px; text-decoration: none;}
.imgGrid a:hover { background-position: 0 -17px;}

a.selectDesign {border: 1px solid #f1f1f1; width: 130px; height: 130px; display: block;}
a:visited.selectDesign {border: 1px solid #f1f1f1; width: 130px; height: 130px; display: block;}
a:hover.selectDesign {border: 1px solid #dfc35f; width: 130px; height: 130px; display: block;}

table.gridLayout {margin: 15px 0px 15px 0px; width: 760px; }
table.gridLayout td {padding: 8px 5px ; text-align: left;}
table.gridLayout div {padding: 0px; margin: 0px;}

table.gridLayout02 {margin: 15px 0px 15px 0px; width: 690px; }
table.gridLayout02 td {padding: 8px 5px ; text-align: left;}
table.gridLayout02 div {padding: 0px; margin: 0px;}