/* CSS Document */

.address, blockquote, caption, center, dd, dir, div, dl, dt, form, menu, li, ol, p, pre, td, ul {
font-family: Arial, Helvetica, Tahoma, sans-serif;
font-size: 9pt;
color: #2b2b2b;
}

body{
margin-top: 15px;
background-color: #e2e5eb;
background-image: url('../images/bg_tile.gif');
background-position: top;
background-repeat: repeat-x;
}

/****************************General Link Color*******************************/

a:link{ 
color: #3a3a3a;
text-decoration: underline;
} 

a:visited{ 
color: #3a3a3a; 
text-decoration: underline;
}

a:hover{ 
color: #3a3a3a; 
text-decoration: none;
}

/**************************General Text*********************************************/
h1{
font-size: 14pt;
padding: 0px;
margin: 1em 0px 4px 0px;
}

h2{
font-size: 13pt;
padding: 0px;
margin: 1em 0px 4px 0px;
}

h3{
font-size: 12pt;
padding: 0px;
margin: 1em 0px 4px 0px;
}

h4{
font-size: 11pt;
padding: 0px;
margin: 1em 0px 4px 0px;
}

h5{
font-size: 10pt;
padding: 0px;
margin: 1em 0px 4px 0px;
}

h6{
font-size: 9pt;
padding: 0px;
margin: 1em 0px 4px 0px;
}

.redText{
font-family: Arial, Helvetica, Tahoma, sans-serif;
color: #b3342b;
font-size: 10pt;
font-weight: bold;
}

.redTextSm{
margin-left: 155px;
}

.redTextSm a:link, .redTextSm a:visited{
font-family: Arial, Helvetica, Tahoma, sans-serif;
color: #b3342b;
font-size: 8pt;
text-decoration: none;
}

.redTextSm a:hover{
color: #2b2b2b;
}

/****************************** Background Images ********************************/

.bkgTop {
background: url(../images/shadow_top.png) top left repeat-x;
height: 11px;
}

.bkgLeft {
background: url(../images/shadow_left.png) top right repeat-y;
width: 11px;
}

.bkgRight {
background: url(../images/shadow_right.png) top left repeat-y;
width: 11px;
}

.bkgBottom {
background: url(../images/shadow_bottom.png) bottom left repeat-x;
height: 11px;
}

.bkgLeftCornerTop {
background: url(../images/shadow_left_corner_top.png) top right;
width: 11px;
}

.bkgRightCornerTop {
background: url(../images/shadow_right_corner_top.png) top left;
width: 11px;
}

.bkgLeftCornerBtm {
background: url(../images/shadow_left_corner_btm.png) bottom right;
width: 11px;
}

.bkgRightCornerBtm {
background: url(../images/shadow_right_corner_btm.png) bottom left;
width: 11px;
}

.navBkg{
background: url(../images/nav_bkg.jpg) top left repeat-y;
width: 190px;
background-color: #FFFFFF;
}

.contentBkg{
width: 610px;
background-color: #FFFFFF;
}

/*********************************Search******************************/

#search{
float: right;
margin: 0px;
padding: 0px;
}

#search form{
margin: 0px;
padding: 0px;
}

.searchText{
height: 12px;
width: 150px;
font-size: 7pt;
color: #5b6771;
margin: 2px 0px 2px 8px;
padding: 2px 4px;
}

.searchButton{
height: 20px;
margin: 2px;
font-size: 7pt;
}

.searchResult{
font-size: 12pt;
font-weight: bold;
}

.searchResult a:link, .searchResult a:visited{
padding: 0px;
font-weight: bold;
text-decoration: none;
font-size: 9pt;
}

.searchResult a:hover{
text-decoration: underline;
}

.searchResult table td{
margin: 0px;
padding: 5px 0px;
font-size: 9pt;
font-weight: normal;
}

/**crumbs
*************************************/

.breadCrumb {
	margin: 0px 0px 0px 5px;
	padding-top: 5px;
}

.breadCrumbSpacer {
	font-size: 9px;
	color: #B5BECF;
}

a.breadCrumb:link, a.breadCrumb:visited{
	padding: 5px 5px 5px 0px;
	font-size: 7pt;
	text-decoration: none;
	color: #B5BECF;
}

a.breadCrumb:hover{
	text-decoration: underline;
	color: #9BA8BF;
}

/******************************Sitemap***************************/

.sitemapParent a:link, .sitemapParent a:visited{
font-size: 11pt;
text-decoration: none;
font-weight: bold;
}

.sitemapParent a:hover{
text-decoration: underline;
}

.sitemapChild a:link, .sitemapChild a:visited{
display: block;
margin: 1px 8px;
font-size: 9pt;
text-decoration: none;
font-weight: normal;
}

.sitemapChild a:hover{
text-decoration: underline;
}

