body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; background-color: #000; color: #fff; text-align: center;  }
a { color: #fff; }
fieldset { border: 0; margin: 0; padding: 0; }
input.submit { color: #fff; background: #153359 url(images/button_gradient.gif) repeat-x top left; border: 1px solid #153359; padding: 0 5px; font-weight: bold; font-variant: small-caps; margin-left: 120px; overflow: visible; }
input.button { color: #fff; background: #999b9f url(images/button_gradient_secondary.gif) repeat-x top left; border: 1px solid #5d5e60; font-weight: bold; font-variant: small-caps; overflow: visible; }
h1, h2, h3, h4, h5, h6, ul, p, form { margin: 0; padding: 0; font-weight: normal; font-size: 100%; }

p.note { font-size: x-small; }

ul.horizontalMenu { list-style: none; margin: 0; padding: 0; }
ul.horizontalMenu li { float: left; border-right: 1px solid #fff; }
ul.horizontalMenu li a { display: block; padding: 0px 6px; color: #fff; text-decoration: none; }
ul.horizontalMenu li.first a { padding-left: 0; }
ul.horizontalMenu li.last { border: 0; }

#wrapper { margin: 0 auto; width:960px; background-color: #000; text-align: left; }

#header { width: 960px; float: left; }
	#logo { float: right; }
	#logo img { border: 0; }

	#logobar { float: left; width: 600px; padding: 29px 14px 14px 14px; }
	#logobar ul { list-style: none; margin: 0; padding: 0; }
	#logobar ul li { float: left; border-right: 1px solid #fff; }
	#logobar ul li.last { border: 0; }
	#logobar ul li a { display: block; padding: 0px 6px; color: #fff; text-decoration: none; }
	#logobar ul li.first a { padding-left: 0; }

	#shopbar { clear: left; float: left; width: 932px; padding: 2px 14px; background: #a7a9ac url(images/wide_gradient_grey.jpg) repeat-y top left; }
	#shopbar div.top { float: left; width: 100%; }
	#shopbar ul { list-style: none; margin: 0; padding: 3px 0; float: right; width: 400px; }
	#shopbar ul li { float: right; border-right: 1px solid #fff; }
	#shopbar ul li.last { border: 0; }
	#shopbar ul li a { display: block; padding: 1px 6px; color: #fff; text-decoration: none; }
	#shopbar ul li.first a { padding-left: 0; }
	
	form.searchForm { width: 520px; float: left; }
	
	div.crumbtrail { width: 100%; border-top: 1px dotted #fff; float: left; clear: both; padding: 3px 0; }

#navigation { width: 193px; float: left; }
	#navigation ul { width: 178px; padding: 5px 0 5px 15px; list-style-type: none; background: #4d4e53 url(images/vertical_gradient_nav.gif) repeat-x top left; }
	#navigation ul a { text-decoration: none; }
	#navigation ul li h3 { font-size: 130%; padding-top: 10px; border-bottom: 1px solid #afafaf; }
	#navigation ul li ul { margin: 0; padding: 0; background: none; }
	#navigation ul li ul li { display: block; padding: 0; margin-top: 1px; }
	#navigation ul li ul li a { display: block; padding: 2px; background: url(images/nav_gradient.gif) repeat-y top left; }
	#navigation ul li ul li a:hover {  background: url(images/nav_gradient_hover.gif) repeat-y top left; }
	
	div.menu_corner { height: 10px; background: #4d4e53 url(images/corner_br_small.gif) no-repeat bottom right; width: 100%; }



#content { width: 765px; float: right; }

	div.prodListRowHeader { float: left; padding: 3px 12px; color: #cdcdce; background: #7b7c7d url(images/page_gradient_grey.jpg) repeat-y top left; font-size: 150%; width: 739px; font-weight: bold; margin-bottom: -4px; }
	div.prodListRowHeader span { color: #fff; }

	div.prodListRow { float: left; margin: 5px 0 5px 0px; background: url(images/prod_row_bg_gradient.jpg) repeat-x bottom left;  position: relative; }
	div.prodListRow div.element { float: left; width: 127px; padding: 12px; margin-right: 2px; display: inline; }
	div.prodListRow div.element.last { margin: 0;}
	div.prodListRow div.element img { border: 0; width: 151px; height: 151px; margin: -12px -12px 12px -12px; display: inline; }
	div.prodListRow div.element h2 a { color: #111; margin: 0; padding: 0; font-weight: bold; text-decoration: none; font-size: 120%; }
	div.prodListRow div.element p.subtitle { padding: 4px 0 8px 0; color: #373737; font-weight: bold; }
	div.prodListRow div.element p.price { display: block; width: 127px; margin: 0; padding: 3px 0; border: 1px dotted #fff; border-width: 1px 0; }
	div.prodListRow div.element p.abstract { padding-top: 8px; }
	div.prodListRow div.element p span.new_price { font-size: medium; font-weight:bold; color: #fff; }
	div.prodListRow div.element p span.new_price_noprice { font-size: 80%; font-weight:bold; color: #cdcccc; }
		div.prodListRow div.element p span.new_price_noprice span.tel { color: #fff; }
	div.prodListRow div.element p span.old_price { font-size: medium; text-decoration: line-through; }
	
	div.sectionListRow { float: left; background: #4d4e53 url(images/home_section_corner.gif) repeat-x bottom left; margin: 4px 0; }
	div.sectionListRow div.element { float: left; width: 253px; color: #fff; /*background: #4d4e53 url(images/corner_br_small.gif) no-repeat bottom right;*/ margin: 0 2px 0 0; display: inline; }
	div.sectionListRow div.element div { width: 253px; height: 120px; background-position: 50% 50%; background-repeat: no-repeat; }
	div.sectionListRow div.element h2 { padding: 90px 3px 3px 14px; font-size: 200%; text-decoration: none; }
	div.sectionListRow div.element h2 a:visited, div.sectionListRow div.element h2 a { text-decoration: none; }
	div.sectionListRow div.element p { padding: 10px 14px; }

	#product { width: 765px; padding-bottom: 10px; margin-top: 2px; float: left; color: #fff; background: #949596 url(images/corner_br_small.gif) no-repeat bottom right; }
		#prodImages { float: left; width: 304px; color: #fff; background: #949596 url(images/prod_main_bg_gradient.jpg) repeat-x top left; }
			#viewProductImage { width: 300px; height: 300px; }
		#prodThumbs { width: 304px; }
			#prodThumbs a img { margin: 4px 4px 0 0; width: 72px; border: 0; opacity: 0.6; }
			#prodThumbs a:hover img { opacity: 0.9; }
			#prodThumbs img.last { margin-right: 0; }
			#prodThumbs img.selected { opacity: 1; }
		#prodInfo { float: left; width: 425px; padding: 20px 20px 20px 16px; background: #949596 url(images/prod_main_bg_gradient.jpg) repeat-x top left; }
			#prodInfo h1 { color: #353537; font-weight: bold; font-size: 180%; }
			#prodInfo h2, #prodImages h2 { color: #515253; font-weight: bold; font-size: 150%; margin-bottom: 4px; }
			#prodInfo div.copy { border: 1px dotted #c4c5c5; border-width: 1px 0; margin: 5px 0; padding-bottom: 5px; } 
			#prodInfo div.copy p { margin-top: 5px; }
		
		table.specs { color: #353537; border: 2px solid #5c5e60; width: 421px; }
			table.specs th { color: #fff; background-color: #5c5e60; font-size: 150%; }
			table.specs tr { background-color: #cacacb; }
			table.specs tr.alt { background-color: #bebfc0; }
			table.specs td.label { font-weight: bold; vertical-align: top; text-align: left; }
			table.specs td.value { text-align: left; }

	#content div.page { width: 725px; padding: 10px 20px; margin-top: 2px; float: left; color: #fff; background: #949596 url(images/prod_main_bg_gradient.jpg) repeat-x top left; }
	#content div.page.narrow { width: 542px; padding: 14px; }
	#content div.page > p { line-height: 140%; margin-top: 5px; }
	#content div.page h1 { font-size: 220%; font-weight: bold; margin: 15px 0 10px 0; }
	#content div.page h2 { font-weight: bold; font-size: 120%; margin: 10px 0 5px 0; }
	#content div.page ul { list-style-position: inside; margin-left: 15px; margin-bottom: 5px; clear: left; }
	
	
/* Forms */
#optionForm {  }
	#optionForm fieldset label { font-weight: bold; }
	#optionForm fieldset.option { color: #fff;  background: #747679 url(images/corner_br_small_grey.gif) no-repeat bottom right; padding: 2px; margin-bottom: 3px; }
	#optionForm fieldset.noPrice { color: #fff;  background: #747679 url(images/corner_br_small_grey.gif) no-repeat bottom right; padding: 6px; margin-bottom: 3px; }
	#optionForm fieldset.option.alt { background-color: #7c7e80; }
	#optionForm fieldset ul { margin-left: 60px; margin-top: 10px; }
	#optionForm fieldset.quantity { border-top: 1px dotted #afb0b0; padding: 2px; }
	#optionForm fieldset.submit { border: 1px dotted #afb0b0; border-width: 1px 0; padding: 2px; }
	#optionForm input.submit { margin: 0; }
	#optionForm div.totalPrice { font-size: 180%; font-weight: bold; border-top: 1px dotted #afb0b0; padding: 2px; }
	
#leaseForm { padding: 8px; }
	#leaseForm fieldset label { }
	#leaseForm fieldset.options label { font-weight: bold; color: #fff;  background: #747679 url(images/corner_br_small_grey.gif) no-repeat bottom right; padding: 2px 0; margin-bottom: 3px; float: left; width: 100%; }
	#leaseForm fieldset.options label img { float: right; margin-right: 10px; }
	#leaseForm fieldset.options label input { margin-left: 5px; }
	#leaseForm fieldset.text { background: none; }
	#leaseForm fieldset.text p { display: block; float: left; width: 100%; margin: 2px 0; border-bottom: 1px dotted #fff; padding-bottom: 3px; }
	#leaseForm fieldset.text p.last { border: 0; }
	#leaseForm fieldset.text p input { float: right; width: 180px; }
	#leaseForm fieldset.text p.btbsk { display: none; }
	#leaseForm fieldset.text p label { font-weight: bold; padding-top: 5px; float: left; }
	#leaseForm fieldset.text p span.error { clear: both; color: #515253; display: block; font-weight: bold; }
	#leaseForm fieldset.submit { border: 1px dotted #afb0b0; border-width: 1px 0; padding: 2px; }
	#leaseForm input.submit { margin: 0; }
	
form.mainForm { display: block; float: left; width: 725px; }
div.page.narrow form.mainForm { width: 542px; }
	form.mainForm fieldset { float: left; }
	
	form.mainForm fieldset p { float: left; clear: left; color: #000; padding: 5px 20px; background-color: #cacacb; width: 685px; }
	div.page.narrow form.mainForm fieldset p { width: 502px; }
	form.mainForm fieldset p.alt { background-color: #bebfc0; }
	form.mainForm label { float: left; font-weight: bold; }
	
	form.mainForm fieldset.info { background-color: #5c5e60; color: #fff; padding: 10px 0; }
	form.mainForm fieldset.info p { background-color: #5c5e60; color: #fff; width: 685px; font-weight: bold; line-height: 1.4; /*padding: 0 inherit;*/ }
	div.page.narrow form.mainForm fieldset.info p { width: 502px; }
	
	form.mainForm fieldset.text label { width: 100px; }
	form.mainForm fieldset.text input { width: 300px; }
	form.mainForm fieldset.text input.submit { width: auto; float: none; margin: 0; }
	form.mainForm fieldset.text input.form_element_error { border: 2px solid #d00; }
	form.mainForm fieldset.text span.form_error { padding-left: 100px; color: #d00; }
	
	form.mainForm fieldset.tickboxes {  }
	form.mainForm fieldset.tickboxes label { margin-left: 10px; }
	form.mainForm fieldset.tickboxes input { float: left; }
	form.mainForm fieldset.tickboxes {  }
	
	form.mainForm fieldset.submit p { background-color: transparent; padding: 10px 0; }


#addressblock { width: 100%; float: left; margin-bottom: 20px; }
	#addressblock div { width: 250px; float: left; }


/* Tables */
table { width: 100%; }
	table a { color: #353537; }
	th { text-align: left; padding: 5px 10px; font-size: small; }
	td { text-align: left; padding: 3px 10px; }
	th.right, td.right { text-align: right; }
	td.centre { text-align: center; }
	tr { color: #000; }
	tr.row1 { background-color: #cacacb; }
	tr.row2 { background-color: #bebfc0; }
	tr.info { color: #fff; background-color: #5c5e60; }

/* FAQs */
ol.faqs { list-style: none; padding: 0; margin: 10px 0; }
ol.faqs div { padding: 0 5px; margin: 3px 10px 10px 0; }
ol.faqs div p { margin-top: 4px; }
ol.faqs div.ans_visible { display: block; }
ol.faqs div.ans_hidden { display: none; }
ol.faqs li strong { color: #000; }
ol.faqs div strong { background-color: transparent; }


#footer { width: 960px; float: left; margin-top: 15px; } 
	#footer div.docbar { width: 932px; padding: 2px 14px; float: left; }
	#footer div.signupbar { width: 932px; padding: 2px 14px; float: left; background: #a7a9ac url(images/wide_gradient_grey_corner.jpg) repeat-y top left; }
	#footer div.copyrightbar { width: 932px; padding: 2px 14px; float: left; }

/* sIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash div.page h1 { visibility: hidden; letter-spacing: 1px; font-size: 26px !important; }
.sIFR-hasFlash #navigation h3 { visibility: hidden; letter-spacing: 1px; font-size: 12px !important; }
.sIFR-hasFlash #header h4 { visibility: hidden; letter-spacing: 1px; font-size: 22px !important; }

/* jqModal */
.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #4d4e53; color: #fff; border: 1px solid black; padding: 12px; }
#prodImages .jqmWindow h2 { font-size: large; font-weight: bold; margin: 0 0 15px 0; color: #fff; }
#prodImages .jqmWindow p { margin: 0 0 8px 0; }
#prodImages .jqmWindow tr { color: #fff; }
#prodImages .jqmWindow ul { margin: 0 0 10px 30px; }
#prodImages .jqmWindow .maxHeight { max-height: 500px; overflow:auto; }
.jqmOverlay { background-color: #000; }

.hide { display: none; }
.phoneOffice { font-size: 65%; }