body
{
 font-family: arial, verdana, tahoma;
 font-size: 12px;
 color: #012a3c;
 background-image: url('/ajrgfx/gfx/bg_body.gif');
 background-repeat: no-repeat;
 background-color: #fff;
 margin: 0;
 margin-top: 22px;
 margin-bottom: 10px;
}

.center{ margin-left: auto; margin-right: auto; text-align: center;}
.sitewidth{ width: 960px; text-align: left; margin-left: auto; margin-right: auto; }

/* ----------------- default classes ----------------- */

h1,h2{ margin: 0; padding: 0; clear: both; }
form{ margin: 0; display: inline; }
img{ border: 0; }

.left{ float: left; }
.right{ float: right; }
.clear{ clear: both ;}
.alr{ text-align: right; }
.debug{ background-color: red; }

/* ----------------- start text classes ----------------- */

h1
{
 font-size: 40px;
 color: #00b5ff;
 font-weight: bold;
 letter-spacing: -1px;
 line-height: 40px;
 border-bottom: 1px solid #00b5ff;
 padding-bottom: 15px;
 margin-bottom: 30px;
}

h2
{
 font-size: 16px;
 color: #012A3C;
 font-weight: bold;
 letter-spacing: -1px;
 line-height: 16px;
 border-bottom: 1px solid #012A3C;
 padding-bottom: 8px;
 margin-bottom: 30px;
 clear: both;
}

div{ font-size: 12px; line-height: 16px; color: #012a3c; }

.bolduc{ text-transform: uppercase; font-weight: bold; }
.red{ color: #EE1304; }
.blue{ color: #00b5ff; }
.bold{ font-weight: bold; }

.font14{ font-size: 14px; }

/* ----------------- start link classes ----------------- */

a{ text-decoration: none; color: #1AA5DD; }
a:hover {text-decoration: underline; }


/* ----------------- start menu classes ----------------- */

a.city{ margin-left: 20px; font-size: 12px; text-transform: uppercase; color: #00b5ff; font-weight: bold; text-transform: uppercase; }
a.city:hover{ color: #fff; text-decoration: none; }
a.cityselected{ margin-left: 20px;  font-size: 12px; text-transform: uppercase; color: #fff; font-weight: bold; text-transform: uppercase; }
a.cityselected:hover{ color: #fff; text-decoration: none; }

a.menu{ margin-left: 20px; font-size: 15px; text-transform: uppercase; color: #00b5ff; font-weight: bold; text-transform: uppercase; }
a.menu:hover{ color: #fff; text-decoration: none; }
a.menuselected{ margin-left: 20px;  font-size: 15px; text-transform: uppercase; color: #fff; font-weight: bold; text-transform: uppercase; }
a.menuselected:hover{ color: #fff; text-decoration: none; }

/* ----------------- start form classes ----------------- */

input,textarea,select{ font-family: arial, verdana, tahoma; color: #000; font-size: 11px; }

.ButtonInputsMedium
{
 font-weight: bold;
 height: 20px;
 padding: 0px 10px 0px 10px;
 cursor: pointer;
 background-color: #cccccc;
 border: 1px solid #999999;
}

input.FormFieldInputsNarrow{ border: 0; width: 155px; height: 18px; padding-left: 2px; }
input.FormFieldInputsMedium{ border: 0; width: 230px; height: 18px; padding-left: 2px; }
input.FormFieldInputsWide{ width: 420px; height: 18px; padding-left: 2px; }

select.FormFieldInputsMedium{ width: 157px; }

textarea.FormFieldInputsMedium{ border: 0; width: 230px; height: 90px; padding-left: 2px; }

.FormFieldLabelMediumStdColor{ font-weight: bold;}
.minor { font-size: 11px }

/* ----------------- start list classes ----------------- */

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

ul li
{
 background-image: url('/ajrgfx/gfx/list_item.gif');
 background-repeat: no-repeat;
 padding-left: 10px;
 margin-left: 10px;
}

/* ----------------- Start custom classes ----------------- */

.col270{ width: 270px; }
.col427{ width: 427px; }
.col632{ width: 632px; }
.col434{ width: 434px; }
.col468{ width: 468px; }

.marleft10{ margin-left: 10px; }
.padbot15{ padding-bottom: 15px; }
.marbot10{ margin-bottom: 10px; }
.padright10{ padding-right: 10px; }
.padtop15{ padding-top: 15px; }

.topmenu{ width: 960px; height: 180px; position: relative; }
.topbanner{ position: absolute; z-index: 1; }
.topcontent{ position: absolute; z-index: 2; }

.selectedcity{ position: absolute; top: 27px; left: 24px; z-index: 2; font-weight: bold; }
.cities{ position: absolute; top: 13px; right: 20px; z-index: 2; }
.navigation{ padding-top: 20px; text-align: right; }

.content{ padding-left: 24px; }
.boxtitle{ background-color: #00A7EB; text-transform: uppercase; color: #fff; font-weight: bold; padding: 3px 10px 4px 13px; }
.box{ background-color: #E6EAEC; padding: 11px 10px 10px 13px; }
.boxpanel{ background-color: #D2DADD; padding: 11px 10px 10px 13px; }
.boxbottom{ background-color: #00B4FF; padding: 11px 10px 10px 13px; text-align: right; }

.profilename{ font-size: 12px; color: #00b5ff; font-weight: bold; text-transform: uppercase; }
.profiletitle{ font-size: 12px; color: #00b5ff; }

.closed{
 background-image: url('/ajrgfx/gfx/div_closed.gif');
 background-repeat: no-repeat; cursor: pointer;
 background-position: top right; padding-right: 10px;
 font-size: 12px; font-weight: bold;
}

.open{
 background-image: url('/ajrgfx/gfx/div_open.gif');
 background-repeat: no-repeat; cursor: pointer;
 background-position: top right; padding-right: 12px;
 font-size: 12px; font-weight: bold; 
}

.blueline{ margin: 20px 0 20px 0; }

.reqform td{ padding-bottom: 10px; }

td.required{
text-align: right; background-image: url('/ajrgfx/gfx/required.gif');
background-position: top right; background-repeat: no-repeat; padding-right: 30px;
}
td.notrequired{ text-align: right; padding-right: 30px; }

.flipdiv{
 background-image: url('/ajrgfx/gfx/arrow_down.gif');
 background-position: top left;
 background-repeat: no-repeat; cursor: pointer;
 font-size: 12px; font-weight: bold; 
 text-transform: uppercase; padding-left: 15px;
}

.footer{ clear: both; border-top: 1px solid #0E3444; padding-top: 10px; }

.minimumheight{ min-height: 650px; height:auto !important; height: 650px; }

.commerceorder td{ border-bottom: 1px solid #999; padding: 5px 0 5px 0; }