﻿body 
{
	font-family: "Myriad Pro", Arial, Sans-Serif;
	padding: 0px 0px 20px 0px;	
	margin: 0px;
	color: #616563;
	background: #e7e7e7 url(/images/css/bg_body.gif) repeat-x top left;
}

/* logo strip */

#idLogoStrip
{
	width: 906px;
	height: 100px;
	padding: 12px 12px 18px 12px;
	margin: 0px auto;
	text-align: left;
	display: block;
	background-color: #ffffff;
	position: relative;
}

#idLogoStrip img
{
    float: left;
}

#idLogoStrip div
{
    float: right;
}

#idLogoStrip ul
{
	list-style-type: none;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	position: relative;
	float: right;
	text-align: right;
	display: block;
}

#idLogoStrip ul li
{
	margin: 0px;
	padding: 0px 5px 2px 5px;
	display: inline;
	float: left;
	font-size: 12px;
}

#idLogoStrip ul li.clsEnd
{
	padding: 0px 20px 0px 5px;
}

#idLogoStrip ul li a:link,
#idLogoStrip ul li a:active,
#idLogoStrip ul li a:visited
{
	font-weight: 500;
	color: #13381c;
	text-decoration: none;
}

#idLogoStrip ul li a:hover
{
	color: #f59208;
	text-decoration: none;
}

#idLogoStrip div a.clsStandard:link,
#idLogoStrip div a.clsStandard:active,
#idLogoStrip div a.clsStandard:visited,
#idLogoStrip div a.clsLarger:link,
#idLogoStrip div a.clsLarger:active,
#idLogoStrip div a.clsLarger:visited,
#idLogoStrip div a.clsLargest:link,
#idLogoStrip div a.clsLargest:active,
#idLogoStrip div a.clsLargest:visited
{
	color: #616563;
	font-weight: 500;
	text-decoration: none;
}

#idLogoStrip div a.clsStandard:hover,
#idLogoStrip div a.clsLarger:hover,
#idLogoStrip div a.clsLargest:hover
{
	color: #f59208;
	text-decoration: none;
}

#idLogoStrip div a.clsStandard
{
    font-size: 12px;
    padding: 0px 4px;
    margin: 6px 3px 5px 0px;
    display: block;
    height: 14px;
    float: left;
}

#idLogoStrip div a.clsLarger
{
    font-size: 18px;
    padding: 0px 4px;
    margin: 3px 0px;
    display: block;
    height: 20px;
    float: left;
}

#idLogoStrip div a.clsLargest
{
    font-size: 23px;
    padding: 0px 6px;
    margin: 0px;
    display: block;
    height: 26px;
    float: left;
}

/* header */

#idHeader
{
	width: 916px;
	height: 240px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
	display: block;
	background: #153c1e url(/images/css/bg_idHeader.jpg) no-repeat bottom right;
	border-top: none;
	border-left: 7px solid #ffffff;
	border-right: 7px solid #ffffff;
	border-bottom: 7px solid #ffffff;
	position: relative;
	clear: both;
}

#idHeader h1
{
	background: transparent url(/images/css/bg_idHeader_h1.gif) no-repeat bottom right;
	width: 416px;
	height: 40px;
	display: block;
	position: relative;
	margin: 65px 0px 10px 20px;
	padding: 0px;
	top: 30px;
}

#idHeader h2
{
	background: transparent url(/images/css/bg_idHeader_h2.gif) no-repeat bottom right;
	width: 313px;
	height: 19px;
	display: block;
	position: relative;
	margin: 40px 0px 10px 20px;
	padding: 0px;
}

#idHeader h1 span,
#idHeader h2 span
{
    display: none;
    visibility: hidden;
}

/* header navigation */

#idHeader ul
{
	height: 40px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: transparent url(/images/css/bg_idHeader_ulli_clsHome.gif) repeat-x top left;
	overflow: hidden;
}

