/* © 1999-2010 Louise Betz */


/* CSS Reset */
* { margin: 0; padding: 0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset, img { border:0;}
ul { list-style:none;}
caption, th { text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}

/* BASE STYLES */
body { background-color: white; color: #333333; font-family: Helvetica,Arial,Verdana,"Lucida Grande", sans-serif; font-size:11px; line-height:1.7em;}
a { text-decoration:none; font-weight:bold;}
a.text {color: #000066;}
a.text:hover {color: orange; text-decoration: underline }
a img { border: 0;}
p  { margin: 10px 0; padding-left: 5px;}
ul { list-style: none;}

.fl { float: left }
.fr { float: right }
.error { font-weight: bold; font-size: 18px; color: red; border: 1px solid red; text-align: center; padding-top: 30px; }


/* STRUCTURE */
#wrapper { margin: 0 auto; width: 980px; text-align:left;}
#inner { width:980px; float:left; background:#ffffff url('http://images.betzstatic.com/shared/bg_body.jpg') repeat-y top center;}
#main_content {float:left; padding: 10px 0 0 20px;}
#navigation { float:left; width:184px; margin-right:9px; font-size: .9em;}
#content { float:left; position:relative; width: 744px;}
#footer {clear:both; font-size:10px; margin:0pt auto 1em; padding-top:10px; text-align: center; width: 100%;}
#footer2 a {float: left; padding-left:10px; width:150px;}

.module_top { clear: both; float: left; height:5px; line-height:5px; width:100%;}
.module_content { clear: both; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; height:auto;}
.module_bottom { clear: both; float: left; height:5px; line-height:5px; width:100%; margin-bottom:20px;}

/* BUTTONS */
a.button, a.highlight {width:174px}
a.bullet, a.button, a.highlight { margin: 0; background:transparent url('http://images.betzstatic.com/shared/circle_arrow.png') no-repeat scroll 160px 0.47em;}
a.bullet, a.button, a.highlight { clear: both; font-weight: bold; display:block; line-height:14px; padding:0.34em 2px 0.34em 12px;}
a.bullet, a.button {background-color: #ececec; border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1; color:#333333;}
a.bullet:hover, a.button:hover {background-color: #D1D1D1}
a.link {border-bottom:1px solid #dc7100; border-top:1px solid #dc7100; color:#a15300;}
a.highlight {background-color: #ffcc66; border-bottom:1px solid #dc7100; border-top:1px solid #dc7100; color:#a15300; margin-top: 10px}
a.highlight:hover {background-color: #f99e19;}
a.learn-more { background:transparent url('http://images.betzstatic.com/shared/more.png') no-repeat scroll 100% 82% !important; padding-right:7px; color: #0000aa;}	
a.learn-more:hover {text-decoration: underline}

.button_g, .button_b, .button_o, .button_r { display: block; float: left; height: 26px; margin-right: 6px; padding-right: 12px; color: white;}
.button_g span, .button_b span, .button_o span,.button_r span {display: block; line-height: 17px; padding: 3px 0 7px 12px;}
.button_g {background: transparent url('http://images.betzstatic.com/shared/buttons.png') right 0 no-repeat;}
.button_g span { background: transparent url('http://images.betzstatic.com/shared/buttons.png') 0 0 no-repeat;}
.button_g:hover {background: transparent url('http://images.betzstatic.com/shared/buttons.png')  right -104px no-repeat;}
.button_g span:hover { background: transparent url('http://images.betzstatic.com/shared/buttons.png') 0 -104px no-repeat;} 
	
.button_b {background: transparent url('http://images.betzstatic.com/shared/buttons.png')  right -26px no-repeat;}
.button_b span { background: transparent url('http://images.betzstatic.com/shared/buttons.png') 0 -26px no-repeat;}
.button_b:hover {background: transparent url('http://images.betzstatic.com/shared/buttons.png')  right -130px no-repeat;}
.button_b span:hover { background: transparent url('http://images.betzstatic.com/shared/buttons.png') 0 -130px no-repeat;} 

.button_o {background: transparent url('http://images.betzstatic.com/shared/buttons.png')  right -52px no-repeat;}
.button_o span { background: transparent url('http://images.betzstatic.com/shared/buttons.png') 0 -52px no-repeat;}
.button_o:hover {background: transparent url('http://images.betzstatic.com/shared/buttons.png')  right -156px no-repeat;}
.button_o span:hover { background: transparent url('http://images.betzstatic.com/shared/buttons.png') 0 -156px no-repeat;} 

.button_r {background: transparent url('http://images.betzstatic.com/shared/buttons.png')  right -78px no-repeat;}
.button_r span { background: transparent url('http://images.betzstatic.com/shared/buttons.png') 0 -78px no-repeat;}
.button_r:hover {background: transparent url('http://images.betzstatic.com/shared/buttons.png')  right -182px no-repeat;}
.button_r span:hover { background: transparent url('http://images.betzstatic.com/shared/buttons.png') 0 -182px no-repeat;} 

/* HEADER */
#header { width: 960px; height: 84px; background: url(http://images.betzstatic.com/shared/combined.png); margin: 0 auto; padding: 0; position: relative; border-bottom: solid 1px grey;}
#header li { margin: 0; padding: 0; list-style: none;  position: absolute; display: block;}
#header li, #header a { display: block;}
#header_top_left { background-color: white; height:30px; width: 396px; padding-left: 20px;}
#header_top_left a { float:left;}
.vs {font-size: 1px; color: grey}

#head_logo a {height: 54px;}
#head1 {left: 397px; top: 30px; height: 54px; width: 189px;}
#head2 {left: 586px; top: 30px; height: 54px; width: 173px;}
#head3 {left: 830px; top: 0px; height: 30px; width: 130px;}
#head4 {left: 875px; top: 51px; height: 33px; width: 85px;}
#head5 {left: 665px; top: 0px; height: 30px; width: 165px;}
#head6 {left: 759px; top: 51px; height: 33px; width: 116px; text-align: center; line-height: 33px;}
#head1 a {height: 54px;}
#head2 a {height: 54px;}
#head3 a {height: 30px;}
#head4 a {height: 33px;}	
#head5 a {height: 30px;}
#head1 a:hover { background: transparent url(http://images.betzstatic.com/shared/combined.png) -397px -114px no-repeat;}
#head2 a:hover { background: transparent url(http://images.betzstatic.com/shared/combined.png) -586px -114px no-repeat;}
#head3 a:hover { background: transparent url(http://images.betzstatic.com/shared/combined.png) -830px -84px no-repeat;}
#head4 a:hover { background: transparent url(http://images.betzstatic.com/shared/combined.png) -875px -135px no-repeat;}
#head5 a:hover { background: transparent url(http://images.betzstatic.com/shared/combined.png) -665px -84px no-repeat;}

/* BANNER */
#banner { margin:12px 0 20px 0;}

/* NAVIGATION */
#navigation .module_top { background:transparent url('http://images.betzstatic.com/shared/nav_top_184.png') no-repeat scroll 0%;}
#navigation .module_bottom { background:transparent url('http://images.betzstatic.com/shared/nav_bot_184.png') no-repeat scroll 0%;}
#masthead a {padding-left: 10px; color: white; font-size: 1.4em;}
#masthead a:hover {color: black;}
#masthead input {background-color:transparent !important; height:18px; left:10px; margin:0 4px; padding:2px 0 4px 10px; position:relative; width:110px; border: none;}
#mh1 {height: 18px; padding-top: 50px}
#mh2 {height: 18px;}
#mh3 {height: 26px; line-height: 26px;}


/* CONTENT */
#content { float:left; position:relative; width: 744px;}
#content h1 {font-size: 1.2em; font-weight: bold; padding: 10px 0 5px 0;}
#content h2 {font-size: 1.2em; font-weight: bold; padding: 5px 0 15px 5px;}
#content .content-section, .cart_header { clear:both; float:left; display:inline; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; position:relative; width: 742px;}
#content .content-section p { padding: 0 10px;}
#content .content-section .main_table { padding: 10px;}
#content .module_top{ background:transparent url('http://images.betzstatic.com/shared/nav_top_744.png') no-repeat scroll 0%;}
#content .module_bottom { background:transparent url('http://images.betzstatic.com/shared/nav_bot_744.png') no-repeat scroll 0%;}


/* FLY OUT */
#fom { font-size:11px; list-style:none; width:182px; position:relative; z-index:40;}
#fom ul { list-style:none;}
#fom li { display:block; width:182px; height:26px; float:left; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD;}
#fom li:hover { position:relative;}
#fom table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
#fom li ul { visibility:hidden; position:absolute; top:0; left:182px; width:500px; height:132px; border-left:1px solid #fff; padding-top:4px;}
#fom li ul li { display:block; display:inline; width:150px; height:20px; border:0; margin:0 10px; background:transparent;}
#fom li ul li a { text-indent:0; background:transparent; display:block; width:150px; height:20px; line-height:20px; color:#bbb; text-decoration:none;}
#fom li b { visibility:hidden; display:block; width:500px; height:132px; position:absolute; top:0; left:182px; background:#234; opacity:0.9; filter:alpha(opacity=90);}
* html #fom li a:hover { position:relative; white-space:normal;}
* html #fom li a:hover ul li a:hover { color:#000; background:#bcd;}
#fom li:hover ul li a:hover { background:#bcd; color:#000;}
#fom li:hover b, #fom li a:hover b { visibility:visible;}
#fom li:hover ul, #fom li a:hover ul { visibility:visible;}
#fom li h2 { font-weight: bold; line-height: 26px; font-size: 12px;  padding-left:10px;}

/* GUIDE */
#guide h1 { float:left; overflow:hidden; height:34px; padding:0 8px; font-style:normal;}			
#guide .guide_content { clear: both; background:transparent url('http://images.betzstatic.com/shared/guide_top.png') no-repeat scroll 0% 0%; color:#000000; display:inline; float:left; width:744px;}
#guide .guide_button {padding-top: 5px}
#guide .guide_bottom { clear: both; float: left; background:transparent url('http://images.betzstatic.com/shared/guide_bot.png') no-repeat scroll 0%; height:4px; line-height:4px; width:100%; margin-bottom:15px;}
#guide .guide_bottom2 { clear: both; float: left; background:transparent url('http://images.betzstatic.com/shared/nav_bot_744.png') no-repeat scroll 0%; height:5px; line-height:5px; width:100%; margin-bottom:7px;}
#guide .breadcrumbs { overflow:hidden; margin:0; padding:0; height:30px; line-height:34px; color:#888888;}
#guide .breadcrumbs a, .breadcrumbs span { float:left; overflow:hidden; height:34px; padding:0 8px; font-style:normal;}
#guide .breadcrumbs a { color: #545454;}
#guide .breadcrumbs span.a { background:url('http://images.betzstatic.com/shared/bg_breadcrumb.png') no-repeat left center; overflow:hidden; padding:0 0 0 10px; width:0px; filter:alpha(opacity=40); opacity:0.4;}
#guide .breadcrumbs span.b { background:url('http://images.betzstatic.com/shared/bg_separator.png') no-repeat left center; overflow:hidden; padding:0 0 0 10px; width:0px; filter:alpha(opacity=40); opacity:0.4;}
#guide_brand { clear:both; float:left; display:inline; border-top: 1px solid #D1D1D1; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; position:relative; width: 742px;}
#guide_brand .guide_logo { float:left; padding: 10px 10px 0 10px;}
#guide_brand .guide_categories { padding: 10px 0 10px 10px; float:left; width:600px; border-left: solid 1px lightgrey;}
#guide_brand .guide_categories li { float:left; width: 150px;}
#guide_brand .guide_patterns {clear: both; padding: 10px 0 0 10px; border-top: solid 1px lightgrey;}
#guide_brand .patterns { padding-right:5px;}

/* AUTOCOMPLETER */
ul.autocompleter-choices {position: absolute; margin: 0; padding: 0; list-style: none; border: 1px solid #7c7c7c; background-color: #fff; text-align: left; width:160px;}
ul.autocompleter-choices li { position: relative; margin: -2px 0 0 0; padding: 0.2em 1.5em 0.2em 1em; display: block; float: none !important; cursor: pointer; font-weight: normal; white-space: nowrap; font-size: 11px; line-height: 11px;}
ul.autocompleter-choices li.autocompleter-selected { background-color: #444; color: #fff;}
ul.autocompleter-choices span.autocompleter-queried { display: inline; float: none; font-weight: bold; margin: 0; padding: 0;}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color: #9FCFFF;}