@import url("reset.css");

body {
	/*background: #fff url(/spine-care/images/body-bg.gif) top left repeat-x;*/
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #464646;
	text-align:center;
}

#topmenu a, #bottommenu a {
	color: #fff;
	text-decoration: none;
    padding-right: 15px;
    font-size: 14px;
}

#topmenu a:hover, #bottommenu a:hover {
	color: orange;
	text-decoration: underline;
}

#wrap {
	width: 800px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	overflow: auto;
}

/********************
*	Header Elements
********************/

#header { 
	width: 800px;
}

#logo {
	float: left;
	width: 417px;
	height: 38px;
	overflow: hidden;
	
}

#headerright {
	margin-top: 8px;
	float: right;
	width: 383px;
	height: 28px;
	text-align: right;
	vertical-align: middle;
}

#headerright input.searchInput {
	width: 150px;
	height: 16px;
	float: right;
	padding:0 0 0 5px;
	border: none;
}

#headerright input.searchGo {
	float: right;
	margin-left: 5px;
}

.searchtext {
	color: #fff;
	float: right;
	padding-right: 5px;
}


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

#main {
	clear: both;
}

#content {
	float: left;
}

/********************
*	Upper Menus
********************/

#menu {
	padding-top: 33px;
}

#topmenu {
	
	width: 787px;
	height: 31px;
	overflow: hidden;
	text-align: center;
	background: #1c588f url(/spine-care/images/top-menu-bg.gif) top left repeat-x;
}

#bottommenu {
	margin-top: 1px;
	width: 787px;
	height: 27px;
	overflow: hidden;
	text-align: center;
	background: #1c588f url(/spine-care/images/bottom-menu-bg.gif) top left no-repeat;
}

#topmenu ul, #topmenu li, #bottommenu ul, #bottommenu li {
	display: inline;
}

#topmenu li, #bottommenu li {
	padding: 5px 0 0 20px;
}

#topmenu li a:hover, #bottommenu li a:hover {
	color: #ff9900;
	text-decoration: none;
}


#subheader {
	margin-top: 5px;
	width: 787px;
	height: 96px;
	overflow: hidden;
	background: #1c588f url(/spine-care/images/subheader-whole.jpg) top left no-repeat;
}

#bannerheader {
	margin-top: 5px;
	width: 787px;
	height: 96px;
	overflow: hidden;
	background: #71a5da url(/spine-care/images/advert-bg.gif) top left repeat-x;
	text-align:right;
}

#advertisement {
	float: left;
	height: 90px; 
	width: 33px;
}

#banner {
	width: 728px;
	height: 90px;
	margin: 3px;
	background-color: #fff;
	float: right;
}






/********************
*	Content etc.
********************/
#contentright {
	float: left;
	width: 545px;
	margin-top: 15px;
	background: #fff url(/spine-care/images/text-bg-grad.gif) top left repeat-x;
	padding: 10px;
	border: 1px solid #7caee0;
	line-height: 17px;
}

#contentformpage {
	float: left;
	width: 490px;
	margin-top: 15px;
	background: #fff url(/spine-care/images/text-bg-grad.gif) top left repeat-x;
	padding: 10px;
	border: 1px solid #7caee0;
	line-height: 16px;
}

#contentsearch {
	float: left;
	width: 760px;
	margin-top: 15px;
	background: #fff url(/spine-care/images/text-bg-grad.gif) top left repeat-x;
	padding: 10px;
	border: 1px solid #7caee0;
	line-height: 16px;
}

#contentright h1, #contentformpage h1, #contentsearch h1 {
	font: 24px Arial, Helvetica, sans-serif;
	color: #4281c0;
	margin-top: 5px;
	margin-bottom: 8px;
	
}

#contentright strong, #contentformpage strong, #contentsearch strong {
	font-weight: bold;
	color: #4281c0;
}

#contentright ul, #contentformpage ul, #contentsearch ul {
	list-style-type: square;
	margin: 5px 0 10px 35px;
}

#contentright li, #contentformpage li, #contentsearch li {
	padding: 8px 10px 2px 10px;
}

#contentright p, #contentformpage p, #contentsearch p {
	margin-bottom: 10px;
}

#contentright a:link, #contentformpage a:link, #contentsearch a:link {
	color: #4281c0;
	text-decoration: none;
	border-bottom: 1px dotted #4281c0;
}