#idHeader ul.clsGreen
{
	background: transparent url(/images/css/bg_idHeader_ulli_clsHome_Over.gif) repeat-x top left;
}

#idHeader ul li
{
	height: 19px;
	padding: 11px 27px;
	display: inline;
	float: left;
	background: transparent url(/images/css/bg_idHeader_ulli.gif) no-repeat top left;
	font-size: 1.25em;
	color: #ffffff;
}

#idHeader ul li.clsOver
{
	background: transparent url(/images/css/bg_idHeader_ulli_Over.gif) no-repeat top left;
}

#idHeader ul li.clsHome
{
	background: transparent url(/images/css/bg_idHeader_ulli_clsHome.gif) repeat-x top left;
}

#idHeader ul li.clsHomeOver
{
	background: transparent url(/images/css/bg_idHeader_ulli_clsHome_Over.gif) repeat-x top left;
}

#idHeader ul li.clsEnd
{
    width: 200px;
	background: transparent url(/images/css/bg_idHeader_ulli.gif) no-repeat top left;
}

#idHeader ul li a:link,
#idHeader ul li a:active,
#idHeader ul li a:visited
{
	padding: 0px;	
	font-weight: 500;
	color: #444444;
	text-decoration: none;
}

#idHeader ul li a:hover
{
	color: #f59208;
	text-decoration: none;
}

/* content */

#idContent
{
	width: 914px;
	padding: 10px 8px 40px 8px;
	margin: 14px auto 0px auto;
	text-align: left;
	display: block;
	background-color: #ffffff;
	clear: both;
}

/* home page flash */

#idContent #idFlash
{
    width: 916px
}

#idContent #idFlash ul,
#idContent #idRight ul
{
	height: 916px;
	height: 150px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-color: #ffffff;
}

#idContent #idFlash ul li,
#idContent #idRight ul li
{
    width: 300px;
	height: 150px;
	padding: 0px;
	margin: 0px 7px 0px 0px;
	display: inline;
	float: left;
	background-color: #ffffff;
}

#idContent #idFlash ul li.clsEnd,
#idContent #idRight ul li.clsEnd
{
	margin: 0px;
}

#idContent #idFlash ul li a.clsMapsforYou:link,
#idContent #idFlash ul li a.clsMapsforYou:active,
#idContent #idFlash ul li a.clsMapsforYou:visited
{
    width: 300px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	display: block;	
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
	background: transparent url(/images/css/bg_idFlash_ulli_clsMapsforYou.jpg) repeat-x top left;
}

#idContent #idFlash ul li a.clsMapsforYou:hover
{
	background: transparent url(/images/css/bg_idFlash_ulli_clsMapsforYou_Over.jpg) repeat-x top left;
	text-decoration: none;
}

#idContent #idFlash ul li a.clsAgencyServices:link,
#idContent #idFlash ul li a.clsAgencyServices:active,
#idContent #idFlash ul li a.clsAgencyServices:visited
{
    width: 300px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	display: block;	
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
	background: transparent url(/images/css/bg_idFlash_ulli_clsAgencyServices.jpg) repeat-x top left;
}

#idContent #idFlash ul li a.clsAgencyServices:hover
{
	background: transparent url(/images/css/bg_idFlash_ulli_clsAgencyServices_Over.jpg) repeat-x top left;
	text-decoration: none;
}

#idContent #idFlash ul li a.clsMapShop:link,
#idContent #idFlash ul li a.clsMapShop:active,
#idContent #idFlash ul li a.clsMapShop:visited
{
    width: 300px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	display: block;	
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
	background: transparent url(/images/css/bg_idFlash_ulli_clsMapShop.jpg) repeat-x top left;
}

#idContent #idFlash ul li a.clsMapShop:hover
{
	background: transparent url(/images/css/bg_idFlash_ulli_clsMapShop_Over.jpg) repeat-x top left;
	text-decoration: none;
}

