/*
#######################
##   GLOBAL STYLES   ##
#######################
*/
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-align: center; background: #ccc url( /layout/images/tile.gif ); }
h1 { margin: 0px; }
p { margin: 10px 0px; }
h1 { font-size: 15px; margin: 10px 0px; }
a { color: white; }
/*
#######################
##   LAYOUT STYLES   ##
#######################
*/
#wrapper { width: 768px; margin: 0 auto; text-align: left; padding: 0px; }
#header { background: url( /layout/images/bg_top.gif ) no-repeat top left; padding: 85px 20px 0px 20px; }
#nav { background: url( /layout/images/bgNav.gif ) repeat-x bottom left; width: 728px; }
#logo { text-align: right; }
#breadcrumb { background-color: #333; padding: 5px 10px; }
#breadcrumb a { color: #ffffff; }
#breadcrumb a:hover { color: orange; }
#main { background: url( /layout/images/bg_main.gif ) repeat-y; padding: 0px 20px; width: 728px; }
#grad { background-color: #404040; padding: 0px; padding: 10px; }
#footer { background: url( /layout/images/bg_footer.gif ) no-repeat bottom left; padding: 10px 20px 16px 20px; }
#footerTxt { background: url( /layout/images/uk.gif ) no-repeat center left; padding-left: 32px; }
#footer a { color: #fff }

#ht { border-bottom: 1px solid #fff; }
#hc1 { background-color: #404040; padding: 10px; }
#hc2 { border-left: 1px solid #fff; }
#hc3 { border-left: 1px solid #fff; }
#hc1 h1 { font-size: 15px; margin: 0px;}
/*
########################
##   GALLERY STYLES   ##
########################
*/
#gal { background: url( /layout/images/bgGal.gif ) no-repeat top left; padding: 0px; margin-bottom: 30px; }
#gal h1 { font-size: 15px; padding: 5px 10px; margin: 0px; }
#galBase { background: url( /layout/images/bgGalBase.gif ) no-repeat bottom left; padding: 0px; margin-bottom: 20px; }
#subNav { margin-left: 30px; margin-top: 20px; margin-right: 30px; text-align: right; }
#subNav img { margin-right: 2px; }
.galCell1 { padding: 10px 10px; background-color: #292929; border-left:1px solid #979797; }
.galCell2 { padding: 10px 0px; background-color: #292929;}
.galCell4 { padding: 10px 10px 10px 0px; background-color: #292929; border-right:1px solid #979797; }
.galCell3 { padding: 10px 10px; background-color: #292929; border-right:1px solid #979797; }
.galCell2 img { margin-bottom: 10px; }
.galCell1 img, .galCell2 img, .galCell3 img, .galCell4 img { border: 1px solid white; }
/*
########################
##   FITTING STYLES   ##
########################
*/
.fittingInner { padding: 0px 10px 10px 10px; }
.fitting1 { padding: 10px 0px 10px 10px; background-color: #292929; border-left:1px solid #979797; }
.fitting2 { padding: 10px;  background-color: #292929; }
.fitting3 { padding: 10px 10px 10px 0px; background-color: #292929; border-right:1px solid #979797;}
.fitting1 img, .fitting2 img, .fitting3 img { margin-bottom: 10px; border: 1px solid white; }
/*
################
##   PRICES   ##
################
*/
#priceList td { padding: 3px 5px; }
#priceList .row0 { background-color: #292929; font-weight: bold; }
#priceList .row1 { background-color: #666; color: white; font-size: 12px; }
#priceList .row2 { background-color: #999; color: white; font-size: 12px; }
.fitting { padding: 5px 0px; }
/*
##############
##   FORM   ##
##############
*/
.add { background-color: #292929;  padding: 1px 10px 10px 10px; }
.form { padding: 0px 10px 10px 10px; }
/*
################
##   ERRORS   ##
################
*/
.errorTxt { color: red; }
.errorMsg { background-color: pink;  text-align: center; padding: 5px 10px; margin-bottom: 10px; }
.errorMsg h1 { font-size: 12px; color: darkred; }
#confirm { background-color: lightgreen; font-size: 12px; font-weight: bold; color: darkgreen; text-align: center; padding: 10px 10px; margin-bottom: 10px; }