f/* CSS Document */

/* ############################### Starting CSS ############################### */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ 
	margin:0;
	padding:0;
}

body, html{
	margin:0!important
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

img, a img{ 
	border:0;
}

ul{
	list-style:none;
}

caption, th{
	text-align:left;
}

q:before, q:after{
	content:'';
}

abbr, acronym{
	border:0;
}

a:focus{
	outline: none;
}



/* ############################### CSS for all Pages ############################### */



/* -------- General Typography --------*/

h1{
	background:#F8F8F7;
	border-bottom:#fff 4px solid;
	color:#a2a094;
	/*color:#B4B2A8;*/
	/*color:#bbb;*/
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	padding:14px 12px;
	position:relative;
	text-transform:uppercase
}

h1 span{
	color:#5f5f5f;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

h1 .read{
	display:block
}

h2{
	color:#C4252D;
	font:bold 10px/150% Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
	text-transform:uppercase
}

h3{
	background:#B4B2A8 url(../images/bg_h3.gif) top right no-repeat;
	color:#fff;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	height:19px;
	margin-bottom:3px;
	padding:5px 15px 0 15px;
	text-transform:uppercase
}

h3 img{
	float:left;
	height:24px;
	margin:-5px 0 0 -15px;
	width:9px
}

h4{
	background:#C2202B url(../images/bg_h4.gif) no-repeat;
	border-bottom:#fff 3px solid;
	border-top:#fff 2px solid;
	color:#fff;
	font:bold .65em Verdana, Arial, Helvetica, sans-serif;
	height:18px;
	margin:0 0 10px 0;
	padding:6px 30px 0 8px;
	text-transform:uppercase
}

h5{
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:15px 12px 14px 12px;
	color:#fff;
	text-transform:uppercase;
	background:#5d5d5d;
	height:14px;
	margin:0 auto 20px auto;
}

h5 img{
	float:left;
	margin:-12px 15px 0 -9px;
}

h6{
	background:#C2BD9C;
	color:#fff;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	height:26px;
	padding:5px;
	text-align:center;
	text-transform:uppercase;
	vertical-align:bottom
}

p, span, a, strong, li, ul, ol, td, th, legend, input, textarea, select, .footer .textnav, dd, label{
	font:10px/150% Verdana, Arial, Helvetica, sans-serif;
	color:#5F5F5F
}

strong{
	font-weight:bold
}

.block{
	display:block
}

p{
	margin:0 0 10px 0
}

dt{
	color:#C4252D;
	font:10px/150% Verdana, Arial, Helvetica, sans-serif;
}

dd{
	margin:0 0 20px 0
}

ol{
	list-style:decimal;
	margin:0 0 0 20px
}

fieldset{
	margin:0 0 30px 0;
	padding:15px;
	min-width:710px
}

legend{
	font-weight:bold;
	margin-bottom:8px;
}

th{
	background:#f3f3f5
}

#request .content label{
	display:block;
	float:left;
	text-align:right;
	padding:3px 15px 1px 0;
	width:213px;
}

#request .content input{
	display:inline;
	line-height:normal;
	margin:2px 0;
	padding:2px;
	width:250px
}

#request .content select{
	width:258px
}

#request .content textarea{
	height:100px;
	padding:2px;
	width:250px
}

.upper{
	text-transform:uppercase
}

.smalltitle{
	font-size:9px!important;
	padding:6px 10px 0 4px;
}

.strong{
	font-weight:bold
}

.note{
	font-size:9px;
	font-style:italic;
	text-align:justify
}

.highlight{
	background:url(../images/bg_highlighttext.png);
	color:#fff;
	display:block;
	padding:5px;
	text-align:center;
}

.start{
	border-top:#fff 13px solid;
	line-height:200%;
	margin:0 0 9px 0;
	padding:5px 12px 14px 12px;
	text-align:center
}

.read{	
	color:#C2202B
}



/* -------- General Layout --------*/

html{
	height:100%
}

body{
	background:#333 url(../images/bg_body.gif) bottom;
	height:100%
}

.container{
	background:#fff;
	margin:0 auto;
	min-height:100%;
	padding:0 15px 20px 15px;
	position:relative;
	width:949px;
}


/* Header */

.header{
	padding:21px 0 0 0;
	position:relative;
}

.header .design{
	float:right
}

.requestquote{
	float:left;
	margin:-3px 0 0 17px
}

.header ul{
	margin:15px 0 0 -4px
}

.header ul li{
	display:block;
	float:left;
}

.header ul li a{
	color:#5F5F5F;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase
}

.header ul li a:hover{
	text-decoration:underline
}

.header .logo_banner_text{
	margin:0 9px;
	padding:0 0 10px 5px
}

.header .logo_banner_phone{
	padding:0 0 10px 0
}


/* Footer */

.footerspacer{
	clear:both;
	height:81px
}

.footer{
	background:url(../images/bg_footer.gif) no-repeat;
	height:90px;
	margin:6px auto 0 auto;
	padding:3px 8px 0 8px;
	position:relative;
	width:963px;
}

