body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background: #f0f2f1}
.body{padding:20px 10px;}
.container{width:90%; max-width:980px; margin:0px auto;}
ul, li{list-style:none; margin:0; padding:0; border:0}

#home section.content{margin:20px 30px 20px 30px; clear:both; width:590px; float:left}
section.content{margin:30px 30px 20px 30px; clear:both; float:left}
section.twocol{margin:40px 0px 20px 0px; clear:both; }
aside{float:left; width:300px}
h1{}
h2{font-size:120%}
a{text-decoration:none; color:#f33342 }
a:hover{text-decoration:underline}
nav ul{position:absolute; top:-20px; left:0px; width:100%; max-width:980px; }
nav ul li{width:16%; display:inline-block; display:block; float:left; text-align:center; vertical-align:top}
nav ul li a{display:block; padding:30px 0px 0px 0px; min-height:50px; background:none; color:#FFF; font-weight:bold; font-size:90%; margin-top:10px; border-right:1px solid #1e3197; border-left:1px solid #2f4abc; background:url(../images/bg_tab_off_blue.gif) top left repeat-x; text-shadow:0px -1px 0px rgba(0,0,0,0.5)}

/*nav ul li a{display:block; padding:30px 0px; background:none; color:#000; font-weight:bold; font-size:90%; margin-top:10px; border-right:1px solid #e0e0e0; border-left:1px solid #FFF; background:url(../images/bg_tab_off.gif) top left repeat-x; text-shadow:0px 1px 0px #FFF}*/
nav ul li a:hover{background:url(../images/bg_tab_on.gif) top left repeat-x; /*border-right:1px solid #b32c36; border-left:1px solid #f33342;*/ border-right:1px solid #1e3197; border-left:1px solid #8ea4e5;}
nav ul li.active{width:20%;}
nav ul li.active a{background:#FFF; color:#f33342; padding:40px 0px 0px 0px; min-height:50px;  margin-top:0px; text-shadow: none; border-right:1px solid #FFF; border-left:1px solid #FFF; box-shadow:0px -5px 2px rgba(0,0,0,0.2)}
nav ul li.active a:hover{}

.main{background:#FFF; box-shadow:0px 0px 40px #CCCCCC; position:relative; padding-bottom:10px; margin-top:20px}

.featurenav ul{}
.featurenav ul li{display:block; float:left; max-width:300px; background:url(../images/bg_hatch.gif); vertical-align:top; margin:10px; position:relative}
.featurenav ul li img{margin:5px 5px 0px 5px;}
.featurenav ul li h2{width:50%; padding:20px; margin:0}
.featurenav ul li h2 a{color:#f33342}
.featurenav ul li .simplebutton{position:absolute; bottom:20px; right:20px; }
.fluid_container{margin:75px 5px 0px 5px; width:930px;}
.camera_wrap{background:url(../images/bg_hatch.gif); padding:5px;  }


footer{clear:both; margin:20px 10px 0px 10px; background:url(../images/bg_hatch.gif); padding:0px 0px 20px 0px}
footer .fcol1{float:left; width:220px; margin:10px 10px 10px 30px;}
.fcol1 ul{}
.fcol1 ul li{list-style:disc inside; color:#f33342; font-size:80%}
.fcol1 ul li a{color:#333333}
.fcol1 ul li a:hover{color:#f33342}

footer .fcol2{float:left; width:440px; margin:10px;}
footer .fcol2 .ss-mail{float:left; padding:6px 0px 0px 6px; color:#CCCCCC; font-size:140%}
footer .fcol3{float:left; width:220px; margin:10px;}

.signoff{width:90%; max-width:980px; margin:auto; position:relative}
.signoff p{margin:0; padding:20px 0px; font-size:80%}

.logo{width:300px; display:inline-block; height:150px; vertical-align:middle; background:url(../images/getshirty-logo.png) center center no-repeat; text-indent:-500px; overflow:hidden;}
.options{width:670px; display:inline-block; vertical-align:middle; text-align:right}
.options ul li{display:inline-block; margin:0px 10px 0px 0px; text-indent:10px; color:#333; background: url(../images/bg_icon.png) left center no-repeat; padding:11px 0px 11px 2px; font-size:90%; color:#f33342; text-shadow:0px 1px 0px #FFF }
.options ul li span{color:#333}


.mailchimpform{background:#FFF; border:1px solid #e0e0e0; padding:5px; float:left; }
.mailchimpform input.emailaddress{background:0px; border:0px; color:#333;  margin-left:10px}
.mailchimpform input.simplebutton{color:#FFF; padding:5px 10px; background:url(../images/bg_redbtn.gif) bottom left repeat-x #ef3341; font-size:90%; border:1px solid #b32c36; font-size:110%}
.clearfix{clear:both}
#mc_embed_signup form {padding:0px;}

#mc_embed_signup{float:left; width:375px; height:42px}
#mc_embed_signup input.email {
background:0px; border:0px; color:#333; width:260px; margin-left:10px;  text-indent:0px; min-width:100px; display:block; float:left}

#mc_embed_signup input {
    border: none;
	
}


#mc_embed_signup input.button {
    display: block;
    margin: 0;
    min-width: 90px;
    width: auto;
	border-radius:0;
	clear:none;
	height:auto;
	padding:5px 10px;
	 float:left
}
#mc_embed_signup .button {
color:#FFF; padding:5px 10px; background:url(../images/bg_redbtn.gif) bottom left repeat-x #ef3341; font-size:90%; border:1px solid #b32c36; font-size:110%
}

.simplebutton, .simplebuttonred{color:#FFF; padding:5px 10px; background:url(../images/bg_redbtn.gif) bottom left repeat-x #ef3341; font-size:90%; border:1px solid #b32c36 }

.simplebuttonblue{color:#FFF; padding:5px 10px; background:url(../images/bg_bluebutton.gif) bottom left repeat-x #ef3341; font-size:95%; border:1px solid #1f3298 }

ul.breadcrumbs li{display:inline-block}

.socialmedia ul{display:block;}
.socialmedia ul li{display:inline-block;  margin:0px 2px 0px 0px; width:32px;}
.socialmedia ul li a{ width:32px; height:32px; text-indent:-200px; overflow:hidden;   display:block; border:none;}
.socialmedia ul li.tt a{ background:url(../images/twitter.png) center center no-repeat;}
.socialmedia ul li.fb a{background:url(../images/facebook.png) center center no-repeat;}
.socialmedia ul li.in a{background:url(../images/linkedin.png) center center no-repeat;}

.breadcrumb{clear:both; margin:70px 10px 0px 10px; background:url(../images/bg_hatch.gif); padding:10px; font-size:80%}


.share{background:url(../images/bg_hatch.gif); padding:5px;}
.breadcrumb .share{float:right; width:280px; padding:0px; text-align:right; background:none}
.leftcol{display:inline-block; width:636px; margin:0px 30px; vertical-align:top;}
.rightcol{display:inline-block; width:235px;vertical-align:top; }

.leftcol .col1{float:right; width:280px; padding-right:20px}
.leftcol .col2{float:left; width:300px;}


ul.subnav{ background:url(../images/bg_hatch.gif); padding:5px 0px; display:block}
ul.subnav li{list-style:none; color:#f33342; font-size:80%; padding:8px 0px 8px 0px; background:#FFF; text-indent:5px;}
ul.subnav li.active a, ul.subnav li#active a{ color:#f33342; }

ul.subnav li a{ color:#333333; }
ul.subnav li a:hover{color:#f33342}


ul.contactnav{ background:url(../images/bg_hatch.gif); padding:5px 0px 0px 0px; display:block}
ul.contactnav li{list-style:none; color:#333; font-size:80%; padding:70px 0px 8px 0px; background:#FFF; text-indent:5px; margin-bottom:5px; text-align:center }
ul.contactnav li.active a{ color:#f33342; }

ul.contactnav li.tel{background:url(../images/ico_tel.png) center 15px no-repeat #FFF}
ul.contactnav li.mail{background:url(../images/ico_mail.png) center 15px no-repeat #FFF}
ul.contactnav li.pin{background:url(../images/ico_pin.png) center 15px no-repeat #FFF}

ul.contactnav li a{ color:#333333; }
ul.contactnav li a:hover{color:#f33342}


ul.productlistings{}
ul.productlistings li{display:block; float:left; max-width:194px; background:url(../images/bg_hatch.gif); vertical-align:top; margin:10px; position:relative}
ul.productlistings li img{margin:5px 5px 0px 5px; width:184px}
ul.productlistings li h3{padding:10px 20px 15px 20px; margin:0; font-size:90%; text-align:center}
ul.productlistings li .price{margin:0px 20px 20px 20px; font-weight:bold; color:#f33342; font-size:120%}
ul.productlistings li h3 a{color:#000}
ul.productlistings li .simplebuttonred{position:absolute; bottom:20px; right:20px; }
.paging{clear:both}
#tabs{margin:40px 30px 20px 0px; padding-top:40px; clear:both}
.ui-tabs-hide{display:none}

#tabs ul{}
#tabs ul li{display:inline-block;}
#tabs ul li a{display:block; padding:8px 15px; color:#333}
#tabs ul li a:hover{color:#f33342;}

#tabs ul li.ui-state-active{background:url(../images/bg_hatch.gif)}
#tabs ul li.ui-state-active a{color:#f33342;}
#tabs ul li.ui-state-active a:hover{}

.tabpanel{padding:20px 20px; background:url(../images/bg_hatch.gif)}

.cats, .price{color:#ccc; font-size:110%}
.cats span, .price span{color:#f33342}
.col1 h1{margin:0px}

.imageviewer{padding:5px;  background:url(../images/bg_hatch.gif)}

.form{padding:40px; background:url(../images/bg_hatch.gif)}
label{font-weight:bold; margin-bottom:5px; display:block}
.big{font-size:120%}
.formrow{background:#FFF; border:1px solid #e0e0e0; padding:10px; margin-bottom:20px;}
.formrow input, .formrow textarea, .formrow select{background:#FFF; border:none; border-left:1px solid #e0e0e0; margin:0px 0px 0px 0px; padding:5px 10px; width:470px;}

.formrow .ss-icon, .formrow [class^="ss-"]:before, .formrow [class*=" ss-"]:before, 
.formrow .ss-icon.ss-standard, .formrow [class^="ss-"].ss-standard:before, .formrow [class*=" ss-"].ss-standard:before {float:left; padding:4px 10px 0px 6px; color:#CCCCCC; font-size:140%}
.fullscreen{position:absolute; top:0px; right:10px;}

.twitter{margin:20px 0px;}

.thumbnailcrop{width:184px; height:150px; overflow:hidden}
.thumbnailcrop img{vertical-align:middle}