/********************************pageImage**************************/

#pageImageContainer{
margin: 0px 0px 4px 0px;
}

/*********************************TopBar********************************/

.rowOne{
background-color: #284993;
padding: 0px;
margin: 0px;
background-image: url('../images/bar_tile.gif');
background-position: left;
background-repeat: repeat-x;
}

#rowOne{
margin: 5px 5px 3px 5px;
float: right;
font-size: 8pt;
color: #ffffff;
}

#rowOne a:link, #rowOne a:visited{
color: #FFFFFF;
text-decoration: none;
}

#rowOne a:hover{
text-decoration: underline;
}

.rowFooter {
background-color: #284993;
padding: 0px;
margin: 0px;
background-image: url('../images/bar_tile_rev.gif');
background-position: left;
background-repeat: repeat-x;
height: 26px;
}

/* Home Button */

a.btnHome:link, a.btnHome:visited{
display: block; 
text-decoration: none; 
color: #000; 
width: 174px;
border: 1px solid #e2e5eb; 
border-width: 0 0 1px 0;  
padding: 8px; 
font-size: 10pt;
color: #314873;
}

a.btnHome:hover{
background-color: #e2e5eb;
}


/**first navigation
**************************************/

/* common styling */

.firstNav{
width: 190px; 
position: relative; 
margin: 0; 
font-size: 10pt; 
margin: 0px;
}

.firstNav ul li a, .menu ul li a:visited{
display: block; 
text-decoration: none; 
color: #000; 
width: 174px;
border: 1px solid #e2e5eb; 
border-width: 0 0 1px 0;  
padding: 8px; 
font-size: 10pt;
color: #314873;
}

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

.firstNav ul li{
float: left; 
margin-right: 1px; 
position: relative;
}

.firstNav ul li ul{
display: none;
}

/* specific to non IE browsers */

.firstNav ul li:hover a{
background-color: #e2e5eb;
}

.firstNav ul li:hover ul{
display: block; 
position: absolute; 
top: 0; 
left: 190px; 
width: 190px;
}

.firstNav ul li:hover ul li a.hide{
background: #dfc184; 
color: #000;
}

.firstNav ul li:hover ul li:hover a.hide{
width: 180px;
}
.firstNav ul li:hover ul li ul{
display: none;
}

.firstNav ul li:hover ul li a{
display: block; 
background-color: #e2e5eb;
border: 1px solid #ffffff;
border-width: 0 0 1px 1px;  
color: #000; 
width: 170px;
font-size: 8pt;
color: #314873;
padding: 8px;
}

.firstNav ul li:hover ul li a:hover{
background-color: #C3CDDF; 
color: #314873;
}

.firstNav ul li:hover ul li:hover ul{
display: block; 
position: absolute; 
left: 187px; 
width: 171px;
top: 0; 
color: #000;
}

.firstNav ul li:hover ul li:hover ul li a{
display: block; 
width: 170px; 
background-color: #e2e5eb; 
color: #314873;
}

.firstNav ul li:hover ul li:hover ul li a:hover{
background-color: #C3CDDF; 
color: #314873;
}

/************************** Content Containers*********************************/

.contentContainer{
margin: 10px 15px 10px 15px;
}

#newsContainer{
margin: 10px 15px 10px 15px;
width: 575px;
}

/****************************Gallery****************************/

.gallery_table{
padding: 8px;
margin: 0px;
}

.gallery_table tr td{
vertical-align: middle;
text-align: center;
}

.gallery_child_table{
padding: 8px;
margin: 0px;
}

.gallery_child_table tr td{
vertical-align: middle;
text-align: center;
}

.gallery_child_table a:link, .gallery_child_table a:visited{
font-size: 8pt; 
color:#2b2b2b; 
text-decoration: none;
}

.gallery_child_table a:hover{
font-size: 8pt; 
color:#2b2b2b; 
text-decoration: underline;
}

/**Newsletter signup
*****************************/

#newsletterOutline{
width: 50%;
margin: 10px;
padding:  15px 15px 15px 15px;
border: 1px solid #eeeeee;
}

#newsletterOutline form{
margin: 10px;
}

#newsletter_firstname, #newsletter_lastname{
margin: 3px 5px;}

#newsletter_email{
margin-top: 3px;
margin-left: 39px;
}

.btnNewsReg{
vertical-align: bottom;
}

.newsletterError, #newsletter_err{
margin-top: 10px;
font-size: 8pt;
color: #993300;
}

.newsletterMessage{
font-size: 8pt;
}

/*************************news*********************************/

.newsCategoryTitle{
font-weight: bold;
font-size: 12pt;
}

.mainNewsTitle{
color: #2b2b2b;
font-size: 8pt;
font-style: italic;
}

a.mainNewsTitle:link, a.mainNewsTitle:visited{
color: #2b2b2b;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
font-style: normal;
}

