/* CSS Document */

body {
	background-image:url(images/bg_main.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#18273c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	
}

.defImg{
border-style:solid;
border-color:#999999;
border-width:1px;
font-size:10px;
color:#999999;
font-weight:normal;
width:120px;
padding:10px;
vertical-align:middle;
text-align:center
}



.formlabel{
font-size:12px;
font-weight:normal
}

.img_lc {

margin-right:7px}
/*header*/
#header {
width:959px;
display:table;
margin-bottom:0.9em
}

/*logo*/
#logo {
width:296px;
float:left;
}

/*nav*/

#log_box {
color:#FFFFFF;
text-align:right;
width:626px;
font-size:12px;
margin-bottom:5px
}

#nav_wrapper {
width:626px;
margin-top:30px;
margin-left:10px;
float:left;
}

#nav_left {
	background-color:#343b44;
	background-image:url(images/nav_left.gif);
	background-position:top left;
	width:7px;
	height:36px;

}

#nav_right {
	background-color:#343b44;
	background-image:url(images/nav_right.gif);
	background-position:top left;
	width:7px;
	height:36px;
	
}

#nav_middle {
	background-color:#343b44;
	background-image:url(images/nav_middle.gif);
	background-position:top left;
	background-repeat:repeat-x;

		
}

#nav_content {
	background-color:#343b44;
	background-image:url(images/nav_middle.gif);
	background-position:top left;
	background-repeat:repeat-x;
	width:612px;
	padding-top:0px;
	text-align:left
}

/*top*/
#top {
float:none;
clear:both;
width:959px;
display:table;
margin-bottom:10px;
}

/*bottom*/
#bottom {
float:none;
clear:both;
width:959px;
display:table;
overflow:hidden
}

/*main*/

#main_wrapper {
width:959px;
}

#main_top {
width:959px;
float:none;
clear:both;
display:table;
background-image:url(images/top_large.gif);
background-color:#FFFFFF;
background-position:top left;
background-repeat:no-repeat;
margin-top:0px;
padding-top:0px
}

#main_bottom {
width:959px;
float:none;
clear:both;
display:table;
background-image:url(images/bottom_large.gif);
background-color:#FFFFFF;
background-position:top left;
background-repeat:no-repeat;
margin-top:0px;
padding-top:0px
}

#middle_top {
width:959px;
height:5px;
background-color:#00CC00;
}

/*common*/

#empty {
	background-color:#ffffff;
	height:5px;
	float:left;
}


/*small*/

#small_wrapper {
width:959px;
float:left;
}

#small_top {
width:959px;
float:none;
clear:both;
display:table;
background-image:url(images/bottom_top.gif);
background-color:#FFFFFF;
background-position:top left;
background-repeat:no-repeat;
margin-top:0px;
padding-top:0px;
}

#small_middle {
width:959px;
float:none;
clear:both;
display:table;
background-image:url(images/bottom_mid.gif);
background-color:#FFFFFF;
background-position:top left;
background-repeat:repeat-y;
margin-top:0px;
padding-top:0px;
}

#small_bottom {
width:959px;
float:none;
clear:both;
display:table;
background-image:url(images/bottom_bottom.gif);
background-color:#FFFFFF;
background-position:top left;
background-repeat:no-repeat;
margin-top:0px;
padding-top:0px
}

/*foot*/
#footer {
	width:959px;
	color:#FFFFFF;
	margin-top:10px;
}

/*links*/

