@charset "utf-8";
/* CSS Document */

/* HTML */
body                          {background-image:url(../images/str-bck-main.jpg); background-repeat:repeat; margin:0px; font-family:Tahoma; font-size:12px; color:#333333;}
h1                            {color:#025128; margin:0px;}
h2                            {color:#7f6c5b; margin:0px;}
h3                            {color:#333333; margin:0px;}
h4                            {color:#000000; margin:0px;}

/* Site Structure */
.canvas                       {border-top:#dbddd5 10px solid;}
.header                       {background-color:#f5f4ef; border-top:#FFFFFF 1px solid; padding:10px;}
.utilityMenu                  {background-color:#f5f4ef; color:#333333; font-size:11px; padding:5px 10px 5px 10px;}
.utilityMenu a                {color:#000000; text-decoration:none;}
.utilityMenu a:hover          {color:#025128; text-decoration:underline;}
.availability                 {background-color:#f5f4ef; color:#000000; font-size:12px; padding:5px 10px 5px 0px;}
.phone                        {color:#000000; margin:0px; font-size:18px;}
.navigation                   {background-image:url(../images/str-bck-nav.jpg); background-repeat:repeat-x; padding:10px 0px 0px 0px;}
.search                       {color:#FFFFFF; font-size:14px; padding:0px 10px 0px 0px;}
.subNavigationTitle           {width:264px; border-radius: 6px; background-color:#e0e4d9; border-top:#f5f4ef 1px solid; border-bottom:#f5f4ef 1px solid; padding:5px 0px 5px 5px; color:#575b4f; font-size:12px; font-weight:600; margin:-10px -10px 0px -10px;}
.subNavigation                {width:264px; background-color:#f0f2eb; padding:10px 0px 10px 10px; border-top:#e0e4d9 1px solid; border-right:#e0e4d9 1px solid; color:#333333; font-size:14px; line-height:20px;}
.subNavigation a              {color:#333333; text-decoration:none;}
.subNavigation a:hover        {color:#025128; text-decoration:underline;}
.imageArea                    {border-bottom:#f5f4ef 1px solid;}
.imageBox                     {background-color:#f5f4ef;}
.content                      {background-color:#f5f4ef; padding:10px; color:#333333;}
.content a                    {color:#025128; text-decoration:underline;}
.content a:hover              {color:#7f6c5b; text-decoration:none;}
.trust                        {background-color:#FFFFFF; padding:10px; border-top:#e0e4d9 1px solid;}
.footer                       {color:#CCCCCC; font-size:11px; padding:10px 0px 10px 0px;}
.footer a                     {color:#FFFFFF; text-decoration:underline;}
.footer a:hover               {color:#f0f2eb; text-decoration:none;}
.prodSpecstitle               {width:366px; background-color:#e0e4d9; border-top:#f5f4ef 1px solid; border-bottom:#f5f4ef 1px solid; padding:5px 0px 5px 5px; color:#575b4f; font-size:12px; font-weight:600; margin:-10px -10px 0px -10px;}
.prodSpecsbuytitle            {width:366px; background-color:#cc0033; border-top:#f5f4ef 1px solid; border-bottom:#f5f4ef 1px solid; padding:5px 0px 5px 5px; color:#575b4f; font-size:12px; font-weight:600; margin:-10px -10px 0px -10px;}
.proofTitle                   {width:264px; border-radius: 6px; background-color:#b7070c; border-top:#f5f4ef 1px solid; border-bottom:#f5f4ef 1px solid; padding:5px 0px 5px 5px; color:#fcfcfb; font-size:12px; font-weight:600; margin:-10px -10px 0px -10px;}

/* Navigation Row */
.container                    {padding-left:10px; color:#FFFFFF; font-size:14px; text-transform:uppercase;}
#nav                          {clear:left; float:left; left:0%; position:relative; z-index:100;}
#dmenu                        {height:33px; clear:left; float:left; left:0%; position:relative; list-style-type:none; margin:0px; font-size:13px; z-index:50;}
#dmenu,
#dmenu ul                     {width:100%; float:left; list-style:none; line-height:15px; padding:0; margin:0;}
#dmenu a                      {display:block; color:#FFFFFF; padding:0px 10px; text-decoration:none;}
#dmenu li                     {float:left; padding:0; padding:5px 20px 0 0;}
#dmenu ul                     {height:auto; width:175px; position:absolute; left:-999em; margin:0; line-height:1; border:0; border:1px solid #634e39;}
#dmenu li li                  {width:175px; padding:0 0 0 0; border-top:1px solid #9e8976; border-bottom:1px solid #dbddd5;}
#dmenu li li a                {width:175px; padding:4px 10px; font-size:11px; color:#FFFFFF;}
#dmenu li ul ul               {margin:-20px 0 0 174px;}
#dmenu li li:hover            {background:#5e4b3a;}
#dmenu li ul li:hover a,
#dmenu li ul li li:hover a,
#dmenu li ul li li li:hover a,
#dmenu li ul li li li:hover a {color:#FFFFFF;}
#dmenu li:hover a,
#dmenu li.sfhover a           {color:#CCCCCC;}
#dmenu li:hover li a,
#dmenu li li:hover li a,
#dmenu li li li:hover li a,
#dmenu li li li li:hover li a {color:#FFFFFF; font-size:12px; font-weight:500;}
#dmenu li:hover ul ul,
#dmenu li:hover ul ul ul,
#dmenu li:hover ul ul ul ul,
#dmenu li.sfhover ul ul,
#dmenu li.sfhover ul ul ul,
#dmenu li.sfhover ul ul ul ul {left:-999em;}
#dmenu li:hover ul,
#dmenu li li:hover ul,
#dmenu li li li:hover ul,
#dmenu li li li li:hover ul,
#dmenu li.sfhover ul,
#dmenu li li.sfhover ul,
#dmenu li li li.sfhover ul,
#dmenu li li li li.sfhover ul {left:auto; background:#715b46;}
#dmenu li:hover,
#dmenu li.sfhover             {}
body {margin: 0;}
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
#lightbox                  {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img            {border: none;}
#outerImageContainer       {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer            {padding: 10px;}
#loading                   {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav                  {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav  {left: 0;}
#hoverNav a                {outline: none;}
#prevLink, #nextLink       {width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink                  {left: 0; float: left;}
#nextLink                  {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer        {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	}
#imageData                 {padding:0 10px; color: #666;}
#imageData #imageDetails   {width: 70%; float: left; text-align: left;}	
#imageData #caption        {font-weight: bold;}
#imageData #numberDisplay  {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em;}	 	
#overlay                   {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
@charset "utf-8";
/* Forms */
.FormContent             {padding-right:20px;}
.FormHeader              {background-color:#5e4b3a; border-radius: 6px; color:#FFFFFF; font-size:16px; font-weight:700; padding-top:2px; padding-bottom:2px;}
.FormHeaderNav           {background-color:#5e4b3a; color:#000000; font-size:16px; font-weight:700; padding-top:2px; padding-bottom:2px;}
.FormHeaderAccent        {font-size:14px; font-weight:normal;}
.FormNotes               {font-size:12px;}
.FormLabels              {font-weight:bold; font-size:12px;}
/* Developer Mode */
.TestMode                {font-family:Tahoma; font-size:10px; color:#333333; text-decoration:none; text-align:left; background-color:#FBB7C8; border-bottom:#C4393D solid 1px;}
/* Alerts */
.alert                   {font-family:Tahoma; font-size:10px; color:#333333; text-decoration:none; text-align:left; background-color:#FBB7C8; border-bottom:#C4393D solid 1px; padding:2px;}

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}

/* 
================================================
autosuggest, inquisitor style
================================================
*/

body
{
	position: relative;
}


div.autosuggest
{
	position: absolute;
	background-image: url(img_inquisitor/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(img_inquisitor/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(img_inquisitor/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(img_inquisitor/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(img_inquisitor/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(img_inquisitor/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(img_inquisitor/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(img_inquisitor/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(img_inquisitor/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}
body                          {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0px;}
.DividerVerticalDetails       {background-image:url(../images/divider-vertical-details.jpg);}
.Price                        {color:#fb8103; font-size:20px; font-weight:bold;}
.SubHeadline                  {font-size:10px;}

/* Product Details */
ol#toc                        {font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:#bebdbd 1px solid; padding:3px 0; margin:0px;}
ol#toc li                     {border-top:#bebdbd 1px solid; border-right:#bebdbd 1px solid; border-bottom-color:#dddddd; border-left:#bebdbd 1px solid; list-style:none; display:inline; color:#000000; text-decoration:none; padding:3px 8px; margin:0px;}
ol#toc li a                   {color:#444444; text-decoration:none;}
ol#toc li a:hover             {color:#000000;}
ol#toc li.current             {background-color:#f6f6f6; border-top:#bebdbd 1px solid; border-right-color:#bebdbd; border-bottom:#f6f6f6 2px solid; color:#444444; text-decoration:none; font-weight:bold;}
ol#toc li.current:hover       {background-color:#fafafa; border-top:#bebdbd 1px solid; border-right-color:#bebdbd; border-bottom:#f6f6f6 2px solid; color:#000000; font-weight:bold; text-decoration:none;}
ol#media                      {font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:#bebdbd 1px solid; padding:3px 0; margin:0px;}
ol#media li                   {background-color:#f6f6f6; border-top:#bebdbd 1px solid; border-right:#bebdbd 1px solid; border-bottom:#f6f6f6 2px solid; border-left:#bebdbd 1px solid; list-style:none; display:inline; color:#000000; text-decoration:none; padding:3px 8px; margin:0px;}
.MediaCanvas                  {background-color:#f6f6f6; border-right:#bebdbd 1px solid; border-bottom:#bebdbd 1px solid; border-left:#bebdbd 1px solid; padding:0px;}
.MediaEnlarge                 {height:32px; background-color:#f1f0eb; text-align:right; border-top:#f6f6f6 5px solid;}
.DetailCanvas                 {background-color:#f6f6f6; border-right:#bebdbd 1px solid; border-bottom:#bebdbd 1px solid; border-left:#bebdbd 1px solid; padding:0px;}
.DetailsBoxHeader             {font-size:16px; font-weight:bold;}
.DetailsBox                   {background-color:#FBFBFB; padding:20px;}
div.content                   {}
.hidden { display: none; }
.unhidden { display: block; }