.footer *{
	color:#fff;
}

.footer a{
	text-decoration:none
}

.footer a:hover{
	text-decoration:underline
}

.footer .textnav{
	display:block;
	height:104px;
	position:absolute;
	text-align:center;
	margin:40px 0 40px 0;
	top:-106px;
	width:979px
}

.footer .textnav *{
	color:#5F5F5F;
	padding:0 7px 0 4px
}

.footer .address{
	clear:both;
	display:block;
	float:right;
	line-height:170%;
	margin:3px 0 0 0;
	max-width:500px;
	text-align:right;
}

.footer .smg{
	display:block;
	position:absolute;
	left:60px;
	top:27px;
}


/*Right Col*/

.rightcol{
	background:#DDDBD7;
	float:right;
	width:170px;
	margin:21px 0 0 0;	
}

.rightcol div{
	margin:0 10px 0px 10px;
	padding:0 0 15px 0;
}

.coslogin img{
	display:block;
	margin:0 auto 7px auto
}

.coslogin input{
	border:#ccc 1px solid;
	display:block;
	padding:2px;
	width:144px;
}

.coslogin .btnlogin, .cat_search .btnlogin{
	background:#5f5f5f;
	border:#fff 1px solid;
	color:#fff;
	display:inline;
	font-weight:bold;
	height:20px;
	margin:1px 0 0 0;
	outline:none;
	padding:0;
	width:41px
}

.coslogin a{
	font-size:9px
}

.coslogin span{
	display:block;
	font-size:9px;
	font-weight:bold;
	margin:10px 0 0 0;
	text-align:justify
}

.cat_search select{
	display:block;
	margin:0 auto;
	padding:2px 0;
	width:150px
}

.cat_search select option{
	width:500px;
}

.cat_search input{
	margin:5px 0 15px 0
}

.cat_search .btnlogin{
	width:28px
}

.cat_search ul li a{
	display:block;
	padding:2px;
	text-transform:uppercase
}

.specials{
	margin:0 8px -25px 8px!important;
}

.specials .note{
	display:block;
	margin:0 0 10px 0!important
}

.specials .special{
	clear:both;
	margin:0 8px 5px 10px;
	min-height:60px
}

.specials .special img{
	float:left;
	display:block;
	margin:0 5px 0 -10px;
}

.specials .special .strong{
	clear:both;
	display:block!important;
	margin:-70px 0 5px 63px;
	width:72px;
	display:none!important;
}

.specials .special span{
	display:block;
	margin:0 -5px 10px 63px;
	width:81px;
}

.specials .special a{
	padding:0 0 0 1px
}

.usbspecial{
	margin:0 0 0 -15px!important
}

.newsletterlink{
	display:block;
	float:right;
	font-weight:normal;
	margin:-35px 0 0 0
}

.newsletter{
	margin:0 10px!important
}

.newsletter .strong{
	display:block;
	line-height:100%;
	margin:0 0 10px 0;
	text-align:justify
}

.newsletter form span{
	display:block;
	padding:0 0 5px 0
}

.newsletter input{
	line-height:100%;
	margin:auto 0 5px 0;
	width:147px
}

.newsletter .signup{
	background:#5f5f5f;
	border:#fff 1px solid;
	color:#FFFFFF;
	font-weight:bold;
	float:right;
	margin:0 0 10px 0;
	padding:1px 0 0 0;
	width:auto
}

.content{
	margin:55px 0 0 0;
	position:relative;
	width:776px;
}

.maincontentimg{
	border-bottom:#fff 1px solid;
	margin-bottom:-11px;
}

.maincontentline{
	height:3px;
	color:#B4B2A8;
	height:3px;
	border:3px;
	border-style:solid;
	border-color:#B4B2A8
}

.halves{
	background:url(../images/bg_halves.gif) right repeat-y;
}

.halves div{
	background:#F8F8F7;
	padding:22px 12px 20px 12px;
}

.halves div img{
	margin:0 0 10px 0
}

.halves .leftside{
	width:356px;
}

.halves .rightside{
	float:right;
	width:356px;
}

.halves div ul{
	margin:0 0 20px 0
}

.halves div h1{
	margin:-5px -12px 10px -12px;
	padding:0 12px 14px 12px
}

.halves div h3{
	margin:0 -12px 14px -12px
}

.halves div h3 *{
	display:block;
	margin:-5px 0 0 -15px
}

.halves div .strong{
	display:block;
	margin:10px 0;
	text-transform:uppercase
}

.halves div ul li{
	font-style:italic;
	width:356px
}

.halves div ul li span{
	display:inline!important
}


.halves .divider{
	margin:15px -12px;
	width:380px
}

.halves div div p{
	margin:-25px 0 5px 0
}




.twenty{
	margin:20px 0 0 0
}

.minustwentytwo{
	margin:-22px 0 0 0
}

.divider{
	background:#fff;
	border:none;
	color:#fff;
	height:13px;
	width:100%
}

