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

body {
	text-align:center;
	margin:0 auto;
	background:url(../images/bg_xtile.jpg) repeat-x;
	background-color:#d0d0d0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#container {
	width:1000px;
	margin:0 auto;
}

#header {
	width:1000px;
	height:70px;
	margin:0 auto;
	text-align:left;
	padding:0px 10px 0px 10px;
}

#logo {
	float:left;
}

#quick_contact {
	float:right;
	text-align:right;
	color:#4570b7;
}

#quick_contact b {
	color:#1d3d71;
}

h2 {
	font-size:18px;
	color:#1a3b6e;
}

a, a:hover, a:visited { text-decoration:underline; }


/************** Top Nav ***************/

#top_nav {
	font-size:15px;
	height:35px;
	clear:both;
}

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 640px;
	/*background: #222;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;*/
}

ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}

ul.topnav li a:hover{
	/*background: url(topnav_hover.gif) no-repeat center top;*/
}

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
}

ul.topnav li span.subhover {
	background-position: center bottom;
	cursor: pointer;
} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}

ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #9f0202; /*--Create bevel effect--*/
	border-bottom: 1px solid #750000; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}

html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #e12c1f url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #aa130e url(../images/dropdown_linkbg.gif) no-repeat 10px center;
}


/************** Search **************/

.search {float:right; width:310px; padding-top:6px; color:#fff; }

.formFields { border:1px solid #0000CC; font:95%; }

/************** Body **************/

#body_wrap {
	width:1000px;
	margin:0 auto;
	background:url(../images/bodybg_ytile.jpg) repeat-y;
}

#body_wrap2 {
	width:1000px;
	margin:0 auto;
	background:url(../images/bodybg_top.jpg) top no-repeat;
}

#bodycol2 {
	width:805px;
	float:right;
}

#content {
	width:580px;
	padding-top:10px;
	float:left;
	text-align:left;
}

.content_body {
	padding:10px;
}

.content_body h1 {
    font-weight: normal;
	font-size:24px;
	margin-bottom:5px;
}

#content_layout {
	width:760px;
	padding-top:10px;
	float:left;
	text-align:left;
}

.content_layout_body {
	padding:10px;
}

.content_layout_body h1 {
    font-weight: normal;
	font-size:24px;
	margin-bottom:5px;
}

.content_layout_indexBanner {
	width: 760px;
	float: left;
	display: inline;
	margin-bottom: 15px;
	margin-left:10px;
	font-weight: normal;
}

.content_layout_indexBanner h1 {
    font-weight: normal;
	font-size:24px;
	margin-bottom:5px;
}
    
.content_layout_indexBanner a:link, .indexBanner a:visited, .indexBanner a:hover {
    color: #f70;
    text-decoration: none;
}

#rightcol {
	width:225px;
	float:right;
}

#bodycol1 {
	width:195px;
	float:left;
}

#body_bottom {
	clear:both;
	height:21px;
	background:url(../images/bodybottom.jpg) bottom no-repeat;
}

#body_bottom_checkout {
	clear:both;
	height:21px;
	background:url(../images/bodybottomcheck.jpg) bottom no-repeat;
}

/* days left banner */

#daysleft { clear:both; background:url(http://www.designashirt.com/images/days-left-banner3.jpg) top left no-repeat; height:90px; width:560px; margin:0 0 10px 10px; }
#daysleft_inner { padding:35px 475px 12px 13px; }
#daysleft_inner p { font-size:12px; font-weight:bold; margin:0; padding:0; }
#daysleft_inner h2 { font-size:23px; font-weight:bold; margin:0; padding:0; }

/************ Designer Body **************/

#designer_wrap {
	width:1000px;
	margin:0 auto;
	background:url(../images/bodybg_2col_ytile.jpg) repeat-y;
}

#designer_wrap2 {
	width:1000px;
	margin:0 auto;
	background:url(../images/bodybg_2col_top.jpg) top no-repeat;
}

