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

CSS for ToShirt

*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

body {
	font-family: Verdana, Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	min-height: 100%;
	background-color: #fffdf8;
}

html, body {
height: 100%;
}

h1, h2, h3, h4, h5 {
font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
}

img {
border: 0;
}

em {
position: absolute;
left: -9999em;
}

fieldset {
border: 0;
}

.handcursor{
cursor:hand;
cursor:pointer;
}

input {
padding: 1px 0 1px 2px;
font-size: 13px;
color: #666;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-khtml-box-sizing: content-box;
}

.clearDiv {
clear: both;
}

#wrap {
margin: 0 auto;
width:980px;
height: 100%;
height: auto;
background-image: url(../img/bg_header.gif);
background-repeat: repeat-y;
}

/*
----------------------------------------------------------------------------------------------- INTERFACE (Header / Body / Footer / Nav)
*/

/* ============================== Header */
#header {
margin: 0 auto;
padding: 0 0px;
width: 960px;
height: 123px;
}


#header #left{
display: block;
float: left;
width: 315px;
height: 115px;
background: url(../img/bg_logo.jpg) no-repeat;
}

#header #left a{
display: block;
width: 315px;
height: 115px;
}

#header #toplink{
width: 400px;
float:right;
font-size:10px;
color:#454545;
display: block;
height: 20px;
line-height: 20px;
margin-top:5px;
}

.graylink_top{font-size:10px;text-decoration:none;}
a.graylink_top{ color:#454545; text-decoration:none;}
a.graylink_top:hover{ text-decoration:underline;}


#header #nav{ height:48px; margin:50px 0px 0px 0px; float:right; width:623px;}
#nav span{ display:none;}
#nav1{ height:48px; width:85px; background:url(../img/nav01.gif) no-repeat;float:left;}
#nav1:hover{background:url(../img/nav01.gif) 0 -48px no-repeat; cursor:pointer;}
#nav1.selected{background:url(../img/nav01.gif) 0 -96px no-repeat;}
#nav2{ height:48px; width:104px; background:url(../img/nav02.gif) no-repeat;float:left;}
#nav2:hover{background:url(../img/nav02.gif) 0 -48px no-repeat; cursor:pointer;}
#nav2.selected{background:url(../img/nav02.gif) 0 -96px no-repeat; cursor:pointer;}
#nav3{ height:48px; width:143px; background:url(../img/nav03.gif) no-repeat;float:left;}
#nav3:hover{background:url(../img/nav03.gif) 0 -48px no-repeat; cursor:pointer;}
#nav3.selected{background:url(../img/nav03.gif) 0 -96px no-repeat; cursor:pointer;}
#nav4{ height:48px; width:71px; background:url(../img/nav04.gif) no-repeat;float:left;}
#nav4:hover{background:url(../img/nav04.gif) 0 -48px no-repeat; cursor:pointer;}
#nav4.selected{background:url(../img/nav04.gif) 0 -96px no-repeat; cursor:pointer;}
#nav5{ height:48px; width:219px; background:url(../img/nav05.gif) no-repeat;float:left;}
#nav5:hover{background:url(../img/nav05.gif) 0 -48px no-repeat; cursor:pointer;}
#nav5.selected{background:url(../img/nav05.gif) 0 -96px no-repeat; cursor:pointer;}

#title {
margin: auto;
margin-top: 6px;
display:block;
width:960px;
height: 225px;
background:url(../img/bg_title.jpg) repeat-x;
}

#title #des{
display: block;
float: left;
width: 440px;
margin: 10px 40px 10px 40px;
}

#title #des h1{
font-size:20px;
color:#a42966;
line-height: 30px;
}

#title #des p{
padding-top: 5px;
font-size:12px;
color:#171717;
line-height: 20px;
}

#des_btn{ margin: 180px 10px 0px -480px; width:230px; float:left;}
#des_btn1{height:35px;width:230px;background-image: url(../img/buynow_btn.png);background-repeat: no-repeat;}
#des_btn1:hover{background:url(../img/buynow_btn.png) 0 -35px no-repeat; cursor:pointer;}

