/*############################################

General Styles

##############################################*/
body,div,th,td,p,input,select,textarea,tt {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #2c3e49;
  font-size:1em;
}

* {
        margin:0px;
        padding:0px;
}

html,body {
	background-color: #ffffff;
	margin: 0px;
}

body {
     background: url(../images/water-bg.jpg) 0px bottom repeat-x;
}

a:link {
	color: #112536;
	text-decoration: none;
}
a:visited {
	color: #112536;
	text-decoration: none;
}
a:hover {
	color: #959595;
	text-decoration: none;
}
a:active  {
	color: #112536;
	text-decoration: none;
}
h1 {
	font-size: 20px;
	margin-bottom:7px;
	color:#0166CC;
}
h2 {
	font-size: 17px;
        margin-bottom:10px;
        color:#FF9900;
}
h3 {
	font-size: 18px;
	color:#0166CC;
}

form {
	margin: 0px;
	font-size:11px;
}

table,img {
	border: 0px;
}

.clear {
        clear: both;
        height: 0;
}

.smallertext {
        font-size:13px !important;
}

body {
	text-align:center;
	padding:15px;
}

#bodycontainer {
	min-width:975px;
	max-width:1500px;
	text-align:left;
	margin:0 auto;

}

/* 
	the following gives us min/max width in lte IE6
	using all greater than compares avoids the 
	'less than' bug which can hang IE
*/


* html #bodycontainer {
	width:995px; /* if scripting is off, fix the width to 900 friendly*/
	width:expression(
		(document.body.clientWidth>1400) ? "1370px"
			: ((document.body.clientWidth>1005) ? "auto" : "975px")
	);
	height:1%; /* haslayout */
}
/*############################################

Header Styles

##############################################*/
#logo {
         position:absolute;
         top:10px;
         left:0px;
         
}
#header  {
         width:100%;
         height:148px;
         position:relative;
         margin-bottom:10px;
}

#topnav  {
         position:absolute;
         top:5px;
         right:5px;
         height: 20px;
         width:300px;
         font-size:11px;
}

#viewcartimg {
         vertical-align:middle;
}

#topbuttons {
         height:40px;
         width: auto;
         position:absolute;
         top:30px;
         right:2px;
         z-index:2;
         font:bold 1.5em Arial, Georgia, Verdana, Geneva, Helvetica, sans-serif;
}

#topline {
         width:100%;
         height:6px;
         background: url(../images/h-bar.png) no-repeat;
         background-position: left;
         position:absolute;
         top:80px;
}

.toplineright {
         background: url(../images/h-bar.png) no-repeat;
         background-position: right top;
         position:absolute;
         right:-1px;
         height:6px;
         width:9px;
}

#searchbox {
         position:absolute;
         height: 40px;
         width:310px;
         top: 100px;
         right:20%;
         font-size:11px;
}

#contactinfo {
         position:absolute;
         top:90px; 
}

#searchfield {
         background: url(../images/search-box.png) transparent no-repeat top left;
         height:21px;
         width: 205px;
         border: none;
         padding: 9px 15px 0px 15px;
}

#searchbox a.searchbutton {
         position:absolute;
         top:-1px;
         right:1px;
         width: 63px;
         height:33px;
         background: url(../images/search-button2.png) no-repeat top;
         cursor:pointer;
}

#searchbox a.searchbutton:hover {
         background-position: bottom;
}

.advancedSearch {
        position:relative;
        top:7px;
        left:122px;
}

.bluepipe {
         color:#0066CC;
         font-weight:bold;
}

/*############################################

Navigation Styles with Hover using Sliding Doors

##############################################*/
#topbuttons ul {
	margin:0;
   list-style:none;
	padding:10px 10px 0 10px;
}
#topbuttons a, #topbuttons strong, #topbuttons span {
	float:left;
   display:block;
	color:#fff;
	padding:8px 20px 2px 11px;
	background: url(../images/sliding-door-button.png) no-repeat 100% 0px;
	text-decoration:none;
	font-size:24px;
}

#topbuttons li {
        float:left;
        background:url(../images/sliding-door-button.png) no-repeat 0px 0px;
        margin:0;
        padding:0 0 0 12px;
}

