/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
#grid-example .x-grid-col-1 {
	text-align: right;
}
#grid-example .x-grid-col-2{
	text-align: right;
}
#grid-example .x-grid-col-3 {
	text-align: right;
}
#grid-example .x-grid-col-4 {
	text-align: right;
}
#grid-example.x-grid-mso{
	border: 1px solid #6593cf;
}
#grid-example.x-grid-vista{
	border: 1px solid #b3bcc0;
}
#xml-grid-example{
	border: 1px solid #cbc7b8;
	left: 0;
	position: relative;
	top: 0;
}
#editor-grid .x-grid-col-2{
    text-align:right;
}
.x-grid3-td-topic b {
    font-family:tahoma, verdana;
    display:block;
}
.x-grid3-td-topic b i {
    font-weight:normal;
    font-style: normal;
    color:#000;
}
.x-grid3-td-topic .x-grid3-cell-inner {
    white-space:normal;
}
.x-grid3-td-topic a {
    color: #385F95;
    text-decoration:none;
}
.x-grid3-td-topic a:hover {
    text-decoration:underline;
}
.details .x-btn-text {
    background-image: url(details.gif);
}
.x-resizable-pinned .x-resizable-handle-south{
    background:url(../resources/images/default/sizer/s-handle-dark.gif);
    background-position: top;
}

.x-grid3-header{background:#234374; color:#fff}
.x-grid3-hd{border:none !important}
.x-grid3-hd-over, .x-grid3-hd-inner{background:none !important}
.x-grid3-hd-btn{display:none; height:0px; width:0px;}
.x-grid3-body{padding:0px 20px}
.x-grid3-td-name {
    color: #fff;
    /*height:110px;*/
}
.x-grid3-hd-name {
	FONT: 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;padding:10px;padding-left:0px;
}

.x-grid3-row-body{height:100px; overflow:hidden}

/*Floats columns next to eachother*/
.x-grid3-row-table,.x-grid3-col,.x-grid3-cell,.x-grid3-row{width:375px !important; float:left;padding:10px;}

/*.x-grid3-row-table{height:200px !important; overflow:auto;}*/

.x-grid3{background:none}

#header-top{background:#ecf2fa url('../img/bg-top.gif') repeat-x; height:110px;}
.ext-ie #header-top{height:159px}
#logo{width:360px;}
.ext-ie #logo{width:408px !important}
#logoimg{margin-bottom:20px;padding-right:10px;}
.ext-ie #logoimg{margin-right:5px;}

#content{background:#c8d3d9 url('../img/bg-bottom.gif') repeat-x; height:auto; position:relative;}
.ext-ie #content{text-align:center;}

body{padding:0px !important;background-color:#c8d3d9 !important;background:#c8d3d9 url('../img/bg-bottom.gif') repeat-x !important;}
#blue-mask{width:100%;height:100%;position:absolute;top:0px;padding:0px !important;background-color:#c8d3d9 !important;background:#c8d3d9 url('../img/bg-bottom.gif') repeat-x !important;-moz-opacity: 0.95;
    opacity: .95;
    filter: alpha(opacity=95);}
h1{FONT: 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;margin-bottom:0px !important;width:240px;}
.ext-ie h1{width:300px}
h3{FONT: 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;line-height:1.5em}
a{color:red}

.x-panel-body{background:none;}

.x-tbar-page-number,.xtb-text,.x-btn-text,.x-toolbar,.x-small-editor,.x-toolbar-layout-ct{FONT: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;}
.x-toolbar-layout-ct{padding:10px 0px !important;}
/*.x-tbar-page-number{border:none;background:none !important}*/

.item-details{padding-left:5px;padding-top:2px;float:left;white-space:normal !important;height:75px;overflow:hidden;}
.item-name{FONT: 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#000;white-space:normal !important}
.item-desc{FONT: 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color:#4f4f4f;white-space:normal !important}
.item-price{FONT: 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color:red;line-height:3.0em;white-space:normal !important}

#logo, .button-menu{float:left; height:120px;}
.button-menu{float:right;height:108px;overflow:hidden;width:840px}
.button{height:115px; width:120px;float:left;padding-top:78px;text-align:center;FONT: 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;cursor:hand;}
#button-tapware{background: url('../img/buttons/tapware.png');}
#button-vanity{background: url('../img/buttons/vanity.png');}
#button-toilet{background: url('../img/buttons/toilet.png');}
#button-accessories{background: url('../img/buttons/accessories.png');}
#button-tiles{background: url('../img/buttons/tiles.png');}
#button-showerscreens{background: url('../img/buttons/showerscreens.png');}
#button-map{background: url('../img/buttons/contactus.png');}

#welcome{background:#c8d3d9;overflow:hidden;}
#welcome-header{background:#234374; color:#fff;FONT: 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;padding:10px;padding-left:20px;overflow:hidden;}
#welcome-body{padding:20px;background:none;overflow:hidden;}

.details-window{padding:10px;padding-bottom:0px;background:#afbec8 url('../img/window-bg.gif') repeat-x;}
.details-window-body{text-align:left;FONT: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;padding:10px;padding-bottom:0px;padding-top:5px;}
#details-name{FONT: 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;padding-bottom:15px;}
#details-cost{text-align:left;color:#ce000c; FONT: 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;padding-top:15px;}
#details-desc{text-align:left;}
#details-moreinfo{text-align:left;}

.ext-el-mask {
    background:#4f4f4f;
	z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
    zoom: 1;
}

#map{padding:0px}
.location-map{background:none}
.location-map-header{background:#234374; color:#fff;FONT: 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;padding:10px;padding-left:20px}
.google-map{padding:20px;}
.map-text{width:auto;text-align:center;padding-right:20px;FONT: 16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;line-height:1.8em}

#logo-anim{position:absolute;margin-left:auto;margin-right:auto; left:-630px;right:0;top:-50px;width:512px;height:512px;}
.anim{position:absolute;top:0;left:0;width:512px;height:512px;padding:20px;padding-top:0px}
.ext-ie .anim{left:50px}
#logo-text{text-align:left;width:550px;height:500px;position:absolute;margin-left:auto;margin-right:auto; left:0;right:-550px;margin-top:-50px;FONT: 10pt "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;line-height:1.5em;}

#enter-btn{background:url('../img/enter-btn.png') no-repeat;width:137px;height:37px;text-align:center;FONT: 14pt "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color:#fff;padding-top:6px;margin-left:380px;cursor:pointer;margin-top:10px;}