/* ShopRoka CSS */
html, body {
	margin: 0 0 0 0;
	height: 100%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height: 17px;
}

td {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
.description-text{font-size:12px; }
.titles{
	font-weight:bold;
	font-size: 14px;
}

.wrapper{ padding: 7px 7px 7px 7px; }
.top-titles{ padding: 10px 2px 10px 10px; font-size: 11px;}

#left-nav{ padding: 10px 5px 10px 40px; font-size:12px;}
#left-nav .text{  padding: 2px 0px 15px 20px; font-size:12px; font-weight:100; line-height:18px;}
#left-nav a{color: #000000; text-decoration:none;  }
#left-nav a:hoover{color: #000000; text-decoration:underline;  }

a:link, a:active{color: #000000; text-decoration: underline;}
a:hover{color: #000000; text-decoration: underline;}
a:visited{color: #000000; text-decoration: none}

/* Green Lines In Background Repeat*/
.green-lines{ padding: 10px 10px 10px 10px; background-image:url(../images/green-lines.gif); background-repeat:repeat;} 

/* GRAY Lines In Background Repeat*/
.gray-lines {  padding: 10px 10px 10px 10px; background-image:url(../images/gray-slash.png); background-repeat:repeat;}


/* footer */
#footer{ font-size: 10px; text-align:center; padding: 10px 10px 10px 10px; } 

/* BUTTONS */
.button
{
	
   font-size:8px;
   font-weight:bold;
   font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#000000;
   height:17px;
   background-color:#B4B4B4;
   border:2px solid #d6d6d6; 
   padding: 0px 6px 0px 6px;
}	

input[type=button], input[type=submit], input[type=reset]
{
	
   font-size:8px;
   font-weight:bold;
   font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#000000;
   height:17px;
   background-color:#B4B4B4;
   border:2px solid #d6d6d6; 
   padding: 0px 6px 0px 6px;
}	


.alert 
{
	color:Maroon;
	font-weight:bold;
	font-size: 11px;	
	
}



textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.textbox_standard, .textboxStandard {
	width: 150px;
}

.textbox_thin, .textboxThin {
	width: 23px;
}

.textbox_thin_alert, .textboxThinAlert
{
	background-color: #FF9999;
	width: 44px;
}

.textbox_wider, .textboxWide {
	width: 240px;
}

.table_header, .table_header td, .table_header a, table_header a:visited, .table_header a:link, .table_header a:active
{
	background-color: #A3C380;
	color: White;
	font-weight: bold;
	text-decoration: none;
}

.table_header a:hover
{
	text-decoration: underline;
}


.table_alt_row
{
	background-color:#FFFFFF;
	
}
.table_row
{
	background-color:#E8E7E6;
	
}
.table_alt_2_row
{
	background-color:Silver;
	
}

.table_grid 
{
	border-color:#A3C380;
	border-width:1px;
	border-style:solid;
	border-collapse:collapse;	
	
}


.subtitle 
{
	font-weight: bold;
	color: #FF9C0F;
	
}

.form_field {
	background-color:#FFFFFF;
	border: #A2C3FF 1px solid;
	padding-left: 3px;
}

.background_header {
	background-image:url(../images/back_links_background.gif);
	background-position:top;
	background-repeat:no-repeat;

}

.menu 
{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
}

.menu a
{
	text-decoration:none;
}

.menu a:hover
{
text-decoration:underline;
}

.main_tbl_bg {
background-image:url(../images/bluebar.gif);
background-repeat:repeat-x;
background-position:bottom;
}


.seperator {
	font-size:9px;
	font-weight:bolder;
}

.textbox_search {
	width: 120px;
	height: 18px;
	font-size:10px;
}

.inner table {
	padding: 4px;
}

.inner table table {
	padding:inherit;
}

.bg_blue
{
background-image:url(../images/atlas.gif);
background-repeat:repeat-y;
}

/*

   Styles for scrolling layers

	 Specify width and height in hold and wn, and in clip for wn

*/

div#swatchesOuter {

	position:relative; overflow:hidden;

	width:70px;

	height:400px;

 	z-index:100;

	}

div#swatches {

	position:absolute;

	left:0px; top:0px;

	width:70px;

	height:400px;

	clip:rect(0px, 70px, 400px, 0px);

	overflow:hidden;

	z-index:1;

	}



div#hold	{

	position:relative; overflow:hidden;

	width:163px;

	height:360px;

 	z-index:100;

	}

div#holdLook	{

	position:relative; overflow:hidden;

	top:4px;

	bottom:4px;

	width:740px;

	height:42px;

	valign:middle;

	z-index:100;

}



div#wn	{

	position:absolute;

	left:0px; top:0px;

	width:163px;

	height:447px;

	clip:rect(0px, 163px, 447px, 0px);

	overflow:hidden;

	z-index:1;

}

div#wnLook	{

	position:absolute;

	left:0px; top:0px;

	width:745px;

	height:35px;

	clip:rect(0px, 780px, 35Px, 0px);

	overflow:hidden;

	z-index:1;

}

div.content {

	position:absolute;

	visibility:hidden;

	left:0px; top:0px;

	z-index:1;

	}

div.contentLook {

	position:absolute;

	visibility:hidden;

	left:0px;

	top:0px;

	z-index:1;

}

/* Set small font-size or size/position of div's will be off in some browsers  */

div#scrollbar {

  position:relative; left:0; top:0;

  width:11px; height:160px;

  font-size:1px; z-index:1;

  }

div#track {

  position:absolute; left:0; top:12px;

  width:11px; height:136px;

  background: url("/images/nav/track.gif") #336 repeat;

  z-index:1;

  }

div#dragBar {

  position:absolute; left:1px; top:1px;

  width:9px; height:20px;

  background-color:#ceced6;

  z-index:1;

  }

div#up { position:relative; left:0; top:0; z-index:2 }

div#down { position:relative; left:0; bottom:0; z-index:3 }

div#left { position:relative; left:0; top:2; z-index:2 }

div#right { position:relative; left:0; top:2; z-index:3 }