/* common.css */
/*globals*/
*{
	margin:0px;
	padding:0px;
	-webkit-padding-start:0px;
}
* html .page{
	height:1%;
}
/*** reusable tags ***/
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.left{
	float:left;
}
.right{
	float:right;
}
/* page wrap */
#page{
	margin:0 auto;
	width:1020px;
	height:auto;
}
#container{
	width:1020px;
	height:auto;
	margin:0 auto;
	border:0;
	position:block;
}
/* saved jobs load_menu */
/*may not exist*/
ul#load_menu{
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:auto;
	text-align:center;
}
ul#load_menu .wrapper{
	display:inline;
	padding:5px;
}
ul#load_menu li{
	background-image:url(../_g/gradient02.jpg);
	background-repeat:repeat-x;
	border-style:outset;
	border-width:1px;
	width:250px;
	height:250px;
	float:left;
	padding:5px;
}
ul#load_menu li a{
	text-decoration:none;
	width:20em;
}
ul#load_menu li a:hover{
	background-color:#D0D0D0;
}
/* header - menu bar height is from top of page to bottom of bar, typically a 20px bar */
#header{
	height:80px;
	margin:0 auto;
	width:100%;
}
/*figure out what to do with letterspacing since they will be able to change fonts*/
#header h1, #header h2{
	font-weight:normal;
	margin:0;
}
#header h1{
	float:left;
	font-size:4em;
	padding-top:40px;
}
#header h1 a{
	text-decoration:none;
}
/*might can be removed*/
#header h2{
	float:left;
	padding:67px 0 0 8px;
	font-size:2em;
	font-style:italic;
	color:#000;
}
/* nav - menu bar items and nested items */
#nav a:hover{
	text-shadow: #fff 0px 0px 10px;
} 
#nav ul li ul li{
	background-color:#007196;
	color:#DEF;
	font-weight:700;
	line-height:normal;
	padding-left:0;
	padding-bottom:5px;
}
#nav ul li ul li a:hover{
	background-color:#888;
}
#nav ul li ul li ul li{
	color:#007196;
	font-weight:400;
	padding:0 0 0 15px;
}
#nav ul li a{
	color:#FFF;
	display:inline-block;
	text-decoration:none;
	padding:0 6px;
}
ul li ul.nontab.parent li a{
	color:#ccf!important;
	font-weight:700;
}
#nav ul li ul a{
	color:#FFF;
	display:block;
	text-decoration:none;
}
#nav li.tab1,#nav li.tab2,#nav li.tab3,#nav li.tab4,#nav li.tab5,#nav li.tab6,#nav li.tab7,#nav li.tab8{
	float:left;
	font-weight:700;
	padding:1px 4px;
}
#first ul{
	position:absolute;
	left:6px;
}
#homeImage{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-490px;
}
/*home image*/
#nav{
	font-size:14px;
	left:50%;
	margin-left:-324px;
	position:absolute;
	top:50px;
	z-index:5999;
}
/*fixes, ignore these designers!*/
#nav ul{
	list-style:none;
	position:absolute;
	width:800px;
	padding:0;
}
#nav ul li ul{
	line-height:100%;
	width:150px;
	padding:0;
}
#nav ul li ul li ul{
	background:transparent none repeat scroll 0 0;
	border:medium none;
	position:relative;
}
#nav li#tab1,#nav li#tab2,#nav li#tab3,#nav li#tab4,#nav li#tab5,#nav li#tab6,#nav li#tab7,#nav li#tab8{
	background:transparent;
	float:left;
	font-weight:700;
	padding:1px 4px;
}
#nav ul li#tab2 ul li,#nav ul li#tab3 ul li,#nav ul li#tab4 ul li,#nav ul li#tab5 ul li,#nav ul li#tab6 ul li,#nav ul li#tab7 ul li,#nav ul li#tab8 ul li{
	background-color:#007196;
}
#nav ul.nontab{
	color:red;
	display:none;
}
#firstUL{
	margin-left:0;
}
#first ul *,#first ul li ul,#second ul *,#second ul li ul{
	left:0;
}
a:focus, div.content *{
	outline:0 !important;
}
form{
	display:block;
	margin:0;
	padding:0;
}
/*some non-js fixes for the app*/
#slider{
	position:relative;
}
#fragment-1, #fragment-2, #fragment-3{
	clear:left;
}
/* Footer */
#footer{
	clear:both;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
	display:block;
	position:inherit;
}
#footer h3{
	font-size:1em;
	font-weight:bold;
}
#footer p{
	margin:0;
	font-size:.8em;
}
#footer ul{
	list-style:none;
}
/* clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/*loader & message*/
#loader{
	border:1px solid #ccc;
	width:100%;
	height:100%;
	position:inherit;
}
#loader.loading{
	background:url(../_g/spinner.gif) no-repeat center center;
}
.msg_list{
	margin:0px;
	padding:0px;
}
.msg_head{
	padding:1px 1px;
	cursor:pointer;
	position:relative;
	color:#000;
	margin:1px;
	font-size:1.1em;
	font-weight:regular;
}
.msg_body{
	padding:5px 10px 15px;
	background-image:url(../_g/slider-back.jpg);
	background-repeat:repeat-x;
}
#message_box{
	width:auto;
	position:absolute;
	z-index:9000;
	padding:5px;
	border:1px solid #0ee;
	text-align:center;
	width:99%;
	display:none;
	color:#000;
	background-color:#eff;
	font:bold 12px Verdana,Arial,Helvetica,sans-serif;
}
/*neil's cool fieldset stuff*/
fieldset{
	border:1px solid silver;
	margin-top:10px;
	padding:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
fieldset form label{
	float:left;
	width:10em;
	margin-right:1em;
	text-align:right;
}
fieldset ul{
	width:auto;
	margin:0 auto;
}
fieldset li{
	clear:both;
	line-height:2.5em;
	padding-bottom:5px;
}
form li.short, fieldset li.short{
	line-height:1em;
}
form p, fieldset p{
	padding:5px 0;
}
form ul{
	list-style:none;
}
legend{
	font-weight:700;
	padding:0 4px;
}
label.required:after{
	content:" *";
	color:red;
}
table img{
	border:none;
}
abbr{
	cursor:help;
}
/*neil's html5 stuff*/
nav{
	display:block;
}
nav ul li{
	display:inline;
}
#breadcrumbs li{
	padding:0 5px;
	border-left:1px solid #CCC;
}
#breadcrumbs li:first-child{
	border:none;
}
#multipleSizeMenu{
	margin-top:-10px;
	z-index:900;
}
#multipleSizeMenu label{
	width:5em;
	margin-left:.6em;
	text-align:right;
}
#multipleSizeMenu ul {
	display:block;
	text-align:center;
}
#multipleSizeMenu ul li {
	list-style-type:none;
	display:block;
	float:left;
	position:relative;
	width:55px;
}
/****Design module*****/
/*Flypage orphans for Customization*/
a.my_image:hover, #gb_thumbs a:hover, #clip_art_thumbs a:hover{
	background-color:rgb(220,220,250);
}
/*save and purchase buttons*/
input#order{
	float:right;
	display:block;
	padding:1px;
	width:120px;
	height:20px;
	font-weight:bold;
	text-decoration:underline;
	border:0px;
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
}
input#order:hover{
	background-position:bottom left;
}
a.flypage_save{
	float:right;
	display:block;
	padding:1px;
	width:130px;
	height:18px;
	font-weight:bold;
	text-decoration:underline;
	border:0px;
	cursor:pointer;
}
a.flypage_save:hover{
	float:right;
	display:block;
	padding:1px;
	width:130px;
	height:18px;
	font-weight:bold;
	text-decoration:underline;
	border:0px;
	cursor:pointer;
}
a#ckFinder, a#ex3bTrigger, a#ex3cTrigger, a#ex3dTrigger,a#ex3eTrigger {
	background: url('../_g/dialog/bottom_button_bg_sprite.gif');
	background-repeat:repeat-x;
	background-position:top;
	-moz-border-radius:5px;
	-moz-drop-shadow:0px 1px;
	color:black;
	text-decoration:none;
	font-weight:bold;
	padding:5px;
	margin-left:20px;
}
a#ckFinder:hover, a#ex3bTrigger:hover, a#ex3cTrigger:hover, a#ex3dTrigger:hover,a#ex3eTrigger:hover {
	background-position:bottom;
}
/*dialogs and their triggers*/
a#ex3bTrigger, a#ex3cTrigger, a#ex3dTrigger{
	background-image:url('../_g/dialog/bottom_button_bg_sprite.gif');
	background-repeat:repeat-x;
	color:black;
	text-decoration:none;
	font-weight:bold;
	padding:5px;
}
a#ex3bTrigger{
	margin-left:20px;
}
#total{
	color:#000;
}
#wholesale{
	color:#000;
}
#settings{
	background-color:#eef;
	border-bottom:2px solid #aaf;
}
.a-logos {
	color: #4444ff;
	text-decoration: none;
}
.a-gb {
	color: #4444ff;
	text-decoration: none;
}
.clipart_list_tree{
	overflow: auto;
	position: relative;
	width: 150px;
	height: 280px;
	background-color: #eeeeee;
	border: 1px solid rgb(221, 221, 221);
} 
#myImgInput{
	background-color:#ccc;
	color:#000;
}
/*new product cart button*/
input.cartbutton{
	float:right;
	display:block;
	padding:1px;
	width:120px;
	height:90px!important;
	border:0px;
	cursor:pointer;
}
input.cartbutton:hover{
	background-position:0px 130px;
}
/*browse page*/
/*a {color: #000000;text-decoration: none;}*/
a:hover {
	text-decoration: underline;
}  
.tempbutton {
	display: none;
}
.catbox{
	position:relative;
}   
h1.cathead{
	font-size:1.4em;
	text-align:right;
	width:100%;
}
h1.catnamehead{
	padding-top:16px;
	font-size:4em;
	line-height:.8em;
    text-transform: uppercase;
}
p.catbox{
	bottom:0px;
}
p.metabody{
	padding-left:100px;
	padding-right:100px;
}
h1.prodhead{
	margin-left:7px;
	padding:2px 5px;
	display:inline-block;
	z-index:99;
	display:inline-block;
    background-color:white;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.raised-box{
	border:none;
    padding: 0px 5px;
    background-color: white;
    -moz-box-shadow:2px 2px 4px #aaaaaa;
    -webkit-box-shadow: 2px 2px 4px #aaaaaa;
}
.raised-box-inv{
    border:1px solid #fff;
    margin-left:0px;
    margin-top:-1px;
    z-index:102;
    display:block;
    float:left;
    width:760px;
    height:auto;
    background-color:#fff;
    color:black;
}
.raised-box-143{
	margin-left:0px;
    margin-top:-1px;
    padding:5px;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-top:1px solid #cccccc;
    border-bottom:none;
    background-color:white;
    -moz-box-shadow:2px 2px 4px #aaaaaa;
    -webkit-box-shadow:2px 2px 4px #aaaaaa;
    z-index:102;
    display:block;
    float:left;
    width:760px;
    height:auto;
    background-image:url(/images/browse/browse-header-bg.jpg);
    background-repeat:no-repeat;
}
#templatePage.raised-box-143{
	text-align: center;
    overflow: auto;
    padding-bottom: 15px;
    display: none;
}
.loadTempstyle{
	background-color: #eeeeee;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
}
.loadTempstyle img{
	max-width:220px;
    max-height: 110px;
}
span.product_name h3{
	color: #000;
    background-color:#ccc;
    font-weight:bold;
    padding:5px;
    margin:5px;
    border:1px solid;
    border-color:#cccccc;
}
.raised-box-192{
	width:770px;
    -moz-box-shadow:2px 2px 4px #aaaaaa;
    -webkit-box-shadow: 2px 2px 4px #aaaaaa;
    margin-bottom:15px;
    background-color:white;
    z-index:102;
}
img.left{
	float:left;
}
img.right{
	float:right;
}
img.center{
	margin-left:auto;
	margin-right:auto;
}
#float-left{
	float:left;
	width:200px;
	height:auto;
}
#float-right{
	float:right;
	width:800px;
}
#trustseals{
	background: url(../images/browse/trust.png) top no-repeat;
	width:200px;
	height:268px;
	margin-top:15px;
}
/*template-browse*/
#templistbrowse{
	width:100%;
	text-decoration:none;
	font-weight:bold;
}
#templistbrowse li{
	width:100%;
}
#templistbrowse li ul{
	width:100%;
}
#templistbrowse li ul li{
	width:100%;
}
#templatecategories{
	margin-left: 5px;
	margin-top: -5px;
	margin-bottom: 25px;
	float:left;
	position:relative;
	top: 15px;
	left: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