#contentright a:hover, #contentformpage a:hover, #contentsearch a:hover {
	color: #4281c0;
	text-decoration: none;
	border-bottom: 1px dotted #4281c0;
}

#contentright a:active, #contentformpage a:active, #contentsearch a:active {
	color: #4281c0;
	text-decoration: none;
	border-bottom: 1px dotted #4281c0;
}
#contentright a:visited, #contentformpage a:visited, #contentsearch a:visited {
	color: #4281c0;
	text-decoration: none;
	border-bottom: 1px dotted #4281c0;
}




/*************************
*	Front Page Left Nav
*************************/
#leftnav {
	float: left;
	width: 220px;
	margin-left: 4px;
	margin-top: 15px;
	
}

#leftnav li {
	width: 218px;
	height: 35px;
	margin-bottom: 2px;
	background: #1a568b url(/spine-care/images/menu-btn-back.gif) top left no-repeat;
	line-height: 38px;
}

#leftnav li:hover {
	background: #1a568b url(/spine-care/images/menu-btn-back-on.gif) top left no-repeat;
}

#leftnav li a {
	padding: 0 0 0 35px;
}

#leftnav li a:hover {
	text-decoration:underline;
}

/****************************
*	Sub Page Left Nav/Form
****************************/

#leftnav #form {
	width: 277px;
	height: 525px;
	font-size: 11px;
}

#leftnav input, #leftnav select {
	margin: 0;
	font-size: 11px;
}

.fullwidth {
	width: 180px;
}

#leftnav #form #formheader {
	background-color: #ff6600; width: 277px; height: 95px;
}

#leftnav #form #formbody {
	width: 277px; height: 430px; background: #ff6600 url(/spine-care/images/form-bg-full.gif) top left no-repeat;
}

#leftnav #form #formbody label {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #4d2402;
	padding: 2px 4px;
}

#leftnav #form #formbody table {
	margin: 5px;
}

#leftnav #form #formbody #Country {
	width: 200px;
}

#questionsbg {
	background: #FF9966 url(/spine-care/images/questions-bg.gif) top left repeat;
	padding: 5px 5px 10px;
}

#questionsbg td {
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4d2402;
	padding: 1px;
}


/************************
*	Newsletter Forms
************************/

#newslettertop {
	width: 277px; height: 10px; overflow: hidden;
}

#newsletterbottom {
	width: 277px; height: 185px; background: #5691cb url(/spine-care/images/newsletter-form-bottom.gif) top left no-repeat;
}

#formpadding {
	padding: 70px 10px 0 45px;
}


#formpadding label, #smallformpadding label {
	color: #fff;
}

#formpadding input, #smallformpadding input {
	padding: 2px;
	margin: 2px;
}

#newsletter_small {
	width: 218px;
	height: 162px;
	overflow: hidden;
	background: #5691cb url(/spine-care/images/newsletter-sm-blue-bg.gif) top left no-repeat;
}

#newsletter_small #smallformpadding {
	padding: 60px 10px 0 10px;
}

input#smallbluebtn {
	padding-top: 25px;
}

/********************
*	Footer etc.
********************/
#footer {
	margin-top: 33px;
	height: 44px;
	width: 100%;
	border-top: 1px solid #5f9ad5;
}

#footer a {
	color: #548fca;
	text-decoration: none;
}

#footertext {
	text-align: left;
	width: 800px;
	margin: 0 auto;
}

#footertext p {
	padding-top: 15px;
}

/********************
*	Errors etc.
********************/

#msg {display:none; position:absolute; z-index:200; background:url(/spine-care/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px; font: 11px Arial;}
.debug, .error {background: #FFCC00; font: bold 12px Arial, Helvetica, sans-serif; padding: 3px;}

.templatediv {
    padding: 15px;
    line-height: 18px;
    min-height: 400px;
    }
.templatediv p {
    padding: 6px 0 6px 0;
    }
.templatediv ul {
    list-style-type: circle;
    }
.templatediv li {
    background: white;
    padding: 2px 0 2px 0;
    margin-left: 20px;
    line-height: 18px;
    }
.templatediv li a, .templatediv a { 
    color: blue;
    }
li {
    background: transparent;
	line-height: 17px;
    }
.whitelinks a { color: white; }