#idContent #idRight ul li a.clsExamples:link,
#idContent #idRight ul li a.clsExamples:active,
#idContent #idRight ul li a.clsExamples:visited
{
    width: 300px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	display: block;	
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
	background: transparent url(/images/css/bg_idFlash_ulli_clsExamples.jpg) repeat-x top left;
}

#idContent #idRight ul li a.clsExamples:hover
{
	background: transparent url(/images/css/bg_idFlash_ulli_clsExamples_Over.jpg) repeat-x top left;
	text-decoration: none;
}

/* single column layout */

#idContent #idSpan
{
    display: block;
    position: relative;
    padding: 10px 20px 0px 10px;
    margin: 0px 7px 0px 0px;
    background-color: #ffffff;
    width: 877px;
}

/* two column layout */

#idContent #idLeft
{
    float: left;
    display: block;
    position: relative;
    padding: 10px 20px 0px 10px;
    margin: 0px 7px 0px 0px;
    background-color: #ffffff;
    width: 577px;
}

#idContent #idRight
{
    float: right;
    display: block;
    position: relative;
    padding: 0px;
    margin: 0px;
    background-color: #ffffff;
    width: 300px;
}

/* content styles */

#idContent #idSpan h1,
#idContent #idLeft h1
{
    margin: 10px 0px;
    padding: 0px;
    font-size: 2.5em;
    font-weight: 500;
    color: #13381c;
    display: block;
}

#idContent #idSpan h2,
#idContent #idLeft h2
{
    margin: 10px 0px;
    padding: 0px;
    font-size: 1.75em;
    font-weight: 500;
    color: #13381c;
    display: block;
}

#idContent #idSpan p,
#idContent #idLeft p
{
    margin: 15px 0px;
    padding: 0px;
    display: block;
}

#idContent #idSpan p.clsOpeningParagraph,
#idContent #idLeft p.clsOpeningParagraph
{
    font-size: 1.1em;
	font-weight: 700;
}

#idContent a:link,
#idContent a:active,
#idContent a:visited
{
	font-weight: 500;
	color: #f59208;
	text-decoration: none;
}

#idContent a:hover
{
	color: #444444;
	text-decoration: none;
}

#idContent #idSpan .clsSection,
#idContent #idLeft .clsSection
{
	padding: 0px 10px 10px 10px;
	margin: 30px 0px 20px 0px;
	border: 1px solid #7f7f7f;
	position: relative;
	display: block;
}

#idContent #idSpan .clsSection h2,
#idContent #idLeft .clsSection h2
{
	color: #13381c;
	font-size: 1.5em;
	top: -13px;
	margin: 0px;
	padding: 0px 5px;
	background-color: #ffffff;
	overflow: visible;
	display: inline;
	position: relative;
}

#idContent #idSpan .clsSection p,
#idContent #idLeft .clsSection p
{
    margin: 0px;
    padding: 0px;
}

#idContent #idSpan .clsSection .clsPrice,
#idContent #idLeft .clsSection .clsPrice
{
    margin: 15px 0px 5px 0px;
    font-size: 1.25em;
    font-weight: 700;
	color: #f59208;
    padding: 0px;
}

