/* 
CSS Document for the "Wizard area" -> Javascript Disabled!

In this document we rewrite certain classes.
*/

/*
					***************************************************
					* Linosoft technology Powered By Shirtsdotnet.com *
					***************************************************
*/




/*
	General design notes
		- 10pt = 1.00 em
		- 11pt = 1.07 em
		- 12pt = 1.15 em
*/

/*
*************************************************
*   Javascripd                                  *
*************************************************
*/


/*
Displays the text to javascript disabled users, how to use the website.
This text is in noscript tags.
*/
div#javascriptd
{
	font-size:1.15em;
	color:#FF0000;
}




/*
*************************************************
*   Main content: ul styling                    *
*************************************************
*/

div#options .closed
{
	display:block;
}



/* 
This makes the radiobuttons appear under each other in stead of next to each other 
*/
ul.radiolist li
{
	float:none;
	width:170px;
	height:auto;
}

ul.radiolist li.not_vertical
{
	display:block;
	list-style-type:none;
	background:none;
	list-style-image:none;
	list-style-position:inside;
	float:left;
	height:115px;
	margin:0px;
	padding:0px;
	width:auto;
}



/*
This makes the infopopup visible. Note: the infopopup is only the text. The image is placed by javascript.
*/
ul.radiolist li div.infopopup
{
	display:block;
	background-color:none;
	border:none;
}

ul.radiolist li img.radio_selected
{
	border: 2px solid #FFFFFF;
}

ul.radiolist li div.not
{
	display:none;
}

ul.radiolist li.li_wide
{
	width:70px;
}

div.rollover
{
	display:block;
	position:relative;
}

div.rollover_left
{
	float:left;
	text-align:left;
}



/* something */
div#maincontent div#shirt
{
	overflow:hidden;
	height:100%;
}

div#shirt div#shirtbackground
{
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	height:374px;
	width:372px;
	display:none;
	float:left;
	position:relative;
}


/*
error
*/

div#SND_error_overlay_critical, div#SND_error_overlay_non-critical
{
	position:inherit;
	top:auto;
	left:auto;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:2px;
	width:auto;
	z-index:99;
}

div#SDN_error_close
{
	display:none;
}


/* 
here's the code for the rollovers.. JS shows them, normally, lol...
*/

div#shortcut_rollover
{
	position:absolute;
}

div.rollover
{
	position:absolute;
	width:200px;
	z-index:99;
	overflow:auto;
	display:block;
}

div.rollover_arrow
{
	padding-top:5px;
}

div.rollover_text
{
	overflow:auto;
	width:140px;
	background-color:#FFFFFF;
	padding:2px;
	display:block;
}

div.rollover_text h4
{
	font-weight:bold;
	font-size:1.07em;
	color:#000000;
	margin:0px;
}

div.rollover_right, div.rollover_left
{
	float:left;
}

div#shortcut_1, div#shortcut_2, div#shortcut_3, div#shortcut_4, div#shortcut_5, div#shortcut_6, div#shortcut_7, div#shortcut_8, div#shortcut_9
{
	width:150px;
	height:200px;
}

div#shortcut_5
{
	width:200px;
}

div#shirt .shortcut_collar
{
	float:left;
	left:0px;
	top:0px;
}

div#shirt .shortcut_pocket
{
	float:left;
	left:0px;
	top:0px;
}

div#shirt .shortcut_placket
{
	float:left;
	left:0px;
	top:0px;
}

div#shirt .shortcut_cuff
{
	float:left;
	left:0px;
	top:0px;
}

div#shirt .shortcut_cuff_short
{
	float:left;
	left:0px;
	top:0px;
}

div#shirt .shortcut_hem
{
	float:left;
	left:0px;
	top:0px;
}

div#shirt .shortcut_fabric
{
	float:left;
	left:0px;
	top:0px;
}

div#shirt .shortcut_backyoke
{
	float:left;
	left:0px;
	top:0px;
}

div#shirt .shortcut_monogram
{
	float:left;
	left:0px;
	top:0px;
}

div#shirt .shortcut_fit
{
	float:left;
	left:0px;
	top:0px;
}

.mono_on_shirt
{
	display:none;
}

div#mono_text_img
{
	left:-40px;
}