/*
Theme Name: Global Surgical Solutions
Theme URI: http://www.vizioninteractive.com/
Description: The default GSS theme
Author: VIZION Interactive
Author URI: http://www.vizioninteractive.com/
*/

/* GSS Homepage Stylesheet
www.globalsurgicalsolutions.com
[c] 2006 and 2007 Vizion Interactive
Last Changes: 11-01-06
*/

/* --------------------------------------------- Global Declarations -
---------------------------------------------------------------------*/
* { margin:0; padding:0; }
img { border:none; }

html {
	background-color:#003268;
	}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#373737;
	}
	
div#container {
	width:765px;
	margin:25px auto;
	background-color:#FFF;
}

/* --------------------------------------------------------- Headers -
---------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	}
h1 {
	font-size:18px;
	color:#003268;
	}
h2 {
	clear:both;
	font-size:14px;
	background-color:#DADADA;
	padding:5px 10px;
	margin-top:1.5em;
	}
h3 {
	font-size:14px;
	color:#003268;
	margin-top:1.5em;
	}
h4 {
	font-size:12px;
	color:#FFF;
	background-color:#004BA4;
	text-align:center;
	padding:5px;
	border:1px solid #003268;
	border-bottom:none;
	}
	
ul {
	list-style:none;
	}
/* ------------------------------------------------------------ Text -
---------------------------------------------------------------------*/
a, a:visited {
	color:#003268;
	}
a:hover {
	color:#004BA4;
	}

p {
	margin:.5em 0 1em 0;
	line-height:20px;
	}
ul+p {
	clear: both;
}
hr {
	clear:both;
	height:0;
	border:none;
	border-bottom:1px solid #CCC;
	}

/* -------------------------------------------------- Header and Nav -
---------------------------------------------------------------------*/
div#header img {
	float:left;
	}
	
/* --------------------------------------------------------- Sidebar -
---------------------------------------------------------------------*/
div#sidebar {
	width:147px;
	float:left;
	border-right:1px solid #003268;
	background-color:#EEF3FA;
	padding:5px 18px 0 18px;
	margin-bottom:0;
	}
div#sidebar img {
	border:1px solid #003268;
	margin:.5em 0 1em 0;
	}
div#sidebar ul {
	background:#FFF;
	border:1px solid #003268;
	border-top:none;
	font-size:10px;
	padding:5px 5px 5px 6px;
	margin-bottom:1.5em;
	}
div#sidebar ul ul {
	background:none;
	border:none;
	font-size:10px;
	padding:5px 2px 5px 3px;
	}
div#sidebar ul li {
	background:url(/assets/images/li_gray.gif) no-repeat 1px 7px;
	padding-left:9px;
	margin:.5em 0;
	}
		
/* --------------------------------------------------------- Content -
---------------------------------------------------------------------*/
div.breadcrumb {	
	font-size:10px;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:1px solid #CCC;
	}
div#content {
	float:left;
	width:534px;
	padding:15px;
	padding-bottom:0;
	}
div#content img {
	float:left;
	border:1px solid #929292;
	margin:15px 15px 15px 0;
	}
div#content ul, div#content ol {
	float:left;
	line-height:18px;
	margin:1em 6em 2em 2em;
	color:#003268;
	}
div#content ul li, div#content ol li {
	margin-bottom:.5em;
	}
div#content ul.sitemap, div#content ul.sitemap ul, div#content ul.sitemap ul ul {
	width:100%;
	float:none;
	margin-top:0;
	}
div#content ul.sitemap ul {
	font-size:11px;
	}
div#content ul.sitemap ul ul {
	font-size:10px;
	}
div#content ul li {
	background:url(/assets/images/li_blue.gif) no-repeat 1px 7px;
	padding-left:9px;
	}
	
/* ---------------------------------------------------------- Footer -
---------------------------------------------------------------------*/
div#footer {
	clear:both;
	background:url(/assets/images/footer_bg.gif) no-repeat bottom #DADADA;
	text-align:center;
	font-size:10px;
	padding:5px 0;
	}
div#footer ul {
	color:#666;
	margin:1em 0;
	}
div#footer ul li {
	display:inline;
	}
/* --------------------------------------------------- Clearing Divs -
---------------------------------------------------------------------*/
div.clr {
	clear:both;
	}

/* -------------------------------------------------------- Comments -
---------------------------------------------------------------------*/

ol.commentlist {
	list-style:none;
	color:#333;
	font-size:8.25pt;
	margin:0;
	padding:0;
	}
ol.commentlist cite {
	font-weight:bold;
	}
ol.commentlist em {
	color:#F00;
	font-weight:bold;
	}
ol.commentlist li {
	width:460px;
	padding-left:20px!important;
	padding-top:10px!important;
	padding-bottom:10px!important;
	padding-right:10px!important;
	margin:0 0 1em 0;
	}
ol.commentlist li.even {
	background-color:#F2F2F2;
	border-left:4px solid #999;
	}
ol.commentlist li.odd {
	background-color:#EBEBEB;
	border-left:4px solid #CCC;
	}

/* ----------------------------------------------------------- Forms -
---------------------------------------------------------------------*/
div#blogside {
	background-color:#FFF;
	border:1px solid #CCC;
	padding:5px;
	font-size:11px;
	margin-top:1em;
	}
div#blogside h5 {
	font-size:12px;
	font-weight:bold;
	margin:.5em 0;
	}
div#blogside form {
	margin-bottom:1em;
	}
div#blogside form input {
	float:left;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #CCC;
	width:100px;
	padding:2px;
	margin:0;
	}
div#blogside form a.button {
	display:block;
	float:left;
	border:1px solid #CCC;
	border-left:none;
	color:#FFF;
	background-color:#003268;
	margin:0 0 1em 0;
	padding:2px 5px;
	cursor:pointer;
	cursor:hand;
	}
div#blogside form a.button:hover {
	background-color:#004BA4;
	}
div#blogside ul {
	border:none;
	padding:0;
	}
	
form {  /* set width in div#content form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0;
	padding: 0;
	width: 525px; 
}

form fieldset {
	border:1px solid #CCC;
	clear: both;
	padding:10px;
	margin:1em 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 5px 0; /* set top margin same as div#content form input - textarea etc. elements */
	text-align: right; 
	}

form fieldset legend {
	font-size:12.5pt;
	}

form input[type='text'], form textarea, form select {
	width:250px;
	margin:5px 0 0 10px;
	border:1px solid #CCC;
	padding:2px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#333;
	}
	
form input[type='radio'] {
	margin:5px 0 0 10px;
	}

textarea { overflow: auto; }
textarea.terms {
	width:500px;
	font:9.5pt "Courier New", Courier, monospace;
	}

form virtsmall {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form em {
	color:#F00;
	}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}