a.mainNewsTitle:hover{
color: #2b2b2b;
text-decoration: underline;
}

.newsSummary{
padding: 3px 0px 2px 5px;
}

.mainNewsMod{
padding: 3px 0px 2px 5px;
font-size: 8pt;
font-style: italic;
}

.mainNewsPic{
padding: 0px 8px 5px 5px;
}

.signupInfo{
padding: 0px 8px;
}

.signupInfo .newsBtn{
position: relative;
top: 5px
}

.newsItemTitle{
color: #2b2b2b;
font-size: 10pt;
font-weight: bold;
}

.newsItemContent{}

.newsItemModified{
font-size: 8pt;
font-style: italic;
}

/*********************Singup/login********************************/

.memberHello{
font-size: 12pt;
font-weight: bold;
}

.memberName{
display: inline;
font-size: 12pt;
font-weight: bold;
color: #284993;
}

#signupOutline{
width: 400px;
margin: 10px;
padding:  5px 15px;
border: 1px solid #eeeeee;
}

#member_submit{
margin: 0px 0px 0px 200px;
}

#loginOutline{
height: 80px;
width: 225px;
margin: 10px 10px;
padding:  10px 15px;
border: 1px solid #eeeeee;
}

#loginOutline input{
display: block;
float: right;
margin: 0px 11px 0px 0px;
}

#forgotPass{
clear: both;
text-align: right;
margin: 0px 11px 0px 0px;
padding: 10px 0px 0px 0px;
}

#forgotPassOutline{
width: 320px;
margin: 10px;
padding:  15px 15px 15px 15px;
border: 1px solid #eeeeee;
}


#forgotPassOutline form{
display: inline;
margin-top: 2px;
}

#forgotPassOutline br{
display: none;
}

#forgotPassOutline table{
float: left;
margin: 0px;
padding: 0px;
}

#forgotPassOutline input{
margin-top: 0px;
}

#newsletterOutline{
width: 45%;
margin: 10px;
padding:  15px 15px 15px 15px;
border: 1px solid #cceeea;
}

/****************************Gallery****************************/

.gallery_table{
margin: 0px;
}

.gallery_table tr td{
padding: 5px;
vertical-align: top;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #2b2b2b;
text-decoration: none;
line-height: 17px;
}

.gallery_child_table{
margin: 0px;
}

.gallery_child_table tr td{
padding: 5px;
vertical-align: top;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #2b2b2b;
text-decoration: none;
line-height: 17px;
}


/**Client Profile
**************************************/

#profileButtonBkg{
margin: 0px 5px;
padding-left: 4px;
background: url(../images/bkg_client_profile.jpg) top left repeat-x;
height: 24px;
border-left: 1px solid #dfe1e9;
border-right: 1px solid #dfe1e9;
font-size: 8pt;
}

a.profileButtons:link, a.profileButtons:visited{
display: inline;
background: url(../images/bkg_nav_client_profile.jpg) top left repeat-x;
line-height: 24px;
border-left: 1px solid #dfe1e9;
border-right: 1px solid #dfe1e9;
font-size: 8pt;
margin: 0px;
padding: 5px 10px 3px;
color: #2b2b2b;
font-weight: normal;
text-decoration: none;
}

a.profileButtons:hover{
display: inline;
background: none;
line-height: 24px;
border-left: 1px solid #dfe1e9;
border-right: 1px solid #dfe1e9;
font-size: 8pt;
margin: 0px;
padding: 5px 10px 3px;
color: #2b2b2b;
font-weight: normal;
text-decoration: underline;
}

#profileContainer{
margin: 33px 0px 0px 15px;
}

#profileSection{
margin: 8px 32px 18px;
}

#profileText{
font-size: 9pt;
}

#profileImage{
display: block;
width: 120px;
padding: 10px;
margin: 8px 40px;
}

#profileTable{
margin: 50px 5px;
}

.gridDataTableLarge{
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid #e6e8ed;
border-left: 1px solid #e6e8ed;
}

.gridDataTableLarge th{
padding: 8px 3px;
font-weight: bold;
background-color: #f5f5f5;
}

.gridHeaderRow{
border-top: 1px solid #e6e8ed;
border-right: 1px solid #e6e8ed;
border-bottom: 1px solid #a4a5a9;
border-left: 0px;
padding: 5px;
font-weight: normal;
font-size: 8pt;
}

.gridRow td{
border-right: 1px solid #e6e8ed;
text-align: center;
padding: 12px 3px;
font-size: 8pt;
}

.gridRow td a{
padding: 2px 0px;
}

.gridAltRow td{
border-right: 1px solid #e6e8ed;
background-color: #f5f5f5;
text-align: center;
padding: 12px 3px;
font-size: 8pt;
}

.gridAltRow td a{
margin: 2px 0px;
}

