/********************************************

Pink Tank
Global CSS

Version: 1.0
Author: Poccuo (http://www.poccuo.com)        	

8px = 0.50em
9px = 0.56em
10px = 0.63em
11px = 0.69em
12px = 0.75em
13px = 0.81em
14px = 0.88em
15px = 0.94em
16px = 1em
17px = 1.06em
18px = 1.13em
19px = 1.19em
20px = 1.25em	
21px = 1.31em
22px = 1.38em
23px = 1.44em
24px = 1.50em
25px = 1.56em
26px = 1.63em
28px = 1.75em
30px = 1.88em
32px = 2.00em
36px = 2.25em
40px = 2.50em

*******************************************/


/******************************************
GLOBAL SETTINGS
*******************************************/

body														{ font-size: 100%; line-height: 1.125em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-weight: 300; background-color: #F5F5F5;}
strong														{ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;}

a															{ text-decoration: underline; color: #EB7AA1;}
a:hover														{ text-decoration: none; color: #EA9BB9; }

strong														{ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; }
em															{ font-style: italic; }

p, ul, ol													{ font-size: 0.75em; color: #999999; margin: 0 0 1.5em 0;}

ul li														{ list-style-type: disc; margin: 0 0 0 30px;}
ol li														{ list-style-type: decimal; margin: 0 0 0 30px;}

/******************************************
FOUNDATION SETTINGS
*******************************************/

#container													{ overflow: hidden; height: 1%; margin: 0px auto; width: 840px; padding: 20px 20px 40px 20px; background-color: #FFFFFF; }
#header														{ border: 1px #FFF solid;} /*prevents header collapse in IE so do not delete */
#header h1 #logo											{ background: url('/images/_global/logo.gif') right top no-repeat; height: 48px; width: 104px; float: left;  margin: 0 0 30px 0;}
#header h1 #logo:hover										{ background: url('/images/_global/logo.gif') left top no-repeat;}
#footer														{ overflow: hidden; height: 1%; margin: 0px auto; width: 900px; }


/******************************************
MENUS
*******************************************/

#header ul#header_menu										{ clear: both; overflow: hidden; height: 1%; background-color: #EB7AA1; color: #FFF; margin: 0; }
#header ul#header_menu li									{ display: inline; text-indent: -10000px; margin: 0; }
#header ul#header_menu li a									{ height: 26px; background-image: url('/images/_global/menu/main_menu.gif'); font-size: 0.88em; display: block; float: left; color: #FFF; text-decoration: none; text-transform: lowercase; }
#header ul#header_menu li a:hover							{ color: #FBE4EC; background-position: 0 -26px; }

	#header ul#header_menu li.products a						{ width: 55px; }
	#header ul#header_menu li.products a:hover					{ width: 55px; background-position: 0 -26px; }
	#header ul#header_menu li.products a.active					{ width: 55px; background-position: 0 -52px; }

	#header ul#header_menu li.stores a							{ width: 60px; background-position: -117px 0; }
	#header ul#header_menu li.stores a:hover					{ width: 60px; background-position: -117px -26px; }
	#header ul#header_menu li.stores a.active					{ width: 60px; background-position: -117px -52px; }

	#header ul#header_menu li.about a							{ width: 95px; background-position: -215px 0; }
	#header ul#header_menu li.about a:hover						{ width: 95px; background-position: -215px -26px; }
	#header ul#header_menu li.about a.active					{ width: 95px; background-position: -215px -52px; }

	#header ul#header_menu li.press a							{ width: 63px; background-position: -347px 0; }
	#header ul#header_menu li.press a:hover						{ width: 63px; background-position: -347px -26px; }
	#header ul#header_menu li.press a.active					{ width: 63px; background-position: -347px -52px; }

	#header ul#header_menu li.wholesale a						{ width: 84px; background-position: -447px 0; }
	#header ul#header_menu li.wholesale a:hover					{ width: 84px; background-position: -447px -26px; }
	#header ul#header_menu li.wholesale a.active				{ width: 84px; background-position: -447px -52px; }

	#header ul#header_menu li.contact a							{ width: 63px; background-position: -575px 0; } 
	#header ul#header_menu li.contact a:hover					{ width: 63px; background-position: -575px -26px; }

	#header ul#header_menu li#view_basket a						{ width: 105px; background-position: -670px 0; float: right; }
	#header ul#header_menu li#view_basket a:hover				{ width: 105px; background-position: -670px -26px; float: right; }

#header ul#sub_menu											{ vertical-align: center; clear: both; overflow: hidden; height: 1%; background-color: #CCC; color: #FFF; margin: 0 0 50px 0; border-top: 1px #FFF solid; font-size: 1em; }
#header ul#sub_menu li										{ display: inline; margin: 0; }
#header ul#sub_menu li a									{ font-size: 0.75em; display: block; float: left; margin: 0 10px 0 0; padding: 4px 10px 3px 10px; color: #FFF; text-decoration: none; text-transform: lowercase; }
#header ul#sub_menu li a:hover								{ color: #EEE; }
#header ul#sub_menu li.active a								{ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; }
#header ul#sub_menu li#view_basket a						{ padding: 4px 0; float: right; }

#footer #copyright											{ float: right; font-size: 0.69em; color: #CCCCCC; margin: 10px 10px 50px 0;}
#footer #copyright a										{ text-decoration: none; color: #CCCCCC;}
#footer #copyright a:hover									{ color: #999999;}

/******************************************
HOME
*******************************************/

.home_slideshow 												{ position: relative; height: 500px; width: 840px;}
.home_slideshow .copy											{ position: absolute; bottom: 0; width: 840px; height: 95px; padding: 10px 0 0 0; background: url('/images/_global/homepage/white-transparent.png'); }
.home_slideshow .copy h2										{ font-size: 3.5em; line-height: 1.5em; margin: 0 0 0 15px; color: #666666; }
.home_slideshow:hover .copy p									{ display: block;}

#homepage_bottom												{ overflow: hidden; height: 1%; margin: 20px 0; }
#homepage_bottom #text 											{ border-top: 1px #CCC dotted; border-bottom: 1px #CCC dotted; height: 135px; width: 440px; float: left; padding: 10px 10px 0 0;}
#homepage_bottom #text p										{ font-size: 0.75em; line-height: 1.45em; color: #999999; }
#homepage_bottom #featured_modules .module						{ float: left; margin: 0 0 0 5px; position: relative; cursor: pointer; cursor: hand; height: 145px; width: 145px; }
#homepage_bottom #featured_modules .module:hover				{ background-position: -145px 0;}

#homepage_bottom #featured_modules .module .copy				{ position: absolute; bottom: 0; width: 139px; height: 60px; margin: 3px; }
#homepage_bottom #featured_modules .module .copy h3				{ font-size: 1.15em; line-height: 1.1em; margin: 10px; color: #FFF; text-transform: lowercase; }
#homepage_bottom #featured_modules .module .copy h3	a			{ display: none; color: #FFF; text-decoration: none; }
#homepage_bottom #featured_modules .module:hover .copy h3 a		{ display: block; }

#home_slideshow_wrapper 										{ height: 500px; width: 840px;}

/******************************************
PRESS
*******************************************/

.press_entry													{ height: 132px; height: 173px; margin: 0 20px 20px 0; border: 3px #CCC solid; float: left;}
.press_entry_last												{ height: 132px; height: 173px; margin: 0 0 20px 0; border: 3px #CCC solid; float: left;}

.press_entry h2 a, .press_entry_last h2 a						{ text-indent: -100000px; display: block; width: 132px; height: 180px; line-height: 1em; text-decoration: none;}
.press_entry:hover h2 a, .press_entry_last:hover h2 a			{ text-indent: 0px; display: block; margin: -195px 0 0 0; background-image: url('/images/_global/products/rollover_pink.png'); font-size: 1.3em; line-height: 1.2em; padding: 10px 10px 10px 10px; color: #FFF; width: 112px; height: 153px; position: relative; top: 195px; text-transform: lowercase;}

#press_page														{ overflow: hidden; height: 1%; margin: 0 0 20px 0; }
#press_page h1													{ font-size: 3.5em; line-height: 1em; color: #777777; padding: 10px 0 70px 0; text-transform: lowercase; }
#press_page p													{ font-size: 0.75em; color: #999999; margin: 0 0 1.5em 0;}
#press_page p a													{ text-decoration: none; }
#press_page img													{ float: left; margin: 0 19px 0 0; border: 3px #EEE solid;}


#press_page	#column_wrapper										{ width: 780px; overflow: hidden; height: 1%; background-image: url('/images/_global/press/press_background.gif'); background-repeat: repeat-y; background-position: 3px 0;}

#press_page	#left_column										{ width: 340px; float: left; }

#press_page	#right_column										{ width: 440px; float: left; }
#press_page	#right_column p										{ display: block; clear: both; margin: 0 0 1em 0;}

#press_page	#right_column h2									{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.6em; line-height: 1.2em; color: #777777; padding: 0 0 10px 0; }
#press_page #right_column h2 .date								{ color: #CCC;}
#press_page	#left_column img,
#press_page	#right_column img									{ border: 3px #CCC solid; margin: 0 14px 14px 0;}

#press_container												{ overflow: hidden; height: 1%; background-color: #EEEEEE; padding: 12px 24px 24px 24px; margin: 60px 0 0 0; }
	
#press_page	#right_column #pagination							{ clear: both; overflow: hidden; height: 1%; background-color: #E3E3E3; margin: 40px 0 0 0;  }
#press_page	#right_column #pagination #total					{ float: left; display: block; width: 300px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: lowercase; padding: 6px 0 5px 10px; }
#press_page	#right_column #pagination #total p					{ margin: 0; padding: 0; color: #EB7AA1;}
#press_page	#right_column #pagination #prev_next				{ float: left; display: block; width: 100px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: #CCC; text-align: right; padding: 6px 20px 5px 10px; }
#press_page	#right_column #pagination #prev_next p				{ color: #CCC; margin: 0; padding: 0;}
#press_page	#right_column #pagination #prev_next a				{ color: #888; text-decoration: none; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;}
#press_page	#right_column #pagination #prev_next a:hover		{ color: #333; text-decoration: none;}
#press_page	#right_column #pagination #prev_next .next			{ margin-left: 10px; }
#press_page	#right_column #pagination #prev_next .prev			{ margin-right: 10px; }

/******************************************
PRODUCTS
*******************************************/

.product_entry													{ height: 189px; height: 189px; margin: 0 20px 20px 0; border: 3px #CCC solid; float: left;}
.product_entry_last												{ height: 189px; height: 189px; margin: 0 0 20px 0; border: 3px #CCC solid; float: left;}

.product_entry h2 a, .product_entry_last h2 a					{ text-indent: -100000px; display: block; width: 189px; height: 189px; line-height: 1em; text-decoration: none;}
.product_entry:hover h2 a, .product_entry_last:hover h2 a		{ text-indent: 0px; display: block; margin: -195px 0 0 0; background-image: url('/images/_global/products/rollover_pink.png'); font-size: 2em; padding: 20px 10px 10px 10px; color: #FFF; width: 169px; height: 159px; position: relative; top: 195px; text-transform: lowercase;}


#product_page													{ overflow: hidden; height: 1%; margin: 0 0 20px 0; }
#product_page h1												{ font-size: 3.5em; line-height: 1em; color: #777777; padding: 10px 0 70px 0; text-transform: lowercase; }
#product_page p													{ font-size: 0.75em; color: #999999; margin: 0 0 1.5em 0;}
#product_page p a												{ text-decoration: none; }
#product_page p .price											{ font-size: 2em; color: #555; margin: 0 2px 0 0;}
#product_page img												{ float: left; margin: 0 19px 0 0; border: 3px #EEE solid;}
#product_page form img											{ border: 0px #EEE solid;}

#product_page #vertical #product_info							{ float: left; background-color: #F9D7E3; width: 370px; height: 580px; padding: 20px; }
#product_page #horizontal #product_info							{ float: left; background-color: #F9D7E3; width: 800px; padding: 20px; }
#product_page #horizontal img									{ margin-bottom: 20px;}

#product_page #horizontal #product_info h1						{ font-size: 3.5em; line-height: .75em; color: #777777; padding: 10px 0 70px 0; text-transform: lowercase; width: 400px; float: left; }
#product_page #horizontal #product_description					{ margin: 10px 0 0 0; width: 400px; float: left;}

#pagination														{ clear: both; overflow: hidden; height: 1%; background-color: #EEE;}
#pagination #total												{ float: left; display: block; width: 700px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: lowercase; padding: 6px 0 5px 10px; }
#pagination #total p											{ margin: 0; padding: 0; color: #EB7AA1;}
#pagination #prev_next											{ float: left; display: block; width: 100px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: #CCCCCC; text-align: right; padding: 6px 20px 5px 10px; }
#pagination #prev_next p										{ color: #CCCCCC; margin: 0; padding: 0;}
#pagination #prev_next a										{ color: #999999; text-decoration: none; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;}
#pagination #prev_next a:hover									{ color: #333333; text-decoration: none;}
#pagination #prev_next .next									{ margin-left: 10px; }
#pagination #prev_next .prev									{ margin-right: 10px; }

#paypal_button table 											{ margin: 10px 0 40px 0;}
#paypal_button td 												{ padding: 5px 0 0 0; color: #555;}
#paypal_button 													{ font-size: 13px; margin-left: -20px;}
#paypal_button option											{ padding: 2px; vertical-align: center;}

/******************************************
STORES
*******************************************/

#stores_container											{ overflow: hidden; height: 1%; background-color: #EEEEEE; padding: 12px 24px 24px 24px; margin: 60px 0 0 0; }
#stores_container h1										{ font-size: 3.5em; line-height: 1em; color: #777777; padding: 10px 0 70px 0; text-transform: lowercase; }
#stores_container p											{ font-size: 0.69em; line-height: 1.6em; color: #999999; padding: 0 2em 0 0; width: 175px; float: left; }
#stores_container p .title									{ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777777; font-weight: bold; }
#stores_container p	a										{ text-transform: lowercase; text-decoration: none;}
#stores_container .stores_grouping							{ overflow: hidden; height: 1%; display: block; margin: 0 0 30px 0;}

#stores_container p#footnote								{ font-style: italic; width: auto; }

/******************************************
ABOUT
*******************************************/

#about_container											{ overflow: hidden; height: 1%; background-color: #EEEEEE; padding: 12px 24px 24px 24px; margin: 60px 0 0 0; }
#about_container h1											{ font-size: 3.5em; line-height: 1em; color: #777777; padding: 10px 0 70px 0; text-transform: lowercase; }
#about_container p											{ font-size: 0.75em; color: #999999; margin: 0 0 1.5em 0;}

/******************************************
WHOLESALE
*******************************************/

#wholesale_container											{ overflow: hidden; height: 1%; background-color: #EEEEEE; height: 500px; background-image: url(/images/_global/wholesale/wholesale_background.gif); background-repeat: no-repeat; background-position: right bottom; padding: 12px 24px 24px 24px; margin: 60px 0 0 0; }
#wholesale_container h1											{ font-size: 3.5em; line-height: 1em; color: #777777; padding: 10px 0 70px 0; text-transform: lowercase; }
#wholesale_container p											{ font-size: 1.5em; width: 500px; line-height: 1.3em; color: #999999; margin: 0 0 1.5em 0;}


/******************************************
CONTACT US
*******************************************/

#contact_container											{ overflow: hidden; height: 1%; margin: 10px 0 0 0; }
#contact_container #location								{ float: left; width: 150px; padding: 0 0 0 10px; font-size: 0.75em; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; }
#contact_container #address									{ float: left; width: 150px; padding: 0 0 0 10px; }
#contact_container #map										{ float: left; width: 640px; }
#contact_container #address	p								{ font-size: 0.75em; color: #666; margin: 0 0 10px 0;}
#contact_container #address	p a								{ color: #5D8D47; text-decoration: none;}
#contact_container #address	p a:hover						{ text-decoration: underline;}

#contact_form_container										{ background-color: transparent; width: 500px; margin: 0; padding: 0; }

#contact_form_container h2									{ width: 400px; font-size: 2.26em; color: #777777; padding: 30px 0 45px 0; margin: 0 30px;}
#contact_form_container p									{ font-size: 0.75em; color: #666; margin: 20px;}
#contact_form_container p a									{ color: #5D8D47; text-decoration: none;}
#contact_form_container p a:hover							{ text-decoration: underline;}
#contact_form_container form								{ margin: 0 0 10px 30px;}
#contact_form_container form .button						{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; float: right; color: #FFF; width: 150px; font-size: 0.88em; background-color: #EB7AA1; margin: 0 40px 0 0; border: none; padding: 5px 0;}
#contact_form_container form .button:hover					{ background-color: #EA9BB9; cursor: pointer; cursor: hand;}
#contact_form_container .form_item 							{ clear: both; height: 45px;}
#contact_form_container .form_item_textarea					{ clear: both; height: 160px;}
#contact_form_container .form_item label, 
#contact_form_container .form_item_textarea label			{ display: block; float: left; width: 140px; font-size: 0.75em; color: #999999; text-transform: lowercase; padding: 4px 0 0 0; margin: 0;}
#contact_form_container .form_item input, 
#contact_form_container .form_item_textarea input			{ display: block; float: left; width: 278px; font-size: 0.75em; color: #666; border: 1px #CCC solid; padding: 5px; }
#contact_form_container .form_item_textarea textarea, 
#contact_form_container .form_item textarea					{ display: block; float: left; width: 278px; font-size: 0.75em; color: #666; border: 1px #CCC solid; padding: 5px;}
#contact_form_container form p.checkbox						{ display: block; clear: both; margin: 10px 0 30px 150px; font-style: italic;}

#contact_form_container #TB_closeWindow 					{ font-size: 0.76em; position: absolute; top: 30px; left: 428px;}
#contact_form_container #TB_closeWindow a 					{ color: #EB7AA1; text-decoration: none; }
#contact_form_container #TB_closeWindow a:hover 			{ text-decoration: underline; color: #EA9BB9; }

#contact_form_container .form_item label.error				{ font-size: 0.56em; margin: 0 0 0 140px; padding: 0; color: #EA79A0; width: auto;}
#contact_form_container .form_item input.error				{ border: 1px #EA79A0 solid; }

/******************************************
SPECIAL
*******************************************/


.clear 														{ clear: both; }
.hidden														{ display: none; }