#selectedColor{
	float: left;
	width: 130px;
	margin-bottom: 2px;
	margin-left: 2px;
	height: 15px;
}
/*shop/product - product page*/
.rel_templates {
	display: none;
}
img.prodpreview{
	float:left;
}
img.prodthumb{
	float:right;
	display:inline-block;
	clear:both;
}
a.togbutton:hover span{
	background-position:right top;
}
a.togbutton:hover {
	background-position:left top;
	color: white;
}
input#order{
	display:inline-block;
	padding:1px;
	width:120px;
	height:20px;
	font-weight:bold;
	text-decoration:underline;
	border:0px;
    background-image:url('../_g/add_to_cart.png');
	background-position:top left;
	cursor:pointer;
	position:relative;
	top:0px;
	right:0px;
}
input#order:hover{
	display:inline;
	padding:1px;
	width:120px;
	height:20px;
	font-weight:bold;
	text-decoration:underline;
	border:0px;
    background-image:url('../_g/add_to_cart.png');
	background-position:bottom left;
	cursor:pointer
	}
input#customize{
	display:inline-block;
	width:130px;
	height:100px;
	text-decoration:none;
    background:url(../images/prodpage/1234nextbackbuy.png);
	background-position:0px 100px;
	cursor:pointer;
	border:none;
	position:relative;
	bottom:4px;
	right:0px;
}
input#customize:hover{
    background:url(../images/prodpage/1234nextbackbuy.png);
	background-position:130px 100px;
	cursor:pointer;
}
#turnaround {
	position: relative;
	display:block;
	clear:none;
	float:left;
	font-size:0.9em;
	width:64px;
	height:50px;
	padding-top:35px;
	margin-left:50px;
	padding-left:6px;
	padding-right:4px;
}
/*read-only basket + cart*/
#ro_table h1, #ro_table h2,#ro_table h3,#ro_table h4{
	font-family: Georgia;
	font-weight:bold;
}
#ro_table{
	margin-left:auto;
	margin-right:auto;
	font-size:10pt;
	border-width:1px;
	padding:10px;
	background-color:white;
}
.ship_method_radio{
	display:inline;
	float:left;
}
.ship_method_radio:checked{
	display:inline;
	float:left;
	text-shadow: #aaaaff 0px 0px 10px;
}
.basketbox{
	background-color:white;
	border-thickness:1px;
	border-color:#bbbbbb;
	-moz-box-shadow: 2px 2px 3px black;
	-webkit-box-shadow: 2px 2px 3px black;
	padding:10px;
	position:relative;
	margin:10px;
}
.basketboxhead{
	background-color: rgb(187, 187, 187);
	-moz-box-shadow: 1px 1px 1px gray;
}
input#complete_order, input#cartnext{
	font-size: 16px;
	padding:10px;
	font-weight:bold;
	background-color: #fff;
	border: 1px solid #0000ff;
	text-shadow: #aaaaff 0px 0px 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
