/* COLORS ---------------------------------------- 
RED: #C81B2B;
BLUE: #153C7F;
*/

html, body {
}

body {
margin: 0;
padding: 0;
background-color: #39c;
text-align: center;
font-family: arial, sans-serif;
font-size:80%;
color: #153C7F;
}

*
{ 
margin: 0;
padding: 0;
}

h3 {
padding: 5px 0; 
}


.hide
{
   display: none;
}
.show
{
   display: block;
} 

a
{
outline: none;
color: #153C7F;
font-weight: bold;
}

b {
color: #C81B2B;
}

.lg {
font-size: 1.2em;
}

a img {
border: none;
}

#wrapper {
width: 716px;
margin: auto;
background: url(img/ll-skinBg.png) repeat-y top;
}

#wrapper p {
margin: 0;
padding: 0;
}

#hdr, #hdr h1 {
margin: 0;
padding: 0;
}

#hdr {
height: 115px;
}

#mNav {
margin: 0 10px;
padding: 0;
text-align: left;
width: 696px;
}

#mNav ul {
margin: 0;
padding: 0;
list-style-type: none;
border-top: 4px solid #C81B2B;
border-bottom: 4px solid #C81B2B;
background-color: #153C7F;
}

#mNav ul li {
margin: 0;
padding: 0;
display: inline;
}

#mNav ul li a {
text-decoration: none;
color: #fff;
font-weight: bold;
padding: 0 10px;
margin: 0;
font-size: 1.2em;
text-transform: UPPERCASE;
}

#mNav ul li a:hover, #mNav ul li.on a {
background-color: #fff;
color: #153C7F;
}

#cont .blueBg {
background-color: #153C7F;
}

#cont {
margin: 0 10px;
padding: 0;
background-color: #fff;
}

#cont p {
margin: 0 20px;
padding: 0 0 10px 0;
font-size: 1.2em;
}

#cont h3 {
padding-left: 10px;
padding-right: 10px;
}

#cont p a {
font-weight: bold;
color: #C81B2B;
}

#cont p.intro {
font-size: 1.6em;
color: #153C7F;
font-weight: bold;
padding: 10px 0 0 0;
margin: 0;
}

#perfectFor, #idxCall {
color: #fff;
}

#perfectFor img {
padding: 0 5px;
}

#idxCall {
background-color: #153C7F;
margin: 0 10px;
border-bottom: 5px solid #C81B2B;
}

#perfectFor h1 {
margin: 0;
padding: 5px 0 0 0;
font-size: 1.6em;
font-weight: bold;
}

#idxCall p {
margin: 0;
padding: 5px 0;
font-family: Arial, sans-serif;
font-size: 1.4em;
font-weight: bold;
}

#idxCall p a {
text-decoration: none;
color: #fff;
}

#idxCall p a:hover {
text-decoration: underline;
}

#perfectFor p {
margin: 0;
padding: 0 0 5px 0;
font-weight: bold;
font-size: 1.4em;
}

#sites {
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}

#cont div#ftr, #cont2 div#ftr {
clear: left;
text-align: left;
border-top: 1px solid #ccc;
}

#cont div#ftr p, #cont2 div#ftr p {
font-size: 0.8em;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

#cont div#ftr p {
padding: 0 10px;
}

/* Secondary Page Styles -----------------------------*/
#cont2 {
margin: 0 10px;
padding: 0 10px;
background-color: #fff;
text-align: left;
}

#cont2 h1 {
margin: 0 0 10px 0;
padding: 10px 0 0 0;
font-size: 1.6em;
border-bottom: 1px solid #153C7F;
color: #C81B2B;
}

#cont h2, #cont2 h2 {
margin: 0;
padding: 0 0 10px 0;
font-size: 1.6em;
clear: left;
}

#cont2 p {
font-size: 1.2em;
margin: 0;
padding: 0 0 10px 0;
}

#cont2 ul {
font-size: 1.0em;
}

#cont2 ul.blueBells {
list-style-type: none;
margin: 0;
padding: 0;
}

#cont2 ul.lgList {
font-weight: bold;
font-size: 1.2em;
color: #C81B2B;
}

#cont2 ul.blueBells li {
margin: 0;
padding: 0 0 0 12px;
background: url(img/ll-bellBlue.gif) no-repeat 0 3px;
}

#cont2 ul.whiteBells li {
margin: 0;
padding: 0 0 0 12px;
background: url(img/ll-bellWhite.gif) no-repeat 0 3px;
}

/* 2ndary 3 bags ------------------------------------------*/
#bags {
color: #fff;
padding-left: 3px;
}

#bags div.bag {
width: 207px;
float: left;
background-color: #153C7F;
height: 400px;
border: 1px solid #ccc;
}

#bags div.cent {
margin: 0 25px;
}

#bags div.bag div.ttl {
padding: 110px 0 0 0;
background: url(img/ll-bagTopCap.gif) no-repeat top;
}

#bags div.bag h1 {
font-size: 1.2em;
text-transform: UPPERCASE;
text-align: center;
color: #fff;
}

#bags div.bag ul {
margin: 0;
padding: 0 0 8px 15px;
font-size: 1.1em;
list-style-type: none;
}

#bags div.bag ul li {
padding: 0 15px 0 12px;
}

#bags div.bag ul li.first {
padding: 0;
font-weight: bold;
background: none;
}

#bags div.bag p {
padding: 0 15px 10px 15px;
margin: 0;
font-size: 1.1em;
font-weight: bold;
}

p.chartBtn {
text-align: center;
}

p.chartBtn img {

}

#cont2 table#bagPrices {
border-collapse: collapse;
font-size: 1.2em;
font-weight: bold;
}
#cont2 table#bagPrices td {
border: 1px solid #ccc;
padding: 5px;
}

#cont2 table#bagPrices th {
background-color: #153C7F;
color: #fff;
padding: 5px;
border: 1px solid #fff;
text-align: center;
}

#cont2 table#bagPrices td.lbl {
font-weight: bold;
text-align: right;
width: 200px;
color: #C81B2B;
}

/* CUSTOM BAG PAGE 
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div#custBagsOptions {
height: 320px;
}

div#custBagsOptions div.image {
width: 250px;
float: left;
}

div#custBagsOptions div.list {
width: 400px;
float: left;
margin-right: 20px;
font-size: 1.2em;
}

div#custBagsOptions div.list ul li {
padding-bottom: 5px;
}

div#add {
width: 676px;
height: 304px;
background: url(img/ll-addOnBg.png) no-repeat 190px;
}

div#addOns {
width: 196px;
float: left;
margin: 15px 0;
}

div#addOns p {
margin: 0;
padding: 0;
text-align: right;
}
div#addOns p a {
display: block;
padding: 2px 10px 4px 10px;
margin: 1px 0;
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
background: url(img/ll-addOnBtn-off.gif) no-repeat left;
color: #153C7F;
}

div#addOns p a.lg {
background: url(img/ll-addOnBtnLg-off.gif) no-repeat left;
}

div#addOns p a:hover {
background: url(img/ll-addOnBtn-on.gif) no-repeat left;
}

div#addOns p a.lg:hover {
background: url(img/ll-addOnBtnLg-over.gif) no-repeat left;
}


div#addOns p a.on {
background: url(img/ll-addOnBtn-on.gif) no-repeat left;
}

div#addOns p a.onLg {
background: url(img/ll-addOnBtnLg-on.gif) no-repeat left;
}

div#addOnsDet {
width: 475px;
float: left;
}

div#addOnsDet div {
height: 265px;
margin: 20px;
}

/*COMPARE TABLE -------------------------------- */

#compare hr {
width: 90%;
height: 1px;
text-align: center;
}

#compare table.compare {
border-collapse: collapse;
width: 90%;
}

#compare table.compare td {
border: 1px solid #ccc;
padding: 5px;
vertical-align: top;
width: 20%;
text-align: center;
}

#compare table.compare td img { margin: 0 5px; }

#compare table.compare th {
padding: 3px;
font-size: 1.0em;
color: #036;
vertical-align: bottom;
border: 1px solid #ccc;
text-align: center;
}

#compare table.compare th.nBord, #compare table.compare td.nBord {
border: none;
background-color: none;
text-align: left;
}

#compare table.compare td p {
margin: 0;
padding: 2px 0;
}

#compare table.compare td ul {
margin: 0;
padding: 2px 15px;
}

#compare table.compare td.lbl {
background-color: #f1f1f1;
width: 40%;
text-align: left;
}

#compare table.compare td.const, #compare table.compare th.const {
background-color: #ffc;
}

#compare table.centBell td {
text-align: center;
vertical-align: middle;
}

#compare table tr:hover th {
background-color: none;
}

#compare table tr:hover, #compare table tr:hover td.const {
background-color: #f1f1f1;
}

table#orderForm tr td {
padding: 2px 0px;
}

table#orderForm tr td.lbl {
font-weight: bold;
}
table#orderForm tr td.lbl span {
font-weight: normal;
font-size: 0.8em;
}
table#orderForm tr td h2 {
margin: 5px 0;
padding: 0;
border-bottom: 1px solid #ccc;
font-size: 1.4em;
}

table#orderForm input {
width: 200px;
}

table#orderForm input.phone3 {
width: 30px
}

table#orderForm input.phone4 {
width: 40px
}

table#orderForm input.sm {
width: 60px;
}

table#orderForm input, table#orderForm textarea, table#orderForm .bord {
border: 1px solid #999;
}

table#orderForm tr td input:focus {
background-color: #ffc;
}

table#orderForm textarea {
width: 300px;
height: 150px;
}