#topbuttons a:hover {
	color:#D0D0D0
}

/*############################################

Central Body Styles

##############################################*/
#maincontainer {
         width:100%;
         height:auto;
         position:relative;
         min-height:725px;
         height:auto !important;
         height:725px;
}

#leftsidebar {
         left:0px;
         top:0px;
         width: 212px;
         height: auto;
         position:absolute;
}

#rightsidebar {
         right:0px;
         top:0px;
         width: 212px;
         height: auto;
         position:absolute;
}

#largeimgsidebar {
         left:0px;
         top:0px;
         width: 270px;
         height: auto;
         position:absolute;
}

#prodHead {
         position:absolute;
         top:0px;
         left:0px;
         height:51px;
         width:212px;
         background: url(../images/prod-head.gif) no-repeat;
         font-size:1px; /* make IE behave on such short div's */
         z-index:2;
}

#centerarea {
         margin:0px 220px 0px 220px;
         position:relative;
         top:0px;
}

#largeimgcenterarea {
         margin:0px 0px 0px 30%;
         position:relative;
         top:0px;
}

ul.commonLists{
         margin:0px 0px 15px 20px;
         list-style-image: url(../images/bullet-img-small.png);
         font-weight:bold;
         font-size:smaller;
}

ul.commonLists li{
         margin-bottom:10px;
}

.boxContent p{
         font-weight:bold;
         color:#727272;
         margin-bottom:15px;
}

.indexPic {
        float:left;
        margin-right:10px;
        width:266px;
        height:400px;
}

.maincontentimg {
         float:left;
         margin:10px;
}

.indexcontent {
        margin: 0;
        padding: 0;
}

#features {
         margin: 30px 0px 0px 0px;
         text-align:center;
         z-index:0;
}

#features img{
         margin:6px;
         z-index:0;
}

#breadCrumb{
	      font-size:10px;
			margin:-11px 0px 7px 0px;
}

/*######################################

Sidebar Styles

#######################################*/
#leftsidebar ul{
         margin-top:65px;
         font-family:arial;
         font-size:large;
         list-style-image: url(../images/bullet-img.png);
         padding-left:19px;
}

#leftsidebar ul li a:hover{
         color:#356486;
         text-decoration:none;
}

#rightsidebar img {
         display:block;
         margin-left:auto;
         margin-right:auto;
         position:relative !important;
         margin-top: 7px;
         margin-bottom: 7px;
}

#rightsidebar ul{
         font-family:arial;
         font-size:large;
         list-style-image: url(../images/bullet-img.png);
         padding-left:19px;
}

#rightsidebar ul li a:hover{
         color:#356486;
         text-decoration:none;
}

.listsubtitle {
         font-size:x-small;
         font-weight:bold;
}

#rightsidebar p{
         margin:0px 7px 0px 30px;
         font-size:12px;
}

/*############################################

Footer Styles

##############################################*/
#footer {
        width:100%;
        position:relative;
        bottom:10px;
        height:auto;
        text-align:center;
        margin-top:135px;
        font-size: 11px;
}

#footerccimg {
        vertical-align:top;
}

#bottomline {
         width:100%;
         height:6px;
           background: url(../images/h-bar.png) no-repeat;
         background-position: left;
         position:relative;
         margin:0px 0px 10px 0px;
}

#footer p{
        font-style:italic;
}


/*############################################

Other Styles

##############################################*/
#vendorreg {
        margin: 100px 0px 0px 0px;
}

#vendorreg fieldset{
        border: solid #9D9D9D 3px;
}

#vendorreg legend{
        font-size: 15px;
        font-weight:bold;
        font-family:arial;
}

#vendorreg td,#vendorreg tr {
        vertical-align:top;
}

#vendorreg div fieldset th {
        width:150px;
}

/*##############################################

Orange Box with round corners

#################################################*/
.orBoxTop,
.orBoxBottom {
	font-size:1px; /* make IE behave on such short div's */
	height:10px;
	background:url(../images/orangeborders.png) -4px 0 no-repeat;
}

.orBoxBottom {
	background-position:-4px -10px;
}

