/* Condor Office Supplies - General Styling */

*, html {padding:0;
margin:0;}

html, body {width:100%;
height:100%;}

body {width:100%;
background: #fff;
text-align:center;
font-family: arial, helvetica, sans-serif;
font-size: 100%;}

#wrapper {width: 100%;
min-height: 100%;
margin: 0;
padding: 0;
background: #fff url(images/navbkdrop.gif) repeat-y bottom left;
text-align: left;
color:#707173;
font-size:11px;}

*html #wrapper {height:100%;}

#navcol {float:left;
width: 175px;
color: #ffffff;
margin:0;
padding:0;
z-index:5;
font-size: 11px;}

#header {
height: 100px;
background: #ffffff url(images/header.jpg) no-repeat 0 0;
margin:0 0 0 375px;
padding:0;
text-align:right;}

#spacer {float:left;
width: 200px;
color: #ffffff;
margin:0;
padding:0;}

#main {color: #707173;
margin:0 0 0 375px;
padding:0;}

#footer {
	clear: both;
	position: relative;
	margin:0;
	height:45px;
	margin-top: -45px;
	width: 100%;
	text-align: left;
	padding: 0;
	background: #fff url(images/bodydrop.gif) repeat-x bottom left;}
	
	
/* Common elements */

.cogreen {color: #97bf0d;}

.coturquoise {color: #009ab1;}

.coblue {color: #0076bd;}

.coorange {color: #f6a800;}

.cored {color: #da001a;}

img, img a {border:none;}

h1,h2,h3,h4,h5,h6 {text-transform:uppercase;}

h1 {font-size: 24px;}

h2 {font-size: 20px;
line-height: 21px;}

h3 {font-size: 16px;
line-height: 18px;
margin-bottom: 8px;}

h4 {font-size: 14px;
line-height: 16px;
margin-bottom: 1px;}

h5 {font-size: 13px;line-height: 14px;
margin-bottom: 1px;}

h6 {font-size: 12px;}

.lite {font-weight: normal;}

p {margin-bottom: 20px;
line-height: 13px;}

table {color: #707173;
font-size:11px;
line-height:13px;}

a {text-decoration: none;}

a:hover, a:active {text-decoration:underline;}

ul, li, ol {margin: 0;
padding:0;}

a.basic:link, a.basic:visited {text-decoration: underline;
color: #0076bd;}

a.basic:hover, a.basic:active {text-decoration: none;
color: #009ab1;}

a.grey:link, a.grey:visited {text-decoration: none;
color:#707173;}

a.grey:hover, a.grey:active {text-decoration: none;
color: #000;}

a.greygreen:link, a.greygreen:visited {text-decoration: none;
color:#707173;}

a.greygreen:hover, a.greygreen:active {text-decoration: none;
color: #97bf0d;}

a.greyturq:link, a.greyturq:visited {text-decoration: none;
color:#707173;}

a.greyturq:hover, a.greyturq:active {text-decoration: none;
color: #009ab1;}

a.greyblue:link, a.greyblue:visited {text-decoration: none;
color:#707173;}

a.greyblue:hover, a.greyblue:active {text-decoration: none;
color: #0076bd;}

a.greyorange:link, a.greyorange:visited {text-decoration: none;
color:#707173;}

a.greyorange:hover,a.greyorange:active {text-decoration: none;
color: #f6a800;}

a.greyred:link, a.greyred:visited {text-decoration: none;
color:#707173;}

a.greyred:hover,a.greyred:active {text-decoration: none;
color: #da001a;}

.tight {margin-bottom: 0;}

.semitight {margin-bottom: 5px;}

.closerparas {margin-bottom: 9px;}

.longdrop {margin-bottom: 40px;}

.pdrop {margin-bottom: 13px;}

.wo {color: #fff;}

.neutral {color: #000;}

.lcase {text-transform: lowercase !important;}

/* Styling Navigation - Footer */
	
#footer p {line-height: 14px;
padding: 0 10px 0 10px;
margin:0;
font-size:11px;
color:#707173;}

#footer a {text-decoration:none;
font-weight:bold;
color:#009ab1;}

#footer a:hover {color: #707173;}


/* begin navcol drop down styling. Based on nickrigby.com's dropdown menu (thanks nick.) */

#navcol ul {
list-style-type:none;
padding:0;
margin:0;}

#navcol li {position:relative;
padding: 0;
display: block;
width: 175px;
height: 30px;
margin:0}

ul#navcol,
ul#navcol ul {
	margin: 0;
	padding: 0;
	width: 175px; /* Width of Menu Items */
	background-color:#EEE; /* IE6 Bug */
	}
	
ul#navcol li {
	list-style-type: none;
	height: 30px;
	background-color: #EEE;
	padding:0;
	margin:0;
	}
	
/* Hides from IE5-mac \*/
#navcol li {height: 30px;
padding:0;
	margin:0;
}
/* End hide from IE5-mac */

ul#navcol li a {padding: 0 0 0 8px;
	display: block;
	line-height: 30px;
	color: #707173;
	text-decoration:none;
	background: url(images/navbkdrop-up.gif) no-repeat right top;
	height:30px;}


/* Fix IE. Hide from IE Mac \*/
* html ul#navcol li { float: left; height: 1%; }
* html ul#navcol li a { height: 1%; }
/* End */

ul#navcol ul {
	position: absolute;
	display: none;
	left: 174px; /* Set 1px less than menu width */
	top: 1px;
	}

ul#navcol li ul li a {height: 30px;
padding: 0 0 0 8px; } /* Sub Menu Styles */

ul#navcol li:hover ul ul,
ul#navcol li:hover ul ul ul,
ul#navcol li.over ul ul,
ul#navcol li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#navcol li:hover ul,
ul#navcol li li:hover ul,
ul#navcol li li li:hover ul,
ul#navcol li.over ul,
ul#navcol li li.over ul,
ul#navcol li li li.over ul { display: block; } /* The magic */

ul#navcol li a:hover, ul#navcol li.menuparent a:hover {height: 30px;
color: #fff;
background: #eee url(images/navbkdrop-over.gif) no-repeat right top; }

ul#navcol li#lastnav a:link, ul#navcol li#lastnav a:visited {height: 30px;
color: #fff;
background: #da001a url(images/lastnav-up.gif) no-repeat right top;}

ul#navcol li#lastnav a:hover, ul#navcol li#lastnav a:active {height: 30px;
color: #fff;
background: #eee url(images/navbkdrop-over.gif) no-repeat right top;}

/* end of leftnav drop down styling. Based on nickrigby.com's dropdown menu (thanks nick.) */

/* General Styling */

h2.title  {font-size: 20px;
text-align:left;
margin: 0 0 5px 0;
padding: 5px 5px 5px 10px;}

.floatright {float:right;
padding: 0;
margin: 0 0 10px 10px;}

.floatleft {float:left;
padding: 0;
margin: 0 10px 10px 0;}

.textarea {padding: 20px 10px 10px 10px;
text-align:left;
margin:0 0 30px 0;
min-width:300px;}

.lastparagraph {margin-bottom: 0;}

hr {color: #333333;
padding:0;
margin: 1.25em 0 1.25em 0;}

div#rogues {padding:0;
background: #fff url(images/bodydrop.gif) repeat-x bottom left;
border: 1px solid #c6c7c8;
font-size:11px;
color:#707173;
margin: 13px 85px 40px 0;
text-align:left;}

table#rogues {width:100%;text-align: center;
border:none;
padding:0;
border-collapse: collapse;
vertical-align: middle;
margin: 0;}

#rogues td {text-align: center;
border:none;
padding: 5px;
border-collapse: collapse;
vertical-align: middle;
margin: 0;}

.photos {width:auto;
height: 230px;
line-height:230px;}

td.titles, .titles h5 {height: 15px;
line-height:15px;}

div.offers {margin: 0 85px 20px 0;
padding:0;
background: #fff url(images/bodydrop.gif) repeat-x bottom left;
border: 1px solid #c6c7c8;
font-size:11px;
color:#707173;}

.offers table {width:100%;
border-collapse:collapse;
border:none;}

.offers td {vertical-align:top;border-collapse:collapse;
border:none;
padding: 5px;}

div#contactform {margin: 0 85px 13px 0;
padding: 0;
text-align:left;
background: #fff url(images/bodydrop.gif) repeat-x bottom left;
border: 1px solid #c6c7c8;
font-size:11px;
color:#707173;}

table#contactform {width: 100%;
border-collapse:collapse;
border:none;}

#contactform td {text-align:left;
vertical-align:top;
padding: 10px 0 10px 10px;
border-collapse:collapse;
border:none;}

span.hider  {display:none;}

ul.features {list-style-type: circle;
margin:0;
padding:0;
margin-top:5px;
margin-left: 2em;
margin-bottom:25px;
line-height: 13px;
text-align: left;
font-size:11px;
color:#707173;}

.newsarticle {background: #fff url(images/bodydrop.gif) repeat-x bottom left;
color:#707173;
font-size:11px;
text-align:left;
padding: 10px;
margin: 0 85px 13px 0;
border: 1px solid #c6c7c8;}

.ralign {text-align: right;}

.tpara {min-width: 250px;
max-width: 400px;
height: auto;
margin:0;
padding:0;}

p.tpara {text-align:justify;
margin-bottom: 1em;}

table.products {background: #fff url(images/bodydrop.gif) repeat-x bottom left;
border: 1px solid #c6c7c8;
font-size:11px;
color:#707173;
margin: 10px 0 20px 0;
border-collapse:collapse;
text-align:left;
vertical-align:top;}

.products td {padding: 10px 5px 5px 5px;
vertical-align:top;
border: 1px solid #c6c7c8;
border-top:none;}

table.subproducts {
	width:85%;
	background: #fff url(images/bodydrop.gif) repeat-x bottom left;
border: 1px solid #c6c7c8;
font-size:11px;
color:#707173;
margin: 13px 85px 20px 0;
border-collapse:collapse;
text-align:left;
vertical-align:top;}

.subproducts td {padding: 10px 5px 5px 5px;
vertical-align:top;
border: 1px solid #c6c7c8;
border-top:none;}

td.tableheader {background: #fff url(images/tddrop.gif) repeat-x bottom left;
font-weight:bold;
padding:5px;
font-size:13px;
color: #da001a;
border-bottom:none;}

td.subtitle {background-color: #009ab1;
color: #fff;
font-size:11px;
padding: 5px;}

td.titular {background: #fff url(images/tddrop.gif) repeat-x bottom left;}

div#personal {background: #fff url(images/bodydrop.gif) repeat-x bottom left;
color:#707173;
text-align:center;
padding: 8px;
float:right;
margin: 0 0 10px 10px;
margin-top: -50px;
border: 1px solid #c6c7c8;}

#newsassets {width:200px;}

div.testimonials {background: #fff url(images/bodydrop.gif) repeat-x bottom left;
color:#707173;
text-align:left;
padding: 10px;
margin: 0 85px 13px 0;
border: 1px solid #c6c7c8;}

div.hotnews {
padding: 10px;
color: #fff;
background:#C30 url(images/hotnews.jpg) no-repeat left top;
border: 1px solid #900;}

.hotnews h5, .hotnews p {color:#FFF;
margin:0;}

.hotnews a {color:#fff;}