/* CSS Document */

body {
background-image:url(images/bg.gif);
background-color: #eeeeee;
margin-top: 18px;
margin-bottom: 18px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
}

h1 {
font-size: 110%;
line-height: 100%;
color: #658B98;
}

#main {
background-color:#ffffff;
min-width:785px;
width: 85%;
margin: 10px auto;
text-align: left;
}

a {
text-decoration: none;
color: #7D9CBB;
}

.content {
	padding:0px;
}

* html .minwidth {
	padding-left:785px;
}

* html .container {
	margin-left:-785px;
	position:relative;
}

/*\*/
* html .minwidth, * html .container, * html .content, * html .layout  {
	height:1px;
}
/**/

.static {
padding: 0 15 15 15;
color: #656364;
}

.static h1 {
font-size: 140%;
}

.static h2 {
font-size: 120%;
}

.static table {
font-size:100%;color:#656364;
}

#content {
margin-left: 188px;
font-size: 70%;
padding: 0;
max-width: 100em;
}

#welcometext {
background-color: #F5F5FD;
margin: 10px;
color: #737373;
padding: 10px;
}

#panel {
left: -3px;
position: relative;
height: 176px;
background:url(images/panel_bg.gif) right;
}

#rangepanel{margin: 5px;height:340px; border-bottom:1px solid #C3CAD0;margin-bottom: 20px; width:60%}

#RangePanelOne{position: relative; float: left; width: 49%; }

.box1 p {margin:0;padding:0;}

.box1 { cursor:pointer; overflow:hidden; color:#658B98;background-image:url(images/bg.gif); height: 125px; position:relative; margin: 10px; padding: 7px; padding-right: 15px; }
/*.left1 {position:absolute;top:0px;left:0px;width:10px;height: 97px;background-image:url(images/frontleft1.gif);}
.right1 {position:absolute;bottom:0px !important;bottom:-1px;right:0px;width:10px;height: 97px;background-image:url(images/frontright1.gif);}
*/.box1 h1 {font-size:140%;margin-top:5px;margin-bottom:5px;}
.box1 a {color:#333333;}
.box1 img {margin-left:2px;margin-right:5px;}

#RangePanelTwo{position: relative; float: left; width: 50%; }

#homepanel{margin: 10 10 .5em 10; height:140px; }

#HomePanelOne{position: relative; float: left; width: 35%; height: 100px; text-align:center;}

#HomePanelTwo{position: relative; float: left; width: 65%; height: 100px; text-align:center;}

.quickquote{height:132px;margin:auto;background-image:url(images/quickquote.gif);position:relative;margin:10px;}
.quickleft {position:absolute;top:0px;left:0px;width:7px;height: 132px;background-image:url(images/quickquoteleft.gif);}
.quickright {position:absolute;bottom:0px;right:0px;width:7px;height: 132px;background-image:url(images/quickquoteright.gif);}

.newbox {cursor:pointer;color:#658B98;background-image:url(images/newbg.gif);height: 118px !important; height: 132px;margin: 10px;padding:7px; position:relative;padding-right: 15px;}
.newleft {position:absolute;top:0px;left:0px;width:10px;height: 132px;background-image:url(images/newleft.gif);}
.newright {position:absolute;bottom:0px !important;bottom:-1px;right:0px;width:10px;height: 132px;background-image:url(images/newright.gif);}

.box2 {cursor:pointer;overflow:hidden;color:#658B98;background-image:url(images/bg.gif);height: 125px;margin: 10px;padding:7px; position:relative;padding-right: 15px;}
/*.left2 {position:absolute;top:0px;left:0px;width:10px;height: 97px;background-image:url(images/frontleft2.gif);}
.right2 {position:absolute;bottom:0px !important;bottom:-1px;right:0px;width:10px;height: 97px;background-image:url(images/frontright2.gif);}
*/.box2 h1 {font-size:140%;margin-top:5px;margin-bottom:5px;}
.box2 a {color:#333333;}
.box2 img {margin-left:2px;margin-right:5px;}

form {
margin: 0px;
}

.inputs {
border: 1px solid #BEBEBE;
padding: 2px;
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
}

#header {
height: 96px;
background:#ffffff;
text-align:right;
width:100%;
}

#hflash {
width:123px;
height: 70px;
padding: 8px;
float: left;
}

#hlinks {
padding: 10px;
font-size: 70%;
}

#hlinks a {
color: #656364;
text-decoration: none;
}

#hlinks a:hover {
text-decoration: underline;
}

#hsearch {
float: right;
width: 205px;
height: 32px;
padding: 5px 15px 5px 5px; 
}