a.log:active {color:#66CCFF; text-decoration: none ;}
a.log:link {color: #66CCFF; text-decoration: none;}
a.log:visited {color: #66CCFF; text-decoration: none;}
a.log:hover {color: #dbe9b4; text-decoration: underline;}

a.nav:active {color: #ffffff; text-decoration: none ;margin-left:7px;margin-right:7px;font-size:0.75em}
a.nav:link {color: #ffffff; text-decoration: none;margin-left:7px;margin-right:7px;font-size:0.75em}
a.nav:visited {color: #ffffff; text-decoration: none;margin-left:7px;margin-right:7px;font-size:0.75em}
a.nav:hover {color: #dbe9b4; text-decoration: underline;margin-left:7px;margin-right:7px;font-size:0.75em}

a.samples:active {color: #0066FF; text-decoration: none ;margin-left:7px;margin-right:7px}
a.samples:link {color: #0066FF; text-decoration: none;margin-left:7px;margin-right:7px}
a.samples:visited {color: #0066FF; text-decoration: none;margin-left:7px;margin-right:7px}
a.samples:hover {color: #CC0000; text-decoration: underline;margin-left:7px;margin-right:7px}

a.approve:active {color: #CC0000; text-decoration: none ;}
a.approve:link {color: #CC0000; text-decoration: none;}
a.approve:visited {color: #CC0000; text-decoration: none;}
a.approve:hover {color: #CC0000; text-decoration: underline;}

a.page:active {color:#0066FF; text-decoration: none ;}
a.page:link {color: #0066FF; text-decoration: none;}
a.page:visited {color: #0066FF; text-decoration: none;}
a.page:hover {color: #CC0000; text-decoration: underline;}

a.samples_new:active {color:#66CCFF; text-decoration: none ; font-size:13px;}
a.samples_new:link {color: #66CCFF; text-decoration: none;font-size:13px;}
a.samples_new:visited {color: #66CCFF; text-decoration: none;font-size:13px;}
a.samples_new:hover {color: #990000; text-decoration: underline;font-size:13px;}

.pages_custom{
color:#0066FF;
text-decoration: none ;
font-size:11px;
}



/**/
#cat {
float:left;
width:150px;
padding:5px;
border-width:0px;
border-style:solid;
border-color:#0000CC
}

.catItem {
cursor:pointer;
width:140px;
padding:5px;
margin-bottom:1px;
background-color: #F2F2F2;
color: #6d6d6d;
font-size:11px;

}

.catClicked{
	padding-left: 15px;
	width: 130px;
	background-color: #222222;
	/*border-bottom-color: #dbe9b4;;
	border-bottom-width: 1px;
	border-bottom-style: solid;*/
	color: #0099cc;
}

#product {
width:440px;
float:left;
padding:5px;
border-width:0px;
border-style:solid;
border-color:#0000CC
}
/*samples*/

#samples {
float:left;
/*width:98%;*/
margin-top:5px
}

.sampleItem {

clear:both;
display:table;
width:100%;
padding:5px;
margin-bottom:1px;
background-color: #F2F2F2;
color: #6d6d6d
}

.sampleImg {

clear:both;
display:table;
width:100%;
padding:5px;
margin-bottom:1px;
background-color: #FFFFFF;
color: #6d6d6d
}

.sampleApproval {
cursor:pointer;
clear:both;
display:table;
width:100%;
padding-top:5px;
padding-bottom:5px;

margin-bottom:1px;
background-color: #F2F2F2;
color: #6d6d6d;
text-align:center;

}

/*form*/
#data {
	width:640px;
	color:#6c6c6c;
	font-weight:bold;
	float:left;
	padding:5px;
	border-width:0px;
	border-style:solid;
	position:relative;
}


.content {
	color:#6c6c6c;
	display:table;
	padding:5px;
	text-align:left;
	float:left
}

#content_body {
  width:949px;
  float:left; 
  position:relative;
  color:#6c6c6c;
  display:table;
  padding:5px;
  text-align:left;
	
  }
#data_right{
	width:245px;
	color:#000000;
	background-color:#ffffff;
	font-weight:bold;
	float:left;
	font-weight:normal;
	border-width:0px;
	border-style:solid;
}

#tip {
	width:100%;
	color:#6c6c6c;
	background-color:#F2F2F2;
	font-weight:bold;
	float:none;
	display:block;
	font-weight:normal;
	border-width:0px;
	border-style:solid;
	padding:15px;
	margin:10px;
}

#cart {
		width:100%;
	color:#6c6c6c;
	background-color:#E6F1F2;
	font-weight:bold;
	float:none;
	display:block;
	padding:15px;
	margin:10px;

}

.cartContent {
	font-weight:normal;
	font-size:11px
}

.error {
	
	color:#6c6c6c;
	background-color:#FFCCCC;
	font-weight:bold;
	float:left;
	padding:15px;
	margin:10px;
	font-weight:normal
}


#label {
	width:150px;
	color:#6c6c6c;
	font-weight:bold;
	float:left;
	padding:5px
}

#formfield{
	float:left;
	padding:5px;

	
}

.submitter{
	background-color:#162336;
	color:#dbe9b4;
	padding:5px;
	text-align:center;
	border-color:#006699;
	border-style:solid;
	border-width:1px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	padding-right:25px;
	cursor:	pointer
}

#formHeader{
	font-size:larger;
	font-weight:bold;
	color:#990000;
	padding:5px;
	margin-bottom:3px;
	border-color:#0099CC;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:2px;
	border-style:solid;
}

#pageTitle{
	font-size:larger;
	font-weight:bold;
	color:#990000;
	padding:5px;
	margin-bottom:3px;
	border-color:#0099CC;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:2px;
	border-style:solid;
}

#formItem {
	
	padding:5px;
	margin-bottom:5px;
	display:table;
	clear:both
}

/**/

.title{
font-weight:bold;
font-size:1em;
color:#003366

}

.subtitle{
font-weight:bold;
	padding:2px;
	margin-bottom:1px;
	border-color:#0099CC;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:2px;
	border-style:solid;

}

.description{
font-weight:normal;
padding-bottom:5px;
}

#comment {
padding:10px;
width:90%;
margin-bottom:10px;
border-bottom-style:dashed;
border-bottom-color:#CCCCCC;
border-bottom-width:1px;
display:table}

#author{
float:left;
width:130px;

}

.screenmagic {
font-weight:bold;
color:#CC0000}

.client {
font-weight:bold;
color:#003366}

#message{
float:left
}
#custom_art{
padding-left:10px;
margin-top:20px;
position:relative;
width:600px;
text-align:left;

}

#custom_sample{
padding-left:10px;
margin-top:20px;
position:relative;
width:600px;
text-align:left;


}

#custom_payment{
padding-left:10px;
margin-top:20px;
position:relative;
width:600px;
text-align:left;


}
#custom_message {


margin-top:10px; 
width:600px;
position:relative;
margin:5px;
text-align:left;

}
#customer_Title{
	font-size:12px;
	font-weight:bold;
	color:#990000;
	padding:5px;
	margin-bottom:3px;	
}