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

* {	margin: 0;	padding: 0;	}	
html { background:url(../images/linenBg.jpg) repeat; }
body { background:url(../images/fabricBgtop.jpg) center top repeat-x; font:70% Geneva, Arial, Helvetica, sans-serif; color:#5c2d1d; }
	
a { outline:none; }
a:link { color:#546c0c;	}
a:visited {	color:#8b736a; }
a:hover { color:#f58f9b; }
	
div#wrapper { position:relative; background:url(../images/containter_bg_top.png) 50% 65px no-repeat; padding-top:126px; padding-bottom:50px; overflow:auto; }	
div#container { position:relative; z-index:1; background:url(../images/container_bg.png) center repeat-y; margin:0 auto; width:991px; overflow:hidden; }
	
/* ----------------------------sub content / left column---------------------------- */

div#content_sub { float:left; margin-left:64px; width:313px; min-height:700px; background: #FFFFFF url(../images/trinabags_03.gif) bottom center no-repeat; z-index:1; }
body#body_home div#content_sub { min-height:550px; }
div#content_sub p { margin:25px; line-height:2em; }
	
div#content_sub h1 { background:url(../images/trinabagsLogo.gif) 0 0 no-repeat; width:253px; height:87px; margin:50px 30px 110px 30px; }	
div#content_sub h1 a { display:block; width:253px; height:87px; text-indent:-9999px; }	
	
div#content_sub ul { margin:25px; }	
div#content_sub ul li {	list-style:none; margin-bottom:10px; }

div#content_sub ul li#browse { background:url(../images/browseBtn.jpg) no-repeat; width:265px; height:76px;	}	
div#content_sub ul li#browse a { display:block; width:265px; height:76px; text-indent:-9999px; }	

div#content_sub ul li#custom { background:url(../images/customBtn.jpg) no-repeat; width:265px; height:76px; }
div#content_sub ul li#custom a { display:block; width:265px; height:76px; text-indent:-9999px; }

div#content_sub ul li#mission {	background:url(../images/missionBtn.jpg) no-repeat; width:265px; height:76px; }	
div#content_sub ul li#mission a { display:block; width:265px; height:76px; text-indent:-9999px; }
	
/* ----------------------------Vertical Response Signup block--------------------------- */

div#signup {  position:relative; width:264px; height:76px; background:url(../images/email_sign_up.gif) no-repeat; margin-left:25px; margin-bottom:-15px; }
div#signup p { position:absolute; top:2px; left:10px; color:#FFFFFF; } 
div#signup input#email_address { position:absolute; top:50px; left:35px; height:15px; width:140px; border:1px solid #f58f9b; font-size:9px; }
div#signup input#email_address:hover { background-color:#fbf9ed; }
div#signup input#email_address:focus, div#signup input#email_address:active { border:1px solid #f58f9b;	}
div#signup input.join { position:absolute; top:50px; left:180px; }
	
/* ----------------------------main content---------------------------- */

div#content_main { position:relative; float:right; width:551px; background-color:#FFFFFF; margin-right:61px; padding-bottom:45px; }		
div#content_main p, div#content_main ul { margin:15px; line-height:2em; }	
div#content_main ul { list-style:none; }
	
div#content_main h2, strong.cattitles { margin:0 0 -12px 15px; font-size:110%; text-transform:uppercase; letter-spacing:.5em; }

img.inset { padding:8px; border:1px solid #f58f9b; margin:10px; float:right; }

.welcome { font-family:Georgia, "Times New Roman", Times, serif; font-size:140%; font-style:italic; font-weight:bold; }
.salutation { float:right; margin-top:-10px; margin-right:25px; }

/* ----------------------------homepage sub-navigation ---------------------------- */
	
ul#home_subnav { display:inline; width:535px; position:absolute; bottom:0; }
ul#home_subnav	li { float:left; list-style:none; padding-right:8px; }
ul#home_subnav	li a { display:block; text-indent:-9999px; }
ul#home_subnav li#browse_collection a { background:url(../images/shopBtn_home.jpg) no-repeat; width:168px; height:117px; }
ul#home_subnav li#current_mission a { background:url(../images/missionBtn_home.jpg) no-repeat; width:168px; height:117px; }
ul#home_subnav li#custom_designs a { background:url(../images/customBtn_home.jpg) no-repeat; width:168px; height:117px; }
	
/* ----------------------------custom h1 bg images for each page---------------------------- */
	
div#content_main h1 { display:block; height:43px; margin:200px 0 20px 15px; text-indent:-9999px; }
div#content_main h1#h1_shop { background:url(../images/choose-bag.gif) no-repeat; width:217px; }	
div#content_main h1#h1_stock { background:url(../images/h1_stock.gif) no-repeat; width:152px; }	
div#content_main h1#h1_custom { background:url(../images/h1_custom.gif) no-repeat; width:169px; }	
div#content_main h1#h1_mission { background:url(../images/h1_mission.gif) no-repeat; width:243px; }	
div#content_main h1#h1_about { background:url(../images/h1_about.gif) no-repeat; width:195px; }	
div#content_main h1#h1_contact { background:url(../images/h1_contact.gif) no-repeat; width:122px; }
	
/* -------classes for content_main change the main background image based on the page------- */
		
.home { background:url(../images/trinabags_04.jpg) no-repeat; width:551px; height:525px; }
.styles { background:url(../images/styles_01.jpg) no-repeat; }
.shop { background:url(../images/shop_01.jpg) no-repeat; }	
.custom { background:url(../images/custom_01.jpg) no-repeat; }
.mission { background:url(../images/mission_01.jpg) no-repeat; }	
.about { background:url(../images/about_01.jpg) no-repeat; }
.contact { background:url(../images/contact_01.jpg) no-repeat; }
	
div#content_border { position:absolute; bottom:0; left:0; background:url(../images/shop_03.gif) center bottom no-repeat; width:100%; height:60px; }
	
/* ----------------------------stock page--------------------------- */

div#stock h2 { margin-bottom:0; margin-top:60px; width:515px; float:left; border-bottom:1px solid #ded6cb; }

div#stock ul { display:inline; }
div#stock ul li { margin:15px; list-style:none; width:150px; height:250px; float:left; }
div#stock ul li a  { margin:5px; display:block; width:150px; height:220px; background:url(../images/enlarge.gif) no-repeat;  }
div#stock ul li a:hover { background:url(../images/enlarge_over.gif) no-repeat; }
div#stock ul li a img { margin-top:20px; border:1px solid #fabdc1; }
div#stock ul li a img:hover { margin-top:20px; border:1px solid #aeba6d; }

div#stock input.view_cart { float:right; border:0; padding:0 7px; }
div#stock input.gift_wrap { float:right; border:0; }

/* ----------------------------Navigation---------------------------- */
	
#navigation { background-color:#fcfbf8; margin-top:30px; }
#navigation ul { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; letter-spacing:2px; color:#948a73; text-align:center; }	
#navigation ul li { display:inline; list-style:none; padding:0 15px; }
#navigation a { text-decoration:none; }	
#navigation a:link { color:#948a73; }
#navigation a:visited {	color:#948a73; }
#navigation a:hover { color:#f58f9b; }

/* ---Changes the color of the current page link-- */

body#body_shop a#a_shop, body#body_styles a#a_styles, body#body_custom a#a_custom, body#body_mission a#a_mission, body#body_about a#a_about, body#body_contact a#a_contact { color:#919c53; text-transform:uppercase; font-size:10px; }
	
/* ----------------------------contact form---------------------------- */

fieldset { border:none; margin:25px 15px 35px; line-height:2em; overflow:hidden; }	
label, label span { display:block; padding-bottom:.5em; }	
label { float:left; width:500px; }	
label span { float:left; display:block; text-align:right; width:75px; padding-right:1em; }	
fieldset input, fieldset textarea { width: 225px; height:22px; border:1px solid #546c0c; padding:3px; }	
fieldset input:hover, fieldset textarea:hover { background-color:#fbf9ed; }	
fieldset input:focus, fieldset input:active, fieldset textarea:focus, fieldset textarea:active  { border:1px solid #f58f9b; background-color:#FFFFFF; }	
fieldset textarea {	width:350px; height:60px; }
input#submit { margin-left:100px; margin-bottom:10px; }
	
/* ----------------------------footer---------------------------- */

div#info_wrapper { position:relative; background:url(../images/container_bg_bottom.png) no-repeat; margin:0 auto; width:991px; height:77px; z-index:2; }	
div#site_info {	color:#8b7555; font-size:10px; float:right; text-align:right; padding:10px; margin-right:65px; }

div#footer { position:absolute; width:313px; left:64px; bottom:78px; z-index:2; }
div#footer p { position:absolute; left:35px; bottom:25px; font-size:10px; }