.list{
	list-style:square;
	margin:0 0 0 15px!important;
	font-style:normal!important
}

.right{
	display:block;
	text-align:right
}




/* ############################### Individual Page Styles ############################### */

/*Home*/

.mainimg{
	background:url(../images/img_main.jpg) bottom right no-repeat;
	border-left:#B4B2A8 3px solid;
	height:343px;
	margin:0 0 2px 0;
}

.mainimg h3{
	margin:0 0 271px 2px
}

.mainimg .highlight{
	margin:0 0 0 2px
}

.mainimg .highlight, .mainimg .highlight .strong{
	color:#fff;
	font-size:12px!important;
}

.itemtitle{
	background:#666!important;
	color:#fff;
	padding:3px
}

.backtocombo{
	position:absolute;
	right:15px;
	text-transform:lowercase
}

.combolink{
	color:#C2202B;
	float:right;
	margin:3px 5px 0 0
}

.combolist img{
	border:#B4B2A8 1px solid!important;
	display:block;
	margin:0 auto
}

.comboitems span{
	display:block;
	margin:5px 0 0 0
}

.comboitems ol{
	display:block;
	margin:-10px 0 0 25px
}

.combobrowse a{
	font-weight:bold
}

.combobrowse th h6 a{
	color:#fff
}

.combobrowse .notfirstpack{
	display:block;
	margin-top:5px
}

.combocontainer{
	position:relative;
	height:223px;
	margin-bottom:10px
}

.combo{
	position:absolute;
	z-index:500;
	width:780px;
}

.combo li{
	display:block;
	float:left;
	margin:0 4px 0 0;
	text-align:center;
}

.combo a{
	display:block;
	float:left;
	text-align:center;
	width:107px;
	height:225px;
	text-decoration:none
}

.combo a .highlight{
	font-weight:bold;
	vertical-align:bottom;
	cursor:pointer;
	text-transform:uppercase;
	margin-top:200px
}

.combo .stationery{
	width:108px;
	background:url(../images/combo_stationery.jpg) no-repeat
}

.combo .tradesman{
	background:url(../images/combo_tradesman.jpg) no-repeat
}

.combo .environment{
	width:108px;
	background:url(../images/combo_environment.jpg) no-repeat
}

.combo .apparel{
	background:url(../images/combo_apparel.jpg) no-repeat
}

.combo .tradeshow{
	background:url(../images/combo_show.jpg) no-repeat
}

.combo .clientgift{
	background:url(../images/combo_client.jpg) no-repeat
}

.combo .promo{
	width:108px;
	margin:0!important;
	background:url(../images/combo_promo.jpg) no-repeat
}

.comboblurb{
	margin:0 0 25px 0
}

.combospacer{
	border-top:#fff 10px solid;
	margin:-9px 0 0 0;
}

.quicklinks li{
	display:block;
	float:left;
	margin:0 4px 0 0;
	text-align:center;
	vertical-align:bottom;
	width:191px
}

.quicklinks a{
	display:block;
	height:180px;
	position:relative;
	text-decoration:none
}

.quicklinks a .highlight{
	bottom:0;
	left:0;
	position:absolute;
	width:100%
}

.quicklinks .latest{
	background:url(../images/img_quick_latest.jpg) no-repeat
}

.quicklinks .enviro{
	background:url(../images/img_quick_enviro.jpg) no-repeat
}

.quicklinks .seasonal{
	background:url(../images/img_seasonal_summer.jpg) no-repeat
}

.quicklinks .ausmade{
	margin:0;
}

.quicklinks .ausmade .ausmade{
	background:url(../images/img_quick_ausmade.jpg) no-repeat;
}

.quicklinks span{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0;
	text-transform:uppercase
}

.quarters{
	margin:184px 0 0 0;
}

.quarters .article, .quarters .events{
	margin:0 16px 0 0
}

.quarters div{
	background:#F8F8F7;
	float:left;
	height:450px;
	margin:0 0 4px 0;
	padding:0 12px 20px 12px;
	width:354px;
}

.quarters div h3{
	margin:0 -12px 14px -12px
}

.quarters div h3 *{
	display:block;
	margin:-5px 0 0 -15px
}

.quarters div .strong{
	display:block;
	margin:10px 0;
	min-width:100px;
	text-transform:uppercase
}

.quarters .article{
	background:#363636;
	background:#fff
}

.quarters .article img{
	display:block;
	margin:0 auto 5px auto
}

.quarters .article h3 img{
	margin:-5px 0 0 -15px
}

.quarters .hot{
	position:relative
}

.quarters .hot .sglogo{
	display:block;
}

.quarters .hot .strong{
	margin-top:5px
}

.quarters .hot .sgprod{
	float:right
}

.hot .sgimg{
	top:320px;
	left:0;
	position:absolute
}

.hot .sgchristmas{
	display:block;
	margin:155px 0 0 0
}

.quarters .sgcat{
	background:#F6F6F6;
	padding:none
}