input#complete_order:hover, input#cartnext:hover{
	background-color: #aaaaff;
	border: 1px solid #0000ff;
	text-shadow: #fff 0px 0px 10px;
}
/*Template-browse*/
#shophead {
	left: 20px;
	margin-left: 20px;
	margin-right: 20px;
	width: 980;
	height:70px;
	border: 1px solid #FFFFCC;
	padding: 15px;
	background:url(images/pressshop/pshopheader.png) repeat-x;
	background-color:#fff;
}
#shoptitle{
	float:left;
	width:420px;
	height:70px;
	padding-top:10px;
	text-align:left;
}
#shopdescription{
	float:right;
	width:518px;
	height:70px;
	text-align:center;
} 
/** Product Page Buttons **/
div#prodpage-customize:hover{
	background-position:0px 231px!important;
}
div#prodpage-upload:hover{
	background-position:0px 234px!important;
}
div#prodpage-buynow:hover{
	background-position:0px 233px!important;
}
/* CKFinder */
#ckfinder {
}
/*Border Radius small*/
.bor{
	border-radius: 7px;
	-moz-border-radius: 7px;
}
.brtl{
	border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
}
.brtr{
	border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
}
.brbl{
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
}
.brbr{
	border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
}
/*thank you page*/
.lghtbackthanks {
	background-color: #f3f3f3;
}
.drkheadthanks{
	background-color: #777777;
	color: #ffffff;
}
#newuser li{ list-style-type: none; }
/* form infield labels */
form.iflabels span {
	position: relative;
    margin: 10px 0;
}
form.iflabels span label {
	position: absolute;
    top: 0;
    left: 0;
    padding:0px 7px;
}
form.iflabels input{
	margin-bottom:4px;
	vertical-align:middle;
}
/* form nice labels */
form.nicel div.fieldline{
         width: 280px;
}
form.nicel div.fieldline label{
         display:block;
         width: 95px;
         text-align: right;
         padding: 4px 2px 0px 0px;
         float:left;
}
form.nicel span.fieldline{
         display:block;
         width: 150px;
         text-align: right;
         padding: 4px 2px 0px 0px;
         float:left;
}
form.nicel div.fieldline input, form.nicel input.fieldline{
         width: 140px;
         float:left;
         margin: 0px 0px 4px 0px;
         border:2px solid #ccc;  
	     background:#ffffff;
         padding:0px;
}
form.nicel div.fieldline input:focus, form.nicel input.fieldline:focus{
         border:2px solid #999;  
	     background:#EFF5FF;  
	     color:#000; 
}
