/* Created for Sligo Office Supplies Ireland */
/* Copyright OSD Web Design, eBusiness, eMarketing.ie, Training and Software Solutions, Ireland - www.osd.ie */

/* CSS Document */
* { padding: 0; margin: 0; }

body { margin: 0; padding: 0; font: .75em/1.5em Verdana, Tahoma, Helvetica, sans-serif; color: #333333;  background: #ffffff url(/images/bg.jpg) repeat-x; text-align: center; line-height: 180%;}

/* links */
a { color: #4284B0; background-color: inherit; text-decoration: none;}
a:hover { color: #000000; text-decoration: underline;}

/* headers */
h1, h2, h3 { font: normal 1em Verdana, Arial, Sans-serif; color: #000000; }
h1 { font-size: 1.8em; color: #4284B0; } 
h2 { font-size: 1.4em;}
h3 { font-size: 1.3em; margin: 0px 0px 0px 0px; padding: 0px; }
h3 a { color:#000000; }
table { margin: 0 auto; padding:0; border-collapse:collapse; text-align:left !important; }

p, h1, h2, h3 { margin: 10px 15px; font-weight:normal; }
ul, ol { margin: 10px 30px; padding: 0 15px; color: #4284B0;}
ul span, ol span { color: #666666; }

/* images */
img { border: 0px solid #CCC;}
img.no-border { border: none;}
img.float-right { margin: 5px 0px 5px 15px;  }
img.float-left { margin: 5px 15px 5px 0px;}
a img { border: 1px solid #ffffff;}
a:hover img { border: 1px solid #cccccc !important; /* IE fix*/  border: 1px solid #cccccc;}

/*** LAYOUT ***/
#wrap { background: #ffffff; width: 820px; height: 100%; margin: 0 auto;  text-align: left; border-left: 1px solid #c3c2c2; border-right: 1px solid #c3c2c2;}
#content-wrap { clear: both; margin: 30px 0 0 0; padding: 0;}

/* header */
#header { position: relative; height: 200px; background: #656565 url(/images/sligo-office-supplies-top-bg.jpg) no-repeat; }
#header img { margin: 0; padding: 0; float: left; border: none;}
#header a img { border: 0px solid #ffffff !important;}
#header a:hover img { border: 0px solid #ffffff !important;}
#header h1 { position: absolute; float: right; top:2px; right: 2px; font: normal 14px verdana, Sans-serif; text-align:right; color: #ffffff; height: }

/* main */
#main { float: left; padding: 0; margin: 0px; width: 75%; border-right: 1px solid #c3c2c2; }
#main2 { float: left; padding: 0; margin: 0px; width: 100%; }

#main p { text-align:justify; }
#main2 p { text-align:justify; }

/********  Begin Navigation Menu  ********/

#nav, #nav ul { width:820px; margin: 0px; padding: 11px 0px 0px 0; list-style-type:none; list-style-position:outside; position:relative; height:25px; float:left; }
#nav a { display:block; font-size: 14px; margin: 0px; padding: 4px 7px 3px 7px; background: #f4f4f4 url(/images/button.jpg) repeat-x; border:1px solid #dddddd; color:#131011; text-decoration:none; font-weight:bold; }
#nav a:hover { color:#131011; background:#ffffff; }
#nav ul { position:absolute; display:none; width:5em; top:19px; }
#nav li { float:left; position:relative; margin-right: 4px; }
#nav li ul a { width:14em; margin:0px; padding:5px 2px 5px 5px; float:left; font-size: 12px; }
#nav li ul a:hover { background:#ffffff; border-bottom: 1px solid #ffffff; }
#nav ul ul { top:auto; }	
#nav li ul ul { left:12em; margin:0px 0 0 10px; border: 1px solid #dddddd; }
#nav li:hover ul ul { display:none; background: #f4f4f4 url(../images/button.jpg) repeat-x; color: #131011; border-bottom:1px solid #ffffff; }
#nav li:hover ul, #nav li li:hover ul { display:block; }
#active { color:#131011 !important; background:#ffffff !important; border-bottom: 1px solid #ffffff; }

table#offers { border: 1px solid #dddddd; margin: 0 auto; width: 780px; }
table#offers th { background:#f4f4f4  url(../images/bg.jpg) top repeat-x; color:#4284B0; font-size:18px; font-weight:normal; border-bottom: 1px solid #dddddd; }
table#offers td { border-bottom: 1px solid #dddddd; }
.vertline { border-right: 1px solid #dddddd; }
.ltbluebg { background:#def7ff; }
.red { color:#ec060c; }

/* rightbar */
#rightbar { float: right; width: 24%; padding: 0; margin:0; }
#rightbar p { font: .90em/1.5em Verdana, Tahoma, Helvetica, sans-serif; color: #333333; }

/* Footer */
#footer { clear: both; color: #333333; background: #e8e8e8; border-top: 1px solid #c3c2c2; border-bottom: 1px solid #c3c2c2; margin: 0; padding: 0; height: 45px; font-size: 95%; }
#footer p { font-weight:normal !important; }
#footer a { text-decoration: none; color: #333333; }
#footer a:hover { text-decoration: underline; color: #4284B0; }
#footer .footer-left { float: left; width: 38%; font-weight: normal !important; }
#footer .footer-right { float: right; width: 60%; font-weight: normal !important; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.ctr { text-align:center !important; }
table td p { text-align:left !important; }

/* additional classes */
.clear { clear: both; }
.green { color: #9EC630; }
.gray  { color: #BFBFBF; }