/*
	CSS Style Definitions for Caroline Newman
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{ margin:0; padding:0; font: 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; }
#page-container{ width: 750px; margin:16px auto; text-align: left; }
#border{  }
	#header{ width: 750px; float:left; background: #B7F4FD url("images/header-bg.gif") no-repeat top right; }
		#logo{ width: 400px; float:left; clear:both;margin: 24px 0 0 34px; }
		* html #logo{ margin-left: 17px; }
		#navigator{ width: 750px; float:left; clear:both; border-bottom: 3px solid #C43C6D; }
			#navigator ul{ margin: 10px 0 0 10px; padding:0; list-style: none; }
			#navigator ul li{ float:left; border-left: 1px solid #C43C6D; }
			#navigator ul li.first{ border-left: none; }
			#navigator ul li a, #navigator ul li a:link, #navigator ul li a:visited{ display: block; padding: 4px 6px; text-decoration: none; color:#63599E; font-size: 12px; font-weight:bold; }
			#navigator ul li a:hover, #navigator ul li a:active, #navigator ul li a#on{ background-color: #C43C6D; color: #fff; }
	#content{ width: 750px; float:left; background: url("images/content-bg.gif") repeat-y; border-top: 1px solid #fff; }
		#left-side{ width: 140px; float:left; padding: 20px 20px 20px 30px; }
			#left-side h1{ font-weight: bold; color: #fff; margin:0; padding:0; font-size: 13px; }
			#left-side ul{ margin:0 0 20px 16px; padding:0; color: #fff; }
			#left-side li a, #left-side li a:link, #left-side li a:visited{ color: #fff; text-decoration: none; font: 11px Verdana, sans-serif; }
			#left-side li a:hover, #left-side li a:active{ text-decoration: underline; }
		#right-side{ width: 560px; float:left; }
		#caroline{ background: url("images/caroline.jpg") no-repeat bottom right; width: 750px; float: left; }
		#caroline-small{ background: url("images/caroline-smallest.jpg") no-repeat top right; width: 750px; float: left; }
	#footer{ width: 750px; float:left; background-color:#BDDBDF; }
		#footer p{ color:#5A4DAA; margin:4px 20px; }

/* site wide elements */
body#home .inside{ padding:20px 220px 12px 30px; }
* html body#home .inside{ padding:20px 0px 12px 30px; }
body#inner

#grr { font-size: 11px; color: #fff;}
.inside{ padding:30px; }

h1{ font: 19px Verdana, Arial, sans-serif; color:#fff; margin: 0 0 30px 0; }
h2{ font: 14px Verdana, Arial, sans-serif; color:#fff; margin: 0; }
h2 a{ background: url("images/arrow.gif") no-repeat right center; padding-right: 20px; color: #fff; text-decoration:none; }
p{ color: #fff; margin: 0 0 20px 0; }
#caroline p{ line-height: 24px; }

form dl{ margin:0; padding:0; }
form dl dt{ margin:0; padding:0; }
form dl dt label{ color: #fff; }
form dl dd{ margin:0 0 6px 0; padding:0; }
form dl dd input.text{ width: 136px; border:1px solid #5A4DAA; background-color: #FFBDD5; }
form dl dd input.text:focus{ background-color: #FEE9F1; }
form dl dd input.button{ border:2px outset #5A4DAA; background-color:#40377A; color: #fff; }

input{ font: 12px Verdana, Arial, sans-serif; }

#right-side a{ color: #fff; }

#freestuff{}
#freestuff label{ display:block; width: 140px; float:left; color: #fff; margin-bottom: 10px; }
#freestuff label.inline{ display:inline; float:left; width: auto; }
#freestuff label span{ color: red; }
#freestuff br{ clear: left; }
#freestuff input, #freestuff select, #freestuff textarea { font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 10px; vertical-align: middle; padding:0; }
#freestuff input.check{ margin: 0 8px 0 0; padding:0; vertical-align:middle; display: inline; float:left; }
#freestuff input.text{ width: 180px; }
#freestuff input.small{ width: 60px; }
#freestuff input.qty{ width: 30px; }
#freestuff textarea{ width: 320px; height: 90px; }

#freestuff h2.section{ background-color: #372F68; color: #fff; font-weight:bold; padding: 2px 4px; margin: 8px 0px; }
h2.yellow{ font-weight:bold; padding: 2px 4px; margin: 8px 0px; }

table#expiration{ width: 100%; }
table#expiration td{ color: #fff; }

table#bill{ width: 100%; background-color:deepskyblue; }
table#bill thead th{ color: #fff; text-align:center; background-color:#372F68; padding:4px; }
table#bill tbody td{ color: #fff; background-color:#5A4DAA; padding:4px; }
table#bill tbody td input, table#bill tbody td select{ margin:0; }

.red{ color: red !important; }

p.small{ font-size: 10px; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

td{ color: #fff; }