/*
Global Reset
Developed by Matthew Weiss
Dark Grey - #626257
Light Grey - #83847C
Orange	- #FF9900
Light Blue - #66CCFF
White - #FFFFFF
*/




* 				{margin: 0; padding: 0;}
html, body 			{height: 100%;}
body 				{font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: white;}
a 				{outline: none; text-decoration: none; color: #707065;}
img 				{border: none; vertical-align: middle;}
table 				{border-collapse: collapse;}
a img				{border: none; outline: none;}


/**********************************Utility Classes*****************************************/
.floatLeft 			{float: left;}
.floatRight 			{float: right;}
.clear 				{clear: both;}
.myLayersClass 			{ position: relative; visibility: hidden; }
/*******************************Layout Structure***********************************************/
#wrapper 			{width: 900px; margin: 0 auto; }
#header				{width: 900px; height: 158px; position: relative; margin-top:0px; z-index: 100;}
#sidebar			{ width: 130px; float: left;}
#main_content			{ width: 750px; float: right; position: relative; z-index: 1; padding-left: 20px;}
#footer				{width: 900px; padding-top: 5px; margin: 10px 0px 10px 0px;position: relative;}
/************************************Header****************************************************/
a#logo				{width: 172px; height: 42px; float: left; margin-top: 50px; }

div#top_nav			{float: left; margin: 75px 0px 0px 35px; width: 600px; position: relative; z-index: 30;}


a#smallLower                    {position: absolute; top: 65px; right: 0px; letter-spacing: .1em; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; text-transform: lowercase; font-size: 11px; color: #7D7F76; font-weight: bold; }
a#view_cart                   {position: absolute; top: 63px; right: 0px;  padding: 0px 10px 0px 0px; }
a#view_cart img			{position: absolute; left: -100px; top: 0px;}
a#view_cart span		{letter-spacing: 0em; font-family: Arial, Helvetica, sans-serif; text-transform: lowercase; font-size: 11px; color: #85857C; font-weight: bold; position: absolute; top: 1px; right: 8px;}


#search_box 			{position: absolute; top:30px; left:740px;}
#search_box div			{position: absolute; top: 0px; }
#search_form			{height: 25px;}
#search_form #s 		{width: 133px; height: 18px; padding:3px 0px 0px 20px; text-transform: lowercase; font-size: 10px;}
#butts				{position: relative;height: 22px; z-index: 1;}
#go				{padding: 0px 0px 0px 5px;}

#mailinglist_tiny_box 			{position: absolute; top:30px; left:565px}
#mailinglist_tiny div			{position: absolute; top: 0px; }
#mailinglist_tiny_form			{height: 25px;}
#mailinglist_tiny_form #s 		{width: 173px; height: 18px; padding:3px 0px 0px 20px; text-transform: lowercase; font-size: 10px;position:relative;top:-22px}

.bull img {
	padding-bottom: 2px;
}

/**************** Multi Level Drop Down Menu ***********************************/
a.menuLink			{float: left; margin: 0px 30px 0px 0px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #5C5C50; }
a.menuLinkorange		{float: left; margin: 0px 30px 0px 0px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #F47B27; }

.substitute			{float: left; margin: 0px 30px 0px 0px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #626257; }

ul.menu				{z-index: 138; position: absolute; display: none; list-style-type: none; top: 0em; left: 0em;  padding-top: 25px; margin-left: 0px; height: 100px;}
ul.menu li			{z-index: 138;position: relative; float: left; display: inline; padding: 0px 0px 0px 0px;}
ul.menu li a			{z-index: 138;position: relative; padding-right: 5px; margin: 0px;}
ul.menu li a:hover		{color: #F47B27;position: relative; }
ul.menu li			{padding: 0px 5px;}

ul.subs				{z-index: 125; list-style-type: none; display: none; position: absolute; top: 1.7em; left: 0.5em; border: 1px solid #F47B27; padding: 1px 0px; background: white; }
ul.subs li:hover		{background: #F47B27; color: white; position: relative; z-index: 10;}
ul.subs li			{background: white;z-index: 2}
ul.subs li a			{position: relative;font-size: 10px; color: #707065; text-transform: uppercase; display: block; background: white; z-index: 133; padding: 1px 0px;}
ul.subs li a:hover		{position: relative;font-size: 10px; color: white; background-color: #F47B27; padding: 1px 0px; }

ul.subsAddy			{z-index: 10; border: 1px solid #F47B27; background: white; padding: 8px 0px; width: 100%; position: absolute; bottom: -70px; left: -5px; list-style-type: none;}
ul.subsAddy li:hover		{}
ul.subsAddy li			{}
ul.subsAddy li a		{font-size: 11px; color: #707065; text-transform: uppercase; display: block; z-index: 10;padding: 5px; }
ul.subsAddy li a:hover		{font-size: 11px; color: white; background-color: orange;padding: 5px;}


/************************************SideBar***********************************************/
div#sidebar ul			{list-style-type: none;}
div#sidebar ul li		{padding: 20px 20px 0px 15px;}

.pagethrus			{position: absolute; z-index: 1;}
/************************************Footer**********************************************/
div#footer ul#vertnav		{float: left; list-style-type: none; margin-top: 5px;}
div#footer ul#vertnav li	{display: block; text-align: right;}
div#footer ul#vertnav li a	{color: #83837B; font-size: 12px; }

div#footer ul#horznav		{float: right; list-style-type:none; margin-top: 48px;}
div#footer ul#horznav li	{display: inline; float: left;}
div#footer ul#horznav li a	{ color: #83847C; font-size: 10px;}
li#copy				{ padding-left: 60px;}
li.space			{padding: 0px 5px;}

/*********************************Categories Page***************************************/
div#repeating_container		{ background: url(/images/category_bg_middle.gif); width: 750px; z-index:1; position: relative;}
div#repeating_container ul	{ list-style-type: none;}
div#repeating_container table	{ width: 700px; margin-left: 40px; z-index:1;position: relative;}
div#repeating_container table tr td { width: 200px; padding: 20px 0px 20px 0px; color: #83847C; font-size: 10px; text-transform: uppercase; text-align: center;}
div#repeating_container table tr td div {background: url(/images/prod_image_bg_small.gif) no-repeat; width: 200px; height: 225px;}
div.containerIMAGE {width:190px; height: 200px; overflow: hidden; }
div.containerIMAGE img {width:98%; height: 98%; padding-top: 2px;}

div.containerIMAGE2 img {width:98%; height: 98%; padding-top: 2px;}

/***div.containerIMAGELARGE img {width:98%; height: 98%; padding: 3px 0px 0px 3px;}****/
div.containerIMAGELARGE {width:336px; height: 378px; overflow: hidden; border: 1px solid #BCBCBC;}
div.grabme, div#grabme		{background: url(/images/prod_image_bg_large.gif) no-repeat; width: 336px; height: 378px; float: left; margin-right: 5px; }


/*********************************PRODUCTS PAGE*****************************************/

div#swatches table 		{margin: 10px 0px;}
div#swatches table tr td	{padding: 0px 10px 0px 0px;}
.Bag				{padding: 30px 0px;}
.OtherOptionsWish		{padding: 5px 10px;}
.OtherOptionsFriend		{padding: 5px 0px;}
div#detailNav			{margin: 10px 0px 0px 130px;}
div#floatLeftContainer		{float: left; width: 340px; text-align:center; overflow: hidden; position: relative;}
div#floatRightContainer		{float: right; width: 350px; padding-right: 40px; position: relative; }
div#quick_view_float_left		{float: left; width: 340px; }
div#quick_view_float_right	{float: right; width: 350px; padding-right: 40px; position: relative;}
div#favorites			{top: 125spx; right: -60px; position: absolute; width: 160px;}
.imageBorder			{border: 1px solid black;}


/****************************************TEXT ALTERATIONS**************************/

.boldUpper		{letter-spacing: .1em; padding: 3px 10px 3px 0px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 12px; color: #7D7F76; font-weight: bold;}
.boldUpper2		{letter-spacing: .1em; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 12px; color: #7D7F76; font-weight: bold;}

.normal			{letter-spacing: .1em; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7D7F76; }
.normalUpper		{letter-spacing: .1em; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 11px; color: #7D7F76; }
.everyday		{letter-spacing: .1em; line-height: 1.5em; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7D7F76; }
.everydayHeader		{letter-spacing: 0; line-height: 1.5em; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #7D7F76; font-weight: bold; }
.everydayS		{letter-spacing: .1em; line-height: 1.5em; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #7D7F76; }
.everydayArial		{letter-spacing: .1em; line-height: 1.5em; padding: 0px 5px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7D7F76; }
.everydayForm		{letter-spacing: 0; line-height: 1.5em; padding: 0px 0px 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7D7F76; font-weight: bold; }
.everydayFormS		{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #7D7F76; }
.sizeorcolor		{letter-spacing: .1em; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 11px; color: #7D7F76; }


sup		{height: 0; line-height: 1; vertical-align: baseline; position: relative; bottom: 1ex;}

/*************************************NAVIGATION HOVERS*********************************************************/
a#nav1				{background: url(/images/shop_women_up.gif) no-repeat; text-indent: -9999px; width: 56px; position: absolute; top: -10px; left: 0px;}
a#nav1:hover			{background: url(/images/shop_women_over.gif) no-repeat; text-indent: -9999px; width: 56px; position: absolute;top: -10px; left: 0px;}
a#nav2				{background: url(/images/shop_men_up.gif) no-repeat; text-indent: -9999px; width: 28px; position: absolute;top: -10px; left: 90px;}
a#nav2:hover			{background: url(/images/shop_men_over.gif) no-repeat; text-indent: -9999px; width: 28px; position: absolute;top: -10px; left: 90px;}
a#nav3				{background: url(/images/shop_accessories_up.gif) no-repeat; text-indent: -9999px; width: 93px; position: absolute;top: -10px; left: 150px;}
a#nav3:hover			{background: url(/images/shop_accessories_over.gif) no-repeat; text-indent: -9999px; width: 93px; position: absolute;top: -10px; left: 150px;}
a#nav4				{background: url(/images/shop_kids_up.gif) no-repeat; text-indent: -9999px; width: 31px; position: absolute;top: -10px; left: 280px;}
a#nav4:hover			{background: url(/images/shop_kids_over.gif) no-repeat; text-indent: -9999px; width: 31px; position: absolute;top: -10px; left: 280px;}

a#navCompany			{background: url(/images/company1_up.gif) no-repeat; text-indent: -9999px; width: 76px; position: absolute; top: -10px; left: 0px;}
a#navCompany:hover		{background: url(/images/company1_over.gif) no-repeat; text-indent: -9999px; width: 76px; position: absolute;top: -10px; left: 0px;}
a#navStores			{background: url(/images/stores_up.gif) no-repeat; text-indent: -9999px; width: 58px;  position: absolute;top: -10px; left: 90px;}
a#navStores:hover		{background: url(/images/stores_over.gif) no-repeat; text-indent: -9999px; width: 58px; position: absolute;top: -10px; left: 90px;}
a#navCareers			{background: url(/images/careers_up.gif) no-repeat; text-indent: -9999px; width: 73px; position: absolute;top: -10px; left: 170px;}
a#navCareers:hover		{background: url(/images/careers_over.gif) no-repeat; text-indent: -9999px; width: 73px; position: absolute;top: -10px; left: 170px;}
a#navPress			{background: url(/images/press_up.gif) no-repeat; text-indent: -9999px; width: 40px; position: absolute;top: -10px; left: 260px;}
a#navPress:hover		{background: url(/images/press_over.gif) no-repeat; text-indent: -9999px; width: 40px; position: absolute;top: -10px; left: 260px;}
a#navWholesale			{background: url(/images/wholesale_up.gif) no-repeat; text-indent: -9999px; width: 100px; position: absolute;top: -10px; left: 330px;}
a#navWholesale:hover		{background: url(/images/wholesale_over.gif) no-repeat; text-indent: -9999px; width: 100px; position: absolute;top: -10px; left: 330px;}


a#nav21				{background: url(/images/women_over.gif) no-repeat; text-indent: -9999px; width: 56px; position: absolute; top: -10px; left: 0px;}
a#nav21:hover			{background: url(/images/women_over.gif) no-repeat; text-indent: -9999px; width: 56px; position: absolute;top: -10px; left: 0px;}
a#nav22				{background: url(/images/men_over.gif) no-repeat; text-indent: -9999px; width: 28px; position: absolute;top: -10px; left: 90px;}
a#nav22:hover			{background: url(/images/men_over.gif) no-repeat; text-indent: -9999px; width: 28px; position: absolute;top: -10px; left: 90px;}
a#nav23				{background: url(/images/accessories_over.gif) no-repeat; text-indent: -9999px; width: 93px; position: absolute;top: -10px; left: 150px;}
a#nav23:hover			{background: url(/images/accessories_over.gif) no-repeat; text-indent: -9999px; width: 93px; position: absolute;top: -10px; left: 150px;}

a#navCompany2			{background: url(/images/company1_over.gif) no-repeat; text-indent: -9999px; width: 76px; position: absolute; top: -10px; left: 0px;}
a#navCompany2:hover		{background: url(/images/company1_over.gif) no-repeat; text-indent: -9999px; width: 76px; position: absolute;top: -10px; left: 0px;}
a#navStores2			{background: url(/images/stores_over.gif) no-repeat; text-indent: -9999px; width: 58px;  position: absolute;top: -10px; left: 90px;}
a#navStores2:hover		{background: url(/images/stores_over.gif) no-repeat; text-indent: -9999px; width: 58px; position: absolute;top: -10px; left: 90px;}
a#navCareers2			{background: url(/images/careers_over.gif) no-repeat; text-indent: -9999px; width: 73px; position: absolute;top: -10px; left: 170px;}
a#navCareers2:hover		{background: url(/images/careers_over.gif) no-repeat; text-indent: -9999px; width: 73px; position: absolute;top: -10px; left: 170px;}
a#navPress2			{background: url(/images/press_over.gif) no-repeat; text-indent: -9999px; width: 40px; position: absolute;top: -10px; left: 260px;}
a#navPress2:hover		{background: url(/images/press_over.gif) no-repeat; text-indent: -9999px; width: 40px; position: absolute;top: -10px; left: 260px;}
a#navWholesale2			{background: url(/images/wholesale_over.gif) no-repeat; text-indent: -9999px; width: 100px; position: absolute;top: -10px; left: 330px;}
a#navWholesale2:hover		{background: url(/images/wholesale_over.gif) no-repeat; text-indent: -9999px; width: 100px; position: absolute;top: -10px; left: 330px;}

a#navEvents				{background: url(/images/events1_up.gif) no-repeat; text-indent: -9999px; width: 56px; position: absolute; top: -10px; left: 0px;}
a#navEvents:hover			{background: url(/images/events1_over.gif) no-repeat; text-indent: -9999px; width: 56px; position: absolute;top: -10px; left: 0px;}
a#navNews				{background: url(/images/news_up.gif) no-repeat; text-indent: -9999px; width: 70px; position: absolute;top: -10px; left: 90px;}
a#navNews:hover			{background: url(/images/news_over.gif) no-repeat; text-indent: -9999px; width: 70px; position: absolute;top: -10px; left: 90px;}
a#navMailing				{background: url(/images/mailing_list_up.gif) no-repeat; text-indent: -9999px; width: 93px; position: absolute;top: -10px; left: 170px;}
a#navMailing:hover			{background: url(/images/mailing_list_over.gif) no-repeat; text-indent: -9999px; width: 93px; position: absolute;top: -10px; left: 170px;}
a#navFacebook				{background: url(/images/facebook_up.gif) no-repeat; text-indent: -9999px; width: 100px; position: absolute;top: -10px; left: 295px;}
a#navFacebook:hover			{background: url(/images/facebook_over.gif) no-repeat; text-indent: -9999px; width: 100px; position: absolute;top: -10px; left: 295px;}

a#navTrunk_Show			{background: url(/images/trunks_show_up.gif) no-repeat; text-indent: -9999px; width: 100px; position: absolute;top: -10px; left: 395px;}
a#navTrunk_Show:hover			{background: url(/images/trunks_show_over.gif) no-repeat; text-indent: -9999px; width: 100px; position: absolute;top: -10px; left: 395px;}





a.hoverable			{color: #5B5b50;; display: block;}
a.hoverable:hover		{color: orange; display: block;}

table.register tr td	{padding: 8px 0px; border-bottom: 1px solid #66CBFF;}
table.emailtbl tr td	{padding: 5px 0px; border-bottom: none;}




ul#state			{list-style-type: none; }
ul#state li			{margin-left: 0px; padding: 4px 0px;}
ul#state li a			{ font-family: Arial, Helvetica, sans-serif; letter-spacing: .1em; line-height: 1.5em;  font-size: 12px; color: #7D7F76; font-weight: bold;; text-transform: uppercase; }
ul#state li a:hover		{letter-spacing: .1em; line-height: 1.5em;  font-size: 12px; color: #FF9900; font-weight: bold; text-transform: uppercase; }
ul#state li a:active		{letter-spacing: .1em; line-height: 1.5em;  font-size: 12px; color: #FF9900; font-weight: bold; text-transform: uppercase; }



ul.stars		{ list-style-type: none;}
ul.stars li		{background: url(/images/bullet.gif) no-repeat; padding: 0px 0px 10px 15px;  }
ul.stars li a		{margin-top: -10px;}
ul.stars li a:hover	{border-bottom: #66CBFF 1px solid;}

div.questionbg		{background-color: #66CBFF; width: 600px; padding: 1px; margin-left: 10px;}
ul#loggedinlist		{list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold;}
ul#loggedinlist li	{font-variant:small-caps; padding: 4px 5px 4px 0px; margin-left: 40px;}
ul#loggedinlist li img a {padding-top: 5px;}

dl			{ clear: both; margin: 0 0 20px 0; width: 500px;}
dt			{  padding: 5px; font-size: 13px; font-weight: bold; color: #807873; }
dd.answer		{ position: relative; width: 90%; margin: 0 auto; }
dd.answer div		{ padding: 5px 2px; font-size: 12px;color: #807873;  }
dd.answer-tab-wrap	{ margin: 0 0 0 250px; }
a.answer-tab		{ background: url(/images/qm.gif) no-repeat; display: block; margin: 0 0 20px 0; text-indent: -9999px; width: 100px; height: 25px; float: left; cursor: pointer;}

div#table_of_contents	{width: 250px; float: left;height: 350px;}
#table_of_contents ul	{list-style-type: none;}
#table_of_contents ul li	{padding: 3px;}
#table_of_contents ul li	{font-size: 12px; font-family: Arial, sans-serif;}
div#faq_qa		{width: 500px; float: right; height: 750px;}
ul#parka		{}
ul#parka li		{color: #7D7F76; font-weight: bold; cursor: pointer; padding: 5px 0px;}

a#storeNumber		{color: #FF9900; font-weight: bold; font-size: 12px;}

.event_header			{font-size: 13px; font-weight: bold; color: #807873; }
.event_info		{font-size: 12px;color: #807873;  }