.quarters .sgcat .sgcattitle{
	color:#C2202B;
	display:block;
	text-align:center;
	font-size:12px
}

.quarters .sgcat .sgcattitle a{
	color:#C2202B;
	font-size:12px
}

.quarters .sgcat .sgcatimg{
	display:block;
	margin:0 auto
}

.quarters .sgcat p{
	color:#394F0E;
	width:305px;
	margin:0 auto
}

.quarters .case .casehome{
	display:block;
	margin:0 -20px;
}

.quarters .events .casehome{
	display:block;
	margin:0 -15px;
}

.cosbenefits{
	float:right;
	display:block
}


/* Articles and Events */

.posted{
	display:block;
	font-weight:bold;
	margin:-20px 0 15px 0;
	vertical-align:top!important
}

#articles .content ul{
	list-style: square;
	margin:0 0 20px 15px;
	vertical-align:top!important
}

#articles .content ul li{
	font-style:normal!important
}

.archive img{
	float:right;
	margin:10px
}


/* Contact */

.sistercontact{
	margin-top:50px
}

#contact .strong{
	display:block!important;
	margin:0;
}

.contacttext{
	color:#5F5F5F;
	font:bold 10px/150% Verdana, Arial, Helvetica, sans-serif;
	margin:20px 0;
	text-transform:uppercase
}


/* Case Studies */

#case .halves div img{
	margin:-22px -12px 15px -12px
}


/* Specials */

#specials .halves div img{
	float:left;
	margin:-22px 12px 5px -12px
}

.specialtbl{
	display:block;
	margin:25px 0;
	min-width:900px;
	width:100%
}

.light{
	background:#F3F3F5!important;
	font-weight:normal!important;
	text-align:center
}

.specialtbl th{
	background:#ccc;
	border:#fff .5pt solid;
	font-weight:bold;
	padding:15px 10px;
}

.specialtbl td{
	background:#fff;
	padding:15px 5px;
	text-align:center
}

.usb{
	display:block;
	margin:-10px 10px 15px 0!important;
}

.usbp{
	margin-top:158px!important
}

#specials div .divider{
	margin-top:0;
	margin-bottom:0
}

.newsletter-screenshot{
	padding:0
}

.newsletter-screenshot img{
	display:block;
	margin:-10px auto 5px -14px!important;
	padding:0!important
}



/* Product Browse */

#browse .halves div img{
	margin:-22px 12px -25px -12px
}

#browse .halves div p{
	margin-top:-8px
}

.browse{
	margin:10px 0 0 0;
	width:100%
}

.browse th, .browse td{
	background:#F8F8F7;
	border:#fff 4px solid;
	width:25%
}

.browse td{
	padding:10px 15px;
	vertical-align:top
}


/* What We Do */

#what .halves div img{
	display:block;
	margin:0 auto;
}

#what .halves div h2{
	margin:20px 0 0 0;
	text-align:center
}

#what .upper{
	display:block;
	margin:15px 0;
	text-align:center
}

#what p .strong{
	display:inline
}


/* Request */

#request .item{
	border-top:#ccc 1px solid;
	margin:25px 0 0 0;
	padding:25px 0 0 0
}

.radio{
	float:left;
	height:40px;
	position:relative;
	width:500px;
}

.radio span{
	display:block;
	float:left;
	line-height:normal;
	margin:3px 0 0 0;
	padding:2px 4px 0 0;
	width:25px;
}

.radio input{
	display:block;
	float:left;
	width:15px!important;
	padding:0;
}

.rbyes{
	position:absolute;
	top:2px;
	left:35px
}

.rbno{
	position:absolute;
	top:22px;
	left:35px
}

.btnsubmitrequest{
	float:right;
	margin:-15px 0 0 0!important;
	padding:0 25px 0 0!important;
	width:124px!important
}


/* COS */

.manageborder{
	border:#666 1px solid;
	width:577px;
	margin: auto auto 25px auto;
	padding:2px 2px 31px 2px;
	position:relative;
}

.btn_update{
	display:block!important;
	background:url(../images/cos/btn_update.gif)!important;
	width:110px!important;
	height:45px;
	cursor:pointer;
	margin:0 125px 25px 150px;
	padding:0 40px 0 0;
	border:#D9D9D9 1px solid!important;
}

.btn_update_password{
	display:block!important;
	background:url(../images/cos/btn_changepassword1.gif)!important;
	width:138px!important;
	height:22px;
	cursor:pointer;
	margin:0 0px 25px 150px;
	padding:0 40px 0 0;
	border:#D9D9D9 1px solid!important;
	border:none!important;
	float:right
}

.btn_adduser{
	background:#fff url(../images/cos/btn_adduser.gif)!important;
	width:122px!important;
	float:right;
	height:57px;
	cursor:pointer;
	margin:0 7px 25px 0;
	border:none!important
}

