﻿/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: Master Stylesheet
' Description	: This page contains overall styles for a new site
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 08/24/2005	: David Ellenwood - Created Page
' 01/27/2006	: David Ellenwood - Modified for Mt. Borah
' 08/11/2006	: David Ellenwood - Modified for new site MASTER TEMPLATE
' 09/15/2008	: Tony Groves - Updated for Mission Archery V2
' 09/29/2009	: Tony Groves - Modified for Mission Archery V3
' 01/04/2010	: Tony Groves - Updated for Internet Trailers
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

* {margin: 0; padding:0;}

html {}
 
body {
	background:#fff url('/include/site/multimedia/images/bg.jpg') repeat-x;
	font-family: Verdana, sans-serif;
	margin:0 0 50px 0;
	padding:0;
	}

a {
	color:#000;
	text-decoration:underline;
}

a:focus {outline:none;}

a:visited {}

a:hover {
	color:#9c621c;
	text-decoration:underline;
}

a:active {
	color:#888;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6,p,form {margin:0; padding:0;}
	
h1 {font-size:1.5em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.75em;}
h6 {font-size:.75em;}
p  {font-size:.9em;}

ul {list-style-type:square;}

form {
	}
	
table {
	}

th {
	}

td {
	vertical-align:top;
	margin:0;
	padding:0;
	}

hr {
	border:none;
	background:transparent;
	}

img {border:none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			UNIVERSAL CLASS DEFINITIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.btn								{display:inline-block; margin:1px; padding:2px 15px 3px 15px; color:#fff; font-weight:bold; text-decoration:none; background:#9d4200 url('/include/site/multimedia/images/btnbg.gif') repeat-x center; border:1px solid #9d4200; -moz-border-radius:3px; -webkit-border-radius:3px;}
.btn:hover							{color:#fff; text-decoration:none; background:#820000 url('/include/site/multimedia/images/btnbg2.gif') repeat-x center; border:1px solid #820000;}
.btn img							{border:none; margin:0 0 0 4px;}

.btnborder							{display:inline-block; border:1px solid #adadad; -moz-border-radius:4px; -webkit-border-radius:4px;}

.alert {						/* Used for alerting customers to important info, errors, corrections, problems, etc. */
 	color:#f33;
 	font-weight:bold;
	}

.info {							/* Used for informing customers of important info etc. */
 	color:green;
 	font-weight:bold;
	}

.alignRight {					/* Right aligns text on any element */
	text-align:right;
	}

.alignCenter {					/* Center aligns text on any element */
	text-align:center;
	}

.alignLeft {					/* Left aligns text on any element */
	text-align:left;
	}

.floatRight {					/* Floats text right */
	float:right;
	}

.floatLeft {					/* Floats text left */
	float:left;
	}

.borderTop {					/* Adds a border along the top of any element */
	border-top:1px solid #ccc;
	}
	
.borderBot {					/* Adds a border along the bottom of any element */
	border-bottom:1px solid #ccc;
	}

.formRow {						/* DIV Used to contain an individual <form> label/field pair */
  clear: both;
  padding:5px 0;
  }

.formRow .label {				/* SPAN style for <form> element labels */
  float: left;
  width: 80px;
  text-align: right;
  margin:3px 0 0 0;
  }

.formRow .formw {				/* SPAN style for <form> element fields */
  float: left;
  padding:0 0 0 .5em;
  text-align: left;
  }

.fieldNote {
	clear:both;
	padding:5px 3px;
	}

.color1 {						/* Backgrounds used for alternating lines on item listings */
	color:inherit;
	background-color:#fff;
	}
	
.color2 {						/* Backgrounds used for alternating lines on item listings */
	color:inherit;
	background-color:#eee;
	}

.infoBox ul {				/* Styles for <ul> lists in any .infoBox */
	list-style-image:    url("/include/commerce/multimedia/rightArrowBullet.gif");
	margin:0em 1em 0 2.25em;
	padding:0;
	}

.infoBox li {					/* See above */
	margin:0;
	padding:.1em 0;
	}

.clear {						/* Used to clear the current line and move to the next */
	display:block;
	clear:both;
	font-size:1px;
	line-height:1;
	height:1px;
	margin:0 0 -1px 0;;
	padding:0;
	}

.inlineList {
	list-style:none;
	margin:0;
	padding:0;
}

.inlineList li {
	display:inline;
	position:relative;
	margin:0;
	padding:0;
}

.container {
	float:left;
	display:inline;
}

.split {
	float:left;
	display:inline;
	clear:both;
}

.split span.left {
	float:left;
	display:inline;
	width:auto;
}

.split span.right {
	float:right;
	display:inline;
	width:auto;
}

.printOnly {display:none !important;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			   HEADER AND FOOTER STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#topnav						{height:29px; margin:0 0 1px 0; font-size:.8em; text-align:right; border-right:1px solid #7e7462; border-left:1px solid #7e7462;}
#topnav a					{color:#b3b3b3; text-transform:uppercase; text-decoration:none; font-weight:bold; height:23px; padding:6px 10px 0 10px; float:right;}
#topnav a:hover				{background:#484848;}
#topnav img					{float:right;}

#header						{height:62px; border-right:1px solid #c07e3e; border-left:1px solid #c07e3e; background:#f17a1a url('/include/site/multimedia/images/headerbg.jpg') repeat-x top left;}
#header #support			{float:right;}
#header #contact			{float:right; margin:8px 4px 0 0;}
#header #logo				{float:left; margin:10px 0 0 10px;}

.navList						{background:#d8d8d8 url('/include/site/multimedia/images/navbg.jpg') top center no-repeat; width:915px; height:45px; margin:1px 0 0 0; padding:0 0 0 65px;}
.navList li						{display:inline; list-style-type:none; font-weight:bold; font-size:.9em; float:left; padding:0;}
.navList li a.nav				{color:#424242; text-decoration:none; float:left; height:28px; padding:10px 33px 0 33px;}
.navList li a.nav:hover			{background:#fff url('/include/site/multimedia/images/navhoverbg.gif') repeat-x; color:#000;}
.navList li img					{float:left; margin:0; padding:0;}

.down-list 					{position:absolute; top:38px; display:block; background:#eaeaea url('/include/site/multimedia/images/ddbg.gif') repeat-x top left; margin:0 0 0 -20px; z-index:1005; width:214px; padding:10px 0 5px 0; border-bottom:1px solid #878787; border-right:1px solid #878787; border-left:1px solid #878787;}
.down-list li 				{padding:0; margin:0; display:block; width:214px;}
.down-list li a				{display:block; margin:0 10px; padding:6px 20px 13px 20px; color:#3e3e3e; font-size:.8em; text-decoration:none; font-weight:normal; background:url('/include/site/multimedia/images/spacedot.gif') repeat-x bottom left;}
.down-list li a:hover		{text-decoration:underline;}

#hfads								{margin:5px 0 0 3px; display:block; zoom:1;}
#hfads .hfad						{float:left;}

#footer 							{float:none; display:block; padding:0 0 5px 18px; zoom:1;}
#footer h4							{float:left; display:inline; margin-left:auto; margin-right:auto; font-size:.7em; font-weight:normal; text-align:left; padding:4px 0 0 0; color:#949494; width:650px;}
#footer h4 a 						{text-decoration:underline; margin:0 4px; padding:0; color:#794700;}
#footer h4 a:hover 					{color:#000;}
#footer h6 							{float:left; color:#4a4a4a; background:transparent; font-size:.7em; font-weight:normal; text-align:left; margin:0; padding:9px 0 0 0; width:650px;}
#footer h6 a 						{color:#4a4a4a; background:transparent; text-decoration:none; font-weight:normal;}
#footer h6 a:hover 					{color:#000; background:transparent; text-decoration:underline;}

#footerlinks						{float:right; display:block; height:40px; width:240px; margin:5px 17px 0 0;}
#footerlinks a						{float:right;}
#footerlinks .facebook				{margin:5px 0 0 0;}
#footerlinks .twitter				{margin:2px 5px 0 5px;}
#footerlinks .verisign				{}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				MASTER LAYOUT <div>'s
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#w		 							{width:982px; margin-left:auto; margin-right:auto; position:relative; clear:both; z-index:1;}
.wm									{position:relative; z-index:2;}
/* .wm									{background-color:#d8d8d8; border-bottom:1px solid #9d9d9d; border-right:1px solid #9d9d9d; border-left:1px solid #9d9d9d; position:relative; z-index:2;}*/

.breadcrumbs						{padding:9px 5px 10px 5px; font-size:.7em; color:#9c7c32; margin:0 7px 0 0; text-align:right; background:url('/include/site/multimedia/images/bcbg.gif') no-repeat bottom right;}
.breadcrumbs a						{color:#a2a2a2; text-decoration:none;}
.breadcrumbs a:hover				{text-decoration:underline; color:#c75500;}
.breadcrumbs img					{margin:0 5px 0 5px;}

.c									{display:block; position:relative; z-index:15; margin:0 7px; padding:0 0 4px 0; text-align:center;}
/* .c									{display:block; position:relative; z-index:15; border:1px solid #f6a66b; margin:0 6px; padding:0 0 3px 0; text-align:center; background:#fff; -moz-border-radius:7px; -webkit-border-radius:7px;}*/
.c2									{border:1px solid #d4d4d4; margin:6px 7px 0 7px; padding:5px; text-align:center; background:#f0f0f0 url('/include/site/multimedia/images/subbgfade.gif') repeat-x; -moz-border-radius:7px; -webkit-border-radius:7px; zoom:1;}
.c2 h3								{color:#ac5d00; font-weight:bold; font-size:1.2em; text-align:left; padding:10px 0 10px 10px;}
.c2 h4								{color:#ac5d00; font-weight:bold; font-size:1em; text-align:left; padding:1px 0 0 10px;}
.c2 .sec1							{width:300px; padding:0 6px; font-size:.8em; background:url('/include/site/multimedia/images/spacedot.gif') repeat-y top right; float:left; min-height:193px;}
.c2 .sec1 p                         {text-align:left; display:block; color:#633600; font-size:.8em; padding:1px 10px 5px 10px;}
.c2 .sec1 p.build                   {text-align:left; display:block; color:#633600; font-size:.9em; padding:15px 10px 0 10px;}
.c2 .sec1 p.build img               {float:right; border:1px solid #dfdfdf; padding:2px; margin:-15px 0 10px 5px;}
.c2 .sec2							{width:300px; padding:0 6px; font-size:.8em; float:right; min-height:193px;}
.c2 .sec2 #items                    {display:none; padding:5px 0 5px 5px; background:url('/include/site/multimedia/images/spacedot.gif') repeat-x top;}
.c2 .sec2 #items ul                 {list-style-type:none; margin:0; padding:5px 5px 5px 15px; text-align:left; height:135px; overflow:auto;}
.c2 .sec2 #items ul li              {margin:0; padding:3px 3px 3px 10px; font-size:.9em; background:url('/include/site/multimedia/images/dot1.gif') no-repeat 0px 8px;}
.c2 .sec2 #items ul li a            {color:#633600;}
.c2 .sec2 #items ul li a:hover      {color:#bd6d12;}

.c #ma                              {display:block; position:relative; z-index:500; padding:0; zoom:1;}

.c #ma .choose                      {font-size:.9em; line-height:1em; width:257px; height:270px; padding:12px 20px 0 20px; margin:0 3px 0 0; float:right; background:url('/include/site/multimedia/images/homeAD/optionsbg.jpg') bottom left no-repeat;}
.c #ma .choose ul                   {text-align:left; list-style-type:none; padding:12px 0 12px 12px; margin:0;}
.c #ma .choose ul li                {padding:0 0 0 20px; margin:0;}
.c #ma .choose ul li:hover          {background:url('/include/site/multimedia/images/homeAD/highlightarrow.gif') no-repeat 3px 4px;}
.c #ma .choose ul li a              {font-weight:bold; color:#774101; text-decoration:none; font-size:.8em; padding:2px 0; margin:0; display:block;}
.c #ma .choose ul li a:hover        {text-decoration:underline;}

.c #ma #tabnav                      {text-align:left; list-style-type:none; margin:6px 0 0 -20px; padding:0; width:297px; height:41px;}
.c #ma #tabnav li                   {margin:0; padding:0; display:inline; float:left;}
.c #ma #tabnav li:hover             {background:transparent;}
.c #ma #tabnav li a                 {margin:0; padding:0;}

.c #ma #tabnav a#haulmarktab                            {display:block; width:100px; height:41px; background:url('/include/site/multimedia/images/homeAD/tabsprite3.jpg') 0px -41px no-repeat;}
.c #ma #tabnav a#haulmarktab:hover, .c #ma #tabnav .ui-tabs-selected a#haulmarktab                      {display:block; width:100px; height:41px; background:url('/include/site/multimedia/images/homeAD/tabsprite3.jpg') no-repeat;}

.c #ma #tabnav a#featherlitetab                         {display:block; width:97px; height:41px; background:url('/include/site/multimedia/images/homeAD/tabsprite3.jpg') -100px 0px no-repeat;}
.c #ma #tabnav a#featherlitetab:hover, .c #ma #tabnav .ui-tabs-selected a#featherlitetab                   {display:block; width:97px; height:41px; background:url('/include/site/multimedia/images/homeAD/tabsprite3.jpg') -100px -41px no-repeat;}

.c #ma #tabnav a#wellscargotab                         {display:block; width:100px; height:41px; background:url('/include/site/multimedia/images/homeAD/tabsprite3.jpg') -197px 0px no-repeat;}
.c #ma #tabnav a#wellscargotab:hover, .c #ma #tabnav .ui-tabs-selected a#wellscargotab                   {display:block; width:100px; height:41px; background:url('/include/site/multimedia/images/homeAD/tabsprite3.jpg') -197px -82px no-repeat;}

.ui-tabs .ui-tabs-hide {
     display: none;
}

.c #ma .ad                          {width:663px; height:285px; float:left; background:url('/include/site/multimedia/images/homeAD/haulmark/mainbg.jpg') no-repeat;}
.c #ma .ad ul                       {text-align:right; margin:0 11px 0 0; padding:0; list-style-type:none;}
.c #ma .ad ul li                    {margin:0; padding:0;}

.c #ma .featherlite                 {background:url('/include/site/multimedia/images/homeAD/featherlite/mainbg.jpg') no-repeat;}
.c #ma .wellscargo                  {background:url('/include/site/multimedia/images/homeAD/wellscargo/mainbg.jpg') no-repeat;}

#sc									{float:right; position:relative; width:749px; text-align:left; margin:0 8px 0 0; padding:0 0 10px 0; zoom:1;}
#sc h1								{color:#bd6d12; padding:2px 0 5px 15px; font-size:1.3em;}
#sc #topdesc						{background:url('/include/site/multimedia/images/pageinfobg.jpg') no-repeat; margin:0; padding:17px 17px 25px 17px; font-size:.8em; min-height:60px;}
#sc ul                              {font-size:.9em;}

#sc2								{background:url('/include/site/multimedia/images/pageinfobg2.jpg') no-repeat top center; margin:0; padding:5px 0 0 0; font-size:.8em;}
#sc2 .prodbox						{background:#fff; border:1px solid #dadad9; -moz-border-radius:5px; -webkit-border-radius:5px; width:174px; height:235px; float:left; margin:5px; text-align:center;}
#sc2 .prodbox h4					{text-align:center; color:#894900; padding:8px 0; font-size:.9em; height:20px; overflow:hidden;}
#sc2 .prodbox h4 a                  {text-decoration:none; color:#894900;}
#sc2 .prodbox h4 a:hover            {text-decoration:underline; color:#bd6d12;}
#sc2 .prodbox img.prodimg			{border:1px solid #ebebeb; margin:0 0 7px 0; max-width:162px;}
#sc2 .prodbox img.prodimg:hover     {border:1px solid #c1c1c1;}
#sc2 .prodbox span					{display:block; font-size:.7em; height:45px; padding:0 5px; overflow:hidden;}

#sc2 .prodbox2						{background:#fff; border:1px solid #dadad9; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 5px 5px 5px; padding:5px; text-align:left;}
#sc2 .prodbox2 img.prodimg			{border:1px solid #ebebeb; float:left; max-width:162px;}
#sc2 .prodbox2 .rs					{float:right; display:block; width:550px;}
#sc2 .prodbox2 .rs p				{margin:0 0 10px 0;}
#sc2 .prodbox2 .rs .il				{padding:3px 10px 13px 0; background:url('/include/site/multimedia/images/spacedot.gif') repeat-x bottom;}

#sc2 .manbox                        {background:#fff; border:1px solid #dadad9; -moz-border-radius:5px; -webkit-border-radius:5px; width:236px; height:235px; float:left; margin:5px; text-align:center;}
#sc2 .manbox h4 					{text-align:center; color:#894900; padding:8px 0; font-size:.9em; height:20px; overflow:hidden;}
#sc2 .manbox h4 a                   {text-decoration:none; color:#894900;}
#sc2 .manbox h4 a:hover             {text-decoration:underline; color:#bd6d12;}
#sc2 .manbox img.prodimg			{border:1px solid #ebebeb; margin:0 0 7px 0;}
#sc2 .manbox img.prodimg:hover      {border:1px solid #c1c1c1;}
#sc2 .manbox span					{display:block; font-size:.7em; height:45px; padding:0 5px; overflow:hidden;}

#sc2 h3								{font-weight:bold; color:#894900; font-size:1em; width:265px;}
#sc2 .brand							{float:right; font-weight:bold; color:#894900; width:175px; text-align:right;}
#sc2 .baseprice						{float:right; font-weight:bold; color:#894900; width:100px; text-align:right;}

#sc2 #iltop							{margin:7px 21px 2px 188px;}
#sc2 #iltop .grey					{color:#b7b7b7;}

#sortbox							{background:#fff; padding:3px 10px; border:1px solid #dadad9; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; text-align:right; font-size:.8em; font-weight:bold; color:#894900;}
#sortbox a							{font-weight:normal; color:#bd6d12;}
#sortbox .optionl					{background:url('/include/site/multimedia/images/spacedot.gif') repeat-y top right; float:left; padding:7px 13px 0 9px; height:24px;}
#sortbox .optionr					{background:url('/include/site/multimedia/images/spacedot.gif') repeat-y top left; float:right; padding:7px 6px 0 13px; height:24px;}
#sortbox select						{margin:-3px 0 0 0;}

#pc									{background:url('/include/site/multimedia/images/pcbg.gif') no-repeat top left; font-size:.8em; padding:5px 0 0 0;}
#pc #rc								{float:right; width:278px; margin:0 5px 0 0;}
#pc #rc .gb							{text-align:center; background:#f4f4f4; border:1px solid #d1d1d0; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 10px 10px 10px; margin:0 0 10px 0;}
#pc #rc .gb p						{color:#4a4a4a; margin:3px 4px 9px 4px; font-size:.8em;}
#pc #rc .gb h6						{font-size:1em; text-align:left; color:#894900; padding:3px 0 13px 0; margin:0; background:url('/include/site/multimedia/images/spacedot.gif') repeat-x bottom;}
#pc #rc .gb .cb1					{padding:0 0 13px 0; background:url('/include/site/multimedia/images/spacedot.gif') repeat-x bottom;}
#pc #rc .gb label.r					{margin:.8em 0 .8em 0; width:256px; display:block; min-height:14px; _height:14px;}
#pc #rc .gb label.r .t				{font-size:.8em; float:left; padding:3px 0 0 0; text-align:right; width:75px; display:block;}
#pc #rc .gb label.r .d				{font-size:.8em; width:175px; float:right; padding:0; text-align:left; display:block;}
#pc #rc .gb label.r .d select		{width:170px;}
#pc #rc .gb label.r .pt				{float:left; padding:0; text-align:right; width:130px; display:block; font-size:.9em; color:#4a4a4a;}
#pc #rc .gb label.r .pd				{width:100px; float:right; padding:0 20px 0 0; text-align:right; display:block; font-size:.9em; color:#894900;}
#pc #rc .gb label.r .pd b			{color:#ba0000;}
#pc #rc .gb ul						{list-style-type:none; margin:0 0 0 10px; padding:0; text-align:left; font-size:.8em;}
#pc #rc .gb ul li					{margin:0; padding:4px 0;}
#pc #rc .gb ul li a					{color:#894900;}
#pc #rc .gb ul li a:hover			{text-decoration:none;}

#pc #lc								{width:456px;}
#pc #lc #prodimg					{text-align:center; margin:25px 0;}
#pc #lc #pi							{background:url('/include/site/multimedia/images/pageinfobg3.jpg') no-repeat top center; padding:18px 0 0 0;}
#pc #lc .pt1						{background:#fff url('/include/site/multimedia/images/tabbg1.gif') repeat-x bottom left; font-weight:bold; color:#894900; text-decoration:none; margin:0; padding:11px 10px; border:1px solid #dadad9; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;}
#pc #lc .pt1:focus					{outline:none;}
#pc #lc .pt2						{background:#fff; border-bottom:1px solid #fff; color:#bd6d12;}
#pc #lc .pt1:hover					{background:#fff url('/include/site/multimedia/images/tabbg2.gif') repeat-x top left; border-bottom:1px solid #fff; color:#bd6d12;}
#pc #lc .pic						{padding:10px; margin:11px 3px 0 0; border:1px solid #dadad9; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}
#pc #lc .pic p						{font-size:.9em; color:#4a4a4a; line-height:1.5em; padding:5px 10px;}
#pc #lc .pic h5						{font-size:1em; text-align:left; color:#894900; padding:3px 0 13px 0; margin:0; background:url('/include/site/multimedia/images/spacedot.gif') repeat-x bottom;}
#pc #lc .pic ul						{margin:0 0 5px 0; padding:0; list-style-type:none; color:#4a4a4a; font-size:.8em;}
#pc #lc .pic ul li					{margin:0; padding:4px 0 4px 25px; border-bottom:1px dotted #e3e3e3;}
#pc #lc .pic .pf					{background:#f4f4f4 url('/include/site/multimedia/images/featuresarrow1.gif') no-repeat 18px 9px; display:block; font-size:.9em; color:#894900; text-decoration:none; padding:4px 5px 5px 25px; margin:0 0 5px 0;}
#pc #lc .pic .pf:focus				{outline:none;}
#pc #lc .pic .pf:hover				{background:#e3e3e3 url('/include/site/multimedia/images/featuresarrow1.gif') no-repeat 18px 9px;}
#pc #lc .pic .sel					{background:#e3e3e3 url('/include/site/multimedia/images/featuresarrow2.gif') no-repeat 16px 10px; display:block; font-size:.9em; color:#894900; text-decoration:none; padding:4px 5px 5px 25px; margin:0 0 5px 0;}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/
@media screen {
  .sIFR-flash {visibility:visible!important; margin:0; padding:0;}
  .sIFR-replaced, .sIFR-ignore {visibility:visible!important;}
  .sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
  .sIFR-replaced div.sIFR-fixfocus {margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none;}
}

@media print {
  .sIFR-flash {display:none!important; height:0; width:0; position:absolute; overflow:hidden;}
  .sIFR-alternate {visibility:visible!important; display:block!important; position:static!important; left:auto!important; top:auto!important; width:auto!important; height:auto!important;}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active .Korataki	{font-family:Verdana; visibility:hidden;}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				SITE HOMEPAGE
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.c #slogan								{margin:14px 0 3px 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				ACCOUNT PAGE STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.tableAI1                           {margin:5px 45px 0 45px; padding:5px 0 0 0; background:#fff; border:1px solid #fff;}
.tableAI1 legend                    {font-weight:bold; color:#bd6d12; font-size:1em; margin:0 0 10px 20px;}
.tableAI1 label                     {border-top:1px dotted #c3c3c3; padding:8px 0; font-size:.8em; color:#4d4d4d;}
.tableAI1 label .title              {width:250px; text-align:right; display:inline-block; height:30px; padding:0 10px 0 0;}
.tableAI1 label .field              {width:380px; text-align:left; display:inline-block; height:30px;}
.tableAI1 label .field input        {width:250px; text-align:left;}
.tableAI1 label .field .checkbox input    {width:15px;}

.tableAI1 label.rowfeedback         {padding:8px 50px; margin:0; display:block;}

.tableAI1 label .submit             {width:520px; padding:0 130px 0 0; text-align:right; display:inline-block; height:30px;}

.tableAI2                           {margin:5px 45px 0 45px; padding:5px 0 0 0; background:#fff; border:1px solid #fff;}
.tableAI2 legend                    {font-weight:bold; color:#bd6d12; font-size:1em; margin:0 0 10px 20px;}
.tableAI2 label                     {padding:8px 0; font-size:.8em; color:#4d4d4d; display:block;}
.tableAI2 label.row                 {border-top:1px dotted #c3c3c3;}
.tableAI2 label.row1                {background:#f3f3f3;}
.tableAI2 label.row2                {background:#fff;}
.tableAI2 label.row .tdesc          {width:600px; padding:0 0 0 50px; text-align:left; display:inline-block;}
.tableAI2 label .desc               {width:430px; text-align:left; display:inline-block; padding:0 10px 0 50px;}
.tableAI2 label .qty                {width:150px; text-align:center; display:inline-block;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				SUB PAGE STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#leftcolm							{float:left; width:200px; position:relative; background:url('/include/site/multimedia/images/leftcolmbg.jpg') no-repeat top right; margin:18px 0 0 0; padding:0 0 15px 0; zoom:1;}

.subnav								{list-style-type:none; margin:0 0 10px 0; padding:0; font-size:.8em; zoom:1;}
.subnav li							{padding:4px 10px 13px 10px; text-align:left; margin:0 10px; display:block; background:url('/include/site/multimedia/images/spacedot.gif') repeat-x bottom;}
.subnav li a						{color:#9d4500; text-decoration:none; display:block;}
.subnav li a:hover					{color:#000; text-decoration:underline;}

.subnav .brandtitle                 {font-weight:bold; color:#8f5400; padding:2px 0px 4px 5px; text-align:left; margin:0 5px; display:block; background:none;}
.subnav .brandop                    {font-size:.8em; padding:2px 0px 4px 10px; text-align:left; margin:0 10px; display:block; background:url('/include/site/multimedia/images/dot2.gif') 3px 7px no-repeat;}
.subnav .subtitle   				{padding:10px 0px 4px 5px; margin-top:8px; background:url('/include/site/multimedia/images/spacedot.gif') repeat-x top;}

#anav                               {font-size:.8em; background:url('/include/site/multimedia/images/spacedot.gif') repeat-x bottom; padding:8px 0 14px 0;}
#anav a                             {color:#82410d; text-decoration:none; padding:0 13px 2px 7px; border-right:1px dotted #a9a9a9;}
#anav a:hover                       {text-decoration:underline; color:#000;}

#anav a.anavlast                    {border-right:none;}

/* ~~~~~ Form Additions ~~~~~ */
.errorSummary {
	font-size:.8em;
	line-height:1.333;
	color:#f00;
	border:1px dashed #f33;
	background:#eee;
	padding:1em;
	margin:1em 0;
	_width:900px;
	position:relative;
}

.fullform								{padding:0 50px 20px 50px;}
.fullform h3							{font-size:.7em; padding:6px 15px; background-image:url('/include/site/multimedia/images/blackbg1.jpg'); margin:0 0 10px 0; color:#fff;}
.fullform label							{display:block; padding:2px 20px; clear:both; font-size:.7em; margin:0; height:20px;}
.fullform label span.title				{width:320px; margin:0 10px 0 0; text-align:right; font-weight:normal; float:left; padding:4px 0 0 0;}
.fullform label span.field				{width:500px; margin:0; text-align:left; float:right;}
.fullform label span.field .longinput	{width:380px;}
.fullform label span.error 				{width:500px; margin:0; text-align:left; float:right; color:#f00;}

.fullform div							{padding:0 0 30px 0; margin:0;}

.halfform								{padding:0 20px 20px 0; width:600px; float:right;}
.halfform h3							{font-size:.7em; padding:6px 15px; background-image:url('/include/site/multimedia/images/blackbg1.jpg'); margin:0 0 10px 0; color:#fff;}
.halfform label							{display:block; padding:4px 20px; clear:both; font-size:.7em; margin:0; height:20px;}
.halfform label span.title				{width:140px; margin:0 10px 0 0; text-align:right; font-weight:normal; float:left; padding:4px 0 0 0;}
.halfform label span.field				{width:410px; margin:0; text-align:left; float:right;}
.halfform label span.field .longinput	{width:200px;}
.halfform label span.error 				{width:410px; margin:0; text-align:left; float:right; color:#f00;}

#contactform							{padding:0 0 20px 0;}
#contactform h4							{font-size:.7em; color:#fff; padding:6px 15px; background-image:url('/include/site/multimedia/images/blackbg1.jpg'); margin:0 0 10px 0;}
#contactform label						{display:block; padding:3px 20px; clear:both; font-size:.7em; margin:0; height:20px;}
#contactform label span.title			{width:170px; margin:0 10px 0 0; text-align:right; font-weight:normal; float:left; padding:4px 0 0 0;}
#contactform label span.field			{width:400px; margin:0; text-align:left; float:right;}
#contactform label span.field .longinput{width:320px;}
#contactform label span.error 			{width:400px; margin:0; text-align:left; float:right; color:#f00;}

/* ~~~~~ JQuery Zoom Additions ~~~~~ */

.jqzoom {
	margin:0 auto;
	width:499px;
}

div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:pointer;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url('/include/site/multimedia/images/zoomloader.gif');
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}

/* Sign-in page */

#forgotPasswordDiv {
	position:absolute;
	z-index:1001;
	width:300px;
	top:350px;
	right:100px;
	background-image:url('/include/site/multimedia/images/bgfade.gif'); 
	background-repeat:repeat-x;	border:1px solid #000;
	padding:1em 2em;
	font-size:.7em;
}

#forgotPasswordDiv h3 span.left {
	float:left;
	display:inline;
}

#forgotPasswordDiv h3 span.right {
	font-size:.9em;
	font-weight:normal;
	display:inline;
	float:right;
	text-align:right;
	padding-top:3px;
}

#forgotPasswordDiv form label {width:290px; margin:1em 0; padding:0; display:block;}
#forgotPasswordDiv form label span.label {width:90px;}
#forgotPasswordDiv form label span.field input {width:200px;}

#forgotPasswordDiv p {margin:.5em 0;}
#forgotPasswordDiv label span.label {width:90px;}
#forgotPasswordDiv a {color:#333;}


#footer .noscript								{font-weight:normal; padding:1em; color:#fff; background:#f00;}
#footer .noscript a								{color:#fff; font-weight:bold; text-decoration:underline;}

#flashUpgrade									{display:none; position:absolute; top:0; left:45%; z-index:9999; width:310px; height:200px; font-size:.9em; line-height:1.333; color:#3f2f13!important; background:#fff; border:6px solid #d0ba86; border-top:none;}
#flashUpgrade #upgradeBox						{padding:10px;}
#flashUpgrade h5								{margin:1em 0 0 0; font-size:1.1em; border-bottom:1px solid #d0ba86;}
#flashUpgrade h5 .left							{float:left; display:inline; width:auto;}
#flashUpgrade h5 .right							{float:right; display:inline; width:auto; text-align:right; margin:4px 0 0 0; padding:0 3px 0 0; font-size:.8em; font-weight:normal;}
#flashUpgrade h6								{margin:1em 0; font-weight:normal;}
#flashUpgrade h6 a								{text-decoration:underline; font-weight:bold;}
#flashUpgrade p									{margin:1em 2em; text-align:right; font-weight:bold;}
#flashUpgrade p a								{text-decoration:underline;}
