/**

Name: Spreadshirt Shop customization framework
Vesrion: 1.8
Template Author URI: particleshock.net

**/

/*globals*/
body{/*clear marin width and padding set by spreadshirt css*/
margin:0 !important; padding:0 !important; width:auto !important;
background-color:#e40404;
 background-image:url(/users/2723000/2722904/522317/img/522317_ketchupmustard.jpg);
 background-repeat:repeat-y;
 background-position: top center;
}

/*structure*/
#xcontainer{/*contains the entire layout*/}
#xcontainer a img{/* dont show the generic hyper-link border around images inside link tags */
border:0;
}

#xwrap{/* set width of entire layout not to be confused with the class .xwrap */}
#xtopnav{/*full width unless set with #xwrap) below the header use nested div with class xwrap to set width*/}
#xheader{/*full width (unless set with #xwrap) at the top of the page use nested div with class xwrap to set width*/}
#xnavbar{/*full width unless set with #xwrap) below the header use nested div with class xwrap to set width*/}
#xfeatured{/*full width unless set with #xwrap) below the header use nested div with class xwrap to set width*/
padding:15px;
}

#xheader{
padding:20px;
background-image:;
background-repeat:;
background-position:;
}
#xnavbar {
margin-top:20px;
background-image: url(/users/2723000/2722904/522317/img/522317_darkfade.jpg);
background-position: 0 0;
background-repeat: repeat-x;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

#xnavbar img, #xnavbar a img{border:0;vertical-align:middle;}
#xnavbar ul, #xtopnav ul{list-style:none;
}
#xnavbar ul li, #xtopnav ul li{
display:block;
float:left;
margin:0 5px;
line-height:36px;
height:36px;
}
#xnavbar ul li a, #xtopnav ul li a{
display:block;
height:36px;
line-height:36px;
}
/*left and right submenus inside xnavbar*/
#xleftmenu{}
#xrightmenu{}
#xslideshow{}
#xcontent{/* the main area of the page between header and footer use nested div with class xwrap to set width*/}
#xcontent .xwrap{
box-shadow: 0 3px 6px #666666;
-moz-box-shadow: 0 3px 6px #666666;
-webkit-box-shadow: 0 3px 6px #666666;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#xsidebar{/* area on the left side of the shop where you can place links etc */
width:260px;
}

#xshopcolumn{/* the main spreadshirt store area goes here, assumes 600 px layout.*/
width:830px;
}

#xbannerimage{/* if you want a banner image the same width as your shop, put it here this is displayed just before #main*/}

#main{/*clear spreadshirt css for the mail column*/
float:none !important;
margin: 10px auto 0 auto !important;
}

#xfooter{/*full width (unless set by #xwrap) at the bottom of the page use nested div with class xwrap to set width*/}
	
/*classes*/
.xwrap{/*sets the width of the center page areas for header navbar content and footer*/
width:940px;
margin:0 auto;
}

.xfloatleft{/* um ... floats left */
float:left;
}
.xfloatright{/* um ... floats right */
float:right;
}
.xclearboth{ /* clear floats */
clear:both;
}
.xfloatcenter{
float:none;
margin-left:auto;
margin-right:auto;
}
/* widgets */
.xwidget{padding:5px;
}
.xwidget li{margin:5px 0 5px 0;
}
#xsocial .xfloatleft, #xsocial .xfloatright{/*used in  the #xsocial widget to display two columns of link icons*/
margin: 10px 0 10px 0;
width:64px;
text-align:center;
}


/*hidden spreadshirt elements*/
div#shopInformation, ul#menu, #headerUserInformation{display:none;}