.btn_cancel{
	background:#fff url(../images/cos/btn_cancel.gif)!important;
	width:107px!important;
	height:57px!important;
	cursor:pointer;
	margin:-10px 7px 25px 0;
	border:none!important;
	display:block!important
}

.btn_remove{
	background:#fff url(../images/cos/btn_remove.gif)!important;
	width:107px!important;
	height:57px;
	cursor:pointer;
	float:right;
	margin:0 7px 25px 0;
	border:none!important
}

.returntoolbox{
	display:block;
	margin:15px 0 5px 0;
	text-align:right;
	width:742px
}


/* Login */

.login_img{
	display:block;
	margin:65px auto 0 auto;
	padding:0 184px 0 0
}

.login_border{
	border:#cdcdcd 1px solid;
	width:448px;
	margin:0 auto;
}

.login{
	width:414px;
	border:#fff 2px solid;
	padding:40px 15px;
	background:#ececec;
}

.login form{
	border:red 2px solid!important
}

.login h1{
	background:#5d5d5d;
	margin:-40px -15px 40px -15px;
	color:#fff;
	padding:10px 15px;
	text-transform:uppercase
}

.login img{
	float:right
}

.login span{
	display:inline!important;
	font-size:11px;
	text-align:right;
	width:75px;
}

.password{
	padding:0 0 30px 7px!important
}

.login input{
	width:263px;
	font-size:11px;
	height:17px;
	border:#bfbfbf 1px solid;
	padding:4px 0 0 0;
	margin:-1px 0 0 1px;
	background:#fff
}

.login_row{
	height:21px;
	margin:5px 0
}

.forgotten{
	float:left;
	width:284px;
	margin:1px 0 0 0;
	height:19px;
	vertical-align:bottom;
	line-height:250%
}

.forgotten img{
	float:left;
	padding:0 5px 0 0
}

.cos_submit{
	text-transform:uppercase;
	width:55px!important;
	height:22px!important;
	background:#eaeaea!important;
	cursor:pointer;
}

.login_error{
	border:#c2202b 1px solid;
	background:#fcebec;
	padding:15px;
	width:416px;
	margin:0 auto 15px auto
}

.notitalic{
	font-style:normal!important;
	margin:-10px 0!important;
	list-style:none;
}


/* TWIP */

#twip table td{
	vertical-align:top;
	max-width:178px!important;
}

#twip table td .strong{
	margin-top:-0px
}

#twip table td img{
	padding:0 10px 0 0
}


/* Sitemap */

.sitemap{
	margin:0 15px
}

.sitemap li{
	list-style:inside square;
	margin-bottom:5px;
}

.sitemap li a{
	font-weight:bold
}

.sitemap ul{
	margin:0 0 0 25px
}

.sitemap ul li{
	margin-bottom:5px;
}

.sitemap ul li a{
	font-weight:normal
}


/* -------------------------------------- COS -------------------------------------- */

/* General */

#cos .content input{
	background:#fff url(../images/bg_input.gif) repeat-x;
	border:#e7e7e7 1px solid;
	line-height:100%;
	padding:2px;
	width:273px
}

#cos .form_text{
	text-align:right;
	padding-right:5px;
	width:209px
}

#cos .content{
	width:741px;
}

#cos .content h3{
	margin-right:-35px
}

#cos .content h1{
	margin-bottom:25px;
	width:752px
}

#cos fieldset table{
	margin:0 auto;
}

.design{
	width:100%;
}

.designitem{
	margin-top:15px;
	border-top:#d9d9d9 1px solid;
}

.design td, .designitem td{
	padding:1px
}

.design td input, .designitem td .itemname{
	width:268px;
}

.submit{
	text-align:right!important;
	margin-top:15px;
	min-width:100%;
	min-height:35px;
	display:block
}

.confirm{
	font-weight:bold;
	text-align:center;
	margin:20px 0 10px 0
}

.return{
	display:block;
	margin:25px 0 0 0;
	text-align:right
}

.heading{
	border-bottom:#91AAB1 1px solid;
	margin:0 2px 25px 0;
	position:relative;
	height:24px
}

.cos_details{
	font-size:11px;
	margin:-1px 0 0px 0;
	display:block;
	text-align:right;
	height:24px
}

.coslogo{
	position:absolute;
	top:-18px!important;
}

.cos_details a{
	font-size:11px;
	margin-left:25px
}

.subnav{
	margin:0 0 0 67px!important;
	z-index:900!important;
	width:556px;
	height:50px;
}

.subnav .subspacer{
	margin:0 23px 0 0
}

.subnav .endbtn{
	margin-right:-4px
}
.subnav li{
	display:block;
	float:left;
	margin:0 0 9px 0;
}

.subnav a:hover img{
	border-top:#5c5c5c 5px solid;
	margin:-5px 0 0 0
}

.subnav a{
	margin:0 4px 0 0;
}

.subnav .endofline{
	margin: 0!important
}

#toolbox_title{
	display:block;
	height:16px;
	padding-bottom:5px;
	color:#C61C27;
	text-transform:lowercase;
	margin:-5px 0 0 0
}

