@charset "UTF-8";
/* CSS Document */

a#skip { /* Skip to content link for use with access key S */
display:none;
}
body {
font-size:0.7em;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
/*background:url(../images/web/mainBack.jpg) 0 0 repeat-x #444444;
background-attachment:fixed;*/
background: #333;
}
img {
border:none;
}
a {
outline:none;
text-decoration:none;
color:#444;
}
a:hover {
text-decoration:underline;
color:#444;
}
h1 {
color:#67B500;
margin:0 0 8px 0;
padding:0;
font-size:2.2em;
font-weight:bold;
font-family:VAGRounded,"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}
h2 {
color:#666666;
margin:5px 0;
padding:0;
font-size:1.7em;
font-family:VAGRounded,"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}
h3 {
color:#67B500;
margin:10px 0 5px 0;
padding:0;
font-size:1.5em;
font-family:VAGRounded,"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}
h4 {
color:#666666;
margin:0;
padding:0;
font-size:1.2em;
font-family:VAGRounded,"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}
h5 {
color:#67B500;
margin:0 0 10px 0;
padding:0;
font-size:1.1em;
font-family:VAGRounded,"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}
h6 {
color:#666666;
margin:0;
padding:0;
font-size:1em;
font-family:VAGRounded,"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}
.clear {
clear:both;
}
.hidden {
display:none;
visibility:hidden;
}
#contentText .telNumber, #contentTextLeft .telNumber {
color:#67B500;
font-size:2.3em;
font-weight:bold;
font-family:VAGRounded,"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}


/*****CONTAINER*****/

#masterContainer {
position:relative;
width:968px;
margin:20px auto 0 auto;
background:#fff url(../images/web/wrapper-top.jpg) no-repeat;
}
#header {
position:relative;
width:968px;
height:162px;
}
#ads p {
margin:0;
padding:0;
}
#ads {
width:938px;
padding:10px 0;
margin:0 19px 0 11px;
border-top:1px solid #d2d3d3;
}
#adsWrapper {
width:929px;
/*margin:2px 0 0 9px;*/
margin:2px 0 0 16px;
}
#ad1 {
width:306px;
/*height:97px;*/
height:107px;
float:left;
margin:0;
}
#ad1 a {
display:block;
width:306px;
/*height:97px;*/
height:107px;
background:url(../images/web/ad1.png) 0 0 no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
cursor:hand;
}
#ad2 {
width:306px;
/*height:97px;*/
height:107px;
float:left;
margin:0;
}
#ad2 a {
display:block;
width:306px;
/*height:97px;*/
height:107px;
background:url(../images/web/ad2.png) 0 0 no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
cursor:hand;
}
#ad3 {
width:306px;
/*height:97px;*/
height:107px;
float:left;
margin:0;
}
#ad3 a {
display:block;
width:306px;
/*height:97px;*/
height:107px;
background:url(../images/web/ad3.png) 0 0 no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
cursor:hand;
}
#contentAd1 {
width:250px;
height:101px;
float:left;
margin:0 0 5px 0;
}
#contentAd1 a {
display:block;
width:250px;
height:101px;
background:url(../images/web/contentAd1.png) 0 0 no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
cursor:hand;
}
#contentAd2 {
width:250px;
height:111px;
float:left;
margin:0 0 15px 0;
}
#contentAd2 a {
display:block;
width:250px;
height:111px;
background:url(../images/web/contentAd2.png) 0 0 no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
cursor:hand;
}
#contentAd3 {
width:230px;
float:left;
margin:10px 0 0 0;
padding:0 10px;
}
#contentAd3 a {
color:#67B500;
text-transform:lowercase;
}
#contentAd3 a:hover {
color:#FFFFFF;
background:#67B500;
text-decoration:none;
}
#contentAd3 .tagHeading {
border-bottom:1px solid #D1D1D1;
margin:0 0 8px 0;
}


/*****LOGO*****/