#designer_bodycol2 {
	width:805px;
	float:right;
	text-align:left;
}

.designer_body {
	padding:10px;
}

.designer_body h1 {
    font-weight: normal;
	font-size:24px;
	margin-bottom:5px;
}

.designer_body a:link, .designer_body a:visited, .designer_body a:hover {
    color: #f70;
    text-decoration: none;
}


#designer_bottom {
	clear:both;
	height:21px;
	background:url(../images/body_2col_bottom.jpg) bottom no-repeat;
}


/************ Header Rotator **************/

.slideshow-index {
	display: block; 
    height: 138px; 
    width: 560px;
	z-index:0;
}  
       
.slideshow-index div {
	border: 0; 
    width: 560px;
    margin: 0;  
    text-align: center;
}
	    
.indexBanner {
	width: 560px;
	float: left;
	display: inline;
	margin-bottom: 15px;
	margin-left:10px;
	font-weight: normal;
}

.indexBanner h1 {
    font-weight: normal;
	font-size:24px;
	margin-bottom:5px;
}
    
.indexBanner a:link, .indexBanner a:visited, .indexBanner a:hover {
    color: #f70;
    text-decoration: none;
}

.slideshow-index div {
    height: 136px;
}

.btn-img {
    position: absolute; 
    bottom: 26px;
    right: 10px; 
}

.rotator-img {
    position: absolute;
    top: 0;
    left: 0;
}

.icon-rotators {
    position: absolute; 
    right: 8px; 
    bottom: -10px;
}

.icon-rotators a {
    display: block;
    float: left;
    height: 17px;
    width: 17px;
    cursor: pointer;
    margin-left: 3px;
} 

#rotator {
	position: relative;
	height:136px;
}

#rotator div {
	position: absolute;
    top: 0;
    left: 0;
    display: none;
}
    	
#rotator div.first {
	display: block;
}

/************** Products/Templates *************/

#pt_wrapper {
	width:560px;
	margin:0 auto;
	text-align:center;
	clear:both;
	background:url(../images/pt_bg.jpg) repeat-y;
}

#pt_heading {
	height:25px;
	line-height:25px;
	font-size:18px;
	color:#ffffff;
	background:url(../images/product_template.jpg) no-repeat top;
}

.pt_left {
	width:260px;
	margin:5px;
	float:left;
}

.pt_left img {
	margin:2px;
	border:1px solid #224076;
}

.pt_left img:hover {
	margin:2px;
	border:1px solid #ffffff;
}

.pt_right {
	width:260px;
	margin:5px;
	float:right;
}

.pt_right img {
	margin:2px;
	border:1px solid #b0160f;
}

.pt_right img:hover {
	margin:2px;
	border:1px solid #ffffff;
}


/************** Left Side Nav **************/

.left_container {
	width:185px;
	margin:12px 0px 12px 10px;
}

.left_heading {
	background:url(../images/left_heading.jpg) top no-repeat;
	line-height:30px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

.top-level {
	margin:0px 0px 0px 25px;
	padding:0px;
	list-style:none;
	text-align:left;
	line-height:18px;
}

.top-level li ul li {
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	}

.top-level ul {
	margin:0px 0px 0px 15px;
	padding:0px;
}

.top-level a, a:visited {
	color:#1d3d71;
	text-decoration:underline;
}

.top-level a:hover {
	color:#4672b9;
}

.sublvl {
	display:none;
}

/************** Calendar **********/

#deliveryopt {
	margin-top:-10px;
}

.delivery {
	text-align:right;
	color:gray;
	font-size:18px;
	padding-right:10px;
	font-weight:bold;
}

.deliverytime {
	font-size:11px;
	color:#a62016;
}

.date {
	width:41px;
	height:43px;
	background:url(../images/calendar.jpg) no-repeat;
	text-align:center;
}

.calmonth {
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	margin:0px;
}

.calmonth p {
	line-height:12px;
}

.calday {
	color:blue;
	font-size:24px;
	margin:0px;
}

