@charset "utf-8";

/* graphic-uploads */

body{
     background: #f2f2f2 url(../images/linen.jpg) repeat; 
     height:100%;
}
a {
	text-decoration:none;
	outline:none;
}
#upload {
    color:#49708a;
    width: 150px;
    position:relative;
    font-family:Verdana,Tahoma, sans-serif;
    font-size:40px;
    font-weight:normal;
    float:left;
    margin: 20px 5px 5px 28px;
}
#upload-p {
    font-weight:normal;
    color: #2a526d;
    position:relative;
    width:550px;
    padding-top:46px;
    margin: 60px 0 0 10px;
    font-family:Verdana,Tahoma, sans-serif;
}
#wrap {
	width:1200px;
	height:90%;
	margin:0 auto;
}
#content-wrap{
  
    background-color:#ffffff;
    width:950px;
    height:1200px;
    margin:0 auto;
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#lists {
	position: relative;
    clear:both;
    width: 800px;
    height:160px;
}

ol {
    float:left;
    list-style-type:decimal;
    font-family:Verdana,Tahoma, sans-serif;
    color:#2a2a2a;
    font-size:12px;
    width:375px;
}
ol li {
    list-style-type:decimal;
    margin:0 0 5px 0;
    line-height:135%;
}
#upload-directions1 {
    padding-left:25px;
    position:relative;
    width:315px;
    margin: 15px 0 5px 25px;
}

#upload-directions2 {
   position:relative;
   width:350px;
   margin: 15px 0 50px 25px;
   padding-left:20px;
}
#frame {
   position:absolute;
   width:950px;
   height: 800px;
   margin: 25px 0 0 20px;
}
#frame #image {
   float:left;
   z-index:500;
   width:410px;
}

#frame span{
   font-size:12px;
   font-family:Verdana, Tahoma, sans-serif;
   color:#333333;
   font-weight:bold;
}
#form {
   width:410px;
   position:relative;
   float:left;
   margin-left:50px;
   margin-top:-10px;
}
#form span{
   font-size:12px;
   font-family:Verdana, Tahoma, sans-serif;
   color:#333333;
   font-weight:bold;
   margin-left:-25px;
}

#form a {
   color:#333333;
}

#form a:hover {
   color:#49708a;
   text-decoration:underline;
}
iframe {
   position:relative;
   width:425px;
   margin-top:10px;
  z-index:1;
  margin-left:-25px;
}
/*navigation*/
.nav{
	margin-top:15px;
	padding: 10px;
    position: fixed;
    width: 150px;
	z-index:900;
}
.nav li {
	margin-top:5px;
	margin-left:15px;
	height:35px;
	width:90px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	 background:#5c8cac;
	border:1px solid #355470;
     display:block;
	 margin-right:10px;
	 overflow:hidden;
	 position:relative;
	transition:all 0.5s ease-in-out;
	  -moz-transition:all 0.5s ease-in-out;
	  -o-transition:all 0.5s ease-in-out;
	  -webkit-transition:all 0.5s ease-in-out;
	 -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.nav li a {
	width:90px;
	height:35px;
	text-decoration:none;
	position:relative;
}
.nav li:hover {
	background-color:#F15B42;
	border:1px solid #cc3c24;
}

.nav li span a {
	text-decoration:none;
	position:relative;
}
.nav li span {
	position:relative;
	left:5px;
	top:7px;
	font-family:Verdana, Tahoma, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:white;
	
}
/*Template Pages*/
#wrap-tem {
	width:1050px;
	height:11000px;
	margin:0 auto;
	margin-bottom:auto;
}
#content-wrap-tem{
    background-color:#ffffff;
    width:800px;
    height:130%;
    margin:0 auto;
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#templates {
	display:block;
	position:relative;
	height:200px;
	width:750px;
	margin-top:60px;
	margin-left:29px;
}
#templatel1 {
	float:left;
}
#templatel2 {
	margin-right:25px;
	float:right;
}
#templates li {
	margin-bottom: 5px;
	background:#90b4cc;
	height:35px;
	width:350px;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
