body {margin:0; background-color:#FFF; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#666;}

/* Common Elements */

#centersite {width:855px; margin:0 auto;}
#mainborder {border:#CCC 1px solid; float:left;}

#header {width:853px; height:52px; background:url(../images/home_header.jpg) no-repeat; float:left;}
#header .left {padding-left:10px; float:left;}
#header .right {width:215px; padding-right:15px; float:right;}

#header .left ul {margin:0; padding:0;}
#header .left li {list-style:none; margin:0; padding:0; font-size:12px; line-height:52px; text-transform:uppercase; float:left;}
#header .left a {color:#FFF; font-weight:bold; text-decoration:none; padding:0 6px; font-family:Arial, Helvetica, sans-serif;}
#header .left a:hover {color:#85c4d7; text-decoration:none;}

#header .rightlinks {width:265px; font-size:12px; line-height:20px; color:#FFF; float:right; text-align:right; *margin-left:-35px; }
#header .rightlinks a {color:#FFF; font-weight:normal; text-decoration:none; padding:0 4px;}
#header .rightlinks a:hover {color:#85c4d7; text-decoration:none;}
#header .rightlinks a.cart {color:#aedeee;}
#header .rightlinks a:hover.cart {color:#85c4d7;}

#header .searchbar {width:200px; float:right;}

#footer {width:855px; min-height:135px; height:auto; _height:135px; margin-top:5px; background:url(../images/footer.jpg) top repeat-x #133e92; float:left;}
#footer .left {float:left;}
#footer .right {padding:25px 15px 0 0; float:right;}

#footer .left ul {margin:0; padding:0;}
#footer .left li {list-style:none; margin-left:25px; padding:0; font-size:12px; line-height:20px; color:#e2dfd4; font-weight:bold;}
#footer .left li.title {padding:10px 0 12px 0;}
#footer .left a {color:#FFF; font-weight:normal; text-decoration:none;}
#footer .left a:hover {color:#85c4d7; text-decoration:none;}

#footlogo {width:98px; height:79px; background:url(../images/footlogo.gif); margin-right:15px; float:left;}

#footaddress {font-size:10px; line-height:17px; color:#FFF; padding-top:6px; float:right;}
#footaddress a {color:#FF9; font-weight:bold; text-decoration:underline;}
#footaddress a:hover {color:#85c4d7; text-decoration:underline;}

li { list-style:square; font-size:12px; color:#0d3280; }
li a:link, a:visited, a:hover, a:active { color:#0d3280; }
.sublevel { list-style:none; color:#555; text-decoration:none; }
.sublevel a:link, a:visited, a:active { color: #555; text-decoration:none; }
.sublevel a:hover { color:#f26522; text-decoration:none; }

#catalog ul { margin:0; padding:0 5px; list-style:none; }
#catalog li { margin:0; padding:0; list-style:none; }
#catalog li a:link, a:visited, a:hover, a:active {  color:#397adb; }

.pseudo_button { cursor:hand;cursor:pointer; }
#product_main_pic_holder{max-width:285px;}
#product_main_pic{max-width:285px}
/* End Common */

/* Home Page */

#homebanner {width:853px; height:330px; float:left;}

#homebody {width:853px; height:293px; float:left;}
#homebody .row1 {width:853px; height:184px; float:left;}
#hoembody .row2 {width:853px; height:109px; float:left;}

#homebody ul {margin:0; padding:0;}
#homebody li {list-style:none; margin:0; padding:0; float:left;}
#homebody a {width:100%; height:100%; display:block;}
#homebody span {display:none;}

#homebody .wholesale {width:575px; height:184px; background:url(../images/wholesale.jpg);}
#homebody .cataloginfo {width:278px; height:184px; background:url(../images/cataloginfo.jpg);}
#homebody .appliances {width:298px; height:109px; background:url(../images/appliances.jpg);}
#homebody .commercial {width:185px; height:109px; background:url(../images/commercial2.jpg);}
#homebody .kitchen {width:181px; height:109px; background:url(../images/kitchen.jpg);}
#homebody .toilets {width:189px; height:109px; background:url(../images/toilets.jpg);}

.header_text { color:#fff; font-size:12px; font-weight:bold; line-height:12px; vertical-align:middle; }
.preview_picture { padding:2px;	border:1px solid #e6e6e6; display:inline; }
/* End Home */

/* Interior Pages */

#bodyrepeat {width:853px; background:url(../images/repeat.jpg) repeat-y; float:left;}

#mainleft {width:195px; min-height:250px; height:auto; _height:250px; background:url(../images/side_top.jpg) top no-repeat; float:left;}
#mainright {width:658px; _margin:0px; _padding:0px; _z-index:99; float:right;}

#bodytop {width:658px; height:26px; _margin:0px; _padding:0px; background:url(../images/bodytop.jpg); float:left;}
#breadcrumbs {width:643px; height:16px; color:#f26522; font-size:12px; padding-left:15px; line-height:16px; background:url(../images/breadcrumbs.jpg); float:left;}
#bodybottom {width:658px; min-height:208px; height:auto; _height:208px; background:url(../images/bodybottom.jpg) top no-repeat; float:left;}
#bodybottom_content {padding:15px;}

.parent_category { font-size:12px; font-weight:bold; color:#113a89; }
.sub_category { font-size:12px; font-weight:normal; color:#fb9b09; padding-left:5px; }

#filter_nav { margin:10px 0; }
.sort { font-size: 12px; font-weight:bold; color:#444; }
.sort select { font-size:12px; margin-left:5px; padding:2px; color: #777; border:1px solid #999;}
.pagination { font-size: 12px; color: #ff9900; }
.pagination a:link { text-decoration: none; color: #ff9900; }
.pagination a:visited { text-decoration: none; color: #ff9900; }
.pagination a:hover { text-decoration: underline; color: #ff9900; }
.pagination a:active { text-decoration: none; color: #ff9900; }

#member_heading { color:#012162; font-weight:bold; display:block; font-size:16px; margin:15px 0; border-bottom:1px solid #eee; padding-bottom:15px; }
#member_table_heading { color:#012162; font-weight:bold; font-size:12px; line-height:14px; margin:5px 0 15px 0; }


/* End Interior */

/* Colors, Sizes and Links */
.blue { color:#4fa7c1; }
.darkblue { color:#275480; }
.small { font-size:12px; color:#999; }

a:link, a:visited, a:hover, a:active { color:#275480; text-decoration:underline; } 

/* Form Styles */
.finput {
	padding:3px;
	background-color:#fefefe;
	font-size:12px;
	color:#333;
    border:1px solid #a6a6a6;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}

/* Messages and Errors */
.custom_error {
	display: none; 
	color:#c6c6c6;
}

.errors {
	padding:5px;
	background-color:#f5272d;
	text-align:center;
	color:#fff;
}

.messages {
	padding:5px;
	background-color:#fff799;
	color:#333;
	text-align:center;
}


/* CART & PRODUCT DISPLAY */
.item_title { font-size:12px; color:#133889; font-weight:bold; }
.cart_totals { font-size:12px; color:#888; }
.select { font-size:12px; }
.thumb_product_name { font-size:9px; color:#746e53; padding-left:5px; }
.thumb_product_price { font-size:9px; color:#36311e; font-weight:bold; padding-left:5px; }
#product_title { font-size:22px; font-weight:bold; color:#5a5135; margin:10px 0 5px 0; }
#product_price { font-size:14px; color:#ff9933; }
.image_padding { padding:3px; border:1px solid #eee; margin:5px; }

.pic_border { border:1px solid #ddd; margin:2px; padding:1px;  }

/* BUTTONS */

.buttons a, .buttons button, input.recalc {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#e6e6e6;
    
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	border-bottom:1px solid #868686;
	border-right:1px solid #9B9B9B;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#000;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
input.recalc {
	float:right;
	border:1px solid red;
	width:10000px;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* Cart */
.heading { font-size:22px; font-weight:bold; color: #05286d; margin-top:15px; line-height:24px; }
.ship_to_address { padding:15px; border:1px solid #eee; }
/* STANDARD */

button:hover, .buttons a:hover, input.recalc {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#08436e;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#cae9ff;
    border:1px solid #5e8cbc;
    color:#08436e;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* Useage
<div class="buttons">
    <button type="submit" class="positive">
        <img src="/images/icons/tick.png" alt=""/> 
        Save
    </button>

    <a href="/password/reset/">
        <img src="/images/icons/textfield_key.png" alt=""/> 
        Change Password
    </a>

    <a href="#" class="negative">
        <img src="/images/icons/cross.png" alt=""/>
        Cancel
    </a>
</div>
*/

.cities {margin:0 auto; width:800px;}
.cities li {margin:0; height:16px; font-size:9px; color:#999; float:left; width:90px; list-style:none; padding:0px 10px 0px 0px; list-style-position:outside;}


