/* GENERAL STYLES */
/* */
* {margin: 0; padding: 0;}
.clearer {clear: both; line-height: 0; height: 0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%;}
p { line-height: 1.2em; color: #282828;}

img {border:none;}
img.float_left { float: left; border: 5px solid #fff; }
img.float_right { float: right; border: 5px solid #fff; }

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 1.8em;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.5em;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 1.3em;}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em;}

.homeBg {background: url(../images/bgs/homeBg.jpg) repeat-x; background-color: #CCC}
.subBg {background: url(../images/bgs/subBg.jpg) repeat-x; background-color: #CCC}

/* DIVS CONTAINED ON ALL PAGES */
/* */
#wrapper {width: 860px; margin-left: auto; margin-right: auto; }

#footerContainer {background-color: #FFF; width: 860px; padding: 10px 0 0 0;font-size: 1.1em;}
#footer {background: url('/images/bgs/footerBg.jpg') no-repeat; width: 820px; height: 40px; margin: 0 0 0 20px; }

#footer ul {list-style: none; color:#FFF; margin: 0 0 0 15px;}
#footer li {float: left; padding: 10px 3px 0 3px;}
#footer a {color: #FFF; text-decoration: none;}
#footer a:hover {text-decoration: underline;} 

#footer p {float: right; color: #fff; padding: 10px 40px 0 0;}
#footer p a {color: #fff; text-decoration: underline; }
#footer p a:hover {color: #282828; text-decoration: none;}

/* UTILITY NAVIGATION STYLES */
#utilityNav {}
.home {background: url('/images/bgs/utilityHomeBg.jpg') top no-repeat; width: 860px; height: 25px;}
.sub {background: url('/images/bgs/utilitySubBg.jpg') no-repeat; width: 860px; height: 25px;}

#utilityNav ul {color: #9B1623; font-size: 1.3em; padding: 3px 0 0 400px; list-style-type: none; }
#utilityNav li {float: left; padding: 0 10px 0 0;}
#utilityNav a {color: #9B1623; text-decoration: none;}
#utilityNav a:hover {text-decoration: underline;}

/* MAIN NAVIGATION STYLES */
#mainNav {font-family:Arial, Helvetica, sans-serif; width: 860px; font-size: 1.4em; font-weight: bold;}
#mainNav ul {list-style: none;}
#mainNav li {float: left; text-align: center;}

/* NAVIGATION TEXT LINK COLOURS FOR DEFAULT PAGES (HOME & UTILITY PAGES) */
#mainNav a {color: #fff; text-decoration: none; padding: 15px 0 0 0;}
#mainNav a:hover {color: #BF1F2E;}

/* NAVIGATION TEXT LINK COLOURS FOR SUB PAGES */
#mainNav a.sub {color: #fff; text-decoration: none; padding: 15px 0 0 0;}
#mainNav a.sub:hover {color: #F68C1B;}

#navOption_1 {background: url('../images/nav/btnBg_1.jpg') 0% 0% no-repeat; width: 170px; height: 45px; display:block;}

#navOptionSub_1 {background: url('/images/nav/btnSubBg_1.jpg') 0% 0% no-repeat; width: 170px; height: 45px; display:block;}
#navOptionSubCurrent_1 {background: url('/images/nav/btnBg_1.jpg') 0% 0% no-repeat; width: 170px; height: 45px; display:block;}
#navOptionSubCurrent_1 p{padding: 15px 0 0 0; color: #FFF;}

/* FAQ TAB IS 10PX WIDER THAN OTHER NAVIGATION BTNS */
#navOption_2 {background: url('/images/nav/btnBg_2.jpg') 0% 0% no-repeat; width: 180px; height: 45px; display:block;}

#navOptionSub_2 {background: url('/images/nav/btnSubBg_2.jpg') 0% 0% no-repeat; width: 180px; height: 45px; display:block;}
#navOptionSubCurrent_2 {background: url('/images/nav/btnBg_2.jpg') 0% 0% no-repeat; width: 180px; height: 45px; display:block;}
#navOptionSubCurrent_2 p {padding: 15px 0 0 0; color: #FFF;} 

/* HOME PAGE STYLES */
/* */
#flash {width: 860px; height: 230px;}

#headerHome {width: 860px; height: 315px;}

#mainContent {background-color: #FFF; width: 860px;}

#homeLeft {width: 515px; float: left; margin: 20px 0 0 0; padding: 0 10px 0 40px; }  
#homeLeft h1 {color: #EC008C; font-size: 1.8em; border-bottom: 1px solid #EC008C; padding: 0 0 10px 0; margin: 0 0 15px 0;}
#homeLeft p {line-height: 1.4; padding: 0 0 10px 0; color: #282828; font-size: 1.1em}
#homeLeft p span {font-weight: bold;}

/* HOME PAGE PANELS */
#homePanelMain {margin: 10px 0 0 0;}
#homePanelMain #header {background: url('/images/bgs/homePanelMainTop.jpg') no-repeat; width: 515px; height: 99px;}
#homePanelMain #restBg {background: url('/images/bgs/homePanelMainRest.jpg') 0% 100% no-repeat #D12030; width: 515px; padding: 10px 0 10px 0; overflow: auto;}

#homePanelMain .col {width: 255px; float:left; }
#homePanelMain ul {list-style-image: url('/images/bgs/listStyle_2.gif'); padding: 0 0 10px 30px; color: #FFF;}
#homePanelMain li {padding: 0 0 3px 0;}
#homePanelMain h2 {color: #FFF; padding: 0 0 10px 10px;}
#homePanelMain p {color: #FFF; font-size: 1.0em; padding: 0 0 10px 10px;}

#homeRight {width: 255px; float: left; margin: 20px 0 0 0;  font-size: 1.1em}
#homeRight p {padding: 10px 0 10px 10px; line-height:1.5;}
#homeRight h2 {color: #EC008C; font-size: 1.5em; margin: 0 0 0 50px; padding: 10px 0 0 0;}
#homeRight ul {list-style-image: url('/images/bgs/listStyle_1.gif'); padding: 5px 0 10px 40px;}
#homeRight li {padding: 0 0 3px 0;}

#contactBox {}
#contactBox #header{width:255px; height: 33px; background: url('/images/bgs/homeContactTop.jpg') no-repeat}

#languagesBox {margin: 20px 0 0 0; overflow:auto;}
#languagesBox #header{width:255px; height: 33px; background: url('/images/bgs/homeLanguagesTop.jpg') no-repeat;}

#tellFriendBox {margin: 20px 0 0 0;}
#tellFriendBox #header{width:255px; height: 33px; background: url('/images/bgs/homeFriendTop.jpg') no-repeat}

#zipServiceBox {margin: 20px 0 0 0;}
#zipServiceBox #header{width:255px; height: 33px; background: url('/images/bgs/homeZipServicesTop.jpg') no-repeat}

#restBoxHome{width:255px; background: url('/images/bgs/grayPanelBg.jpg') no-repeat 0% 100%; padding: 0 0 10px 0;}

/* HOME PAGE PANELS BTNS */
.boxBtn {background: url('/images/bgs/readMore_btn.jpg') top right no-repeat; width: 95px; height: 18px; padding: 5px 0 0 0; margin: 0 0 0 155px;}
.boxBtn a {color: #BE1E2D; font-weight: bold; text-decoration: none; font-size: 1.1em;}
.boxBtn a:hover {text-decoration: underline;}

.mainPanelBtn {background: url('/images/bgs/readMore_btn2.gif') top right no-repeat; width: 95px; height: 21px; padding: 3px 0 0 0; margin: 0 0 130px 155px;}
.mainPanelBtn a{font-family: Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; text-decoration: underline; font-size: 1.3em;}
.mainPanelBtn a:hover{text-decoration: none;}

/* SUB PAGE STYLES */
/* */
#headerSub {width: 860px; height: 185px;}
#subHeadGraphic {background: url('/images/bgs/subHeaderBg.jpg') no-repeat; width: 860px; height: 100px; }
#subHeadGraphic p {font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 1.4em; font-weight: bold; margin: 0 0 0 300px; padding: 45px 0 0 0; text-align:right; float:right;}
#subHeadGraphic .logo {float: left; width: 100px; height: 80px; margin: 0 0 0 10px; border:none;}

.subHeader { width: 570px; height: 100px; margin: 0 0 10px 0;}
.subHeader h1 {color: #FFF; padding: 70px 0 0 10px;}
.subHeader h1.arrow {color: #FFF!important; padding: 12px 0 0 10px!important; /*border: 1px solid red;*/  width:45%; float:left;}
#headerLink {float:right; font-size: 1.4em; font-weight: bold; /*border: 1px solid red;*/ margin: 65px 0 0 0; padding: 0 45px 0 0;}
#headerLink a {color: #FFF!important; text-decoration: none; }
#headerLink a  { text-decoration: underline; }

.default {background: url('/images/subHeader_default3.jpg') no-repeat;width: 570px; height: 100px; }
.defaultArrow{background: url('/images/subHeader_defaultArrow.jpg') no-repeat;width: 570px; height: 100px; }
.venue {background: url('/images/subHeader_default2.jpg') no-repeat;width: 570px; height: 100px; }
.testimonials {background: url('/images/subHeader_default3.jpg') no-repeat; width: 570px; height: 100px; }
.individuals {background: url('/images/subHeader_ind1.jpg') no-repeat; width: 570px; height: 100px; }
.individuals2 {background: url('/images/subHeader_ind2.jpg') no-repeat; width: 570px; height: 100px; }
.individuals3 {background: url('/images/subHeader_ind3.jpg') no-repeat; width: 570px; height: 100px; }
.individuals4 {background: url('/images/subHeader_ind4.jpg') no-repeat; width: 570px; height: 100px; }
.faq {background: url('/images/subHeader_faq.jpg') no-repeat; width: 570px; height: 100px; }
.contactUs {background: url('/images/subHeader_contact.jpg') no-repeat; width: 570px; height: 100px; }
.lang {background: url('/images/subHeader_lang.jpg') no-repeat; width: 570px; height: 100px; }

#subRight {width: 570px; /*border: 1px solid #f0f;*/ float:left; margin: 30px 0 0 0; padding: 0 0 0 30px; font-size: 1.1em}

#subRight h2 {color: #BE1E2D; padding: 24px 0 10px 0;}
#subRight h3 {color: #BE1E2D; padding: 10px 0 10px 0;}
#subRight h4{color: #282828; padding: 10px 0 10px 0;}

#subRight img { border: 1px solid #bbb; padding: 5px; margin: 0 10px; }
#subRight p {padding: 0 0 5px 0; }
#subRight span {font-weight: bold;}
#subRight ul {margin: 10px 0 20px 50px;}
#subRight ol { margin: 10px 0 20px 20px;}
#subRight li {}
#subRight a {color: #BE1E2D; text-decoration:underline;}
#subRight a:hover {color: #BE1E2D; text-decoration: none;}

#subRight #framed {width: 75%; border:1px solid #B5B4B4; background-color: #F0F0F0; padding: 10px; margin: 0 auto 10px auto; }

#breadcrumbs {border-bottom: 1px solid #EC008C; padding: 0 0 13px 0; margin: 10px 0 0 0;}
#breadcrumbs a {color: #BE1E2D; text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}

#subLeft {width: 190px; /*border: 1px solid red;*/ float:left; padding: 0 0 0 20px; }
#subLeft.noNav {width: 190px; float:left; padding: 0 0 0 20px; margin: 10px 0 0 0; }

#subLeft p {padding: 5px 10px 0 10px; color: #FFF; font-size: 1.1em}
#subLeft h2 {color: #FFF; /*margin: 10px 0 0 0;*/ padding: 10px 0 0 50px;}
#subLeft ol {color: #FFF; padding: 10px 10px 10px 35px; font-size: 1.1em}
#subLeft ol a {color: #FFF; text-decoration:none; line-height:1.4}
#subLeft ol a:hover {text-decoration: underline;}

/* SUB PAGE PANELS */
#subNavBox {width: 190px;}
#subNav {width: 190px; background: url('/images/bgs/subNavBg.jpg') 0% 100% no-repeat; padding: 15px 0 10px 0;}
#subNav ul{list-style: none;}
#subNav li{background: url('/images/bgs/subNavListBtn.gif') 100% 20% no-repeat; text-align: right; padding: 0 10px 15px 0; margin-right: 10px;}
#subNav a {color: #FFF; font-size: 1.2em; font-weight: bold; text-decoration: none;}
#subNav a:hover {text-decoration: underline;}

#subYellowBlankBox {margin: 20px 0 0 0;}
#subYellowBlankBox #header {background: url('/images/bgs/subYellowTop.jpg') no-repeat; width: 190px; height: 33px}

#subPinkBlankBox {margin: 20px 0 0 0;}
#subPinkBlankBox #header {background: url('/images/bgs/subPinkTop.jpg') no-repeat; width: 190px; height: 33px}

#subContactBox {margin: 20px 0 0 0;}
#subContactBox #header {background: url('/images/bgs/subContactTop.jpg') no-repeat; width: 190px; height: 33px}

#subSpecialBox {margin: 20px 0 0 0;}
#subSpecialBox #header {background: url('/images/bgs/subSpecialTop.jpg') no-repeat; width: 190px; height: 33px}

#subZipServicesBox {margin: 20px 0 0 0;}
#subZipServicesBox #header {background: url('/images/bgs/subServicesTop.jpg') no-repeat; width: 190px; height: 33px}
#subZipServicesBox ul { margin: 10px 25px; color: #fff; list-style-image: url("/images/bgs/listStyle_services.gif"); }

#sub123GoBox {margin: 20px 0 0 0;}
#sub123GoBox #header {background: url('/images/bgs/sub123GoTop.jpg') no-repeat; width: 190px; height: 33px}

#sub123GoYellowBox {margin: 20px 0 0 0;}
#sub123GoYellowBox #header {background: url('/images/bgs/sub123goTop2.jpg') no-repeat; width: 190px; height: 33px}

#subLanguagesBox {margin: 20px 0 0 0;}
#subLanguagesBox #header {background: url('/images/bgs/subLanguagesTop.jpg') no-repeat; width: 190px; height: 33px}

#restYellowBoxSub {background: url('/images/bgs/subBoxYellowBg.jpg') 0% 100%; no-repeat; width: 190px; padding: 0 0 10px 0;}
#restPinkBoxSub {background: url('/images/bgs/subBoxPinkBg.jpg') 0% 100%; no-repeat; width: 190px; padding: 0 0 10px 0;}

#restBoxSub p{ padding: 10px 10px 0 10px;}

/* SUB BOX BTNS */
/* RED BTN */
.subRedBoxBtn {background: url('/images/bgs/readMoreSub_btn.jpg') top right no-repeat; width: 95px; height: 18px; padding: 5px 0 0 0; margin: 3px 0 0 90px; }
.subRedBoxBtn a {color: #FFF; font-weight: bold; text-decoration: none; font-size: 1.1em;}
.subRedBoxBtn a:hover {text-decoration: underline;}

/* YELLOW BTN */
.subYellowBoxBtn {background: url('/images/bgs/readMoreSub_btn2.jpg') top right no-repeat; width: 95px; height: 18px; padding: 5px 0 0 0; margin: 3px 0 0 90px;}
.subYellowBoxBtn a {color: #FFF; font-weight: bold; text-decoration: none; font-size: 1.1em;}
.subYellowBoxBtn a:hover {text-decoration: underline;}

/* SUB PAGE BOTTOM LINKS */
#sub_bottomLinks {width: 310px; height: 23px; /*border: 1px solid blue;*/ margin: 30px 0 0 0; margin-left: auto; margin-right: auto; }
#sub_bottomLinks #next {float: right; background: url('/images/bgs/sub_next_btn.gif') 100% 0 no-repeat; width: 130px; height: 20px; text-align: right; padding: 3px 25px 0 0;}
#sub_bottomLinks #previous {float: left; background: url('/images/bgs/sub_prev_btn.gif') no-repeat; width: 120px; height: 20px; padding: 3px 0 0 27px;}
#sub_bottomLinks a {color: #FF9933; font-weight:bold; text-decoration:underline;}
#sub_bottomLinks a:hover {color: #FF9933; text-decoration:none;}

/* SUB PAGE GALLERY */
#subRight img.gallery { padding: 10px; border: 1px solid #EC008C; margin: 10px 0 0 50px;}
.thumbs {margin: 20px 0 0 50px; width:420px; }
div.thumbs img {padding: 0 !important;  border: 1px solid #EC008C; margin: 0 !important; width: 100px; height: 100px;}

/* SUB PAGE PORTFOLIO */
.portfolio { list-style: none; }
.portfolio li { float: left; width: 45%; height: 150px; padding: 0 10px; }
.portfolio strong { color: #BE1E2D; }
.portfolio img { display: block; border: 0; } 

/* TABLE STYLES */
table {border-collapse: collapse; border-spacing: none;}
table.basic {border-top: 1px solid #BE1E2D; border-right: 1px solid #BE1E2D; width: 99%; color: #282828; margin: 0 0 15px 0;}
table.basic th {padding: 5px 10px; font-weight:bold; color: #fff; background: #BE1E2D; border-left: 1px solid #BE1E2D; border-bottom: 1px solid #BE1E2D;}
table.basic th.price { width:100px; }  
table.basic td {padding: 5px 10px; text-align: center; border-left: 1px solid #BE1E2D; border-bottom: 1px solid #BE1E2D;}
table span {color: #BE1E2D;}

/* FORMS */
/**/
/* CALCUALATE FORM */
form {/* font-size: 1.1em;*/ color: #282828;}
legend{font-weight:bold; color: #282828; padding: 0 10px 10px 10px; font-size: 1.2em;}
 
.calc {margin: 5px 0 15px 0}
.calc fieldset  {width: 60%; padding: 10px;}
.calc ol {list-style:none;}
.calc li {padding: 3px 0 3px 0;}
.calc span { display: inline-block; padding: 0 5px 0 5px;}
.calc input.sbt {padding: 2px; margin: 5px 0 0 70px; }
.calc label {padding: 0 5px 0 0; display: inline-block;}

/* CONTACT US FORM */
.contact {margin: 0 0 15px 0; width: 100%;}
.contact fieldset { padding: 10px; border:1px solid #B5B4B4; background: #F0F0F0; }
.contact ol {list-style:none; margin: 0 !important;}
.contact li {padding: 5px 0 5px;}
.contact p {margin: 15px 0 0 0;}
.contact span {color: #000; font-size: 1.2em; }
.contact input {width: 250px;}
.contact textarea {width: 250px}
.contact select {font-size: 1.1em; padding: 1px 0 1px 0; width: 250px}
.contact label {width: 275px; display: block; vertical-align: top; float:left; font-weight: bold; color: #BE1E2D;}
.contact input.sbt {margin: 10px 0 0 20px; width: 155px;}
.requiredMsg { border: 1px solid # f0f; float: left; }

#pnlThankYou { width: 570px; height: 180px; position: absolute; background: #fff; }
#pnlThankYou p { font-weight: bold; font-size: 1.1em; }

/* LANDING PAGE STYLES */
#landingpage_header { 
	width: 860px; height: 125px;
	text-align: right; position: relative;
	background: url("/images/landingpage/landing_header.jpg") 0% 0% no-repeat;
}
#landingpage_header h1 { position: absolute; right: 0; top: 45%; font-size: 1.4em; color: #fff; }

#mainContent div.landingpageContent {width: 820px; float: none; margin: 0 20px; padding: 20px 0; }

#landingpage_goto { 
	text-align: right; margin: 20px 0 0 0; height: 60px;
}
#landingpage_goto a, #landingpage_goto a:visited { 
	display: block; width: 250px; height: 60px; line-height: 150px; overflow: hidden; float: right;
	background: url("/images/landingpage/but_gotoweb_off.jpg") 0% 0% no-repeat; 
}
#landingpage_goto a:hover { background: url("/images/landingpage/but_gotoweb_on.jpg") 0% 0% no-repeat; }