.orBoxTop div,
.orBoxBottom div {
	float:right;
	width:12px;
	height:10px;
	background:url(../images/orangeborders.png) -3060px 0 no-repeat;
}

.orBoxBottom div {
	background-position:-3060px -10px;
}

.orBoxSide1 {
	background:url(../images/orangeborders.png) 0 0 repeat-y;
	padding-left:3px;
}

.orBoxSide2 {
	background:url(../images/orangeborders.png) top right repeat-y;
	padding-right:3px;
}

.boxContent {
	background:#FFF;
	padding:10px;
        height:1%;/*to make it behave in IE6*/
        position:relative;
        min-height:436px;
}

#indexBoxContent {
	background:#FFF;
	padding:10px;
        height:1%;/*to make it behave in IE6*/
        position:relative;
        height:503px;
        overflow: hidden;
}

#indexBoxContent h3:hover {
        color:#FF9800;
}

.maincontent {
	margin:0px 3px 16px 3px;
}

/*##########################################

Blue Box with round corners

###########################################*/
.blueBoxTop,
.blueBoxBottom {
	font-size:1px; /* make IE behave on such short div's */
	height:10px;
	background:url(../images/blueborders.png) -3px 0 no-repeat;
}

.blueBoxBottom {
	background-position:-3px -10px;
}

.blueBoxTop div,
.blueBoxBottom div {
	float:right;
	width:12px;
	height:10px;
	background:url(../images/blueborders.png) -3063px 0 no-repeat;
}

.blueBoxBottom div {
	background-position:-3063px -10px;
}

.blueBoxSide1 {
	background:url(../images/blueborders.png) 0 0 repeat-y;
	padding-left:3px;
}

.blueBoxSide2 {
	background:url(../images/blueborders.png) top right repeat-y;
	padding-right:3px;
}

/*#############################################

Product Index Styles

##############################################*/
.idxListContainer{
        height:235px;
        position:relative;
        width:97%;
        background: url(../images/idx-bg.png) no-repeat right;
        margin:25px auto;
}

.leftIdxContainer{
        background: url(../images/idx-bg.png) no-repeat left;
        height:100%;
        width:20px;
        position:absolute;
        top:0px;
        left:0px;
}

.prodLeft {
        background:url(../images/vert-line.png) no-repeat right center;
}

.prodCenter {
        background:url(../images/vert-line.png) no-repeat right center;
}

.idxDetails {
        height:100%;
        width:33.2%;
        text-align:center;
        float:left;
        position:relative;
}

.idxDetails p {
        text-align:left;
        position:absolute;
        top:30px;
        left:0px;
        padding: 5px;
        border:black solid 1px;
        background-color:#ffffff;
        font-size:12px;
        visibility:hidden;
        opacity: -0.1;
}

.idxDetails p a{
        text-decoration:underline;
        cursor:pointer;
        color: #FF9900;
}

.idxDetails img/*, .idxDetails form*/{
        margin-bottom:5px;
}

.idxDetails form input{
        vertical-align:bottom;
        margin:0px;
        padding:0px;
}

a.prodCompare{
        font-size:10px;
        font-weight:bold;
        text-decoration:underline;
}

a.prodCompare:hover{
        cursor:pointer;
}

.idxDetails form{
        margin-bottom:5px;
}

.idxDetails b{
        margin-left:3px;
        font-size:15px;
        font-family:arial, sans-serif;
}

.idxDetails span a{
        font-size:15px;
        vertical-align:top;
        font-weight:bold;
        text-decoration:none;
        cursor:pointer;
}

.idxDetails h3{
        margin-top:5px;
        margin-bottom:5px;
        height:46px;
        color:black;
        font-size:13px;
}

.idxDetails div img{
        vertical-align:middle;
}

h3.subCatHead {
        margin-top:20px;
        font-size:22px; 
}

.prodLeft h3{
        padding-left:4px;
}

.prodRight h3{
        padding-right:4px;
}

.subCatHead{
        margin-top:10px;
}

/*#############################################

Running Total Cart Box Styles

##############################################*/

#cartBox{
        background: url(../images/cart-box.gif) center bottom no-repeat;
        height:auto;
        width:169px;
        position:relative;
        margin-right:auto;
        margin-left:auto;
        padding:45px 0px 20px 0px;
}