/**************************Store***********************************/

/* MiniCart*/

.miniCartTable{
padding: 0px;
width: 185px;
}

#cartPadding{
padding: 10px;
}

#minicart_summary{
margin: 2px 5px 5px 10px;
}

#minicart_product_list{
margin: 2px 5px;
}

#minicart_product_list td{
padding: 2px;
}

div#order_buttons{
text-align: center;
}

div#order_buttons a{
padding-left: 4px;
}

#storePad{
margin: 10px;
}



/*Category */

.categoryTable{
margin-left: 15px;
border-collapse: collapse;
}

.categoryItemsTitle{
padding: 15px;
text-align: center;
font-size: 12pt;
}

.categoryItemsTitle a:link, .categoryItemsTitle a:visited{
font-weight: bold;
text-decoration: none;
}

.categoryItemsTitle a:hover{
text-decoration: underline;
}

.categoryTable table{
width: 200px;
}

.categoryProductPic{
margin: 5px;
}

.categoryProductTitle{
width: 125px;
margin: 18px 5px 5px 5px;
}

.categoryProductTitle a:link, .categoryProductTitle a:visited{
font-size: 12pt;
color: #2b2b2b;
text-decoration: none;
font-weight: bold;
}

.categoryProductTitle a:hover{
color: #284993;
text-decoration: none;
}

.categoryProductDesc{
width: 150px;
margin: 2px 5px;
}

.categoryProductPrice{
font-size: 12pt;
font-weight: bold;
margin: 2px 5px;
}

.picDescContainer{
display: block;
margin-left: 25px;
float: left;
}
/* Product */

.productPic{
float: left;
}

.productTitle div{
padding: 8px 0px 0px 0px;
font-size: 11pt;
font-weight: bold;
}

.productPrice{
padding: 8px 0px;
display: block;
font-size: 11pt;
font-weight: bold;
}

.productPrice div{
display: inline;
font-size: 11pt;
font-weight: bold;
}

#total_display{
padding-left: 10px;
color: #990000;
font-size: 9pt;
font-weight: bold;
}

.productDesc{
float: left;
width: 95%;
margin: 5px 20px 5px 10px;
}


#cart_Add_Message{
display: block;
margin-left: 4px;
color: #009966;
font-weight: normal;
font-size: 8pt;
width: 185px;
}

.btnAdd form{
display: block;
margin: 8px 0px;
}

.btnContinue{
display: block;
float: left;
margin: 8px 20px;
}


/** Sale **/
.salename{
display: inline;
padding: 8px 0px;
color: #990000;
font-size: 11pt;
font-weight: bold;
}

.salePrice, #total_display{
display: inline;
padding-left: 10px;
color: #990000;
font-size: 11pt;
font-weight: bold;
}

.salestart, .saleend{
display: inline;
padding: 8px 2px;
color: #990000;
font-size: 8pt;
font-weight: normal;
}

/** Checkout **/

.checkoutTitles{
font-size: 10pt;
font-weight: bold;
padding: 0px 15px;
}

.checkoutForm{
padding: 10px 15px;
}

.checkoutForm a{
padding: 10px 15px;
}

/*** confirm.mst ***/

#cartTable{
width: 550px;
}

#cartTable th {
background-color: #eeeeee;
}

#cartTable table{
border-collapse: collapse;
width: 290px;
padding: 5px;
margin: 2px;
}

/*** cart.mst ***/

form iframe{
height: 5px;
}

.cartTable table{
border-collapse: collapse;
width: 290px;
padding: 5px;
}

.cartTable th {
background-color: #eeeeee;
padding: 3px;
}

.cartTable td{
text-align: left;
padding: 1px 8px;
vertical-align: middle;
}

.cartHeaders{
font-size: 10pt;
font-weight: normal;
}

.cartRows td{
border: 1px solid #eeeeee;
padding: 3px:
}

.cartRows td td{
border: 0px;
padding: 3px:
}

.cartRows table td{
font-size: 11pt;
font-weight: bold;
}

.cartRows li{
font-size: 8pt;
font-weight: normal;
}

.cartAltRows td{
border: 1px solid #eeeeee;
padding: 3px:
}

.cartAltRows td td{
border: 0px;
padding: 3px:
}

.cartAltRows table td{
font-size: 11pt;
font-weight: bold;
}

.cartAltRows li{
font-size: 8pt;
font-weight: normal;
}

#btnRemove{
float: left;
padding: 0px 4px;
}
#updateBtn{
float: left;
padding: 0px 4px;
}

#checkBtn{
float: right;
}

.continueShoppingBtn img{
margin: 10px 4px;
}



/** payment page **/

#get_quote{
margin: 10px 0px 0px 30px;
}

.contCheckoutBtn{
padding: 15px 8px;
}

.contShopBtn{
padding-left: 45px;
}