#idContent #idSpan .clsSection img.clsProduct,
#idContent #idLeft .clsSection img.clsProduct
{
	float: right;
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

#idContent #idSpan .clsHighLight,
#idContent #idLeft .clsHighLight
{
    border: 1px solid #eceeef;
    background: #fbfbfb url(/images/css/bg_clsHighLight.gif) repeat-x top left;
    margin: 20px 0px;
    padding: 10px;
    display: block;
    position: relative;
}

#idContent #idSpan .clsHighLight h1,
#idContent #idLeft .clsHighLight h1
{
    font-size: 1.15em;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    color: #616563;
}

#idContent #idLeft #idMap
{
	margin: 0px;
    padding: 0px;
    width: 577px;
    height: 300px;
    border: 1px solid #7f7f7f;
}

#idContent #idLeft #idMap #idMapInner
{
	margin: 0px;
    padding: 0px;
    width: 577px;
    height: 300px;
    background: #ffffff url(/images/slimbox/loading.gif) 50% 50% no-repeat;
}

#idContent #idRight .clsFeature
{
    padding: 10px 10px 15px 10px;
    margin: 10px 0px;
    display: block;
	background: #111111 url(/images/css/bg_idRight_idFeature.gif) repeat-x top left;
	color: #ffffff;
	font-size: .9em;
}

#idContent #idRight .clsFeature a:hover
{
    color: #ffffff;
}

#idContent #idRight .clsFeature h1
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-size: 2em;
    font-weight: 500;
    color: #8da095;
    display: block;
}

#idContent #idRight .clsFeature p
{
    margin: 15px 0px;
    padding: 0px;
    display: block;
}

#idContent #idSpan .clsThumbnails
{
    float: right;
    margin: 10px 0px 0px 20px;
    padding: 0px;
    width: 357px;
}

#idContent #idSpan .clsThumbnails img
{
    border: 3px solid #ffffff;
    float: left;
    margin: 0px 3px 3px 0px;
}

#idContent #idSpan .clsThumbnails img.over,
#idContent #idSpan .clsThumbnails img:hover
{
    border: 3px solid #f59208;
}

a.clsPDF:link,
a.clsPDF:active,
a.clsPDF:visited,
a.clsPDF:hover
{
	background: url(/images/css/clsPDF.gif) no-repeat top left;
	margin: 3px 0px;
	padding: 1px 0px 0px 20px;
	display: inline;
}

#idContent #idRight a.clsWallisAward:link,
#idContent #idRight a.clsWallisAward:active,
#idContent #idRight a.clsWallisAward:visited
{
	width: 300px;
	height: 180px;
	display: block;
	position: relative;
	overflow: hidden;
	background: transparent url(/images/css/bg_a_clsWallisAward.gif) left top no-repeat;
}

#idContent #idRight a.clsWallisAward:hover
{
	background-position: 0 -180px;
}

#idContent #idRight a.clsWallisAward span
{
    display: none;
}

/* footer */

#idFooter
{
	width: 910px;
	padding: 10px;
	margin: 0px auto;
	text-align: left;
	display: block;
	background-color: #13381c;
	color: #ffffff;
	position: relative;
}

#idFooter ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#idFooter ul li
{
	margin: 0px;
	padding: 0px 25px;
	display: inline;
	float: left;
	background: transparent url(/images/css/bg_idFooter_ulli.gif) no-repeat top right;
	font-size: .85em;
}

#idFooter ul li.clsHome
{
	padding: 0px 25px 0px 0px;
}

#idFooter ul li.clsEnd
{
	background-image: none;
}

#idFooter ul li a:link,
#idFooter ul li a:active,
#idFooter ul li a:visited
{
	padding: 0px;	
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
}

#idFooter ul li a:hover
{
	color: #f59208;
	text-decoration: none;
}

/* footer navigation */

#idFooterNavigation
{
	width: 910px;
	padding: 10px;
	margin: 0px auto;
	position: relative;
	display: block;
	background: #ffffff;
	font-size: .8em;
	clear: both;
}

#idFooterNavigation ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#idFooterNavigation ul li
{
	padding: 0px;
	display: inline;
	margin: 0px 25px 0px 0px;
	float: none;
}

#idFooterNavigation a:link,
#idFooterNavigation a:active,
#idFooterNavigation a:visited,
#idFooterNavigation ul li a:link,
#idFooterNavigation ul li a:active,
#idFooterNavigation ul li a:visited
{
	font-weight: 500;
	color: #13381c;
	text-decoration: none;
}

