﻿/******* General *******/
body {color:#6b6b6b; margin: 0px; padding: 0px; min-width: 550px;}
td,div {font-family: arial, verdanna, helvetica; font-size: 12px; color: #6b6b6b; 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;}
hr {height: 1px; color: #cccccc; }
p {padding: 5px 15px; line-height: 16px;}
a {cursor: pointer; }
ul.bullet {margin-left: 20px; padding: 0px;}
ul.bullet li {list-style-image: url('http://www.announcementcards.co.uk/Images/bullet.png'); padding-bottom: 6px;}
h1 {color: #8a7c3f; padding: 0px; font-weight: normal; font-size: 18px; margin: 0px;}
h2 {color: #9e9163; padding: 0px; font-weight: normal; font-size: 18px; margin: 0px;}
h3 {font-size: 18px; margin: 35px 0px 5px 0px; line-height: 24px; font-weight: normal;}
h4 {font-size: 12px;  font-weight: normal; display: inline;}

/******* links *******/
a:link {text-decoration: underline; color: #6b6b6b;} 
a:visited {text-decoration: underline; color: #6b6b6b;}
a:hover {text-decoration: underline; color: #88b2a4;}
a:active {text-decoration: underline; color: #6b6b6b;}

.borderstyle a:link {border: 1px solid white; display: block; width: 102px;} 
.borderstyle a:visited {border: 1px solid white; display: block; width: 102px;}
.borderstyle a:hover {border: 1px solid #cccccc; display: block; width: 102px;}
.borderstyle a:active {border: 1px solid white; display: block; width: 102px;}

.borderstyle02 a:link {border: 1px solid white; display: block; width: 150px; padding: 5px 0px 5px 5px; margin-right: 5px;} 
.borderstyle02 a:visited {border: 1px solid white; display: block; width: 150px; padding: 5px 0px 5px 5px; margin-right: 5px;}
.borderstyle02 a:hover {border: 1px solid #cccccc; display: block; width: 150px; padding: 5px 0px 5px 5px; margin-right: 5px;}
.borderstyle02 a:active {border: 1px solid white; display: block; width: 150px; padding: 5px 0px 5px 5px; margin-right: 5px;}

/******* id *******/
#footer {font-size: 10px; width: 781px; display: block; text-align: center; padding-top: 20px; margin-bottom: 10px;}
#footer a {font-size: 10px;}
#container {margin:0 auto; position: relative; width: 781px; height: auto; height: 100%;  top: 0px;  left: 1px;}
#wrapper {width: 100%; position: relative; top: 0px; left: 0px; display: block; height: 100%;}
#mainLayout {width: 781px; text-align: left; display: block;}
#Header {height: 134px; width: 914px; font-size: 11px; }
#bodyContent {width: 781px; display: block; margin-top: 15px;}
#bodyContent02 {width: 781px; display: block; margin-top: 15px;}
#navright {float: right; padding-top: 2px; text-align: right;}
#printFlashImage {display: none;}
#contentright {float: right; width: 214px; padding-left: 31px; margin-bottom: 50px;}
#contentright p {line-height: 20px;}
#contentleft {float: left; width: 600px; padding-right: 31px; border-right: dotted 1px #8a8a8a; padding-bottom: 35px; font-size: 13px; margin-bottom: 10px; }
#contentwrapper {width: 600px; display: block; margin-left: 6px; border-top: 4px solid #dcdcdc; padding-top: 15px; position: relative;}
#panelBottom {width: 781px;}
#panelBottom h1 {color: #9e9163; line-height: 22px; margin-bottom: 4px; margin-top: 5px;}
#panelBottom h2 {line-height: 22px; margin-bottom: 4px; margin-top: 5px;}
#panelBottom td {color: #6f6f6f; line-height: 16px;}
#right-panel-wrapper {border-right: 1px solid #c0c5c7; border-left: 1px solid #c0c5c7; border-bottom: 1px solid #c0c5c7; padding: 0px 4px 4px 4px; width: 281px; margin-top: 0px;}
#right-panel-background {background-image: url('http://www.announcementcards.co.uk/Images/right-panel-back.jpg'); background-repeat: repeat-x; background-position: bottom; width: 282px; min-height: 62px;}
#right-panel-bottom-wrapper {border-right: 1px solid #c0c5c7; border-left: 1px solid #c0c5c7; padding: 0px 4px; width: 281px;}
#right-panel-bottom {background-image: url('http://www.announcementcards.co.uk/Images/right-panel-bottom-back.jpg'); background-repeat: repeat-x; background-position: top; width: 282px;}
#right-number {float: left; width: 26px; font-size: 60px; font-weight: bold; line-height: 60px; padding-left: 4px;}
#right-first-line {float: left; padding: 17px 0px 0px 14px; min-height: 50px;}
#right-first-line span {font-size: 14px; color: #ababab; line-height: 14px;}
#right-first-line h1 {font-size: 24px; font-family: arial; color: #8a7c3f; padding: 0px; margin: 0px;}
#content-left-top {background-image: url('http://www.announcementcards.co.uk/Images/left-top.gif'); background-repeat: no-repeat; height: 10px; width: 460px;}
#content-body {width: 450px; border-right: 1px solid #c0c5c7; border-left: 1px solid #c0c5c7; padding: 0px 4px;}
#content-left-bottom {background-image: url('http://www.announcementcards.co.uk/Images/left-bottom.gif'); background-repeat: no-repeat; height: 10px; width: 460px;}

#left-panel-wrapper {border-right: 1px solid #c0c5c7; border-left: 1px solid #c0c5c7; border-bottom: 1px solid #c0c5c7; padding: 0px 4px 4px 4px; width: 450px; margin-top: 0px;}
#left-panel-background {background-image: url('http://www.announcementcards.co.uk/Images/right-panel-back.jpg'); background-repeat: repeat-x; background-position: bottom; width: 450px; min-height: 62px;}
#left-panel-bottom-wrapper {border-right: 1px solid #c0c5c7; border-left: 1px solid #c0c5c7; padding: 0px 4px; width: 450px;}
#left-panel-bottom {background-image: url('http://www.announcementcards.co.uk/Images/right-panel-bottom-back.jpg'); background-repeat: repeat-x; background-position: top; width: 450px;}

#center-panel-wrapper {border-right: 1px solid #c0c5c7; border-left: 1px solid #c0c5c7; border-bottom: 1px solid #c0c5c7; padding: 0px 4px 4px 4px; width: 770px; margin-top: 0px;}
#center-panel-background {background-image: url('http://www.announcementcards.co.uk/Images/right-panel-back.jpg'); background-repeat: repeat-x; background-position: bottom; width: 770px; min-height: 62px;}
#center-panel-bottom-wrapper {border-right: 1px solid #c0c5c7; border-left: 1px solid #c0c5c7; padding: 0px 4px; width: 770px;}
#center-panel-bottom {background-image: url('http://www.announcementcards.co.uk/Images/right-panel-bottom-back.jpg'); background-repeat: repeat-x; background-position: top; width: 770px;}

.main-cat a {text-align: right; width: 124px; padding: 172px 6px 0px 0px; font-size: 12px; display: block; text-decoration: none; color: white;}
.main-cat a:link {text-align: right; width: 124px; padding: 172px 6px 0px 0px; font-size: 12px; display: block; text-decoration: none; color: white;} 
.main-cat a:visited {text-align: right; width: 124px; padding: 172px 6px 0px 0px; font-size: 12px; display: block; text-decoration: none; color: white;}
.main-cat a:hover {text-align: right; width: 124px; padding: 172px 6px 0px 0px; font-size: 12px; display: block; text-decoration: none; color: #3d3d3d;}
.main-cat a:active {text-align: right; width: 124px; padding: 172px 6px 0px 0px; font-size: 12px; display: block; text-decoration: none; color: white;}
.main-cat strong {font-family:  Arial; font-size: 14px;}
.main-cat span {color: #3d3d3d; font-size: 9px; font-weight: 900; margin-right: 25px; }

.main-cat-list a {text-align: right; width: 124px; padding: 7px 6px 0px 0px; font-size: 12px; display: block; }
.main-cat-list a:link {text-decoration: none; color: white;} 
.main-cat-list a:visited {text-decoration: none; color: white;}
.main-cat-list a:hover {text-decoration: none; color: #3d3d3d;}
.main-cat-list a:active {text-decoration: none; color: white;}
.main-cat-list strong {font-family: Arial; font-size: 14px;}
.main-cat-list span {color: #3d3d3d; font-size: 9px; font-weight: 900; margin-right: 25px; }
.main-cat-list div {text-align: right; width: 124px; padding: 7px 6px 15px 0px; font-size: 12px; display: block; color: #3d3d3d;}

.main-cat-general a {text-align: right; width: 103px; padding: 9px 6px 0px 0px; font-size: 10px; display: block; margin-right: 2px;}
.main-cat-general a:link {text-decoration: none; color: white; display: block; height: 30px;} 
.main-cat-general a:visited {text-decoration: none; color: white; display: block; height: 30px;}
.main-cat-general a:hover {text-decoration: none; color: #3d3d3d; display: block; height: 30px;}
.main-cat-general a:active {text-decoration: none; color: white; display: block; height: 30px;}
.main-cat-general strong {font-family: Arial; font-size: 12px; display: block; height: 30px;}
.main-cat-general span {color: #3d3d3d; font-size: 9px; font-weight: 900; margin-right: 25px; }
.main-cat-general div {text-align: right; width: 103px; padding: 9px 6px 0px 0px; font-size: 10px; display: block; color: #3d3d3d; margin-right: 2px;}

.general-cat a {text-align: right; width: 124px; padding: 162px 6px 0px 0px; font-size: 12px; display: block; text-decoration: none; color: white;}
.general-cat a:link {text-align: right; width: 124px; padding: 162px 6px 0px 0px; font-size: 12px; display: block; text-decoration: none; color: white;} 
.general-cat a:visited {text-align: right; width: 124px; padding: 162px 6px 0px 0px; font-size: 12px; display: block; text-decoration: none; color: white;}
.general-cat a:hover {text-align: right; width: 124px; padding: 162px 6px 0px 0px; font-size: 12px; display: block; text-decoration: none; color: #3d3d3d;}
.general-cat a:active {text-align: right; width: 124px; padding: 162px 6px 0px 0px; font-size: 12px; display: block; text-decoration: none; color: white;}
.general-cat strong {font-family:  Arial; font-size: 14px;}
.general-cat span {color: #3d3d3d; font-size: 9px; font-weight: 900; margin-right: 25px; }

.end-link a:link {text-decoration: none; color: #6b6b6b;} 
.end-link a:hover {text-decoration: underline; color: white;}

/******* menu *******/
#Menu a {font-size: 15px; display: inline; padding: 10px; text-decoration: none;}
#Menu a:hover {font-size: 15px; display: inline; padding: 10px; text-decoration: none;}


#TextMenu a {font-size: 11px; display: inline; padding: 7px 5px;}
#TextMenu a:hover {font-size: 11px; display: inline; padding: 7px 5px;}

#TextMenuBottom a {font-size: 12px; display: inline; padding: 7px;}
#TextMenuBottom a:hover {font-size: 12px; display: inline; padding: 7px;}

/******* class *******/
.search_back {padding-top: 5px; height: 26px; background-image: url('http://www.announcementcards.co.uk/Images/search-back.gif'); background-repeat: repeat-x; }
.astricts-red {color: #bb0606;}
.nav-top {width: 781px; text-align: right; color: #5b5b5b; }
.top-bar { background-image: url('http://www.announcementcards.co.uk/Images/top-bar.gif'); background-repeat: no-repeat; }
.panel-top { background-image: url('http://www.announcementcards.co.uk/Images/panel-top.gif'); background-repeat: no-repeat; }
.panel-bottom { background-image: url('http://www.announcementcards.co.uk/Images/panel-bottom.gif'); background-repeat: no-repeat; }
.panel-list-top { background-image: url('http://www.announcementcards.co.uk/Images/list-panel-top.gif'); background-repeat: no-repeat; }
.panel-list-bottom { background-image: url('http://www.announcementcards.co.uk/Images/list-panel-bottom.gif'); background-repeat: no-repeat; }
.rightpanel-top {background-image: url('http://www.announcementcards.co.uk/Images/right-panel-top.gif'); background-repeat: no-repeat; background-position: top; }
.rightpanel-bottom {background-image: url('http://www.announcementcards.co.uk/Images/right-panel-bottom.gif'); background-repeat: no-repeat; }
.align-center {text-align: center;}
.confirm-back {background-image: url('http://www.announcementcards.co.uk/Images/confirm-back.jpg'); background-repeat: repeat-x; }

.birth {background-image: url('http://www.announcementcards.co.uk/Images/title-birth.jpg'); background-repeat: no-repeat; }
.wedding {background-image: url('http://www.announcementcards.co.uk/Images/title-wedding.jpg'); background-repeat: no-repeat; }
.moving {background-image: url('http://www.announcementcards.co.uk/Images/title-moving.jpg'); background-repeat: no-repeat; }
.general {background-image: url('http://www.announcementcards.co.uk/Images/title-general.jpg'); background-repeat: no-repeat; }
.upload {background-image: url('http://www.announcementcards.co.uk/Images/title-upload.jpg'); background-repeat: no-repeat;}
.pregnancy {background-image: url('http://www.announcementcards.co.uk/Images/title-pregnancy.jpg'); background-repeat: no-repeat;}

.birth-small {background-image: url('http://www.announcementcards.co.uk/Images/list-birth.jpg'); background-repeat: no-repeat;}
.wedding-small {background-image: url('http://www.announcementcards.co.uk/Images/list-wedding02.jpg'); background-repeat: no-repeat;}
.moving-small {background-image: url('http://www.announcementcards.co.uk/Images/list-moved.jpg'); background-repeat: no-repeat;}
.general-small {background-image: url('http://www.announcementcards.co.uk/Images/list-general.jpg'); background-repeat: no-repeat;}
.upload-small {background-image: url('http://www.announcementcards.co.uk/Images/list-upload.jpg'); background-repeat: no-repeat; }
.pregnancy-small {background-image: url('http://www.announcementcards.co.uk/Images/list-pregnancy.jpg'); background-repeat: no-repeat; }

.adoption-small {background-image: url('http://www.announcementcards.co.uk/Images/list-adoption.jpg'); background-repeat: no-repeat; }
.driving-small {background-image: url('http://www.announcementcards.co.uk/Images/list-driving.jpg'); background-repeat: no-repeat; }
.engagement-small {background-image: url('http://www.announcementcards.co.uk/Images/list-engagement.jpg'); background-repeat: no-repeat; }
.graduation-small {background-image: url('http://www.announcementcards.co.uk/Images/list-graduation.jpg'); background-repeat: no-repeat; }
.open-small {background-image: url('http://www.announcementcards.co.uk/Images/list-open.jpg'); background-repeat: no-repeat; }
.divorce-small {background-image: url('http://www.announcementcards.co.uk/Images/list-divorce.jpg'); background-repeat: no-repeat; }

.general-exam {background-image: url('http://www.announcementcards.co.uk/Images/title-exam.jpg'); background-repeat: no-repeat; }
.general-18 {background-image: url('http://www.announcementcards.co.uk/Images/title-18.jpg'); background-repeat: no-repeat; }
.general-21 {background-image: url('http://www.announcementcards.co.uk/Images/title-21.jpg'); background-repeat: no-repeat; }
.general-birthday {background-image: url('http://www.announcementcards.co.uk/Images/title-birthday.jpg'); background-repeat: no-repeat; }
.general-driving {background-image: url('http://www.announcementcards.co.uk/Images/title-driving.jpg'); background-repeat: no-repeat; }
.general-engagement {background-image: url('http://www.announcementcards.co.uk/Images/title-engagement.jpg'); background-repeat: no-repeat; }
.general-milestone {background-image: url('http://www.announcementcards.co.uk/Images/title-milestone.jpg'); background-repeat: no-repeat; }
.general-wedding02 {background-image: url('http://www.announcementcards.co.uk/Images/title-wedding02.jpg'); background-repeat: no-repeat; }
.general-divorce {background-image: url('http://www.announcementcards.co.uk/Images/title-divorce.jpg'); background-repeat: no-repeat; }
.general-birth {background-image: url('http://www.announcementcards.co.uk/Images/title-birth-small.jpg'); background-repeat: no-repeat; }
.general-pregnancy {background-image: url('http://www.announcementcards.co.uk/Images/title-pregnacy-small.jpg'); background-repeat: no-repeat; }
.general-move {background-image: url('http://www.announcementcards.co.uk/Images/title-moved-small.jpg'); background-repeat: no-repeat; }
.general-upload {background-image: url('http://www.announcementcards.co.uk/Images/title-upload-small02.jpg'); background-repeat: no-repeat; }
.general-adoption {background-image: url('http://www.announcementcards.co.uk/Images/title-odoption.jpg'); background-repeat: no-repeat; }
.general-openday {background-image: url('http://www.announcementcards.co.uk/Images/title-opening.jpg'); background-repeat: no-repeat; }


.end {background-image: url('http://www.announcementcards.co.uk/Images/title-end.gif'); background-repeat: no-repeat; background-position: top;}
.end-general {background-image: url('http://www.announcementcards.co.uk/Images/title-end-general.gif'); background-repeat: no-repeat; background-position: top;}

.textbox {font-family: Verdana; color: #6b6b6b; font-size: 10px;}
.right_td {width: 100px; font-size: 11px; color: #565759; text-align: right;}
.left_td {width: 300px; font-size: 11px; color: #565759; text-align: left; padding-left: 10px;}

.UL_Basket {list-style-type: none; 	margin:0px; padding: 0px;}
.UL_Basket li {list-style-type: none; margin: 0px; padding: 0px; padding-bottom: 2px; list-style-image: none;}
.bullet-text a {font-size: 10px; padding-bottom: 2px; margin: 0px;}
.bullet-text li {padding: 0px; margin: 0px;}
.form {list-style-type: none; 	margin-left:0px; padding-left: 0px;}
.form li {list-style-type: none; margin-left: 0px; padding-left: 0px; padding-bottom: 10px; list-style-image: none;}
.form-text {display: inline; margin-right: 10px;}

.form-charactor a:link {text-decoration: none; color: #f49090; padding: 0px 2px; font-size: 13px; font-weight: bold;} 
.form-charactor a:visited {text-decoration: none; color:#f49090; padding: 0px 2px; font-size: 13px; font-weight: bold;}
.form-charactor a:hover {text-decoration: none; color: white; background-color: #f49090; padding: 0px 2px; font-size: 13px; font-weight: bold;}
.form-charactor a:active {text-decoration: none; color: #f49090; padding: 0px 2px; font-size: 13px; font-weight: bold;}

.bulletTable {margin-left: 20px;}
.bulletTable td {width: 220px;}
.grid {width: 616px;}
.grid td {padding: 12px; width: 130px; text-align: center;}
.grid img {margin-bottom: 12px;}
.grid a {text-decoration: underline;  } 
.form td {font-family: Trebuchet MS, Arial, helvetica;}
.form div {font-family: Trebuchet MS, Arial, helvetica;}
.form span {font-family: Trebuchet MS, Arial, helvetica; font-size: 10px;}
.titleh1 {color: #999999;}
.contactTable div {font-family: Trebuchet MS, Arial, helvetica; padding: 5px 0px;}
.contactTable p {padding: 0px 0px 2px 0px; margin: 0px;}
.Display_none {	display:none;}
.table-top {padding: 10px 0px; color: white; font-weight: bold; text-align: center; background-color: #529e91;}
.textchange {font-size: 12px; color: #6b6b6b; font-weight: normal; }
.textchange h2 {font-size: 12px; color: #6b6b6b; font-weight: normal;}
.gap {height: 10px; display: block;}
.gap-general {height: 12px; display: block;}
.gap-default {height: 12px; display: block;}
.privacy p {padding: 5px 0px;}
.privacy ul {padding-left: 30px;}
.privacy li {font-weight: normal; list-style-image: none;}


.tabBorder td {padding: 10px 0px; border-bottom: 1px dotted #cccccc; vertical-align: middle;}
.borderbot {border-bottom: dotted 1px #6b6b6b;}

/******* menu *******/
#menu02{position: absolute; z-index: 300; top: 132px; left: 0px;}
#menu02 ul .item {display: none; padding: 0px; margin: 0px;}
#menu02 ul:hover .item {display: block; background-color: white; padding: 4px 0px 4px 6px; margin: 0px; list-style: none; cursor: pointer; border-bottom: 1px solid #88b2a4;}
#menu02 ul:hover .item a { font-size: 12px; padding: 4px 0px 4px 6px; text-decoration: none; list-style: none; cursor: pointer;}
#menu02 ul:hover .item a:hover { font-size: 12px; text-decoration: underline; padding: 4px 0px 4px 6px; list-style: none; cursor: pointer;}
#menu02 ul{float:left; margin: 0px; padding: 0px; list-style: none;}
#menu02 li.top{list-style: none; margin: 0px; padding: 0px 14px; border-right: 1px #6b6b6b solid; font-size: 15px; text-decoration: none;}
.clear{clear: both;}

#menu02 ul .item02 {display: none; }
#menu02 ul:hover .item02{ display: block; background-color: Transparent; padding: 0px; margin: 0px; list-style: none; cursor: pointer;}
#menu02 ul:hover .item02 a { text-decoration: none; list-style: none; cursor: pointer; height: 1px;}
#menu02 ul:hover .item02 a:hover {  padding: 0px; list-style: none; cursor: pointer; height: 1px;}

