/* generated by csscreator.com */
html, body{
margin:0;
padding:0;
text-align:center; background-color:#000;
background-image:url(../design-images/bg_page.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;
color:#FFF;font-family:Arial, Helvetica, sans-serif
}
h1{font-size:22px}
h2{margin:0px;padding:0px}
h1.homeHeader{background-image:url(../design-images/home_h1.png);background-repeat:no-repeat;width:566px;height:58px;text-indent:-9999em}
h1.trumeau{background-image:url(../products/trumeau/trumeau-mirrors.png);background-repeat:no-repeat;width:235px;height:50px;text-indent:-9999em}
h1.reverse{background-image:url(../products/reverse/reverse-painted-mirrors.png);background-repeat:no-repeat;width:335px;height:52px;text-indent:-9999em}
h1.cheval{background-image:url(../products/cheval/cheval-mirrors.png);background-repeat:no-repeat;width:215px;height:62px;text-indent:-9999em}
h1.leather{background-image:url(../products/leather/leather-mirrors.png);background-repeat:no-repeat;width:333px;height:52px;text-indent:-9999em}
.red {color:#900;font-weight:bold;border:1px solid;margin-top:7px;padding:4px}
#icontable{text-align:center;font-size:12px}
#customtable td {vertical-align:top;}
#customtable p{margin:0px;text-align:left;padding:8px;font-size:12px}
#customtable img{border:1px solid #000}
#pagewidth{
width:990px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
a{outline:none;color:#FFF;text-decoration:none}
#header{
position:relative;
height:150px;
background-color:transparent;
width:100%;
}
.logo{float:left;margin-top:3px}
.address{float:right;padding:15px 0px}
#maincol{background-color:transparent;
float: right;
display:inline;
position: relative;
width:96%;padding-right:15px
}
#maincol p{font-size:15px;padding-left:15px}
.video {float:right;padding:12px;background-image:url(../design-images/bg_video.png);background-repeat:no-repeat;margin-left:25px}
.homeTable td{vertical-align:bottom;text-align:center;margin:auto}
#footer{
height:70px; background-color:transparent; clear:both;text-align:center;font-size:90%;margin-top:10px;padding-top:3px;background-image:url(../design-images/bg_footer.png);background-repeat:no-repeat;background-position:top center;
}
/*start lava menu*/
#lava {
/* you must set it to relative, so that you can use absolute position for children elements */
position:relative;
background:url(../design-images/bg_menu.png) no-repeat center bottom;
text-align:center;
width:545px;
height:50px;
}
#lava ul {
/* remove the list style and spaces*/
margin:0;
padding:0;
list-style:none;
display:inline;
/* position absolute so that z-index can be defined */
position:absolute;
/* center the menu, depend on the width of you menu*/
left:28px;
top:18px;
/* should be higher than #box */
z-index:100;
}
#lava ul li {
/* give some spaces between the list items */
margin:0 13px;
/* display the list item in single row */
float:left;
}
#lava a{color:#fff;text-decoration:none}
#lava #box {
/* position absolute so that z-index can be defined and able to move this item using javascript */
position:absolute;
left:0;
top:15px;
/* should be lower than the list menu */
z-index:50;
/* image of the right rounded corner */
background:url(../design-images/tail.png) no-repeat right center;
height:28px;
/* add padding 8px so that the tail would appear */
padding-right:10px;
/* self-adjust negative margin to make sure the box display in the center of the item */
margin-left:-10px;
}
#lava #box .head {
/* image of the left rounded corner */
background:url(../design-images/head.png) no-repeat 0 0;
height:28px;
/* self-adjust left padding to make sure the box display in the center of the item */
padding-left:12px;
}
#container {
text-align:left;
width:545px;
margin:0 auto;
float:right;color:#FFF;padding-top:10px
}
/*end lava menu*/
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;color:#000}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:transparent}
#colorbox{}
#colorbox a{color:#900}
#cboxTopLeft{width:14px; height:14px; background:url(../design-images/controls.png) 0 0 no-repeat;}
#cboxTopCenter{height:14px; background:url(../design-images/border.png) top left repeat-x;}
#cboxTopRight{width:14px; height:14px; background:url(../design-images/controls.png) -36px 0 no-repeat;}
#cboxBottomLeft{width:14px; height:43px; background:url(../design-images/controls.png) 0 -32px no-repeat;}
#cboxBottomCenter{height:43px; background:url(../design-images/border.png) bottom left repeat-x;}
#cboxBottomRight{width:14px; height:43px; background:url(../design-images/controls.png) -36px -32px no-repeat;}
#cboxMiddleLeft{width:14px; background:url(../design-images/controls.png) -175px 0 repeat-y;}
#cboxMiddleRight{width:14px; background:url(../design-images/controls.png) -211px 0 repeat-y;}
#cboxContent{background:#fff;text-align:left}
#cboxContent h2{margin:0px;padding:0px}
#cboxContent p{margin:3px;padding:2px}
#cboxLoadedContent{margin-bottom:2px;}
#cboxLoadingOverlay{background:url(../design-images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../design-images/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../design-images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */