/* Common Styles */

* {margin: 0px; padding: 0px; font-size: 100%;}
body {color: #393939; background: #fff url(img/main_content_shadow_bg.jpg) repeat-y center center;}
body, tr, td, input, select, textarea { font:small/150% Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #393939; }


/*  Method for easy clearing of floats http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End Hide from IE Mac */

/* Misc styles */
.floatLeft {float: left;}
.floatRight {float: right;}
.leftImg {margin-right: 10px; margin-bottom: 10px; padding: 4px; background: #fff; border: solid 1px #eee;}
.rightImg {margin-left: 10px; margin-bottom: 10px; padding: 4px; background: #fff; border: solid 1px #eee;}
.textRight {text-align: right;}
.textLeft {text-align: left;}
.textCenter {text-align: center;}
small {font-size: 80%;}
.error {color: #d20001; font-weight: bold;}
.center {margin-right: auto; margin-left: auto;}

.container {width: 996px; margin-right: auto; margin-left: auto;}

#headerWrap {background: #251f1b url(img/head_bg.png) repeat-x; height: 110px;}
	#header #logo {background: url(img/logo_trans_ie.gif) no-repeat; width: 380px; height: 109px; float: left;}
		#header #logo a {display: block; text-indent: -9000px; width: 437px; height: 109px; outline: none;}
	#header {/*background: url(img/head_bg_trans.png) no-repeat top center;*/}
	
	#headerExtras {float:right; width: 490px; color: #fff; line-height: 155%; margin-top: 20px;}
	.asterisk {color: #a06f2c;}
	.extraText {text-align: right; float: left; width: 140px; padding-right: 17px; border-right: dashed 1px #504c49; text-transform: uppercase; margin-right: 17px; font-size: 88%;}
	.extraPhone {text-align: left; float: left; width: 240px; font-size: 110%;}
	.extraPhoneNumber, .extraPhoneMeta {display: block;}
	.extraPhoneNumber {color: #aee0fd; font-size: 220%; margin-top: 3px; font-weight: bold;}
	.extraPhoneMeta {color: #7994a4; font-size: 60%;}
	
	.securePaymentIcon {position: absolute; top: 0px; right: 15px; width: 133px; height: 37px;}
	.securePaymentIcon a {background: url(img/online_payments.jpg) no-repeat; display: block; outline: none; width: 133px; height: 37px; text-indent: -9000px;}

#contentWrap {background: url(img/main_content_bg.jpg) repeat-x;}
#topNav ul {list-style: none; float: left; width: 680px; margin-left: 6px;}
	#topNav ul li {float: left;}
	#topNav ul li a {display: block; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 14px; padding: 10px 19px; background: #5c99cf url(img/top_nav_sprite.jpg) no-repeat top right;}
	#topNav ul li a:hover {background-position: left bottom;}
	#search {float: left; margin-top: 4px;}
	#search input {padding: 2px; border: solid 1px #636160; width: 190px;}
	#search button {background: url(img/search_btn.jpg) no-repeat; width: 91px; height: 26px; border: none; position: relative; margin-bottom: -1px; }
	#search button span {visibility: hidden;}


#mainContent {background: #fff;}
.mainContentDetails  {padding: 12px;}
#muralSelectionWrap {float: left; width: 180px; margin-right: 10px;}
.muralNav {background: url(img/left_nav_bg_repeat.gif) repeat-y;}
.muralNav h2 {background: url(img/left_nav_top.jpg) no-repeat; padding: 12px 0px 8px 12px; color: #3c6789; font-size: 15px;}
.muralNav ul {padding-right: 1px; padding-left: 1px; list-style: none; margin-bottom: 10px; background: url(img/left_nav_bottom.jpg) no-repeat left bottom; padding-bottom: 15px; width: 178px;}
.muralNav ul a {display: block; padding: 2px 4px 2px 10px; border-top: solid 1px #cccccc; color: #424242; text-decoration: none; background: url(img/left_nav_item_arrow.gif) no-repeat 95% 50%;}
.muralNav ul a:hover {background-color: #e7f6fe; color: #000;}
.muralNav ul li.activeNav {background: #fff url(img/left_nav_active.jpg) repeat-y; font-weight: bold; position: relative; margin-right: -1px; border-top: solid 1px #cccccc;}
.muralNav ul li.activeNav a {background: url(img/left_nav_item_active_arrow.gif) no-repeat 98% 50%;; color: #000; border-top: solid 0px #cccccc;}
#muralSelectionWrap img {border: none;}
.saleIcon {background: url(img/sale_icon.jpg) no-repeat; width: 181px; height: 121px; display: block; text-indent: -9000px; outline: none;}
.saleIconWrap {width: 181px;}
.saleIconTop {background: url(img/sale_icon_top.jpg) no-repeat; height: 10px; font-size: 1px; overflow: hidden;}
.saleIconBottom {background: url(img/sale_icon_bottom.jpg) no-repeat; height: 9px; font-size: 1px; overflow: hidden;}
.saleIconContent {background: #000 url(img/sale_icon_body.jpg) repeat-x; padding: 5px; text-align: center;}
.saleIconContent a {text-decoration: none;}

#muralSelectionWrap .saleIconContent a span.linkWhite {display: block; color: #fff; font-style: italic; font-weight: bold; margin-bottom: 8px; font-size: 16px;}
#muralSelectionWrap .saleIconContent a span.linkOrange {display: block; color: #9c6b29; text-transform: uppercase; font-weight: bold; font-size: 12px;}

#content {float: left; width: 781px;}
#content a {color: #3599d1; text-decoration: none;}
#content a:hover {text-decoration: underline;}
#content h2 a {color: #000000; text-decoration: none;}


#marketingArea { width: 781px; height: 299px; margin-bottom: 40px;}

#randomImage {position: absolute; width: 626px; height: 299px; z-index: 2}
#randomImage img {border:5px solid #aaaaaa;}

#flashContainer {position: absolute; width: 781px; height: 299px; z-index: 5}


.extraPad {padding: 0px 43px;}

.contentRow {margin-bottom: 20px; line-height: 130%;}
.contentRow h3 {margin-bottom: 7px; font-size: 16px; color: #000; font-weight: bold;}
.contentRow h2 {margin: 20px 0px 6px 0px; font-size: 16px; color: #000; font-weight: bold; font-style:italic;}
.contentRow h1 {margin: 38px 0px 14px 0px; font-size: 22px; text-transform: uppercase; font-style: italic; color: #000; font-weight: bold;}

.contentRow p {margin: 0px 0px 28px 0px; color: #000;}
.contentRow ul {margin: 15px 0px 28px 15px; color: #000;}
.contentRow ul li {margin: 0px 0px 6px 0px;}
.contentRow table {margin: 0px 0px 15px 0px;}


.miniColumn {float: left; width: 320px; padding-right: 25px;}
.miniColumn h3 {text-transform: uppercase; font-style: italic; margin: 14px 0px;}
.rightShade {padding-left: 30px; padding-right: 0px; padding-bottom: 20px; background: url(img/side_column_home.jpg) no-repeat left center;}

.callout {padding: 15px; background: url(img/callout_bg.jpg) repeat-x; color: #275975;  line-height: 130%;}

#footerWrap {background: #c1c1c1 url(img/footer_wrap_bg.jpg) repeat-x; }
.fauxFooterTop {background: #fff; height: 35px;}
.footerContent {background: #3e3a3b url(img/footer_content_bg.jpg) repeat-x; padding: 20px 15px 30px 20px; color: #d6d5d5;}
.footerContact {float: left; width: 255px; margin-right: 20px;}
.footerExtraDetails {float: left; width: 665px; text-align: center; line-height: 130%; padding: 10px; background: url(img/footer_order_grad.jpg) repeat-x;}
#footerWrap a {color: #94d5ff; text-decoration: none;}
#footerWrap a:hover {text-decoration: underline;}
.footerContent p {margin-bottom: 15px;  font-size: 90%;}
#footerWrap .light, #footerWrap .light a {color: #787878;}
.footerIcons {margin-top: 20px;}
.footerIcons img {margin: 7px; border: none;}



table table {
	margin-bottom: 25px;
}

table table table {
	margin-bottom: 0px;
}

td strong {
	font-size: 105%;
}

.ClickDetails {
	text-decoration: none;
	font-size: 85%; 
	font-weight: bold; 
	color: #999999;}

.ItemMessage {

	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #999999;
}

.strikethru {
	font-family: "Times New Roman", Times, serif;
	text-decoration: line-through;
	color: #999999;}
	
.RedHighlight {
	font-weight: bold; 
	color: #FF0000;}
	
table.details {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
	
table.details td img {
	padding: 0px;
	margin: 10px 20px 0px 0px;
}
	
table.details2 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: 0px;
}
	
table.details2 td img {
	padding: 0px;
	margin: 20px 0px 0px 20px;
}