#hscart {
float: right;
width: 118px !important; width: 160px;
height: 17px !important; height: 32px;
background:url(images/shoppingcart.gif) no-repeat;
font-size: 70%;
padding-top: 15px;
padding-left: 42px;
text-align:left;
cursor:pointer;
}

#hscart a {
color: #000000;
text-decoration:none;
}

#hquote {float:right; margin-right:30px; width:150px; height:88px; background-color:#D9DEFE; font-size:70%; margin-top:-35px;}

#nav {
width: 188px;
float:left;
font-size:70%;
background-color:#FFFFFF;
margin: 0;
padding: 0;
}


.typeitem {
margin-left: 7px;
margin-right: 8px;
padding:2px;
border-bottom: 1px dotted #999999;
cursor:pointer;
}

.typeitem2 {
margin-left: 7px;
margin-right: 8px;
padding:2px;
border-bottom: 1px dotted #999999;
background:url(images/nav_hover.gif) center;
cursor:pointer;
}

.typeitem a, .typeitem2 a {
padding-left:7px;
color: #656364;
text-decoration: none;
line-height: 18px;
}

.navitem {
height: 30px;
margin-left: 0px;
margin-right: 8px;
border-bottom: 1px dotted #999999;
cursor:pointer;
padding-left:15px;
}

#welcome {
width: 188px;
height:225px;
background:url(images/welcome.gif);
line-height: 150%;
}

#welcome a {
padding-left: 10px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
color:#636365;
}

#welcome a:hover {
background-color:#D3DDE7;
}



#footer {
clear: both;
background-color: #fff;
height: 67px;
font-size:70%;
}

#fblue {
padding: 8px;
background-color:#7D9CBB;
color:#FFFFFF;
}

#fcontact {
float: right;
}

#fcontact a {
color: #ffffff;
text-decoration:none;
}

#flinks {
padding: 11px;
float:left;
}

#flinks a {
color: #656364;
text-decoration:none;
}

#flinks a:hover {
text-decoration:underline;
}

.catbox {
background-color:#E9EBEA;
padding:10px;
border-top:1px #F7F7F7 solid;
position:relative;
font-size:140%;
}

.title {
font-weight: bold;
font-size:90%;
}

div.crumbs {
text-align: right;
font-size:70%;
}

a.crumbs {
text-decoration: none;
color: #7D9CBB;
}

.cattitle {
clear:both;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
margin-top:5px;
margin-right: 10px;
margin-left: 10px;
padding:5px;
padding-left:0px;
color: #656364;
font-size:80%;
background-color:CBE1F8;
padding-left:10px;
}

.text {
font-size: 70%;
}

.prodbox {
float:left;
width:143px;
height:185px;
padding:8px;
font-size: 70%;
text-align: center;
color: #656364;
}

.prodbox a {
text-decoration: none;
color: #7D9CBB;
}

.submit {
background-color:#D3DDE7;
color: #000000;
font-weight: bold;
border: 1px solid #666666;
-moz-border-radius:5px 5px 5px 5px;
background:url('/images/button.png') repeat scroll 0 0 #0975B9;
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
padding:5px 15px;
margin-bottom:4px;
}

.colourbox {
float:left;
width:105px;
height:120px;
text-align:center;
font-size: 70%;
}

.colourbox a {
text-decoration: none;
color: #7D9CBB;
}

.recent_view {
margin:10px;
border: 1px dotted #666666;
padding:5px;
}

.recent_view ul {
margin:0;
padding:0;
list-style-type:none;
}

.recent_view ul li {
margin-top:3px;
}

#divNews
{
text-align:left; width:92%;height:260px;overflow:auto; border:2px solid #28377a; margin:10px 0px 20px 0px; padding:10px
}

.divNews h1 {font-size:150%; margin-top:5px;}
.divNews h2 {font-size:120%;}
.divNews h3 { color:#999999; line-height:normal; margin:0}
.divNews div div { text-align:right; margin:5px}

.luxcol {border: 1px solid #7D9CBB; color:#7D9CBB; clear:left; padding:5px; margin:10px; font-size:12px;color: #656364; background-color:#CBE1F8;}

#luxfade {
background-image:url(imagges/index_lux/photo.jpg); height:224px; width:361px; background-repeat:no-repeat; cursor:pointer; position:relative;
}

.luxfade {display:none; position:absolute; top:0px; left:0px;}

/*MULTI PRODUCT PAGE */

.multi-prod-box tr {font-size:11px}
.delete-button {font-size: 0;display:block;line-height: 0;background-image:url(/images/delete.png);width:32px;height:32px;padding:0px;border:0px;margin:0px;background-color:transparent;color:white;}

.prices {
font-size:110%;
width:240px; 
margin:10px auto;
text-align:left;
}