#logo {
width:241px;
height:103px;
display:block;
margin:15px 10px 10px 30px;
float:left;
}
#logo h1 {
margin:0;
padding:0;
}
h1 a.logo {
display:block;
width:241px;
height:103px;
background:url(../images/web/logo.png) 0 0 no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
cursor:hand;
}


/*****NAV*****/

#nav {
width:935px;
margin:0;
position:absolute;
bottom:0;
left:12px;
font-size:1.3em;
color:#666666;
font-weight:bold;
}
#nav ul {
list-style:none;
margin:0;
padding:0;
display:inline;
float:left;
}
#nav li {
float:left;
margin:0 3px;
padding:0;
text-align:centre;
width:126px;
text-align:center;
}
#nav li a .navBottom {
background:url(../images/web/navBottom.png) 0 0 no-repeat;
height:2px;
position:absolute;
bottom:-2px;
left:0;
width:126px;
float:left;
}
#nav li a:hover .navBottom {
background:url(../images/web/navBottom.png) 0 -50px no-repeat;
}
#nav .active a .navBottom {
background:url(../images/web/navBottom.png) 0 -50px no-repeat;
}
#nav .activeparent a .navBottom {
background:url(../images/web/navBottom.png) 0 -50px no-repeat;
}
#nav li a {
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
width:126px;
padding:8px 0 6px 0;
display:block;
position:relative;
background:url(../images/web/navTop.png) 0 0 no-repeat;
}
#nav li a:hover {
background:url(../images/web/navTop.png) 0 -500px no-repeat;
}
#nav .active a {
background:url(../images/web/navTop.png) 0 -500px no-repeat;
}
#nav .activeparent a {
background:url(../images/web/navTop.png) 0 -500px no-repeat;
}
#nav .divider {
display:none;
visibility:hidden;
}


/*****NAV SUB*****/

#navSub {
width:126px;
margin:0 20px 20px 0;
font-size:1.2em;
color:#666666;
font-weight:bold;
float:left;
}
#navSub ul {
list-style:none;
margin:0;
padding:0;
}
#navSub li {
margin:0 0 8px 0;
padding:0;
text-align:centre;
width:126px;
text-align:center;
}
#navSub li a .navBottom {
background:url(../images/web/navBottom.png) 0 0 no-repeat;
height:2px;
position:absolute;
bottom:-2px;
left:0;
width:126px;
float:left;
}
#navSub li a:hover .navBottom {
background:url(../images/web/navBottom.png) 0 -50px no-repeat;
}
#navSub .active a .navBottom {
background:url(../images/web/navBottom.png) 0 -50px no-repeat;
}
#navSub .activeparent a .navBottom {
background:url(../images/web/navBottom.png) 0 -50px no-repeat;
}
#navSub li a {
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
width:126px;
padding:8px 0 6px 0;
display:block;
position:relative;
background:url(../images/web/navTop.png) 0 0 no-repeat;
}
#navSub li a:hover {
background:url(../images/web/navTop.png) 0 -500px no-repeat;
}
#navSub .active a {
background:url(../images/web/navTop.png) 0 -500px no-repeat;
}
#navSub .activeparent a {
background:url(../images/web/navTop.png) 0 -500px no-repeat;
}
#navSub .divider {
display:none;
visibility:hidden;
}


/*****MAIN MIDDLE*****/