#des_btn2{height:35px;width:230px;background-image: url(../img/hearyou_btn.png);background-repeat: no-repeat;}
#des_btn2:hover{background:url(../img/hearyou_btn.png) 0 -35px no-repeat; cursor:pointer;}

#title #themeP{
display: block;
float: right;
width: 410px;
height: 225px;
margin-right: 5px;
margin-top: 0px;
background:url(../img/home_kids.png) no-repeat;
}

#title #themeP_faq{
	display: block;
	float: right;
	width: 410px;
	height: 225px;
	margin-right: 0px;
	margin-top: 0px;
	background:url(../img/faq_head_image.png) no-repeat;
}

#title #themeP_contact{
display: block;
float: right;
width: 410px;
height: 225px;
background:url(../img/contact_us_head_image.png) no-repeat;
}

#title #themeP_event{
display: block;
float: right;
width: 410px;
height: 225px;
margin-right:25px;
margin-top: 0px;
background:url(../img/event_head_image.png) no-repeat;
}

.seqslidestyle img{
padding: 5px 5px 5px 5px;
background-color:#FFFFFF;
}

#title_product {
margin: auto;
margin-top: 6px;
display:block;
width:960px;
height: 250px;
background:url(../img/bg_title_product.jpg) repeat-x;
}

#title_product #des{
display: block;
width: 820px;
padding-top: 15px;
padding-bottom:5px;
margin: 0px auto;
}

#title_product #des h1{
font-size:20px;
color:#a42966;
line-height: 25px;
}

#title_product #des p{
padding-top: 5px;
font-size:12px;
color:#171717;
line-height: 20px;
}

#title_product #themeP{
display: block;
float: right;
width: 435px;
height: 105px;
margin-right: 5px;
margin-top: 5px;
background:url(../img/product_titleP.png) no-repeat;
}

#content {
margin:0px auto;
width: 960px;
height: auto;
background-color: #e0f6ff;
}

#content #left{
display: block;
margin-top:10px;
margin-bottom: 5px;
float: left;
width: 625px;
background-color: #e0f6ff;
border-right-width: 5px;
border-right-style: dotted;
border-right-color: #c7c7c7;
}

#content #left h1{
font-size: 16px;
color:#341605;
line-height: 40px;
margin-left: 40px;
}

#content #tee_right{
display: block;
margin: 25px 15px 5px 5px;
float: right;
width: 410px;
background-color: #e0f6ff;
}

#content #product_left{
display: block;
float: left;
width: 410px;
margin: 0px 0px;
padding-left:70px;
background-color: #e0f6ff;
border-right-width: 5px;
border-right-style: dotted;
border-right-color: #c7c7c7;
}

#content #product_right{
display: block;
float: right;
width: 425px;
margin: 0px 0px;
padding-left: 50px;
background-color: #e0f6ff;
}

#content #step {
display:block;
width: 560px; 
margin-left:40px;
}

#content #step #boxtop{
height:15px;
margin-top: 5px;
background:url(../img/boxtop.gif) no-repeat;
}

#content #step #boxmid{
padding: 0px 10px 0px 20px;
background:url(../img/boxmiddle.gif) repeat-y;
}

#content #step #boxmid img{
padding: 15px 10px 5px 5px;
}

#content #step #event img{
padding: 5px 5px 5px 5px;
background-color:#FFFFFF;
}

#content #step #event_des{
display:block;
margin-top: -105px;
width:370px;
float:right;
padding: 0px 5px;
line-height:18px;
}

.title{
font-size:18px;
color:#ff2e58;
}

.title_des{
font-size:16px;
color:#341605;
}

.title_sub{
font-size:12px;
color:#684522;
line-height:20px;
}

.title_sub ul{
padding: 0px 15px;
}

.event{
font-size:14px;
font-weight:bold;
color:#ff2e58;
}

.event_date{
font-size:12px;
color:#684522;
font-style: italic;
}

.event_des{
font-size:12px;
color:#282828;
}

.text_brown{
font-size:12px;
color:#603912;
}

.text_brown_tee{
padding: 5px 15px;
line-height:30px;
font-size:14px;
color:#603912;
}

.text_gray_tee{
padding: 5px auto;
line-height:20px;
font-size:12px;
color:#3f3f3f;
}

