/* www.savergroup.com css document */

.boxcol450 { float:left; width:450px; height:110px; }
.tablecol260f { float:left; width:260px; height:200px; margin-bottom:12px; }
div#float { float:left; }

/* body style */
div#container { position: relative; margin: 0 auto 0 auto; text-align: left; width: 780px; background-color:#ffffff; }
body { background-color:#3366CC; font-family:verdana,arial,helvetica,sans-serif; font-size:xx-small; color:#000000; margin:0px; }
div#bottomlogo {
	position: absolute;
	top: 128px;
	right: 0;
	width: auto;
	height:auto;
	overflow: hidden;
}
div#rightcol {
	position: absolute;
	top: 360px;
	right: 0;
	width: 30px;
	height:70%;
	background-color: #CA202D;
}
div#menu { position: absolute; top: 300px; right: 0; width: 150px; height:auto; color: #FFF; background-color: #3366CC; overflow: hidden; padding: 10px 30px 20px 15px;}
div#bottom { margin-right: 200px; padding: 15px 50px 20px 15px; font-size: 11px; color: #3366CC; background-color: #F9F8EF; }
div#bottomwhite { margin-right: 200px; padding: 15px 50px 20px 15px; font-size: 11px; color: #3366CC; background-color: #FFFFFF; }
div#container {
	position: relative;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 780px;
	background-color: #F7F7EC;
	background-image: url(images/diamond_bg.gif);
	background-repeat: repeat;
}

/*style*/


div#photobottomsidebar, div#bottomsidebar { position: absolute; color: #1A1A1A;  padding: 10px 30px 20px 15px; background-color: #CCCCCC; top: 360px; width: 255; overflow:hidden; }

div#footer { background-color: #CA202D; color: #FFFFFF; border-top: 1px solid #FFF; padding: 20px 0 25px; text-align: center; font-size: 10px; }


blockquote.pullquote {float: right; width: 150px; margin: 10px 0 10px 15px; padding: 0; font: 14px 'Lucida Grande', arial, verdana; color: #CA202D; text-align: center; }
blockquote.pullquoter {float: left; width: 150px; margin: 10px 15px 2px 0; padding: 0; font: 14px 'Lucida Grande', arial, verdana; color: #CA202D; text-align: center; }

/*style end*/

ul#nav { margin: 0; padding: 0 0 10px; width: 780px; height: 24px; background-color: #F7F7EC; }
ul#nav li { margin: 0; padding: 0; display: inline; list-style-type: none; }
ul#nav a:link, ul#nav a:visited { float: right; font: 10px 'Lucida Grande', arial, verdana; font-weight: normal; text-decoration: none; display: block; margin-right: 20px; padding-top: 10px; color:#ff0000; }
ul#nav a:hover, ul#nav a:active { text-decoration: underline; color:#1160A6}
ul#nav a:link.selected, ul#nav a:visited.selected, ul#nav a:hover.selected, ul#nav a:active.selected { text-transform: uppercase; }

h1, h2, h3, h4, p { margin-top: 0px; margin-bottom: 12px; }


h1 { font-size: 22px; text-transform: lowercase; }
h2 { font: normal 20px arial black, arial; letter-spacing: -1px; }
h3 { font-size: 17px; color: #000; letter-spacing: -1px; }
h4 { font-size: 14px; font-weight: normal; }


.logo { font-size:1px; height:100px; margin-bottom:0px; clear:both; background-color: #F7F7EC; }


/* general styles */
input.radio { background-color:#F4F4F4; border:0px none #F4F4F4; }
.leftmarginlist { margin-left:20px; margin-top:3px; padding-left:0px }
.leftmarginlistitem { margin-bottom:3px; color:#900027; }
h1 { font-size:x-small; font-weight:bold; }


#scroll { overflow: auto; }
 
/* table styles */
.tablecol { font-size:113%; float:left; }
#maintable { width:790px; background-color:transparent; float:left; }
#tablemargin { width:5px; float:left; }
#tableheadercol { width:785px; float:left; }
#tablefootercol { width:785px; margin-bottom:20px; float:left; }
#tableleftcol { width:150px; margin-right:5px; float:left; }
#tablecentercol450 { width:450px; float:left; }
#tablerightcol { width:175px; margin-left:5px; float:left; }

#tablecol450 { width:450px; }
#tablecol250 { width:250px; }
#tablecol223 { float:left; width:223px; }
#tablecol200 { width:200px; }
#float { float:left; }


 
 /* skin colors */
#white { background-color: #FFFFFF; }
.white { background-color: #FFFFFF; }
#black { background-color: #000000; }
#lightermaroon { background-color: #E10000; }
#lightmaroon { background-color: #990000; }
#maroon { background-color: #900027; }
#darkmaroon { background-color: #660000; }
#darkermaroon { background-color: #D8003B; }
#green { background-color: #54A3AA; }
#darkgreen { background-color: #002691; }
#red { background-color: #ff0000; }
#lightyellow { background-color: #FEFFDD; }
#darkyellow { background-color: #FFCC33; }
#darkorange { background-color: #F6B469; }
#orange { background-color: #F9CB91; }
#grayer { background-color: #445D65; }
#lightgrayer { background-color: #EDF6F6; }
#lightgray { background-color: #F4F4F4; }
#darkgray { background-color: #656565; }
#gray { background-color: #999999; }
#lightergray { background-color: #333333; }
#lightblue { background-color: #DDE5EE; }
#darkblue { background-color: #003366; }
#blue { background-color: #4D8DD5; }
#lightererblue { background-color: #99BBDD; } 
#darkerblue { background-color: #0059BC; }


/* links */ 
a { text-decoration: none; color: #CA202D; font-weight: bold; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active {	text-decoration: underline;color: #3366CC;
}
a.photo { display: block; cursor: pointer; height: 413px; }
a img { border: none; text-decoration: none; }

/* font */

/* font formatting */
.bold { font-weight:bold; }
.normal { font-weight:normal; }
.italic { font-style:italic; }
.center { text-align:center; }
#center { text-align:center; }
.right { text-align:right; }
.bolditalic { font-weight:bold; font-style:italic; }
.boldcenter { font-weight:bold; text-align:center; }
.boldmicro { font-weight:bold; font-size:xx-small; }
.boldmicrocenter { font-weight:bold; font-size:xx-small; text-align:center; }
.font { font-family:verdana,arial,helvetica,sans-serif; font-size:xx-small; }
.boldmaroon { font-weight:bold; color:#900027; }
.maroon { color:#900027; }

/* font color */
.light { color:#F4F4F4; }
.white { color:#FFFFFF; }
.black { color:#000000; }
.microwhite { font-size:xx-small; color:#FFFFFF; }
.microgrey { font-size:xx-small; color:#888888; }
.micromaroon { font-size:xx-small; color:#900027; }
.micro { font-size:xx-small; }
.microcenter { font-size:xx-small; text-align:center; }
.mini { font-size:113%; } /* only to be used where base font-size is xx-small cos it is relative */
.midi { font-size:x-small; }

/* front */
div.front img { float: left; margin: 5px 10px 0 20px; }
div.front h4 { margin-bottom: 2px; }
div.front h4 a { color: #515151 }
div.front p { padding: 0 50px 20px 70px; height:100px; }

/* menu */



.menu { font-family:verdana,arial,helvetica,sans-serif; font-size:x-small; }
.menu a:link { color:#FFFFFF; }
.menu a:visited { color:#FFFFFF; }
.menu a:active { color:#FFFFFF; }
.menu a:hover { color:#F7F7EC; text-decoration: underline }