#emph-tem {
	margin-bottom: 5px;
	background:#E25741!important;
	height:35px;
	width:350px;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
#emph-tem li:hover {
	background:#5c8cac;
}
#templates li:hover {
	background:#5c8cac;
}
#templates li a {
	display:block;
	width: 350px;
	height: 35px;
}

#templates span {
	height:35px;
	color:white;
	position:relative;
	font-family:Verdana, Tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	left:50px; 
	top:7px;
}
/*template tables*/
table.templates{
	width:740px;
	position:relative;
	border: thin solid #666;
	top:25px;
	left:30px;
}
table.templates td{
	border: 2px white solid;
}
.cathead{
color:#000000;
font-family:verdana,tahoma,sans-serif;
font-size: 20px;
font-weight: bold;
padding:4px 0 4px 4px;
}
table.templates .product {
background-color:#355470;
color:#fff;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
padding:4px 0 4px 8px;
font-weight: bold;
}
table.templates .product a {
color:#ffffff;
display:block;
float:left;
font-size:12px;
margin-right:40px;
text-align:right;
}

table.templates .odd, table.templates .oddoslogo {
background-color:7cbbf2;
color:#333;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
padding:4px 0 4px 6px;
text-align: left;
font-weight: bold;
}

table.templates .oddoslogo a,table.templates .evenoslogo .evenosai a{
text-align: center;
}

table.templates .oddoslogo div, table.templates .evenoslogo div {
background: url(../images/DSpdf_icon.png) no-repeat top left;
border: 0;
margin: auto;
width: 16px;
height: 25px;
}
table.templates .oddosEps div, table.templates .evenosEps div{
background: url(../images/DSepsicon.gif) no-repeat top left;
border: 0;
margin: auto;
width: 16px;
height: 25px;	
}

table.templates .odddim {
background-color:#d4d4d4;
color:#333;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
padding:4px 0 4px 6px;
}

table.templates .dimensions {
background-color:#252525;
color:#fff;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
font-weight:bold;
padding:4px 0 4px 8px;
}
.producttitle span{
position:relative;
float:left;
color:#5689b6;
width:500px;
font-family:verdana,tahoma,sans-serif;
font-size:22px;
font-weight: bold;
padding:4px 4px 4px 8px;
}

.cathead{
color:#003;
font-family:verdana,tahoma,sans-serif;
font-size: 22px;
font-weight: bold;
margin: 0;
padding:4px 0 4px 8px;
}
table.templates .product {
background-color:#5a90c0;
color:#fff;
font-family:verdana,tahoma,sans-serif;
font-size:13px;
padding:4px 0 4px 8px;
font-weight: bold;
}

table.templates .odd, table.templates .oddoslogo {
background-color:#7cbbf2;
color:#333;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
padding:4px 0 4px 6px;
text-align: left;
font-weight: bold;
}

table.templates .oddoslogo a,table.templates .evenoslogo .evenosai a{
text-align: center;
}

table.templates .oddoslogo div, table.templates .evenoslogo div {
background: url(../images/DSpdf_icon.png) no-repeat top left;
border: 0;
margin: auto;
width: 16px;
height: 25px;
}
table.templates .oddosEps div, table.templates .evenosEps div{
background: url(../images/DSepsicon.gif) no-repeat top left;
border: 0;
margin: auto;
width: 16px;
height: 25px;	
}

table.templates .odddim {
background-color:#7cbbf2;
color:#333;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
padding:4px 0 4px 6px;
}

table.templates .dimensions {
background-color:#5A90C0;
color:#fff;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
font-weight:bold;
padding:4px 0 4px 8px;
}

/*----------AI File Icon----------------*/

table.templates .oddosai div, table.templates .evenosai div {
background: url(../images/ai_icon.png) no-repeat top left;
border: 0;
margin: auto;
width: 20px;
height: 25px;
} 

