@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, helvetica, sans-serif;
	font-size:12px;
	color:#222;
	background-color:#dbdedd;
	margin:0;
	padding:0;
	letter-spacing:0.3px;
	color:#333333;
}

p { letter-spacing:0.3px; line-height:18px; }
b { color:black; }
ul { list-style:none; }
li { list-style-image:url(../images/pink-bullet.gif); }
img { border:none; }

a:link { color:#F5007A; font-weight:bold; text-decoration:none; }


.left { float:left; }
.right { float:right; }
img.right { margin-left:15px; }
.half { width:49%; text-align:left; }
.center { text-align:center; }
.hidden { visibility:hidden; }
.pink { color:#F5007A; }
.bold { font-weight:bold; }
.red { color:#D31C33; }
.smallcaps { font-size:10px; text-transform:uppercase; color:#E3007A; font-style:normal; }
.tiny { font-size:10px; color:#999; }

th, td { text-align:left; }

.highlight { background-color:#fbe5ee; }

/*--------------- Container ---------------*/

div#container { width:780px; margin:0 auto; background-color:white; border-left:4px solid #CCCCCC; border-right:4px solid #CCCCCC; border-bottom:4px solid #CCCCCC; padding:4px; }

/*--------------- Header ---------------*/

div#logo-container { width:780px; background-color:#2F4798; padding:10px 0px; margin-bottom:4px; }
div#logo { float:left; }
div#product-selector { float:right; padding-right:10px; margin-top:20px; text-align:left; color:white; text-transform:uppercase; font-size:11px; }

/*--------------- Newsletter ---------------*/

div#newsletter { width:180px; margin:0px 0px 5px 0px; padding:10px; background-color:#2F4798; color:white; letter-spacing:normal; line-height:normal; }

/*--------------- Menu ---------------*/

div#menu { width:780px; margin:0; padding:0; letter-spacing:normal; margin-top:-4px; }
div#menu ul { padding:0; margin:0; width:780px; clear:both;}
div#menu ul li { display:inline; margin:0; border-bottom:1px solid white; float:left; padding:5px 0px; }
div#menu ul li:hover a { background-color:#e0c3dd; border-bottom:1px solid #e0c3dd; border-right:1px solid #e0c3dd; color:#2F4798; }
div#menu ul li a { color:white; text-decoration:none; text-transform:uppercase; font-size:11px; background-color:#E34B90; border-right:1px solid #e3007a; padding:5px 21px; margin:0; font-weight:normal; }
div#menu ul li#home a { padding-left:10px; padding-right:10px;  }
div#menu ul li a:hover { color:#2F4798; }
div#menu ul li.current a { background-color:#e0c3dd; border-bottom:1px solid #e0c3dd; border-right:1px solid #e0c3dd; color:#2F4798; }

div#menu-line { background-color:#e0c3dd; width:780px; height:4px; clear:both; margin-top:0px;  float:left;  }

/*--------------- Top Banner ---------------*/

div#top-banner { height:40px; background-color:#F9F3F7; width:778px; border:1px solid #F0E9EE; margin-top:5px; display:none; }

/*--------------- Top Banner ---------------*/

div#history { width:500px; margin:10px 20px 0px 20px; color:#CCC; }
div#history a { color:#aaa; font-weight:bold; }
div#history a:hover { color:#666; background-color:white; text-decoration:underline; }

/*--------------- Top Banner ---------------*/

div#sidebar { width:190px; float:right; text-align:center; }
div#sidebar ul { margin:0; padding:0; }
div#sidebar ul li { list-style:none; margin-bottom:1px; font-size:11px; text-align:left; }
div#sidebar ul li.header { background-color:#e0c3dd; color:#386ab1; text-transform:uppercase; font-size:9px; padding:3px 8px 5px; font-weight:bold; }
div#sidebar ul li a { background-color:#e0c3dd; color:white; display:block; padding:4px 8px; }
div#sidebar ul li a:hover { background-color:#eed8e6; color:#e34b90; }
div#sidebar ul li a.current { color:#e34b90; font-size:12px; background:url(../images/rarr.gif) #eed8e6 8px 8px no-repeat; padding-left:23px; }
div#sidebar img { }

/*--------------- Left Column ---------------*/

div#left { float:left; width:200px; margin-top:5px; }
div#left img.save-on-industry { margin-left:5px; }

/*--------------- Right Column ---------------*/

div#right { float:right; width:575px; margin-top:5px; }
div#right1 { float:left; text-align:center; }
div#right2 { float:right; text-align:right; }
div#right3 { clear:both; width:100%; }
div#right3 table { margin:8px 0px; }
div#right3 table td { padding:6px; }
div#right3 table th img { padding:6px 10px 6px 0px; vertical-align:top; }

/*--------------- Main Content ---------------*/

div#main { width:550px; margin-top:5px; padding:0px 0px 10px 20px; min-height:500px;position:relative; }

/*--------------- Footer ---------------*/

div#footer { clear:both; width:100%; background-color:#fcfcfc; border-top:1px solid #f1f1f1; margin-top:10px; margin-bottom:0px; text-align:center; padding:20px 0px; font-size:12px; color:#888; }
div#footer a { color:#333; font-weight:bold; }
div#footer a:hover { color:#666; background-color:inherit; }

/*--------------- H tags ---------------*/

h1 { color:#3e51a3; font-size:26px; font-weight:normal; margin:10px 0px; letter-spacing:0.4px; }
h1 span.pink { color:#F5007A; }
h1.products { color:#d01c33; font-size:24px; margin-bottom:30px; }
h2 { font-weight:normal; }
h2 span { color:white; background-color:#e34b90; font-size:13px; font-weight:bold; line-height:25px; letter-spacing:0.5px; padding:3px 1px; }
h2.products { font-size:16px; color:#888; font-weight:bold; display:block; margin:25px 0px; border-bottom:1px solid #CCC; }
h3 { font-size:17px; color:#222; font-weight:normal; margin-bottom:0px; }
h4 { font-size:18px; color:#F5007A; margin-bottom:10px; margin-top:0px; }
h5 { color:#F5007A; font-size:26px; font-weight:normal; margin:0px 0px; letter-spacing:0.4px; }
div#right3 h1 { color:#2F4798; font-size:16px; letter-spacing:1px; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:700; }
h1 a { color:#333; text-decoration:none; }
h1 a:hover { background-color:#F5007A; color:white; }
div#newsletter h2 { margin:2px; font-size:18px; }

/*--------------- Clear ---------------*/

div.clear { clear:both; } !Important

/*--------------- OOTM list ---------------*/

div.ootmlist { clear:both; }
div.ootmlist a:hover { background-color:#F5007A; color:#FFFFFF; }
div.ootmlist span { line-height:22px; }
div.ootmlist span.blue { color:#3e51a3; }
div.ootmlist span.grey { color:#666; }
div.ootmlist span.pink { color:#F5007A; font-weight:bold; font-size:14px; }
div.ootmlist strong { font-size:14px; }
.ootm { float:left; margin-right:20px; border:3px solid #e0c3dd; }
div.ootmlist a { font-size:15px; }

/*--------------- Ordering ---------------*/

div.ordering-box { border:2px solid #f5e9f1; padding:20px; padding-left:60px; margin-bottom:10px; font-size:95%; }
div.ordering-box h4 { font-weight:normal; text-transform:uppercase; }
div#ordering-box1 { background:url(../images/ordering-box1.gif) 20px 20px no-repeat; }
div#ordering-box2 { background:url(../images/ordering-box2.gif) 20px 20px no-repeat; }
div#ordering-box3 { background:url(../images/ordering-box3.gif) 20px 20px no-repeat; }
div#ordering-box4 { background:url(../images/ordering-box4.gif) 20px 20px no-repeat; }
div.ordering-box li { margin-left:-20px; }

table.home th, td { vertical-align:top; padding-bottom:10px; }

/*--------------- Product List ---------------*/

div.productlist { clear:left; margin-bottom:20px; }
div.productlist a:hover { background-color:#F5007A; color:#FFFFFF; }
div.productlist span { line-height:22px; }
div.productlist span.blue { color:#3e51a3; }
div.productlist span.grey { color:#666; }
div.productlist span.pink { color:#F5007A; font-weight:bold; font-size:14px; }
div.productlist strong { font-size:14px; }
img.productlist { float:left; margin-right:20px; border:3px solid #e0c3dd; }
div.productlist a { font-size:15px; }
div.productlist a:hover{color:#FFF;}
div#feel { width:80%; margin:0 auto; border-top:2px solid #EEE; margin-top:40px; padding-top:10px; text-align:center; font-size:1.1em; }
div#feel p { margin:5px; }

/*--------------- Product Table ---------------*/

table.product-table { padding:0; margin:0; width:100%; }
table.product-table th { background-color:#2F4798; padding:5px; color:white; text-align:center; text-transform:uppercase; font-size:10px; font-weight:normal; vertical-align:top; }
table.product-table td { background-color:#f9f2f7; text-align:center; padding:13px 8px; width:auto; vertical-align:middle; }
table.product-table td.full { background:url(../images/fullcolour.gif) #f9f2f7 center center no-repeat; }
table.product-table td.half { background:url(../images/blackandwhite.gif) #f9f2f7 center center no-repeat; }
table.product-table td.none { background:url(../images/nocolour.gif) #f9f2f7 center center no-repeat }
table.product-table td span.small { font-size:0.8em; }
table.product-table td strong { font-size:1.1em; }

ul.also { padding:0;  }
ul.also li { list-style-image:none; background:url(../images/pinkarrow.gif) no-repeat scroll 0 60%; color:#CCC; margin:8px 20px; padding-left:20px; }
ul.also li a { color:#F5007A; }
ul.also li:hover { list-style-image:none; background:url(../images/bluearrow.gif) no-repeat scroll 0 60%; color:#CCC; margin:8px 20px; padding-left:20px; }
ul.also li a:hover { color:#2f4798; background-color:white; }

ul.quotes { margin:0; padding:0; }
ul.quotes li { list-style-image:none; background:url(../images/quote.gif) no-repeat scroll 0 10%; padding:0px 30px; margin:20px; margin-top:30px; font-weight:bold; color:#333; font-size:105%; }
ul.quotes li span { display:block; float:right; clear:both; color:#999; font-style:italic; font-weight:normal; }

span.small-print { font-size:10px; color:#999; line-height:15px; margin-top:0px; }

div.details { background-color:#F9F2F7; border-top:1px solid #EED8E6; border-bottom:1px solid #EED8E6; padding:20px; padding-left:100px; }
div.details strong { color:white; background-color:#F5007A; float:left; font-size:11px; padding:2px; position:relative; margin-left:-80px; }
div.details h2 { margin-top:0px; font-size:16px; }

tr.even td, tr.even td.full, tr.even td.half, tr.even td.none { background-color:white; }

/*--------------- Business Card Saving ---------------*/

table#businesscardsaving td { border-bottom:1px solid #EEEEEE; vertical-align:middle; }
table#businesscardsaving th { border-bottom:2px solid #EED8E6; }

/*--------------- Downloads ---------------*/

table.downloads { width:100%; }
table.downloads td { padding:10px 10px 10px 0px; vertical-align:top; }
table.downloads h2 { margin:0; display:inline; }
table.downloads img { border:3px solid #E6E6E6; }
table.downloads img:hover { border:3px solid #D7D7D7; }

#portfolio li{padding:10px; border-bottom:2px solid #dcdcdc; margin-bottom:10px;}
#portfolio h5{font-size:16px;}
#portfolio h5 span{font-size:12px;}

h2 span a{color:#FFF;}

/* Contact Form Styles*/
		form#contact label{width:50%;float:left; color:#606060;}
		form#contact div{margin-bottom:5px;}
		form#contact input{ border:1px solid #606060; float:left; padding:5px; height:15px; width:220px; margin-bottom:5px;}
		form#contact input#submit{ width:100px; height:40px; padding:10px; clear:both; margin-bottom:20px;}
		span.blue{color:#6392C0; font-weight:700;}
		
		#alert h4.warning{background:#FEEFB3; color:#D2AC5F; border:1px solid #D2AC5F; padding:5px; width:90%; margin-bottom:5px;}
#alert h4.success{background:#CEE6C3; color:#1E9145; border:1px solid #1E9145; padding:5px; width:90%; margin-bottom:5px;}

#right3 p{margin:0;}
#main h1{margin:5px 0; font-size:18px;}
#main h2{margin:5px 0; font-size:16px;}
#main h3{margin:5px 0; font-size:14px;}
#main p{margin-bottom:10px;}


/************** Dotted boxes*******************/

div.dotted-box{padding:10px; margin-bottom:10px; border-style:dotted; border-width:3px;}
#main .dotted-box p{margin-top:0; margin-bottom:20px; color:#666666;}

.green{border-color:#00a5a4; background:#edf5f4; }
.green h2{color:#00a5a4;}

.purple{border-color:#8c1d76; background:#f1e7ee; }
.purple h2{color:#8c1d76;}

.litegreen{border-color:#3db72f; background-color:#f3f8ee;}
.litegreen h3{color:#3db72f;}

.blue{ background-color:#ebe9f1; border-color:#234184;}
.blue h3{color:#234184;}

.red{border-color:#ed1c24; background-color:#EED8E6;}
.red h3{color:#ed1c24;}

span.small{font-size:10px; color:#999999; font-style:italic;}

p#web-folio img{ background:#FFF; padding:3px; border:2px solid #eeeeee; margin-bottom:10px;}

#chooser li{padding:5px 0; border-bottom:1px solid #d9d9d9;}
#chooser li ul{margin-left:0; padding-left:0; }
#chooser li ul li ul li{margin-left:30px; padding:0; list-style:square; }
#chooser li ul li{margin-left:0; padding-left:0; list-style:none; border:none;}

.accordionPanel{
display:none;
}
.accordion h2 {
cursor:pointer
}

/*--------------- OOTM list ---------------*/

#offerList ul li {
background:transparent none repeat scroll 0 0;
margin-bottom:25px;
margin-left:0;
min-height:60px;
padding-bottom:5px;
padding-left:90px;
position:relative;
list-style:none;
}

#offerList ul li a.prodCatThumb {
left:0;
position:absolute;
top:0;
}

#offerList ul li a:link, #offerList ul li a:visited{
font-size:16px;
color:#E61F8A;
font-weight:bold;
padding:1px;
text-decoration:none;
}
#offerList ul li a:hover{
background:#E61F8A;
color:#FFF;
}

#content a:link, #content a:visited {

}



#offerList ul li img {
border:4px solid #F5E9F1;
height:60px;
width:60px;
}


#offerList .commonName {
color:#2F4798;
}


#offerList a em, #offerList a em, #offerList ul li em, #content #offerList ul li em {
background:transparent none repeat scroll 0 0;
color:#777777;
font-style:normal;
font-weight:normal;
}
#offerList ul li em {
padding:0;
}
#content p em, #content ul em, #content ol em, #content dl em {
background-color:#FBE5EE;
font-style:normal;
padding:0 2px;
}

.onOffer {
background-color:#E61F8A;
color:#FFFFFF;
font-size:90%;
padding:2px 4px;
}


#content a.onOffer{
background-color:#E61F8A;
color:#FFFFFF;
font-size:90%;
padding:2px 4px;


}