.subhome{
	position:absolute;
	left:0px;
	width:44px
}

.primaryth, .secondaryth, .tertiaryth, .quateraryth{
	padding:9px!important;
	color:#533637!important;
	font-weight:bold
}

.primaryth, .primarytd{
	background:#D48B8E;
}

.secondaryth, .secondarytd{
	background:#E4BFC2
}

.tertiaryth, .tertiarytd{
	background:#CCCCCE
}

.quateraryth, .quaterarytd{
	background:#F3F3F5
}

.primarytd, .secondarytd, .tertiarytd, .quaterarytd{
	padding:9px!important;
	color:#533637!important
}

.jfd{
	background:#d8e7fa;
	margin:100px 0;
	display:block
}

.confirm{
	font-weight:bold;
	text-align:center;
	margin:20px 0 10px 0
}

.spacer_large{
	height:50px
}

.user_list{
	margin:0 0 25px 50px
}

.btn_cancel{
	background:#fff url(../images/cos/btn_cancel.gif) no-repeat!important;
	width:64px!important;
	height:22px;
	cursor:pointer;
	float:left
}

.btn_clear{
	cursor:pointer;
	float:left
}

.line{
	border-bottom:#d9d9d9 1px solid!important
}

.warning{
	background:#eee!important;
	border-color:#ddd!important;
}

.select_updateremove{
	float:left;
}

.btn_updateremove{
	float:left;
	margin:-1px 0 0 3px;
	width:60px!important
}


/* Forgotten Password */

.forgottensubmit{
	background:#fff url(../images/cos/btn_generatepassword.gif)!important;
	border:none!important;
	width:151px!important;
	height:23px!important;
	cursor:pointer;
}


/* Home */

.toolbox{
	width:506px;
	border:2px #fff solid;
}

.toolbox h5{
	margin:0 auto
}

.toolbox_border{
	border:#cdcdcd 1px solid;
	width:510px;
	margin:0 0 15px 0
}

.toolrow{
	background:#e9e9e9;
	height:32px;
	border-top:#fff 2px solid;
	padding:18px 14px 18px 0;
	position:relative
}

.toolrow img{
	border-right:#fff 2px solid;
	position:absolute;
	top:0;
	left:0;
}

.assistance{
	text-align:justify;
	border:#ccc 1px solid;
	width:189px;
	padding:10px;
	position:absolute;
	right:0;
	top:363px
}

.assistance h5{
	margin:-10px -15px 10px -10px!important;
	width:185px
}

.assistance img{
	display:block;
	margin:auto -10px -15px -10px
}

.userlogo{
	text-align:center;
	border:#ccc 1px solid;
	width:189px;
	padding:10px;
	float:right;
	margin:0 0 15px 0;
	height:175px
}

.toolrow span{
	margin:0 0 0 85px;
	display:block;
}


/* Change Details */

.btn_update{
	background:#fff url(../images/cos/btn_updatedetails.gif)!important;
	border:none!important;
	width:175px!important;
	height:22px;
	cursor:pointer;
	margin:0 0 25px 0;
	float:right
}

/* Products */

.instructions{
	color:#BF252A;
	font-style:italic;
	display:block;
	font-size:13px
}

.submitproduct{
	float:right;
	width:120px;
	text-align:right;
	padding:25px 10px 0 0
}

.nextproduct{
	float:none!important;
	width:100%!important;
	text-align:left!important;
	padding:25px 0!important;
}

.nextproduct input{
	float:left
}

.nextstepsubmit{
	background:#fff url(../images/cos/btn_nextstep.gif) no-repeat!important;
	border:none!important;
	height:57px!important;
	cursor:pointer;
	padding:20px 20px 0 20px!important;
	margin:15px 0 0 25px!important;
	width:107px!important
}

.products{
	margin:48px 0 0 0;
}

.product{
	float:left;
	width:200px;
	height:230px;
	margin:25px 22px 0 22px;
	border:#E6E5E2 1px solid;
	text-align:center;
}

.product img{
	margin:9px auto 0 auto
}

.product span{
	text-align:center;
	display:block;
	padding:2px 15px 0 0;
	width:125px;
	margin:0 0 9px 0
}

.product input{
	background:none!important;
	border:none!important;
	display:inline;
	float:left;
	padding:0 5px 0 0;
	width:15px!important
}

.productborder{
	border:#E6E5E2 1px solid;
}


/* Cart */

.price-table{
	width:130px;
	marging:0 0 0 50px;
	float:right;
	padding:0 10px 0 0
}

.product_details .clear{
	clear:left;
}

/*.price-table{
	border:gray 1px solid;
	width:130px;
	marging:0 0 0 50px;
	position:absolute;
	right:10px;
	top:46px;
}*/

.product_details table{
	width:130px;
}

.cartinstructions{
	margin:0 0 28px 0;
	color:#BF252A;
	font-style:italic;
	display:block;
	font-size:11px
}