#mainTop {
width:968px;
height:25px;
/*background:url(../images/web/mainTop.png) bottom left no-repeat;*/
}
#mainMiddle {
width:968px;
/*background:url(../images/web/mainMiddle.png) 0 0 repeat-y;*/
}
#content {
width:928px;
margin:0 24px 0 16px;
/*background:url(../images/web/contentBack.jpg) 0 0 repeat-x;*/
position:relative;
}
#content-main	{
width:450px;
height:292px;
font-size:14px;
}
#content-main .inside	{
padding:30px 0 0 0;
}
#content-main h1	{

}
#content-main p	{
color:#67B500;
font-family:VAGRounded, "Arial Rounded MT Bold",Arial, Helvetica,sans-serif;
font-size:1.3em;
}
#content p {
margin:0;
padding:0;
}
/*
#content p a {
display:block;
width:928px;
height:292px;
background:url(../images/web/bannerHome.jpg) 0 0 no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
cursor:hand;
float:left;
}*/
#badgeHomeWrapper {
position:absolute;
width:360px;
height:242px;
top:30px;
right:80px;
}
#badgeHome1 {
width:180px;
height: 121px;
position:absolute;
top:0;
left:0;
}
#badgeHome2 {
width: 180px;
height: 121px;
position:absolute;
top:0;
left:180px;
}
#badgeHome3 {
width: 180px;
height: 121px;
position:absolute;
top:121px;
left:0;
}
#badgeHome4 {
width: 180px;
height:121px;
position:absolute;
top:121px;
left:180px;
}
#contentInner {
width:798px;
min-height:235px;
_height:235px;
margin:0 24px 0 16px;
padding:45px 65px 15px 65px;
/*background:url(../images/web/contentBack.jpg) 0 0 repeat-x;*/
position:relative;
}
#mainBottom {
width:968px;
height:25px;
/*background:url(../images/web/mainBottom.png) 0 0 no-repeat;*/
}
#contentText {
float:left;
margin:0;
width:650px;
}
#contentText p, #contentTextLeft p {
margin:2px 0 8px 0;
padding:0;
color:#444444;
font-size:1.1em;
}
#contentText ul li {
color:#444444;
}
#topText p {
font-size:1.3em;
color:#67B500;
margin:10px 0 15px 0;
padding:0;
font-family:VAGRounded,"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}
#contentTextLeft {
float:left;
margin:0;
width:526px;
}
#contentTextLeft ul {
color:#444444;
}
#contentTextLeft li a {
color:#67B500;
font-weight:bold;
}
#contentTextLeft li ul {
margin:3px 0 3px 15px;
padding:0;
}
#contentTextLeft li ul a {
font-weight:normal;
}
#contentRight {
width:250px;
margin:0 0 0 22px;
font-size:1.2em;
color:#666666;
font-weight:bold;
float:left;
}


/*****PRICE TABLE*****/

.priceTable {
margin:15px 0;
}
.priceTable th {
background:#8FC250;
color:#FFFFFF;
padding:8px 15px;
text-align:left;
}
.priceTable th a {
color:#FFFFFF;
display:block;
}
.priceTable td {
text-align:center;
color:#444444;
border:1px solid #AAAAAA;
padding:5px;
width:20%;
}


/*****BADGE DESIGNER*****/

#badgeFormWrapper {
width:858px;
min-height:235px;
_height:235px;
margin:0 24px 0 16px;
padding:25px 35px 15px 35px;
background:url(../images/web/contentBack.jpg) 0 0 repeat-x;
position:relative;
}
#badgeForm {
width:796px;
margin:0;
padding:20px 30px 0 30px;
background:#FFFFFF;
position:relative;
border:1px solid #d2d3d3;
}
#badgeForm a {
color:#67B500;
}
#badgeForm fieldset {
width:400px;
border:none;
padding:0;
margin:15px 0;
}
#badgeForm legend {
color:#666666;
margin:5px 0;
padding:0;
font-size:1.7em;
font-weight:bold;
font-family:VAGRounded,"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}
#badgeForm .btn {
margin:0 0 15px 0;
clear:both;
}
#badgeText {
width:430px;
color:#444444;
}
#box {
position:absolute;
top:30px;
right:30px;
z-index:5;
}
#resetStrip {
position:absolute;
top:230px;
right:30px;
z-index:5;
width:350px;
font-size:1.1em;
font-weight:bold;
text-align:center;
}
#deleteStrip {
position:absolute;
top:250px;
right:30px;
z-index:6;
width:350px;
font-size:1.1em;
font-weight:bold;
text-align:center;
}
#boxLogo {
position:absolute;
top:42px;
right:33px;
z-index:2;
width:344px;
height: 90px;
overflow:hidden;
text-align:center;
}
#boxLogo img {
height:90px;
}
#boxInner {
position:relative;
}
#badgeRegular {
margin:0 15px 0 0;
}
#badgeExecutive {
margin:0 15px 0 0;
}
#badgeOval {
}
#namestrip {
padding:110px 0 5px 0;
text-align:center;
width:350px;
font-weight:bold;
font-size: 24px;
z-index:15;
}
#jobstrip {
text-align:center;
width:350px;
font-weight:normal;
font-size: 20px;
z-index:20;
}
div.badgeBox {
background:url(../images/web/regular.png) 0 0 no-repeat;
width: 350px;
height: 190px;
overflow:hidden;
color: #000000;
padding:0;
text-align:center;
z-index:10;
}
.colourStrip {
float:left;
margin:0 0 10px 0;
}
.box {
width:20px;
height:20px;
float:left;
margin:0 4px;
border:1px solid #000000;
text-indent:-3000px;
}
.box a {
display:block;
width:20px;
height:20px;
}
.black {
background:#000000;
}
.blue {
background:#0000FF;
}
.brown {
background:#996633;
}
.cyan {
background:#00FFFF;
}
.green {
background:#00FF00;
}
.magenta {
background:#FF00FF;
}
.orange {
background:#FF8000;
}
.purple {
background:#800080;
}
.red {
background:#FF0000;
}
.yellow {
background:#FFFF00;
}
.white {
background:#FFFFFF;
}


/*****NEWS*****/

#news {
float:left;
margin:0;
}
#news a {
color:#54ACB6;
text-decoration:none;
font-weight:bold;
}
#news .grey a {
color:#888888;
}
#news a:hover {
text-decoration:underline;
}
#news p {
padding:0;
margin:0;
}
#news h2 {
font-weight:lighter;
font-size:1.8em;
margin:0 0 10px 0;
}
#news dl {
margin:0;
padding:0;
float:left;
}
#news dt {
margin:0;
padding:0;
color:#54ACB6;
font-weight:bold;
font-size:1.1em;
clear:both;
}
.date {
font-style:italic;
font-size:0.8em;
font-weight:lighter;
color:#54ACB6;
}
#news dd {
margin:0;
padding:0;
color:#FFFFFF;
}
#news dd a {
text-decoration:none;
}
#news dd a:hover {
text-decoration:underline;
}


/*****LOGIN BOX*****/

#boxLogin {
padding:0 0 25px 0;
}
#boxLogin a {
color:#FFFFFF;
}
#boxLogin form {
margin:0 auto;
padding:25px 0 0 0;
width:195px;
}
#boxLogin fieldset {
border:none;
margin:0;
padding:0;
width:190px;
}
#boxLogin legend {
color:#FFFFFF;
font-size:2em;
font-weight:bold;
}
#boxLogin label {
color:#FFFFFF;
float:left;
padding:6px 0 0 0;
width:70px;
}
#boxLogin input {
float:right;
width:115px;
border:1px solid #999999;
background:url(../images/web/inputBack.jpg) 0 0 repeat-x #FFFFFF;
color:#444444;
}
#boxLogin .btn {
width:80px;
color:#FFFFFF;
border:none;
background:#54ACB6;
}
#boxLogin .btn:hover {
text-decoration:underline;
}
#boxLogin input:focus, select:focus, textarea:focus {
background:#EDE5C0;
color:#222222;
}


/*****BOX SETTINGS*****/

#boxSettings {
float:left;
width:100%;
padding:0 0 25px 0;
}
#boxSettings form {
margin:0;
padding:0;
width:260px;
}
#boxSettings fieldset {
border:none;
margin:0;
padding:0;
width:260px;
}
#boxSettings legend {
color:#FFFFFF;
font-size:1.4em;
font-weight:bold;
padding:0 0 15px 0;
margin:0;
}
#boxSettings label {
color:#FFFFFF;
float:left;
padding:2px 0 0 0;
margin:0;
width:250px;
}
#boxSettings fieldset input {
float:left;
width:250px;
border:1px solid #999999;
margin:2px 0 3px 0;
background:url(../images/web/inputBack.jpg) 0 0 repeat-x #FFFFFF;
color:#444444;
}
#boxSettings input {
width:80px;
color:#FFFFFF;
border:none;
margin:6px 0 0 0;
background:#54ACB6;
}
#boxSettings .btn {
width:80px;
color:#FFFFFF;
border:none;
background:#54ACB6;
float:left;
}
#boxSettings .btn:hover {
text-decoration:underline;
}
#boxSettings input:focus, select:focus, textarea:focus {
background:#EDE5C0;
color:#222222;
}


