/* CSS Document */

body{
	margin:0;
	padding:0;
	background-color:#756d6d;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	font-size: 0.6em;
}

#wrapper{width:800px; margin: auto;padding:0;}
#header{width:800px; height:154px; float:left; padding:0; margin:30px 0 0 0;}
#navigation{width:610px; height:40px; float:left; background-image:url(images/nav.jpg); background-repeat:no-repeat;}
#drips{width:190px; height:40px; float:left; background-image:url(images/drips.jpg); background-repeat:no-repeat;}
#bodymain{width:800px; float:left; background-color:#3d3838; margin:0 0 5px 0; padding:0 0 15px 0;display:inline;}
#leftside{width:205px;float:left; margin:0 10px 0 10px; padding:0;display:inline;}
#lefttopbody{width:205px; height:154px; float:left; margin:10px 0 0 0; padding:0;}
#leftbottombody{width:175px; float:left; margin:10px 0 0 0; padding:15px 15px 0px 15px; background-color:#FFFFFF; background-image:url(images/left-box-top.gif); background-repeat: no-repeat;}
.leftbottombody{width:175px; float:left; margin:10px 0 0 0; padding:15px 15px 0px 15px; background-color:#FFFFFF; background-image:url(images/left-box-top.gif); background-repeat: no-repeat;}
#leftbottomcurve{width:205px; float:left;background-image:url(images/left-box-bottom.gif); background-repeat: no-repeat; margin:0; height:10px; padding:0;}
.leftbottomcurve{width:205px; float:left;background-image:url(images/left-box-bottom.gif); background-repeat: no-repeat; margin:0; height:10px; padding:0;}
#bodytopcurve{width:565px; float:left;background-image:url(images/body-top.gif); background-repeat: no-repeat; background-position:top; margin:10px 0 0 0; padding:15px 0 0 0;}
#bodytext{width:541px; float:left; margin:0; background-color:#FFFFFF;background-image:url(images/body-bottom.gif); background-repeat: no-repeat; padding:0 12px 10px 12px; background-position:bottom;}
#footer{width:800px; height:20px; float:left; display:block;display:inline;}
#newwindowwrapper{width:400px; float:left; background-color:#d20a18; height:220px; background-image:url(images/popup-essential.jpg); padding:120px 0 15px 0;}
#newwindowwrapper2{width:400px; float:left; background-color:#d20a18; height:220px; background-image:url(images/popup-hallmark.jpg); padding:120px 0 15px 0;}
#newwindowwrapper3{width:400px; float:left; background-color:#d20a18; height:220px; background-image:url(images/popup-reserve.jpg); padding:120px 0 15px 0;}
#newwindowwrapper4{width:380px; float:left; background-color:#d20a18; height:400px; background-image:url(images/popup-spec.jpg); padding:120px 10px 15px 10px;}
#newwindowwrapper5{width:400px; float:left; background-color:#d20a18; height:220px; background-image:url(images/popup-bcards.jpg); padding:120px 0 15px 0;}
#newwindowwrapper6{width:400px; float:left; background-color:#FF6666; height:260px; background-image:url(images/popup-help.jpg); padding:120px 0 15px 0;}
#environment{width:400px; height:auto; float:left; padding:15px; background-color:#d20a18}

#bodyfullwrap{width:800px;float:left; margin:0 10px 0 10px; padding:0;display:inline;}
#bodyfullcurve{width:780px; float:left;background-image:url(images/bodyfull-top.gif); background-repeat: no-repeat; background-position:top; margin:10px 0 0 0; padding:15px 0 0 0;}
#bodyfull{width:756px; float:left; margin:0; background-color:#FFFFFF;background-image:url(images/bodyfull-bottom.gif); background-repeat: no-repeat; padding: 0 12px 10px 12px; background-position:bottom;}

p, td{font-size:12px; font-family:Arial; color:#000000;}
h1{font-family:Arial; font-size:14px; font-weight:bold; color:#d20a18;}
h2{font-family:Arial; font-size:18px; font-weight:bold; color:#d20a18; margin-top:0;}
h5{font-family:Arial; font-size:10px; font-weight:bold; color:#d20a18;}
h3{font-family:Arial; font-size:10px; font-weight:bold; color:#FFF;}
h4{font-family:Arial; font-size:16px; font-weight:bold; color: #FFF; text-align:center;}
h6{font-family:Arial; font-size:14px; font-weight:bold; color: #FFF; text-align:center;}
.steps{font-family:Arial; font-size:14px; font-weight:bold; color:#d20a18;}
.steps2{font-family:Arial; font-size:12px; font-weight:bold; color:#d20a18;}
.smallprint{font-size:10px; font-family:Arial; color:#000000;}
.price{font-family:Arial; font-size:35px; font-weight:bold; color: #FFF;}
.popup{font-family:Arial; font-size:10px; font-weight:bold; color:#FFF; text-align:center;}
.enviro{font-size:10px; font-family:Arial; color:#ffffff;}
.redEmphasis{
	font-family:Arial;
	font-size:8.5px;
	font-weight:normal;
	color:#d20a18;
}


a:link {color: #d20a18; font-weight:bold; text-decoration:none;}
a:visited {color: #d20a18; font-weight:bold; text-decoration:none;}
a:hover {color: #d20a18; font-weight:bold; text-decoration:underline;}
a:active {color: #d20a18; font-weight:bold; text-decoration:none;}

ul { font-family:Arial, Helvetica, sans-serif;}

#navlist {margin:0; padding:0;} 
ul#navlist {margin: 7px 0 0 20px; padding: 0; white-space: nowrap; } 
#navlist a:active {color: #ffffff; text-decoration: underline; }
#navlist li#active a { color: #ffffff; text-decoration: underline;}
#navlist li{display:inline; list-style-type:none; font-size:15px; font-family:Arial; padding:0; margin:0; }
#navlist a { padding:0 12px 0 0; margin:0; }
#navlist a:link, #navlist a:visited { color:#d20a18; text-decoration:none}
#navlist a:hover { color:#ffffff; text-decoration:underline}

.flash{border:0px;}

.formHeader{background-color:#CC0000; color:#FFFFFF; font-weight:bold}

#status {position:relative; top:-23px; left:7px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px}
#sitemap {position:relative; top:-165px; left:565px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px}
#btncontemporary { float:left; text-align:center; padding:5px 0 5px 0; width:15%; border-left:4px #d20a18 double; border-right:4px #d20a18 double; border-top:4px #d20a18 double}
#btnchic { float:left; text-align:center; padding:5px 0 5px 0; width:15%; border-bottom:4px #d20a18 double}
#btnclassic { float:left; text-align:center; padding:5px 0 5px 0; width:15%; border-bottom:4px #d20a18 double}
#leftSpace { float:left; width:26%; height:50px; border-bottom:4px #d20a18 double}
#rightSpace { float:left; width:26%; height:50px; border-bottom:4px #d20a18 double}
#classicStyleBtn1, #classicStyleBtn2, #classicStyleBtn3, #contemporaryStyleBtn1, #contemporaryStyleBtn2, #contemporaryStyleBtn3 { float:left; padding:5px; font-weight:bold; border:1px #000000 solid; margin:0 5px 0 5px; width:50px; text-align:center}
#classicStyleBtn2, #classicStyleBtn3, #contemporaryStyleBtn2, #contemporaryStyleBtn3 {background-color:#FFFFFF}
#classicStyleBtn1, #contemporaryStyleBtn1 { background-color:#d20a18; color:#FFFFFF}

.styleButton { float:left; padding:0 2px 0 2px}
.empty { width:28%; float:left}
#styleMenu{ position:absolute; text-align:center; margin:auto; width:500px}
#chic1, #chic2, #chic3, #classic1, #classic2, #classic3, #classic4, #classic5, #contemporary1, #contemporary2, #contemporary3, #contemporary4 { position:absolute; margin-top:-20px; margin-left:30px}
#contemporary, #chic, #classic, #chic {width:650px; margin-left:6%; padding-top:10px; position:absolute}
#contemporary1, #classic1, #chic1 { visibility:visible}
#chic2, #chic3, #classic2, #classic3, #classic4, #classic5, #contemporary2, #contemporary3, #contemporary4 { visibility:hidden}
#mainThumbsholder { width:100%; height:2950px}
.thumbbox { float:left; padding:2px; width:150px; height:105px;}
.thumboverflow { border:1px #000000 solid; position:absolute; width:130px; height:85px; overflow:hidden}
.thumb { position:relative; width:150px; height:105px; bottom:10px; right:10px}

#topSection { float:right}
#businessCard, #letterhead, #reverse { border:1px #000000 solid; position:absolute; overflow:hidden; margin-left:75px}
#businessCardApprove { border:1px #000000 solid; position:absolute; margin-left:5%; overflow:hidden}
#busCardContainer, #reverseContainer { height:600px; width:100%;}
#txtReverse { width:602px; height:70px; position:absolute; margin-left:75px; top:730px; text-align:center; visibility:hidden}
#reverseTxt { text-align:center; visibility:hidden; position:absolute; background-color:transparent; border:1px solid #FFFF99; color:#000000}
#container { height:450px; width:100%;}
#imageholder { overflow:hidden}

#details { float:right; padding-left:5px}
.detail { font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:3px}
#lhdetails { margin-bottom:10px}
.lhdetail { font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:3px; float:left; padding-right:5px}
#busName, #name, #position, #addLine1, #addLine2, #addLine3, #phone, #fax, #email, #web, #add123, #phoneFax, #emailWeb, #foot {position:absolute; background-color:transparent; border:1px solid #FFFF99; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000}
#savedBusCards {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#d20a18}
#contacts, #txtBusName, #txtName, #txtPosition, #txtAddLine1, #txtAddLine2, #txtAddLine3, #txtPhone, #txtFax, #txtEmail, #txtWeb {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#d20a18; width:140px}
#txtBusNamelh, #txtAddress, #txtPhoneFax, #txtEmailWeb, #txtFoot {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#d20a18}
#txtBusNamelh { }
#txtAddress { width:585px}
#txtPhoneFax { width:230px}
#txtEmailWeb { width:501px}
#txtFoot { text-align:left}

#properties { background-color:#FFCCFF; width:592px; padding:5px; position:absolute; top:730px; margin-left:75px; border:1px #000000 solid; text-align:center}
.property { float:left; padding:5px}
#colour {}
#txtColour {width:60px; float:left}
#colourBox {width:20px; height:5px; margin-top:-3px; background-color:#000000}
#colourA { float:left; text-align:center; font-weight:bold; font-size:18px; color:#0000FF}
#styleBold, #styleItalic, #styleUnderline, #alignLeft, #alignCentre, #alignRight { float:left}
#next, #prev { float:left; width:68px; text-align:right; height:50px}
#btnNext { }
#btnPrev { }

#lhdetails {}

#row { width:100%}
#bck, #nxt { float:left; width:15%}
#bck { text-align:left; padding-right:0px}
#nxt { text-align:right; padding-left:0px}

#rowTitle { width:100%; font-weight:bold}
.row { width:100%}
#bcImg, #csImg, #lImg, #lhImg, #iImg { float:left; padding:5px; text-align:center}
#bcImg { width:50%}
#csImg { width:100%}
#lImg {}
#lhImg { width:50%}
#iImg { }

#basket { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:right}
#empty { font-family:Arial, Helvetica, sans-serif; font-size:10px; position:relative; bottom:12px; color:#d20a18; font-weight:bold}

#viewBasket { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:750px; text-align:left; margin-left:5px}
.vat, .priceVat, .basketItem, .basketQuantity, .basketPrice, .basketContact, .basketRemove, .lineTotal { float:left; border-right:1px #666666 solid; padding:5px; border-bottom:1px #666666 solid; padding:5px; height:20px}
.basketItem { width:195px}
.basketContact { width:165px}
.basketQuantity { width:50px; text-align:right}
.basketRemove { width:55px; text-align:center}
.basketPrice { width:45px; text-align:right}
.vat { width:35px; text-align:right} 
.priceVat { width:58px; text-align:right}
.lineTotal { width:55px; text-align:right}
.basketBtn { font-family:Arial, Helvetica, sans-serif; font-size:10px}

.confirmHeader { font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:100%; background-color:#CC0000; color:#FFFFFF; padding:3px 0 3px 0; height:20px; float:left; margin:10px 0 10px 0}
#viewBasketConfirm { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:750px; text-align:left; margin-left:35px}
.basketItem2, .basketQuantity2, .basketPrice2, .basketContact2, .basketVat, .basketPriceVat, .lineTotal2 { float:left; border-right:1px #666666 solid; padding:5px; border-bottom:1px #666666 solid; padding:5px; height:20px}
.basketItem2 { width:200px}
.basketContact2 { width:170px}
.basketQuantity2 { width:50px; text-align:right}
.basketPrice2 { width:45px; text-align:right}
.basketVat { width:35px; text-align:right} 
.basketPriceVat { width:58px; text-align:right}
.lineTotal2 { width:55px; text-align:right}

#customerDetails { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.leftCol, .rightCol { float:left; padding:5px}
.leftCol { width:35%; text-align:right}
.rightCol { width:60%}
.warning { color:#009900}
.error { color:#FF0000; font-weight:bold}
.success { color:#009900; font-weight:bold}
.tickbullets { font-style:italic}

#deliveryDetails { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.deliveryLeft, .deliveryRight, .deliverySpace { float:left; padding:5px}
.deliverySpace { width:20%}
.deliveryLeft { width:23%; text-align:left}
.deliveryRight { width:50%; text-align:left; font-weight:bold}

.error { width:100%; color:#FF0000; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.success { width:100%; color:#009900; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.protx { float:right}