.product_details{
	margin:0 auto 40px auto;
	border:#ddd 1px solid;
	min-height:181px;
	position:relative;
	padding:0 0 10px 0;
	width:446px
}

.product_details img{
	width:126px;
	height:126px
}

.product_details .title{
	background:#eee;
	display:block;
	font: bold 11px/150% Verdana, Arial, Helvetica, sans-serif;
	padding:10px 15px;
	margin:0 0 10px 0;
}

.product_details .colours{
	width:426px;
	margin:0 0 0 10px;
	vertical-align:top;
	position:relative;
	height:65px;
}

.product_details .colours span{
	font-weight:bold;
	position:absolute;
	display:block;
	right:44px;
	top:10px
}

.product_details .colours input{
	position:absolute;
	right:-1px;
	top:10px
}

.product_details .colours *{
	vertical-align:bottom
}

.product_details .colours textarea{
	display:block;
	height:50px;
	margin:10px 10px 0 0;
	float:left;
	width:108px
}

.product_details .colours select{
	margin:11px 10px 0 0;
	width:95px
}

.removeitem{
	float:right;
	font-weight:normal
}

.product_details img{
	margin:0 10px 10px 10px;
	display:inline
}

.product_details p{
	min-height:150px;
	width:143px;
	margin:-136px 0 0 150px;
	text-align:justify;
}

.product_details table th, .product_details table td{
	padding:2px 5px;
}

.product_details table td{
	border:#ddd 1px solid
}

.cart .submit{
	height:35px
}

.requestapproval{
	background:#fff url(../images/cos/btn_requestapproval.gif)!important;
	width:135px;
	height:22px;
	cursor:pointer;
	float:right
}

.submitcart{
	float:right;
	width:120px;
	text-align:right;
	padding:0 3px 0 0;
	margin:0 0 0 0;
}

.prodquant{
	width:35px!important
}

.cartpage .btn_clearinfo{
	background:#fff url(../images/cos/btn_clearinfo.gif)!important;
	width:84px!important;
	height:57px;
	cursor:pointer;
	float:left;
	border:none!important;
	margin:0 0 10px 20px!important;
	display:block
}

.cartpage .btn_back{
	margin:-15px 0 0 10px!important
}


/* Send */

.sendrequest{
	background:#fff url(../images/cos/btn_sendrequest.gif) no-repeat!important;
	border:none!important;
	height:57px!important;
	cursor:pointer;
	padding:20px 20px 0 20px!important;
	margin:15px 0 0 25px!important;
	width:110px!important
}

.sendbox input{
	width:15px!important;
	background:none!important
}

.btn_clearinfo{
	background:#fff url(../images/spcos/button/btn_clearinfo.gif)!important;;
	width:122px;
	height:57px;
	cursor:pointer;
	float:left;
	border:#E6E5E2 1px solid!important;
	margin:0 0 10px 0
}

.view_ord{
	width:522px!important;
	margin:0 auto
}

.prodtitle span{
	font-weight:bold;
	font-size:12px;
	padding:5px 2px;
	display:block
}


/* Contact */

.contact{
	width:100%;
	margin:0 auto 50px auto;
	border:#eee 1px solid
}

fieldset .spcontact{
	margin:0 auto;
	width:100%;
	border:#eee 1px solid;
	background:#fff
}

fieldset fieldset{
	width:557px!important;
	display:block;
}

.contact_container{
	margin:0 0 50px 0
}

.contact td, .contact th, .spcontact td, .spcontact th{
	padding:5px;
	border:#eee 1px solid
}

.companyURL{
	float:right;
	margin-top:2px
}

.contact div, .spcontact div{
	float:left;
	margin:-15px 0 0 162px;
}

.contactname{
	width:144px
}

fieldset fieldset .contactname{
	width:137px
}

fieldset fieldset .contactphone{
	width:164px
}

.contactcostitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
	color:#5f5f5f;
	display:block!important;
}


/* Request Status */

.key{
	border:#D1D1D1 1px solid;
	padding:9px 4px;
	width:494px;
	margin:0 auto 3px auto;
	height:25px
}

.key span{
	color:#BF252A;
	font-style:italic;
	float:left;
	padding-top:7px
}

.key div{
	height:20px;
	width:60px;
	padding:0!important;
	border:#ccc 1px solid;
	float:left;
	margin:2px 5px 0 14px
}

.statusborder{
	border-top:#666 2px solid;
	border-bottom:#666 2px solid;
	border-left:#666 1px solid;
	border-right:#666 1px solid;
	width:502px;
	margin: auto auto 25px auto;
}

.status{
	width:500px;
	border:#fff 2px solid;
	margin:0 auto
}

.status td, .status th{
	border:#ddd 1px solid;
	padding:3px 5px;
	text-align:center;
}


/* View Status */

.product_details .vieworder{
	position:static;
	margin:0 auto;
	width:500px;
	border:0
}

.product_details .vieworder td{
	border:0
}

.product_details .orderproducts{
	position:static;
	margin:25px auto 0 auto;
	width:500px;
}