.calday p {
	line-height:20px;
}


/************** Right Sidebar **********/

.right_container {
	width:215px;
	margin:12px 10px 12px 0px;
	font-size:11px;
	text-align:left;
	color:#666666;
}

.right_heading {
	background:url(../images/right_heading.jpg) top no-repeat;
	line-height:30px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

#home_action {
	height:auto;
	display:inline-block;
	margin:0 auto;
	padding:0px 0px 5px 11px;
}

.action-list {
	padding: 0px;
	margin:0px;
	list-style:none;
}
.action-list li{
	width: 102px;
	text-align:left;
	height:24px;
}
.action-list img {
	padding: 0px;
	background-color: #FFFFFF;
	float: left;
	margin-right: 9px;
}
.action-list h3{
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-size:11px;
	text-transform:none;
	font-weight:normal;
	line-height:16px;
}

.action-list br{
	display:none;
}

.testimonials {
	padding:0px 10px 0px 10px;
}

.sig {
	text-align:right;
	font-weight:bold;
	padding-right:10px;
}

	
/************** Footer *****************/	

#footer {
	clear:both;
	text-align:left;
}

#footer div.container {
	background:url(../images/footerbg.gif) no-repeat;
	height:192px;
}

#footer p {
	padding:0px;
	color:#FFFFFF;
}

.links {
	float:left;
	padding:8px 16px 5px 28px;
}

div.links a {
	text-decoration:underline;
	color:#ccc;
	font-size:10px;
	line-height:16px;
	padding-left:10px;
}

div.links a:hover, a:visited {
	text-decoration:underline;
}

div.links p a {
	background:none;
	color:#c9d5eb;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
}

#copyright {
	clear:both;
	padding-top:14px;
	padding-bottom:10px;
}

#copyright p {
	color:#000000;
	font-size:9px;
	font-weight:bold;
	margin:0px 12px;
	text-align:right;
}

#copyright p a {
	color:#000000;
}

.product_title { background:url(http://www.designashirt.com/images/product_title_bg.jpg) top center no-repeat; color:#fff; margin:0; }
.image_border { width:248px; border-left:1px solid #888; border-right:1px solid #888; border-bottom:1px solid #888; }
.image_border_fixed { width:248px; border-left:1px solid #888; border-right:1px solid #888; border-bottom:1px solid #888; height:260px; padding-top:10px;}
.image_border_local { width:248px; border-left:1px solid #888; border-right:1px solid #888; border-bottom:1px solid #888; height:160px; padding-top:10px;}
.image_border_special { width:248px; border-left:1px solid #888; border-right:1px solid #888; border-bottom:1px solid #888; height:260px; padding-top:10px;}
.local_container { width:248px; }

ul.arrow { margin:0; padding:0; }
ul.arrow li { background:url(http://www.designashirt.com/images/arrow_right.png) top left no-repeat; padding:0 0 5px 20px; list-style-type:none; margin:0; font-size:90%; text-align:left;}

ul.arrow_col { margin:0; padding:0; }
ul.arrow_col li { 	background:url(http://www.designashirt.com/images/arrow_right.png) top left no-repeat; 
					width:100px;
					float:left;
					display:inline-block;
					text-align:left;
					padding:0 0 5px 20px; 
					list-style-type:none; 
					margin:0; 
					font-size:90%; 
}
.datefield{
color:gray;
font-size: 90%;
}
code{
color: red;
}
#pscroller1{
	width: 180px;
	height: 100px;
	padding: 0px,10px,0px,10px;
}
.someclass{
}
.sizing-chart-list { margin:0 0 0 10px; padding:0; }
.sizing-chart-list li { margin:10px 0; padding:0 0 0 40px; list-style-type:none; }
.sizing-chart-list li.guide { margin:10px 0; padding:5px 0 0 40px; list-style-type:none; background:url(../images/sizing-line-up-icon.png) top left no-repeat; }
.sizing-chart-list li img { margin:0 0 0 5px; }