/*-----------------------------------------------------------------------------
McLoughlin B2B

version:   1.0
author:    Clearscape
email:     info@clearscape.ie
website:   http://www.clearscape.ie/
date:	   April 2008		
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
@import url("sIFR-screen.css");

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}
.right {float:right;}
.left {float:left;}


/* Remove border around linked images */
img, a img {
	border: 0;
}

ul {list-style-type:none;}
a:link, a:visited {text-decoration:none; color:#8a8ecc;}
a:hover {text-decoration:underline; color:#8a8ecc; }
a:active {text-decoration:none; color:#8a8ecc;}


p{font-size:1em; color:#7c7c7c;}
.standardtextcolor{color:#7c7c7c;}

.bold{ font-weight:bold}
.displayinline{display:inline}
/*.lowercase{text-transform:lowercase;}*/
.marginauto{margin:auto}
.nobullets li{list-style-type:none}


/* =Body
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; background-color:#f5f5f5; text-align:center  
}

/* =Main Content
-----------------------------------------------------------------------------*/
#wrapper {width:800px;  margin:10px auto; background-color:#f5f5f5; background-image:url(../images/layout/bgshadow.gif); background-repeat:repeat-y; border:1px solid #f5f5f5; text-align:left;  }

/* =Headings
-----------------------------------------------------------------------------*/
#header {}


/* Nav
-----------------------------------------------------------------------------*/

.holderhead{height:90px;}

.masthead{  background-image:url(../images/layout/toprounded.gif); background-repeat:no-repeat;  padding-left:20px; height:18px }

#login{float:right; width:564px; }
#login input{height:20px}
#loginbuttonhome input{height:24px}

#topNav{width:386px;height:15px; margin:0;margin-top:5px; float:right; padding:0}
 
ul#topNav li{display:inline;list-style:none;text-indent:-5000px;float:left;}
ul#topNav li a:hover, ul#topNav li a:active{background-position:right bottom; height:15px;}
#active{}
 
.aboutus{background-image:url(../images/layout/nav/aboutus_2.gif);width:60px; height:15px; display:block; background-repeat:no-repeat }
.newcustomer{background-image:url(../images/layout/nav/newcust_2.gif);width:90px; height:15px; display:block; background-repeat:no-repeat }
.contactus{background-image:url(../images/layout/nav/contact_2.gif);width:72px; height:15px; display:block; background-repeat:no-repeat }
.sitemap{background-image:url(../images/layout/nav/sitemap_2.gif);width:54px; height:15px; display:block; background-repeat:no-repeat }
.advancedsearch{background-image:url(../images/layout/nav/advanced_2.gif);width:105px; height:15px; display:block; background-repeat:no-repeat}
.newcustomer{background-image:url(../images/layout/nav/newcust_2.gif);width:90px; height:15px; display:block; background-repeat:no-repeat}
.orderdemo{background-image:url(../images/layout/nav/orderdemo_2.gif);width:72px; height:15px; display:block; background-repeat:no-repeat}
 
 
.topofcontent ul{ color:white;}
.topofcontent li{display:inline; height:25px;}
.topofcontent p{color:white; margin-top:5px;}

/*#topofcontent_nav{height:25px; width:400px;  margin-left:150px}*/
#topofcontent_nav{height:25px; /*width:415px;  margin-left:60px;*/ }
ul#topofcontent_nav {height:25px;}
ul#topofcontent_nav li{display:inline;list-style:none;text-indent:-5000px;float:left;}
ul#topofcontent_nav li a:hover, ul#topofcontent_nav li a:active{background-position:right bottom;}
#active{background-position:bottom right;}

.topofcontenthome{background-image:url(../images/layout/nav/topnavhome_2.gif);width:42px; height:25px; display:block;}
.myaccount{background-image:url(../images/layout/nav/myacc_2.gif);width:76px; height:25px; display:block; }
.wantslist{background-image:url(../images/layout/nav/foi.gif);width:154px; height:25px; display:block; }
.orderhistory{background-image:url(../images/layout/nav/orderhist_2.gif);width:84px; height:25px; display:block; }
.viewcart{background-image:url(../images/layout/nav/viewcart.gif);width:63px; height:25px; display:block; }
.logout{background-image:url(../images/layout/nav/logout_2.gif);width:54px; height:25px; display:block; }


.static_pages_homelink{background-image:url(../images/layout/nav/topnavhome_2.gif);width:42px; height:25px; display:block;text-indent:-5000px; margin-left:10px}
.static_pages_homelink a:hover{background-position:right bottom;}

/* side nav */
.sidenav{width:161px; background-color:#3575a4; color:#bae0fc; float:left; padding:0; }
.sidenav li{border-bottom:1px solid white;}
.sidenav li a, .sidenav li a:hover, .sidenav li a:active, .sidenav li a:visited{color:#bae0fc; text-decoration:none;}
.sidenav_gradient{background-image:url(../images/layout/nav/side_gradiant.gif); background-repeat:repeat-x; height:212px;}

ul#sidenavUL li{list-style:none;text-indent:-5000px; height:19px;  }
ul#sidenavUL li a:hover, ul#sidenavUL  li a:active{background-position:bottom right;}
/*
ul#sidenavUL2 li{list-style-type:none; height:19px; color:#3575a4; font-weight:500; }
.masthead_right ul#sidenavUL2 li a:link{color:#bae0fc; }
ul#sidenavUL2 li a:visited, ul#sidenavUL2 li a:active{width:161px; height:19px; background-color:#3575a4; color:#bae0fc; }
 ul#sidenavUL2 li a:hover{color:white;}*/

#active{background-position:bottom right;}
 
.sidenavsizing{width:161px; height:19px; display:block;}
 
.browse{background-image:url(../images/layout/nav/browse.gif); }
.homeside{background-image:url(../images/layout/nav/home_2.gif);}
.abrasives{background-image:url(../images/layout/nav/abrasives2.gif); }
.blades{background-image:url(../images/layout/nav/blades_2.gif); }
.bolts{background-image:url(../images/layout/nav/bolts_2.gif); }
.buildingacc{background-image:url(../images/layout/nav/buildingacc_2.gif); }
 
.building{background-image:url(../images/layout/nav/buildingmat_2.gif);}
.christmas{background-image:url(../images/layout/nav/christmas_2.gif); }
.decorating{background-image:url(../images/layout/nav/decor_2.gif);}
.decortools{background-image:url(../images/layout/nav/decortools_2.gif); }
.diyelec{background-image:url(../images/layout/nav/DIY_2.gif);}
.diygen{background-image:url(../images/layout/nav/DIYgen.gif); }
.elec{background-image:url(../images/layout/nav/electrical.gif); }
.fireside{background-image:url(../images/layout/nav/fireside.gif); }
.fixings{background-image:url(../images/layout/nav/fixings.gif); }
.gardening{background-image:url(../images/layout/nav/gardening.gif); }
.handtools{background-image:url(../images/layout/nav/HANDTOOLS.gif); }
.household{background-image:url(../images/layout/nav/household.gif); }
.ironmongery{background-image:url(../images/layout/nav/ironmongery.gif); }
.kitchen{background-image:url(../images/layout/nav/kitchen.gif);}
.ladders{background-image:url(../images/layout/nav/ladders.gif); }
.lighting{background-image:url(../images/layout/nav/lighting.gif); }
.powertools{background-image:url(../images/layout/nav/powertools.gif); }
.rodent{background-image:url(../images/layout/nav/rodent.gif); }
.shelving{background-image:url(../images/layout/nav/shelving.gif); }
.tape{background-image:url(../images/layout/nav/tape.gif); }
.tiling{background-image:url(../images/layout/nav/tiling.gif); }
.tilingtools{background-image:url(../images/layout/nav/tilingtools.gif); }
.window{background-image:url(../images/layout/nav/window.gif);}
.healthandsafety{background-image:url(../images/layout/nav/healthandsafety_2.gif);}
.specialoffers_side{background-image:url(../images/layout/nav/specialoffers_6.gif);}

.resources{background-image:url(../images/layout/nav/resources_2.gif);}
.groutcalc{background-image:url(../images/layout/nav/grout2.gif);}
 
/* Order Demo Nav */

.sidenavsizing_double{width:161px;height:38px; display:block;}
.addingproducts{background-image:url(../images/layout/nav/addingproducts.gif);}
.getting_reg{background-image:url(../images/layout/nav/gettin_reg.gif);}
.forgotpassword{background-image:url(../images/layout/nav/forgotpassword_2.gif);}
.abouturacc{background-image:url(../images/layout/nav/abouturacc2.gif);}
.finding_ur_prod{background-image:url(../images/layout/nav/finding_ur_prod2.gif);}
.confirm_ur_order{background-image:url(../images/layout/nav/confirm_ur_order2.gif);}
.loggin_in2_ur_acc{background-image:url(../images/layout/nav/loggin_in2_ur_acc2.gif);}
.placeorder{background-image:url(../images/layout/nav/placeorder2.gif);}
.shoppingcartoptions{background-image:url(../images/layout/nav/shoppingcartoptions.gif);}
.contactdetails{background-image:url(../images/layout/nav/contactdetails.gif);}
.howdo{background-image:url(../images/layout/nav/howdo.gif);}

/* Order Demo TopNav */
.print{background-image:url(../images/layout/nav/print.gif);width:56px; height:15px; display:block; background-repeat:no-repeat}
.downloadPDF{background-image:url(../images/layout/nav/download.gif);width:176px; height:15px; display:block; background-repeat:no-repeat}
.return2_B2B{background-image:url(../images/layout/nav/return.gif);width:118px; height:15px; display:block; background-repeat:no-repeat}



/* =Body
-----------------------------------------------------------------------------*/
h1{text-indent:-9999px; background-image:url(../images/layout/logo.jpg); background-repeat:no-repeat; width:213px; height:42px; float:left; margin-top:20px; padding:0;
margin-left:5px; color:#000000}
h2{font-size:1.6em; color:#3575a4; margin-top:5px;}
h3{font-size:.6em; color:#3575a4; padding-bottom:20px; width:500px;}
h4{font-size:1pt; color:#3575a4; padding-bottom:20px;}

.mainholder{ width:750px; margin-left:25px; margin-right:35px; }


.content{width:565px; float:right;}

.innercontent{background-color:#FFFFFF;}

.innercontentstatic{background-color:#FFFFFF; padding:10px}

.innercontentstatic ul{color:#7c7c7c; list-style-type:circle; padding:10px; margin-left:10px;font-size:1.2em}

.innercontentstatic p{font-size:1.2em}

.homepagelogin{background-color:#3575a5; height:34px;}

.topofcontent{background-color:#3575a5; height:34px; background-image:url(../images/topofcontent.gif); background-repeat:repeat-x; height:51px;}

/*
.homepage_boxes{width:32%;float:left; border:1px solid white; margin-left:8px;}

.homepage_boxes p{padding:35px 15px; overflow:hidden; line-height:13px; color:#3575a4 }

.monthlyoffer{background-image:url(../../library/homepage/homelefttitle.gif); background-repeat:no-repeat; height:150px}
.newprod{background-image:url(../../library/homepage/homecentretitle.gif); background-repeat:no-repeat; height:150px}
.whatshot{background-image:url(../../library/homepage/homerighttitle.gif); background-repeat:no-repeat; height:150px} */


.homepage_boxes a{padding-left:5px}

.logos{width:139px; float:left}

.product_categories{width:166px ;float:left; border:1px solid white; padding:10px;}


a.frontboxlink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3575a4; text-decoration: none;}


a:hover.frontboxlink {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3575a4; text-decoration: underline;}

a:visited.frontboxlink {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3575a4; text-decoration: none;}


.searchbox
{border: 1px solid #879dca;FONT-SIZE: 12px; WIDTH: 174px;COLOR: #6994cb; HEIGHT: 17px;}

.login
{border: #879dca 1px solid; width:138px; float:right;}

.loginpush{margin-left:55px}

.logopadding{margin-left:10px; margin-right:10px}
.brands{margin:auto; margin-top:15px;}
.brands_productspage{margin:auto;}
.brands_productspage td{padding-left:15px; padding-right:15px;}



.securelylogged{color:#3575a5; font-size:10px; float:right; margin-right:15px; margin-top:-5px}

.searchtable{ width:230px; float:right; margin-right:10px; height:36px }
.bold{font-weight:bold}


.error{position:absolute; width:250px; height:205px; z-index:1; left: 803px; top: 150px; background-image:url(../images/layout/error.png); color:#3575a4; font-size:11px; text-align:center; background-repeat:no-repeat}
.error img{ margin-bottom:10px; margin-top:20px}
.error span{width:230px; margin:auto; display:block}


#productsTable .white{color:#FFFFFF}

.pagetitle{font-size:20px; color:#3575a4;  display:block; }

.pageTitleLine2{font-size:17px; color:#798792;}


.currentcart{color:white; background-color:#6d9bbd; font-size:.7em; height:25px; text-align:right;padding-left:5px; padding-right:5px;}
.currentcart span{padding-top:8px}
.basket{padding-top:8px; width:250px; float:right}

.product_in_cat{font-size:.8em; color:#218bd5; font-weight:normal; margin-bottom:30px}

.category_item{width:180px; height:100px; margin-top:5px }
.category_item a:link, .category_item a:visited{font-size:.8em; color:#218bd5; /*text-transform:lowercase;*/ font-weight:normal; 
/*background-image:url(../images/layout/cat_arrow.gif); background-repeat:no-repeat; */height:21px; /*background-position:left;*/ padding-bottom:5px; padding-left:30px;   }
.underlineCat{width:130px; margin-left:40px; border-bottom:1px solid #cadae7; height:1px;}

.toprow strong {color:#000000;}

.blotline{background-image:url(../../images/blotline.gif); height:2px; background-repeat:repeat-x; width:98%}
.whats_hot_blotline{background-image:url(../../images/blotline.gif); background-repeat:repeat-x;  background-position:50% 40%; height:85px;margin-top:-18px; width:100%; margin-left:0}

.customername{ color:#ffffff; height:25px; width:210px; font-weight:bold; vertical-align:top; text-align:left; vertical-align:text-bottom; padding-left:5px;}
.productName{color:#3575a5; font-size:.9em; width:330px }

.breadcrumbs, .crumbs, {padding-right:10px; padding-top:10px}
.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active, .crumbs a:link, .crumbs a:visited, .crumbs a:hover, .crumbs a:active, {color:#3575a3}

.blackborder{border:1px solid black}

.orderdetail{font-size:1.1em; margin-left:20px; color:#7c7c7c}
.orderdetailname{width:194px; height:20px}
.orderdetail_heading_deliv, .orderdetail_heading_short{font-size:1.2em; font-weight:bold; padding-left:30px; color:#3575A4}
.prevnext{padding-right:50px; font-size:1.1em;}

.brandlogo{display:block;}

.demo_image{width:100%; padding-top:10px; padding-bottom:10px; text-align:center}

/* =Footer
-----------------------------------------------------------------------------*/
.footer{margin-top:10px}

#endofpage {background-image:url(../images/layout/bootomrounded.gif);  background-position:0 100%; background-repeat:no-repeat; height:20px; }

/* =Forms
-----------------------------------------------------------------------------*/

form {margin:0;padding:0;}

textarea {color: #4c70aa; font-size: 12px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

input{color: #4c70aa; font-size: 12px;}

select {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4c70aa}



/*
-------------- TABLES ----------------*/
.border{border:1px solid black;}

.table_headers{font-size:11px; color:#FFFFFF; height:30px }

.top{background-image: url(../images/layout/tablegradtop.gif); background-repeat:repeat-x; font-weight:normal}
.top_order{background-image: url(../images/layout/tablegradtop.gif); background-repeat:repeat-x; background-color:#0033CC; font-weight:normal;height:30px; padding-left:20px; border-collapse:collapse; border-left:none; border-right:none}

.bottom_order{background-image: url(../images/layout/bottom.gif); background-repeat:repeat-x; background-position:bottom; height:30px}
.datalines_order{background-image:url(../images/layout/datalines.gif); background-position:bottom; color:#FFFFFF; height:30px; background-repeat:repeat-x; background-color:#3575a4; }
.topleft{background-image: url(../images/layout/topleft.gif); background-repeat:no-repeat; font-weight:normal; width:90px}
.topright{background-image: url(../images/layout/tabletopright.gif); background-repeat:no-repeat; background-position:top left;  font-weight:normal}
.topright2{background-image: url(../images/layout/tabletopright.gif); background-repeat:no-repeat; background-position:top right;  font-weight:normal}
.sideleft{background-image: url(../images/layout/sideleft.gif); background-repeat:repeat-y}
.bottomleft{background-image: url(../images/layout/bottomleft.gif); background-repeat:no-repeat; background-position:bottom left}
.bottom{background-image: url(../images/layout/bottom.gif); background-repeat:repeat-x; background-position:bottom}
.bottomright{background-image: url(../images/layout/bottomright.gif); background-repeat:no-repeat; background-position:bottom left}
.bottomright2{background-image: url(../images/layout/bottomright.gif); background-repeat:no-repeat; background-position:bottom right}
.datalines{background-image:url(../images/layout/datalines.gif); background-position:bottom; color:#FFFFFF }

.products_table td{ padding:2px; padding-left:10px; color:#FFFFFF}
.products_table th{padding:0; margin:0; color:#FFFFFF; font-weight:normal;}
.products_table{ font-weight:normal; /*width:475px;*/ font-size:10px; color:#FFFFFF; }
.products_table a, .products_table a:visited, .products_table a:hover, .products_table a:active{color:#FFFFFF; font-weight:normal; }
.quantity{width:40px}
.quantity2{width:40px}
.Orderhistory_quantity{width:60px;}
.productheadings{font-size:.7em; color:#7d7d7d; width:350px; }
.productheadings span{height:10px;  }
.productheadings img{display:block;}

.pagers, .fontsizepoint7{font-size:.7em;}
.pagers2{font-size:.9em;}
.redtext{color:#FF0000}

.orderdetailsquantity{width:40px; background-color:#7d7d7d}

.specials_table a, .specials_table a:visited, .specials_table a:hover, .specials_table a:active{width:500px; margin:auto; color:#FFFFFF; font-size:.7em; padding:5px}
.specials_table{background-color:#FFFFFF}

.orderhistory_table{font-size:1.1em; border-collapse:collapse; background-color:#ffffff; margin:auto; border:none; border-color: #3575a4;  }
.orderhistory_table a, .orderhistory_table a:visited, .orderhistory_table a:hover, .orderhistory_table a:active{color:#ffffff; padding-left:20px; font-weight:bold;}


.cart{width:509px}
.confirmation{width:500px}

.tablesizetext{font-size:1.2em}
.totals{display:inline; width:60px;  margin-left:5px;  margin-top:20px; color:#7c7c7c;}
.totals p{display:inline}


/* change of details design from previous css */

.changeofdetails td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #808080}
.changeofdetails textarea {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #4c70aa; font-size: 11px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }
.changeofdetails select {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4c70aa}
.changeofdetails searchbox{padding:2px}