.orderimg{
	width:165px
}

.product_details .orderprice{
	position:static;
	margin:25px 10px 10px 10px;
	width:470px
}

.updateorderstatus{
	background:#fff url(../images/cos/btn_updateorderstatus.gif)!important;
	width:156px!important;
	height:22px;
	cursor:pointer;
	float:right;
	border:none!important
}

.floatleft{
	float:left
}

.floatright{
	float:right
}

.grouporders{
	padding:7px!important;
	/* background:#bbb*/
}

.manageupdateselect{
	float:left!important;
	display:inline!important;
	margin:0 5px 0 0 
}

.manageupdatebuttonfix{
	float:right!important;
	width:auto!important;
	display:inline!important;
	margin-top:-19px
}

/* Manage Group */

.addgroup_submit{
	background:#fff url(../images/cos/btn_addgroup.gif)!important;
	width:90px!important;
	height:22px;
	cursor:pointer;
	display:block;
	float:right;
	margin:25px 7px 25px 0;
	border:none!important
}

.groupdetails_submit{
	background:#fff url(../images/cos/btn_updategroupdetails.gif)!important;
	width:180px!important;
	height:22px;
	cursor:pointer;
	display:block;
	float:right;
	margin:25px 0 0 0;
	border:none!important
}

.removegroup_btn{
	background:#fff url(../images/cos/btn_removegroup.gif) no-repeat!important;
	width:115px!important;
	height:22px!important;
	cursor:pointer;
	display:block;
	float:right;
	border:none!important
}

.groupname{
	width:160px!important
}


/* Manage Users */

.manageborder table{
	margin:auto auto 35px auto
}

.manageborder table th, .manageborder table td{
	border:#fff 0.3em solid
}

.formspacer *{
	margin-top:35px;
	display:block;
}

.manageborder .submit{
	position:absolute;
	right:4px;
	top:166px
}

.managesubtitle{
	display:block;
	font-weight:bold;
	font-style:italic;
	margin:35px 0 0 0
}

.manageremovebutton, .manageupdatebutton{
	width:auto!important
}

.removeuser{
	width:242px;
}

.existing{
	margin:0!important
}

.small_error{
	width:205px!important;
	margin-left:0px!important
}

.btn_addclient{
	margin-top:1px
}

.alignright{
	text-align:right
}

.orderprodtable span{
	font-weight:bold;
	font-size:12px;
	padding:5px 2px;
	display:block
}

.orderprice th span{
	font-weight:bold;
	display:block;
}



/* Staff */

/* Update User Details*/

.login_submit{
	background:#fff url(../images/cos/btn_changepassword.gif)!important;
	width:175px;
	height:22px;
	cursor:pointer;
	margin-bottom:50px;
	border:none
}

/* Add Product*/

.updateproduct{
	background:#fff url(../images/cos/btn_updateproduct.gif)!important;
	border:none;
	width:125px;
	height:22px;
	cursor:pointer;
	float:right
}

.manageproducts{
	margin:25px auto;
	width:300px!important
}

.manageproducts input, .manageproducts textarea{
	display:block
}

.manageproducts textarea{
	width:300px
}

.manageproducts table{
	width:100%
}

.manageproducts table td{
	border-top:#D3D4D6 1px solid;
	border-bottom:#D3D4D6 1px solid;
	text-align:center
}

.manageproducts table input{
	text-align:center;
	width:50px
}


/* Remove Product */

.removeproduct{
	background:#fff url(../images/cos/btn_confirmremoval.gif)!important;
	width:133px;
	height:22px;
	cursor:pointer;
	float:right;
	border:none
}


/* Manage Products*/

.viewable{
	width:300px;
	margin:0 auto
}

.viewable td{
	border:#ccc 1px solid
}

.viewable input{
	width:auto!important;
	background:none!important;
	padding:4px;
	border:none
}


/* Stock */

.stock{
	width:600px;
	margin:0 auto
}

.stock td{
	padding:4px;
	border:#ccc 1px solid;
	vertical-align:top
}

.stock .leftstock{
	width:40%!important
}

.stock .midstock{
	width:40%!important
}

.stock .rightstock{
	width:20%!important;
}

.spreadsheets{
	display:block
}

.center{
	text-align:center
}

#specials div div .center{
	display:block;
	margin:15px 0 25px 0
}

.retrievepassword{
	background:#efefef!important;
	border:#666 1px solid;
	padding:40px;
	width:500px;
	margin:0 auto
}

.retrievepassword table{
	margin:0 auto;
	background:#efefef!important;
}

.retrievepassword td{
	padding:10px;
	background:#efefef!important;
}

.retrievepassword input{
	line-height:100%;
	padding:4px
}

.requestinfo{
	background:#fff url(../images/cos/btn_requestinfo.gif) no-repeat!important;
	border:none!important;
	width:326px;
	height:22px;
	cursor:pointer;
	float:left;
	margin:15px 0 0 0
}