.text_purple_tee{
padding: 5px 15px;
line-height:20px;
font-size:12px;
color:#880a50;
}

.text_purple_product{
line-height:20px;
font-size:12px;
color:#880a50;
}

#bluelink{color:#2395c3; font-size:9px; line-height:25px; text-decoration:underline;}
a#bluelink{ color:#2395c3; text-decoration:underline;}
a#bluelink:hover{ color:#43b2df; text-decoration:underline;}

.text_orange_tee{
padding: 5px 15px;
line-height:20px;
font-size:12px;
color:#e2282e;
}

.text_orange2_tee{
line-height:20px;
font-size:10px;
color:#e2282e;
}

.text_orange3_tee{
line-height:15px;
font-size:10px;
color:#e36517;
}

.tee_box {
border-bottom: 1px dotted #CCCCCC;
height: 35px;
}

.product_box {
border-bottom: 1px dotted #CCCCCC;
height: 65px;
}

.product_box img{
padding:5px 10px;
}

.text_brown_product{
color:#684522;
font-size:9px;
}

#content #step #boxbtm{
height:15px;
margin-bottom: 5px;
background:url(../img/boxbtm.gif) no-repeat;
}

#step4{width:500px;}

#step4 #leftP{
margin-top: 5px;
height:100px;
background-image: url(../img/step4.jpg);
background-repeat: no-repeat;
}

#step_btn{ margin: -60px 30px 0px 0px; width:120px; float:right;}
#step_btn1{height:30px;	width:120px; float:right; background-image: url(../img/step4_btn.gif); background-repeat: no-repeat;}
#step_btn1:hover{background:url(../img/step4_btn.gif) 0 -30px no-repeat; cursor:pointer;}

#content #right{
display: block;
margin-top:5px;
float: right;
width: 290px;
background-color: #e0f6ff;
}

#content #tee_left{
display: block;
margin-top:10px;
margin-left:25px;
float: left;
width: 500px;
height: 235px;
background-color: #e0f6ff;
background:url(../img/tee_bg.jpg) no-repeat;
}

#content #tee_left #tee_des{
display: block;
margin: 20px 0px 0px 140px;
line-height:15px;
float: left;
width: 280px;
color:#684522;
font-size:9px;
}

#content #right #rightbtn{ margin: 10px 40px 10px 0px; width:250px; float:right;}
#rightbtn1{height:70px;	width:250px; float:right; background-image: url(../img/fb_btn.gif); background-repeat: no-repeat;}
#rightbtn1:hover{background:url(../img/fb_btn.gif) 0 -70px no-repeat; cursor:pointer;}
#rightbtn2{height:70px;	width:250px; float:right; background-image: url(../img/video_btn.gif); background-repeat: no-repeat;}
#rightbtn2:hover{background:url(../img/video_btn.gif) 0 -70px no-repeat; cursor:pointer;}
#rightbtn3{height:70px;	width:250px; float:right; background-image: url(../img/etsy_btn.gif); background-repeat: no-repeat;}
#rightbtn3:hover{background:url(../img/etsy_btn.gif) 0 -70px no-repeat; cursor:pointer;}

#content #right #pinkboxtop{
height:18px;
margin-top: 5px;
background-image: url(../img/pinkbox_top.jpg);
background-repeat: no-repeat;
}

#content #right #pinkboxmid{
padding: 0px 10px 0px 20px;
background-image: url(../img/pinkbox_mid.jpg);
background-repeat: repeat-y;
}

#content #right #pinkboxbtm{
height:18px;
margin-bottom: 5px;
background-image: url(../img/pinkbox_btm.jpg);
background-repeat: no-repeat;
}

#content #right #pinkboxmid ul{
margin-left: 30px;
margin-top: 20px;
list-style-image:url(../img/pinkdot.gif);
}

#content #right #pinkboxmid li{
height:30px;
}