table.templates .even, table.templates .evenosai {
background-color:#a7cff1;
color:#333;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
font-weight:bold;
padding:4px 0 4px 6px;
text-align:left;
}

table.templates .odd, table.templates .oddosai {
background-color:#7cbbf2;
color:#333;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
padding:4px 0 4px 6px;
text-align: left;
font-weight: bold;
}
/*------------AI File Icon End-----------*/

/*-----------Video Icon----------*/
table.templates .oddosvid div, table.templates .evenosvid div {
background: url(../images/video.png) no-repeat top left;
border: 0;
margin: auto;
width: 20px;
height: 25px;
} 

table.templates .even, table.templates .evenosvid {
background-color:#a7cff1;
color:#333;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
font-weight:bold;
padding:4px 0 4px 6px;
text-align:left;
}

table.templates .odd, table.templates .oddosvid {
background-color:#7cbbf2;
color:#333;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
padding:4px 0 4px 6px;
text-align: left;
font-weight: bold;
}

/*----------Video Icon End-------*/

table.templates .even, table.templates .evenoslogo {
background-color:#a7cff1;
color:#333;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
font-weight:bold;
padding:4px 0 4px 6px;
text-align:left;
}

table.templates .evendim {
background-color:#a7cff1;
color:#333;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
padding:4px 0 4px 6px;
}

table.templates .os {
background-color:#5a90c0;
border-left:2px solid white;
color:white;
font-family:verdana,tahoma,sans-serif;
font-size:12px;
font-size-adjust:none;
padding:4px;
text-align:center;
}
table.templates .oddX div, table.templates .evenX div{
text-align: center;
border: 0;
margin: auto;
width: 16px;
height: 25px;
background: url(../images/NoLink.gif) no-repeat top left;
}
table.templates .oddNA div, table.templates .evenNA div{
text-align: center;
border: 0;
margin: auto;
width: 16px;
height: 25px;
background: url(../images/DSna.png) no-repeat top left;
}
table.templates .evenX, table.templates .evenosEps .evenosai{
background-color:#a7cff1;
}
table.templates .oddX, table.templates .oddosEps .oddosai{
background-color:#7cbbf2;	
}
table.templates .evenNA, table.templates .evenosEps{
background-color:#a7cff1;
}
table.templates .oddNA, table.templates .oddosEps{
background-color:#7cbbf2;	
}
/*End Template Pages*/

/*Catalog Page*/
#contentwrap-cat{
  margin:auto;
    background-color:#ffffff;
    width:800px;
    height:720px;
    margin:0 auto;
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
 #product iframe { 
 display:block; width:100%; border:none;
 position:relative;
 height:100%; 
 display:block; 
 width:90%; 
 border:none; 
}
 #catalog {
	 width:800px;
	 height:720px;
	 
 }
/*End Catalog Page*/

/*Reset CSS*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
   margin:0;
   padding:0;
}
table {
   border-collapse:collapse;
   border-spacing:0;
}
fieldset,img { 
   border:0;
}
ol,ul {
   list-style:none;
}
caption,th {
   text-align:left;
}
h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}
q:before,q:after {
   content:'';
}
abbr,acronym { border:0;
}

#image,#form {
	font-family:verdana,tahoma,sans-serif;
	font-size:12px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

.button2{
	font-family:verdana, tahoma, sans-serif;
	font-size:18px;
	position:absolute;
	background-color: rgba(33, 33, 33, 0.8);
	color: white;
    padding: 15px 25px;
    text-align: center;
	border-radius: 10px;
	z-index:600;
	margin-left: 50px;
	margin-top:25px;
	 transition: all 0.5s ease;
}
.second {margin-left:160px;}
.button2:hover {
 	background-color: rgba(33, 33, 33, 1.0);
	transition: all 0.5s ease;
	}

iframe{
	z-index:50;
}