#idFooterNavigation a:hover,
#idFooterNavigation ul li a:hover
{
	color: #f59208;
	text-decoration: none;
}

/* credit */

#idCredit
{
	width: 930px;
	padding: 0px;
	margin: 20px auto 0px auto;
	text-align: left;
	display: block;
	font-size: .85em;
	background-color: transparent;
	color: #444444;
}

#idCredit div
{
    float: left;
    width: 200px;
	font-size: .9em;
}

#idCredit a:link,
#idCredit a:active,
#idCredit a:visited
{
	font-weight: 500;
	color: #f59208;
	text-decoration: none;
}

#idCredit a:hover
{
	color: #444444;
	text-decoration: none;
}

#idCredit p
{
    float: right;
    width: 730px;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

/* form styles */

form
{
    margin: 0px;
    padding: 10px 0px;
}

form label
{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	display: block;
	color: #ffffff;
	font-weight: 500;
	float: left;
	clear: both;
	font-size: 13px;
}

form .clsInput,
form .clsInputError
{
	width: 195px;
	padding: 2px;
	border: 1px solid #939394;
	background-color: #ffffff;
	color: #333333;
	margin: 2px 0px 10px 0px;
	float: right;
}

form .clsInputError
{
	border: 1px solid #f59208;
}

form .clsSelect,
form .clsSelectError
{
    width: 120px;
	padding: 2px;
	border: 1px solid #939394;
	background-color: #ffffff;
	color: #333333;
	margin: 2px 0px 10px 0px;
	float: right;
}

form .clsSelectError
{
	border: 1px solid #f59208;
}

form .clsTextArea,
form .clsTextAreaError
{
	width: 195px;
	padding: 2px;
	margin: 2px 0px 10px 0px;
	font-size: .9em;
	border: 1px solid #939394;
	background-color: #ffffff;
	color: #333333;
	font-family: Arial, "Sans-Serif";
	float: right;
}

form .clsTextAreaError
{
	border: 1px solid #f59208;
}

form .clsSubmit
{
	padding: 3px 10px;
	border: 2px solid #ffffff;
	background-color: #f59208;
	color: #ffffff;
	margin: 5px 0px 0px 0px;
	font-size: .9em;
	font-weight: 700;
	float: right;
}

#idContent #idRight .clsFeature form p
{
    float: left;
    display: block;
    width: 75%;
	margin: 5px 0px 0px 0px;
    padding: 0px;
}

/* form validation messages */

.clsMsgError
{
    width: 842px;
	min-height: 29px;
	overflow: visible;
	display: block;
	padding: 7px 10px 10px 60px;
	margin: 15px 0px 15px 0px;
	border: 1px solid #000000;
	background: url(/images/css/bg_clsRegError.gif) no-repeat top left #ffffcc;	
	font-size: .9em;
}

.clsMsgSuccess
{
    width: 842px;
	min-height: 29px;
	overflow: visible;
	display: block;
	padding: 7px 10px 10px 60px;
	margin: 15px 0px 15px 0px;
	border: 1px solid #000000;
	background: url(/images/css/bg_clsRegSuccess.gif) no-repeat top left #ffffcc;	
	font-size: .9em;
}

#idRight .clsMsgError,
#idRight .clsRegSuccess
{
    width: 228px;
}

.clsMsgError p,
.clsMsgSuccess p
{
    margin: 0px;
}

/* standard styles */

.clsClear
{
	clear: both;
	height: 1px;
	overflow: hidden;
}

.clsClear p
{
	display: none;
	visibility: hidden;
}

.clsSmall
{
	font-size: .8em;
}

.clsLarge
{
	font-size: 1.25em;
}

.clsCredit
{
	font-size: .7em;
	font-style: italic;
}

.clsBold
{
	font-weight: 700;
}

.clsItalic
{
	font-style: italic;
}

.clsUnderline
{
	text-decoration: underline;
}

.clsNormal
{
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
}

