/*
''<summary>
		<page>02layout.css</page>
		<description>This stylesheet is responsible for the layout of the site</description>
		<notes>
		Everything is built using fixed widths (940px for the outer area, 920 for the inner).
		Font sizes are all set as a percentage of the main template.
		Everything has the color and background-color set on it for W3C validation
		Each main area has a bottom margin of 10px which is adjustable
		Footer sits seperate from the main content, but, it can be moved inside #maincontainer
		</notes>
		<version>
			2006/07/05	Gregory Brine	Initial creation of file
		</version>
''</summary>
*/

/* ############# CONTAINERS ############ */
div#outsidecontainer { margin: 60px auto 0 auto; padding:0; width: 800px;}
*html* div#outsidecontainer { margin: 100px auto 0 auto; padding-top:60px; width: 800px;} /* This sets the site position and width on the page  */
div#content_outer_container { float:left;margin:0; width: 800px; padding:0;}

/* ############# TOPBAR ############ */
div#topbar {float:left;margin:0;height:73px; z-index:2; width:800px;}
div#topbar img {float:left;}
div#topbar div.topnav {float:left;margin:0;padding: 0 0 0 227px;width:563px;} 
div#topbar .logo {float:left;position:relative;margin:-65px 0 0 0;}

/* ############# TOPNAV ############ */
div#topnav { z-index: 3; position:relative; margin-top: -37px; padding-left:250px; margin-left:15px;}

/* ############# CONTENT ############ */
div#content_home { margin: 0px;  padding-top:30px; padding-bottom:30px;}
* html * div#content_home { padding-top:50px;}
div#content_home .content_left { float: left; padding-left: 90px; margin: 0; }
div#content_home .content_right_home { float: right; width: 270px; padding: 25px 120px 0 0; }
div#content_home .content_right { float: right; width: 400px; padding: 0 0 0 0; }

/* ############# FEATURE + SPEC + WHERETOBUY ############ */
div.feature_cam_left { float:left; padding:20px 0 0 25px;}
div.feature_content_right { width: 350px; padding:20px 0px 0 12px; float:left;}
div.feature_content_right div.fixedHeading {height: 50px;margin:0;padding:0;}



div.feature_content_right_bg {background:white; width:409px; float:right; margin-right:5px; border-top: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7;padding:0;}
div.feature_content_right_bg_bot {background:url(../images/container/feature_bot.gif) top right no-repeat; width:411px; height:48px; float:right; margin:0 5px 0 0}

div.tabbeddiv { float:left;padding: 20px 15px 0 15px; width:379px; height: 450px !important; overflow: auto;}

* html div.tabbeddiv {float:none !important;}


div.tabbeddivInner {border-top: 5px solid #fff;}
div.tabbeddivInner .tabbeddiv {height: 408px !important;}

div.tabbeddiv ul { padding:0 0 0 15px; margin:0; list-style:url(../images/point.gif); font-size: 0.9em; }
div.tabbeddiv ul li { padding:0 0 20px 0; margin:0 0 0 0; color:#fe0000; font-weight:bold; }

table.detail {border-collapse:collapse; margin:-20px 0 0 -15px;}
.detail th { margin:0; vertical-align:top; padding:10px 30px 10px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: red; font-weight:100; font-size: 0.85em; width:100px; text-align:left;}
.detail td { margin:0; vertical-align:top; padding:10px 0px 10px 15px; border-bottom: 1px solid #ccc; width:300px; color: #7e7e7e; font-weight:100; font-size: 0.85em;}

/* ############# PRODUCT IMAGES (GALLERY) ############ */
div#gallery_body {float:left;width: 768px; background:white; border-top: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7;height:500px; float:right; margin: 30px 10px 0 0;}
div#gallery_body .header {background:#c1c1c1; height:24px; width:758px; padding: 10px 0 0 10px;}
*html* div#gallery_body .header {padding: 8px 0 0 10px; height:26px;}
div.gallery_bg_bot {background:url(../images/container/feature_bot_lg.gif) top right no-repeat; width:770px; height:43px; float:right; margin:0 10px 0 0}
div.gallery_inner { float: left; padding: 10px 5px 0 5px; width:445px; border-right:1px solid #ccc; min-height:460px; text-align:center}
*html* div.gallery_inner {height:460px;}
div.gallery_tabs {float:right; width:283px; padding: 10px 7px 10px 10px;}
div.gallery_content_right { width: 250px; padding:10px 37px 0 0px; float:right;}

/* ############# FOOTER ############ */
div#footer {width: 800px; height: 48px; background: url(../images/bot.gif) no-repeat; float:left; margin-top:10px;}
div.footer_right { float: right; padding: 40px 0 40px 0; font-size: 0.85em; color: #fe0000;}
div.footer_right a:link, div.footer_right a:visited { color: #fe0000; background-color: inherit; }
div.footer_right a:hover, div.footer_right a:focus { color: #fe0000 !important; background-color: inherit; }