#cartBoxTop{
        background: url(../images/cart-box.gif) center top no-repeat;
        position:absolute;
        top:0px;
        left:0px;
        width: 169px;
        height:38px;
}

#cartBox p{
        margin:10px;
        font-size:  13px;
        color: #FF9900;
}

#viewCart{
        background:url(../images/view-cart.png) no-repeat center bottom;
        height:30px;
        width:75px;
        display:block;
        margin-left:6px;
}

#viewCart:hover{
        background:url(../images/view-cart.png) no-repeat center top;
}

#checkout{
        background:url(../images/checkout.png) no-repeat center bottom;
        height:30px;
        width:75px;
        display:inline;/*stupid fix to get IE6 to work*/
        margin-right:6px;
        float:right;
}

#checkout:hover{
        background:url(../images/checkout.png) no-repeat center top;
}

#cartBox .priceQuant{
        color:#000000;
        right:0px;
}

#cartBox .priceTotal{
        color:#000000;
        right:0px;
        display:block;
        text-align:center;
        font-weight:bold;
        margin-bottom:10px;
}

/*##############################################

Product Page Price Box Style

################################################*/

#prodPrice{
        background: url(../images/prod-bg.png) center bottom no-repeat;
        width:190px;
        height:auto;
        position:relative;
        float:right;
        margin-bottom:10px;
}

#prodPriceTop{
        background: url(../images/prod-bg.png) center top no-repeat;
        width:190px;
        height:20px;
        position:absolute;
        top:0px;
        left:0px;
}

#prodPrice input, #prodPrice img{
        display:block;
        margin:0px 15px 10px auto;
}

#prodPrice h3{
        margin:20px auto 10px 20px;
        font-size:16px;
        color:#000000;
        width:152px;
}

#prodPrice p{
        margin:10px 20px 0px auto;
        font-size:12px;
        color:#0066CC;
        text-align:right;
}

#prodPrice p b{
        font-size:18px;
        color:#000000;
}

#prodPrice h4{
        margin:0px 20px 10px auto;
        font-size:12px;
        text-align:right;
        color:#959595;
}

#prodPrice hr{
        width:150px;
        margin:0px 19px;
}

#prodPrice select{
        width:150px;
        margin: 5px 0px 5px 20px;
        overflow:visible;
}

#prodPrice option{
        width:auto;
}

#prodPrice h6{
        margin:0px 20px 10px 15px;
        text-align:left;
        color:#000000;
}

/*#########################################

Poduct Tab styles

#########################################*/

#specs {
	font:bold 15px Arial, Helvetica;
	width:97%;
	margin: 20px auto 0px auto;
}

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

#specs a, #specs strong, #specs span {
	float:left;
   	display:block;
	color:#000000;
	padding:13px 19px 13px 11px;
	background: url(../images/specs.png) no-repeat 100% bottom;
	text-decoration:none
}

#specs a {
        cursor:pointer;
}

#specs li {
        float:left;
        background:url(../images/specs.png) no-repeat left bottom;
        margin:0px 3px;
        padding:0 0 0 9px;
}

#specs .activeTab {
        background:url(../images/specs.png) no-repeat 0 top;
        margin:0px 3px;
}

#specs .activeTab a {
        background:url(../images/specs.png) no-repeat 100% top;
	padding:13px 20px 13px 11px;
	color:#000000;
        font-size:15px;
}

#prodInfo {
        width:97%;
        border-top:solid #FF9A03 4px;
        position:relative;
        padding:20px 0px;
        margin:0px auto;
}

#prodInfo .activeInfo {
        display:block;
        width:100%;
}

#prodInfo .inactiveInfo {
        display:none;
}

#prodInfo .idxListContainer{
        width:101%;
        margin-left:-1%;
        /*You need both of the above lines to prevent a disappearing div problem in IE6*/
}

#prodInfo ul {
        color:#727272;
        font-weight:bold;
        margin-left:20px;
}

#specs a:hover {
	color:#464724;
	text-decoration:none;
	border:none;
	cursor:pointer;
}

.specsTable {
        border:0px none;
        font-size:10pt;
        margin:0px;
        padding:0px;
        border-collapse:collapse;
        width:100%;
}