/*****CONTACT FORM*****/

#contact {
width:688px;
float:left;
}
#contact form {
background:#EEEEEE;
border:1px solid #CCCCCC;
padding:15px 10px 20px 10px;
margin:0;
}
#contact fieldset {
border:1px solid #D1D1D1;
margin-bottom:10px;
padding:8px;
}
#contact legend {
color:#67B500;
font-weight:bold;
font-size:1.3em;
margin-bottom:10px;
}
#contact label {
float:left;
width:20%;
margin-bottom:8px;
color:#444444;
}
#contact #scrambleLabel {
width:5%;
margin-right:10px;
}
#contact input, #contact textarea, #contact select {
float:left;
width:60%;
border:1px solid #9F9F9F;
margin:0 5px 8px 0;
padding:3px;
background:#ffffff url(../images/lv/inputBg.gif) 0 0 no-repeat;
}
#contact .txtsml {
width:30%;
}
#contact .chk {
width:13px;
float:left;
border:none;
}
#contact .submit {
margin:0 130px 25px 0;
}
#contact .submit input {
background:#444444;
color:#FFFFFF;
width:20%;
float:right;
}
#contact .submit input:hover {
background:#999999;
cursor:hand;
}
#contact input:focus, select:focus, textarea:focus {
background:#E4F1FF;
color:#222222;
}
#contact #field em {
color:#FF0000;
}
#contact #code {
margin:8px 0;
padding:15px 10px;
border:1px solid #9F9F9F;
width:33%;
text-align:center;
background:#FFFFFF;
}
.required {
color:#FF0000;
}
#formThanks {
clear:left;
}
#map {
float:right;
}
.captcha {
color:#444444;
float:left;
}
.captcha img {
margin:10px 0;
border:1px solid #9F9F9F;
}
.captcha input {
margin:10px 0;
}


/*****ORDERS TABLE*****/

.ordersTable {
border-bottom:1px solid #999999;
border-left:1px solid #999999;
margin:15px 0 0 0;
}
.ordersTable th {
text-align:left;
background:#FFFFFF;
color:#54ACB6;
padding:3px 6px;
border-top:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}
.ordersTable td {
padding:3px 6px;
border:1px solid #DDDDDD;
border-right:1px solid #999999;
}


/*****FOOTER*****/

#footer {
float:left;
width:928px;
width:968px;
margin:0 24px 0 16px;
margin:0;
padding:0;
/*min-height:83px;
_height:83px;*/
height:70px;
border-top:1px solid #ddd;
/*background:url(../images/web/footerBack.png) 0 0 no-repeat;*/
background:#fff url(../images/web/footer-bg.jpg) 0 bottom no-repeat;
}
#footerLeft {
font-size:0.9em;
font-weight:lighter;
margin:0 0 0 10px;
padding:20px 0 0 0;
float:left;
width:454px;
}
#footerLeft ul {
margin:0;
padding:0;
list-style:none;
}
#footerLeft li {
color:#666666;
float:left;
margin:0;
padding:0 2px;
}
#footerLeft li a {
color:#999999;
text-decoration:none;
}
#footerLeft li a:hover {
text-decoration:underline;
}
#footerRight {
font-size:0.9em;
font-weight:lighter;
margin:0 10px 0 0;
padding:20px 0 0 0;
float:right;
width:454px;
text-align:right;
}
#footerRight p {
margin:0;
padding:0;
color:#999999;
}
#footerRight a {
color:#A5C6E2;
text-decoration:none;
}
#footerRight a:hover {
text-decoration:underline;
}