.graylink {color:#454545; text-decoration:underline; font-size:12px;}
a.graylink {color:#454545; text-decoration:underline;}
a.graylink:hover{color:#999999;	text-decoration:underline;}

.graylink_faq {color:#454545; text-decoration:underline; font-size:10px;}
a.graylink_faq {color:#454545; text-decoration:underline;}
a.graylink_faq:hover{color:#999999;	text-decoration:underline;}

#content #faq {
display:block;
width: 815px;
margin: 0px auto;
}

#title_product #productbox {
display:block;
width: 830px;
margin: 0px 25px 0px 75px;
}

#title_product #productbox #productboxtop {
height:17px;
margin-top: 5px;
background:url(../img/productbox_top.png) no-repeat;
}

#title_product #productbox #productboxmid {
padding: 0px 10px 0px 20px;
background:url(../img/productbox_mid.png) repeat-y;
}

#title_product #productbox #productboxbtm {
height:20px;
background:url(../img/productbox_btm.png) no-repeat;
}

#title_product #productbox #productboxmid #app{
display:block;
padding-left:10px;
width:370px;
color:#454545;
font-size:11px;
line-height:20px;
}

#title_product #productbox #productboxmid #app h1{
color:#341605;
font-size:15px;
line-height:20px;
}

#title_product #productbox #productboxmid #price{
display:block;
float:right;
margin: -105px 20px 0px 10px;
width:380px;
color:#454545;
font-size:11px;
line-height:20px;
}

#title_product #productbox #productboxmid #price h1{
color:#341605;
font-size:15px;
line-height:25px;
}

.text_pink_price{
color:#ff2e58;
font-size:11px;
}

#content #faqswitch {
display:block;
width: 815px;
float:right;
line-height:20px;
color:#454545;
font-size:10px;
}

#content #faqswitch h1{
margin-top:10px;
color:#341605;
font-size:16px;
}

#content #faq h3{
padding: 0px 10px 0px 20px;
font-size:14px;
color:#603912;
display:block;
width: 815px;
height:40px;
line-height:30px;
background:url(../img/bar_faq.png) no-repeat;
}

#content #faq h3:hover{
background:url(../img/bar_faq_hover.png) no-repeat;
}

.switchgroup1{
background-color:#fffcf4;
padding: 10px 45px;
font-size:11px;
line-height:20px;
}

#content #faqboxtop{
height:20px;
margin-top: 5px;
background-image: url(../img/faq_boxtop.jpg);
background-repeat: no-repeat;
}

#content #faqboxmid{
padding: 0px 10px 0px 20px;
background-image: url(../img/faq_boxmid.jpg);
background-repeat: repeat-y;
}

#content #faqboxmid h1{
color:#000000;
font-size:14px;
}

#content #faqboxmid p{
color:#000000;
font-size:12px;
line-height:18px;
}

#content #faqboxbtm{
height:20px;
padding-bottom: 5px;
background-image: url(../img/faq_boxbtm.jpg);
background-repeat: no-repeat;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 210px;
text-align: left;
padding: 2px 0;
}

.press_title{
font-size:14px;
color:#39302a;
}

.press_name{
font-size:12px;
color:#39302a;
}

.press img{
margin: 5px auto;
padding:5px 5px;
background-color:#FFFFFF;
}

.press_article{
color:#454545;
font-size:11px;
line-height:15px;
}

.imglinks{
border-bottom: dotted 1px #cccccc;
}

.gray_text{
color:#CCCCCC;
font-size:10px;
line-height:30px;
}

.pinklink{color:#ff6600;font-size:12px;text-decoration:underline; font-weight:bold; line-height:35px;}
a.pinklink{ color:#ff6600; text-decoration:underline;font-weight:bold; line-height:35px;}
a.pinklink:hover{ color:#ff9966;}

#product_btm {
margin:auto;
	width:760px;
	padding: 15px 100px;
	background-color:#f5faf6;
}

#product_shipping{
margin:auto;
width:760px;
padding: 15px 100px;
color:#3f2212;
font-size:10px;
line-height:15px;
background-color:#fff6e5;
}

#product_shipping h1{
display:block;
width:115px;
height:30px;
background:url(../img/shipping_title.jpg) no-repeat;
}

#footer {
margin:auto;
	display:block;
	width:900px;
	padding-right: 60px;
	background-color:#FFEEC1;
	color:#121212;
	font-size:8px;
	line-height: 18px;
}