.specsTable .greyone {
        background-color:#F3F3F3;
}

.specsTable th.greyone {
        text-align:center;
}

.specsTable .specRowLine {
        border-bottom:2px solid #F3F3F3;
        border-left:solid 2px #F3F3F3;
        padding:3px 10px;
}

/*#########################################

Compare Products Table Styles

#########################################*/

.compareProdTable {
        margin: 0px auto;
        background-color:#ffffff;
}

.compareProdTable td{
        padding: 8px;
        font-size:12px;
}

.tableHeader {
        background:#E2E2E2 none repeat scroll 0%;
        color:#656565;
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        text-align:center;
        height:30px;
}

.comparePrice b{
        font-size:18px;
}

.comparePrice input, .comparePrice img {
        vertical-align:middle;
        margin-right: 2px;
}

/*#########################################

Main Category Styles

#########################################*/

.mainProdCat{
        width:49%;
        float:left;
        height:100%;
        text-align:center;
        position:relative;
        margin: 10px 0px;
}

.mainProdCat h3{
        font-size: 18px;
        height:50px;
}

.mainProdCat p {
        text-align:left;
        position:absolute;
        top:30px;
        left:0px;
        padding: 5px;
        border:black solid 1px;
        background-color:#ffffff;
        font-size:12px;
        visibility:hidden;
        opacity: -0.1;
        width:100%;
}

.mainProdCat a {
        cursor:pointer;
        font-weight:bold
}

.mainProdCat p a{
        color:#FF9900;
        cursor:pointer;
        text-decoration:underline;
}

.mainProdCat h3 a{
        color:#0166CC;
}

.mainProdCat h3 a:hover{
        color:#959595;
}

/*#########################################

Maunufacturer Category Styles

#########################################*/

.manufacturerCat{
        width:49%;
        float:left;
        height:100%;
        text-align:center;
        position:relative;
        margin: 10px 0px;
}

.manufacturerCat h3{
        font-size: 16px;
        height:50px;
}

.manufacturerCat a {
        cursor:pointer;
        font-weight:bold
}

.manufacturerCat h3 a{
        color:#0166CC;
}

.manufacturerCat h3 a:hover{
        color:#959595;
}

/*#########################################

OS Commerce Styles
Some of these might be obsolete.  Need to delete unecessary code.

#########################################*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

tr.header {
  background: #ffffff;
}

tr.headerNavigation {
  background: #bbc3d3;
}

td.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

a.headerNavigation {
  color: #FFFFFF; 
}

a.headerNavigation:hover {
  color: #ffffff;
}

tr.headerError {
  background: #ff0000;
}

td.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

tr.headerInfo {
  background: #00ff00;
}

td.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

tr.footer {
  background: #bbc3d3;
}

td.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #cccccc;
  color: #000000;
  border-bottom:2px solid #FF9900;
}

td.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

table.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
}

table.productListing td{
  padding:5px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  background: #cccccc;
  color: #000000;
  font-weight: bold;
  border-bottom:2px solid #FF9900;
}

td.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

a.pageResults {
  color: #0000FF;
}

a.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

td.pageHeading, div.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

tr.subBar {
  background: #f4f7fd;
}

td.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

td.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

.bottomButtonsCenter {
  text-align:center;
}

.bottomButtonsRight {
  text-align:right;
}

.bottomButtonsLeft {
  text-align:left;
}

.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

td.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

td.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

td.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

span.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

textarea {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

span.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

table.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

td.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

span.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

span.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

span.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.subTotal {
    text-align:right;
    font-size: 15px;
    font-weight: bold;
}

.productListing-even {
    background:#ededed;
}

.productListing-odd {
    background:#dedede;
}

.loginTable {
   background: #f8f8f9;
   border: solid 1px #dedede;
   width:100%;
   height:100%;
}

/*#########################################

Larger Image Styles

#########################################*/

#smallImage {
   width:auto;
   margin:20px auto;
   text-align:center;
}

#smallImage img {
  margin:10px;
}

#largeImage {
  margin:20px auto;
  text-align:center;
}

#largeImage img{
  margin-right:auto;
  margin-left:auto;
}