/* Global edits */
.center {text-align:center;}
.hidden {display:none;}
#cloud{width:100%;height:100%;top:0px;left:0px;z-index:1000;background-color:#000000;opacity:0.7; position:fixed;}
/**/
/* Tracerpix color #000000 */
/* Targetphoto color #CC0000 */
/*! normalize.css v1.0.0 | MIT License | git.io/normalize */

/* 
*HIDES HONEYPOT FIELD IN THE CONTACT FORM
*/
div.website, div.website * {
  display: none !important;
}

/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
	display: none;
	height: 0;
}

/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
* and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
	display: none;
}

/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}

/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
	font-family: 'Montserrat', sans-serif;
}

/*
* Addresses margins handled incorrectly in IE 6/7.
*/

body {
	margin: 0;
}

/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
	outline: thin dotted;
}

/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
	outline: 0;
      
}

/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
	font-size: 2em;
	margin: 0.67em 0;
        color: red;
        font-family: 'Montserrat', 700, sans-serif;
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
        font-family: 'Montserrat', sans-serif;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
        font-family: 'Montserrat', sans-serif;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
        font-family: 'Montserrat', sans-serif;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}

/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
	border-bottom: 1px dotted;
}

/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b, .bold,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
	font-style: italic;
}

/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
	background: #ff0;
	color: #000;
}

.clearb {
	clear:both;
}
/*
* Addresses margins set differently in IE 6/7.
*/
p,
pre {
	margin: 1em 0;
}

/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
}

/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
	quotes: none;
}

/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
	content: '';
	content: none;
}

small {
	font-size: 75%;
}

/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/*
* Addresses margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

/*
* Addresses paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
	padding: 0 0 0 40px;
}

/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/
img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}

/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
	overflow: hidden;
}

/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
	margin: 0;
}

/*
* Corrects margin displayed oddly in IE 6/7.
*/
form {
	
}

/*
* Define consistent border, margin, and padding.
*/
fieldset {
	border: none;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
	*margin-left: -7px; /* 3 */
}

/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}

/*
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
	line-height: normal;
}

/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
	*overflow: visible; /* 4 */
}

/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
	cursor: default;
}

/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
	*width: 13px; /* 3 */
}

/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/*
* Remove most spacing between table cells.
*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body, nav, a, abbr, acronym, address, area, b, bdo, big, blockquote, button, caption, cite, code,
col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, i, img,
ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub,
sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

header,
footer,
aside#steps,
#carousel ul.carousel,
article {
	width: 940px;
	margin: 0 auto;
}

p {
	padding: 0 0 15px 0;	
}

li {
	list-style: none;	
}

a {
	color: #000;
	text-decoration: none;
	cursor:pointer;
}

a:hover {

       color: #ea1919 !important;

}

a:active{

        color: #ea1919;

}

body {
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	color: #898989;
	overflow-y: scroll;
}

hr{


}



/*  Header  */

#headerwrapper {
	background: black;	
	width: 100%;
	height: 96px;
	border-bottom: 1px solid #000;
	z-index: 50000;
}

body.builder #headerwrapper {
	border-bottom: none;
	margin-bottom: 19px;
}

header,
header nav a,
footer,
footer nav a {
	color: #fff;
}

header {
	position:relative;
}

#logo {
	float: left;
	height: 42px;
	line-height: 42px;	
	display: block;
}

#logo a {
	float: left;
	padding-right: 17px;
	margin-right: 17px;
	height: 42px;
	line-height: 42px;	
	display: block;
}
nav a,
nav a:hover {
	text-decoration: none;	
}

header nav.resources,
nav#main {
	float: right;	
}

nav#main {
	width: 860px;
}

.loggedIn nav#main {
	width: 961px;	
}

nav#main a {
	vertical-align: top;
        padding: 0px 0px 0px 50px;	
}

header nav.resources {
	height: 25px;
	line-height: 25px;
	margin-bottom: 15px;
}

header nav.resources ul li,
nav#main ul li {
	display: inline-block;
	zoom: 0;
	*display: inline;
	/*margin-left: 60px;*/
        margin-left:0px;
	vertical-align: top;
}

header nav.resources ul li {
	margin-left: 0px;	
}

header nav.resources ul li a {
	padding: 7px;	
}

header nav.resources ul li a:hover {
	background: #fff;	
}

header nav.resources ul li.facebook a,
header nav.resources ul li.twitter a {
	padding: 0;	
}

header nav.resources ul li.facebook a:hover,
header nav.resources ul li.twitter a:hover {
	background: none;	
}

nav#resources li {position:relative;}
div#signInOverlay h1,div#signInOverlay a{
	color:#000;
	margin:0;
}
div#signInOverlay {
	display:none;
	width:285px;
	height:245px;
	padding:15px;
	background-color: #FFFFFF;
	border:1px solid #000;
	position:absolute;
	z-index:1000;
	color:#898989;
	right:0;
}

.close {
	background: #FFFFFF url('/js/uploadifive/uploadifive-cancel.png') 3px 3px no-repeat;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
	position:absolute;
	top:-10px;
	right:-10px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border:2px solid #000000;
}

.fb_photo {
    float: left;
    margin-right: 30px;
	height: 155px;
	width: 130px;
}

.fb_photo .select_box {
    display: none;
}


nav#main {
	clear: right;
	margin-top:10px;
}

nav#main li.cart a {
	background: transparent url(http://www.tracerpix.com/uploads/images/2013/cart.png) center right no-repeat;
	padding-right: 40px;
}

nav#main a {
	display: block;
	font-weight: bold;
	line-height:29px;
}


/*  Drop Fat Nav  */
nav#main ul ul {
	position: absolute;
	top: 75px;
	left: -999em;	
	width: 100%;
	margin: 0;
	overflow: hidden;
	z-index: 50000;
}

nav#main ul ul ul,
nav#main ul ul ul ul {
	position: relative;
	width: 100%;
	padding: 0 !important;
	top: 0;
}

nav#main ul ul ul li {
	float: left;	
	width: 180px;
	text-align:left;
	margin-left: 0;
}
nav#main li.column {
	height:180px;
	margin: 5px 10px 60px 0px;
	border-left:1px solid #000;
	padding-left: 10px;
}

nav#main ul ul ul li.first {border-left:none;}
nav#main ul ul ul ul li,
nav#main ul ul ul ul ul li {
	float: none;	
}

nav#main ul li:hover {
	padding-bottom: 10px;	
}

nav#main ul ul li:hover,
nav#main ul ul ul li:hover {
	padding-bottom: 0;	
}

nav#main ul li:hover ul,
nav#main ul li.hover ul {
	left: 0;	
}

nav#main ul ul li a {
	color: #000;
	line-height:18px;	
}

nav#main ul ul li a:hover {
	font-weight: bold;
}

nav#main ul ul ul {
	width: auto;
	overflow: hidden;
}

nav#main ul ul ul li a {
	font-weight: normal;	
}

nav#main ul ul ul ul li.first a {
	font-weight: bold;	
	margin-bottom: 5px;
}

nav#main li.second {
	padding-top: 23px;	
}

nav#main li.center {
	margin: 0 0;
	width: 420px;
	padding-left: 10px;
	display: block;
	border: 1px solid #000;
	background-color: #FFFFFF
}

/*  Steps Navigation  */

nav#steps {
	background: #000;
	height: 41px;
	margin-bottom: 35px;
}

nav#steps ul li {
	background: transparent url(http://www.tracerpix.com/uploads/images/2013/menu_divider.png) left center no-repeat;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-right: 1px;
	padding: 0 10px 0 55px;
	height: 41px;
	line-height: 41px;
	vertical-align: top;
}

nav#steps ul li.list_title {
	background: none;
	padding-left: 0;
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	padding: 0 35px 0 10px;
	border-right: 3px solid #fff;
	width: 380px;
}

nav#steps ul li.first {
	background: none;
	padding-left: 17px;
}

nav#steps ul li a {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	opacity: 0.5;
}

nav#steps ul li.complete a,
nav#steps ul li.current a,
nav#steps ul li a:hover,
nav#steps ul li a:active {
	color: #ea1919;
	opacity: 1;
}


/*  Content  */

#contentwrapper {
	width: 100%;
	overflow: hidden;
}

#slide_wrapper {
	background: transparent url(http://www.tracerpix.com/uploads/images/2013/home_slide_bg.jpg) top left repeat-x;
	height: 476px;
	width: 100%;
}

#slideshow {
	width: 940px;
	margin: 0 auto;
	z-index: 1;
}

#carousel {
/*	background: #000;*/
	width: 100%;
	height: 310px;
}

#carousel h4{
	color: #000;
	font-size: 20px;
	margin-top: 13px;
}

#carousel img {
	max-height:175px;
	margin: 0 auto;
}

#carousel button {
	background-color: #EE0000;
	font-size: 13px;
	line-height: 25px;
	height: 25px;
	width: 125px;
	position: absolute;
	bottom:10px;
	left: 67px;
}

#carousel .bx-wrapper {
	width: 820px;
}

#carousel ul.carousel {
	width: 900px;
	padding-left: 35px;
}

#carousel ul.carousel li {
	float: left;
	margin-right: 19px;
	text-align: center;
	height: 251px;
	position: relative;
}

aside#steps {
	margin: -50px 0 15px;
}

article {
	margin-bottom: 15px;
}

article img {
	float:left;
}

article div.container {
	width:460px;
	float:left;
}

article h2 {	
	color: #cc4e5d;
	font-size: 45px;
}

article h3 {
	color: #959595;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}

article #left #upload img {
	margin-top: 40px;	
}

article #right #create_animation img.before {
	margin-bottom: 100px;	
}

article #right #create_animation img.after {
	margin-top: 100px;	
}

.productItem {
	float: left;
	height: 355px;
	font-size:12px;
	background-color:#fff;
	color:#666;
	width:205px;
	margin:30px 8px;
	padding:5px 5px 50px;
	cursor:pointer;
	position:relative;
}

.productName {height:60px;}
.productName h2, .productName h3 {text-align:center;}
.productName h3 {height:15px;}
body.page .product_Name_left h4 {margin:0;}
.productInfo .primaryButton {position:absolute;bottom:5px;left:50px;}
.productInfo.category {text-align:justify;}
.productImage {
	height:225px;
	text-decoration:none;
	text-align:center;
}

.productImage img {
	max-height:225px;
	max-width:205px;
}
/*  Footer  */

#footerwrapper {
	background: black;
	width: 100%;
	overflow: hidden;
}

footer {
	padding: 35px 0 65px;
	overflow: hidden;
}

footer nav {
	float: left;	
}

footer nav.resources {
	width: 60px;
	margin-left: -7px;
}

footer nav.resources ul li {
	width: 74px;
	margin-right: 0;
	display: block;
	float: none;	
}

footer nav ul li {
	float: left;
	width: 200px;
	margin-right: 20px;
}

footer nav ul li {
	display: block;
	font-weight: bold;
}

footer nav ul li ul li a,
footer nav.resources ul li a {
	margin-bottom: 0;
	font-weight: normal;
	line-height: 25px;
}

footer nav ul li ul li {
	display: block;
	float: none;
	width: auto;
	margin-right: 0;
}

footer nav.resources ul li {
	display: block;
	line-height: 25px;
	float: none;
	clear: both;
}


footer nav.resources ul li.social a {
	float: left;
}

footer nav.resources ul li a {	
	padding: 7px;
	display: block;
	float: none;
}

footer nav.resources ul li a:hover {
	background: #419aae;
}

footer nav.resources ul li.facebook a {
	padding: 0;
}

footer nav.resources ul li.social a:hover {
	background: none;
}

footer li.copyright ul li,
footer nav.resources ul li a {
	font-weight: bold;	
	line-height: 25px;
}


/*  Page Styles  */

body section {
	width: 940px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
}

body.page article {
	float: left;
	width: 610px;
}

body.builder article {
	border: 1px solid #b0b2b2;
	margin-bottom: 45px;
	width: 940px;
	overflow: hidden;
	padding: 0 0 20px 0;
}

.confirmationMsg {
	height:150px;
	margin-top:100px;
	text-align:center;

}
body.page aside {
	float: right;
	width: 280px;
}

body.page h1 {
	font-size: 30px;
	color: #EA1919;
	margin-bottom: 25px;
        margin-top: 25px;
        font-family: 'Montserrat', 700, sans-serif;
}

body.page h2 {
	font-size: 18px;
	color: #000;
	margin-bottom: 20px;
}

body.page h3 {
	font-size: 16px;
	color: #cc4e5d;	
	margin-bottom: 12px;
}

body.page h4 {
	font-size: 14px;
	color: #000;	
	margin-bottom: 12px;
}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 11px 28px 11px 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

.float-container {
        border: 3px solid transparent;
        padding: 20px;
}

.float-child {
        width: 45%;
        float: left;
        padding: 20px;
        border: 2px solid transparent;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	left: -5px;
	padding:11px 17px 11px 10px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(http://www.tracerpix.com/uploads/images/2013/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

#slideshow .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	bottom: 15px;
	z-index: 25000;
}

#carousel .bx-wrapper .bx-pager {
	display: none;
}



}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -40px;
	background: #000 url(http://www.tracerpix.com/uploads/images/2013/carousel_left.png) no-repeat top left;
	opacity: .8;
}

.bx-wrapper .bx-next {
	right: -40px;
	background: #000 url(http://www.tracerpix.com/uploads/images/2013/carousel_right.png) no-repeat top left;
	opacity: .8;
}

.bx-wrapper .bx-prev:hover {
	opacity: 1;
}

.bx-wrapper .bx-next:hover {
	opacity: 1;
}

#slideshow .bx-controls-direction {
	display: none;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(http://www.tracerpix.com/uploads/images/2013/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(http://www.tracerpix.com/uploads/images/2013/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
	background: url(border-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(border-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(border-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(border-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {  
}
/*  Builder Page Styles Specific  */
div#file_uploader_overlay {
	width:715px;
	height:300px;
	top:25%;
	left:25%;
	position:fixed;
	z-index:1000;
	background-color:#FFFFFF;
	border:1px solid #000;
	padding:20px;
	display:none;
}

div#facebookUploader {
	height:100%;
	overflow-y:auto;
}

div#facebookUploader h4{
	clear:both;
}
.fileInput {
	margin:5px auto;
	width:151px;
}
.fbPhoto {
	float: left;
	height: 130px;
	margin: 10px 10px 20px;
	position: relative;
	text-align: center;
	width: 130px;
}

#builder {overflow:hidden;}
#imgWrapper{position:relative;}
.productMask{position:absolute;z-index:10;display:none;pointer-events:none;display:none;width:300px;height:300px}
.landscape #maskLandscape {display:block;}
.portrait #maskPortrait {display:block;}
#productOverlay{width: 300px; height: 300px;position:relative;margin:55px 55px;}
.picture { position: absolute; float: left;  display: none; z-index:3 }
.picture .thumb { z-index: 3; left: 0; position: absolute; top: 0; cursor: move; }
.picture .thumb img {position:relative;}
.imageBox {position:relative;overflow:hidden;}
.imageBox img {position:relative;}

body.builder div.inner div.left {
	width: 206px;
	float: left;
	padding: 0 20px 0 13px;
	border-right: 1px solid #000;
}

body.builder div.inner div.center {
	width: 415px;
	float: left;
	padding: 0 15px 0 30px;
	text-align: center;
}

body.builder div.inner div.right {
	width: 229px;
	float: left;
}
div.selectAnimation {
	font-size: 40px;
line-height: 1.3em;
}

div.selectSubText {
	font-size: 30px;
	color:#000;
	margin-bottom:15px;
}
.col {
	float:left;
	text-align:center;
}
#chooseEffect .col {
	width:23%;
	margin-left:2%;
	cursor:pointer;
}

.static {display:none;}
.animated {display:block;}
.greyedOut {opacity: 0.5}
.greyedOut .static {display:block;}
.greyedOut .animated {display:none;}

.effectInfo {
	border-right:1px solid #7D7D7D;
	height:300px;
	position:relative;
	width:95%;
	padding-right:5%;
	text-align:left;
}
.effectInfo img {
	position:absolute;
	top:80px;
	left:10px;
	width:90%;
}
.effectInfo.last {
	border-right:none;
}
.selectImageBox {
	position: relative;
	border:4px solid #000;
	margin:10px auto;
}
.selectImageBox.selectedImage {
	border-color: #CC4E5D;
}
.selectTitle {
	color: #FFFFFF;
	background-color: #000;
	border-radius:5px 5px 0px 0px;
	position: absolute;
	top:-21px;
	right:-3px;
	padding:2px 4px 0;
}
.selectedImage .selectTitle{
	background-color: #CC4E5D;
}
img.mask {
	position: absolute;	
	left: -3px;
}

img.uploaded {
	margin-top: 16px;	
}

.change {
	margin: 15px auto;
	text-align: center;
	height:15px;
	width:45px;
}

.change img#up {
	margin-right: 9px;	
}

.rotate {
	text-align: center;	
	margin-bottom: 25px;
}

.rotate div {
	display: inline-block;
	zoom: 1;
	*display: inline;
	text-align: center;
}

#horizontal {margin-top:5px;}
#flip {margin:7px;}

.rotate a.horizontal,
.rotate a.vertical {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.rotate a.horizontal {
	width: 30px;
	height: 20px;
	background: #e5e3e3;
	border: 1px solid #adb4bc;
}

.rotate a.horizontal:hover,
.rotate a.vertical:hover {
	-moz-box-shadow: 0 0 5px #b4ddfc;
	-webkit-box-shadow: 0 0 5px #b4ddfc;
	box-shadow: 0 0 5px #b4ddfc;
}

.rotate a.vertical {
	border: 1px solid #adb4bc;	
	background: #e5e3e3;
	width: 20px;
	height: 30px;
}

#img_crop {
	margin-bottom: 25px;	
}

.secondaryButton {
	background-color: #ea1919;
	padding: 0 15px;
	color: #fff;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-right: 1px;
	text-decoration: none;
	text-align: center;
	border-radius: 2px;
	border-style:none;
}

a.preview {
	background: #7d7d7d url(http://www.tracerpix.com/uploads/images/2013/eye.gif) 10px center no-repeat;
	padding: 0 15px 0 40px;
}

#edit div {
	display: block;	
}

#effectSelect,
#edit {
	border: 1px solid #000;
	margin-bottom: 30px;
}

#effectSelect {
	width: auto;
	overflow: hidden;
	margin-bottom: 14px;
}

#edit {
	padding: 10px;
}

#zoom-slide #small {
	width: 32px;
	float: left;
}

#zoom-slide img {
	cursor: pointer;
}

#zoom-slide #slider {
	background: transparent url(http://www.tracerpix.com/uploads/images/2013/zoom_scale.png) 0 15px no-repeat;
	width: 126px;
	height: 24px;
	float: left;
	position: relative;
	padding:15px 0;
	cursor: pointer;
	margin-top:-15px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}

#zoom-slide #slider span {
	background: transparent url(http://www.tracerpix.com/uploads/images/2013/zoom_slider.png) no-repeat;
	width: 21px;
	height: 14px;
	display: block;
	position: absolute;
	bottom: 10px;
	left: 20px;
	margin-left: -10px;
}

#zoom-slide #large {
	float: right;
	width: 48px;
	margin-top: -12px;
}

div#checkout {
	text-align: center;	
}

.primaryButton, .fbsubmit {
	background: #ea1919;
	color: #fff;
	border-radius: 2px;
	height: 30px;
	line-height: 29px;
	padding: 0 11px;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	display: inline-block;
	zoom: 1;
	*display: inline;
	clear: both;
	text-align: center;
	border-style:none;
}

.checkout {
	width: 430px;
}
.field_item {
	float: left;
	margin-right: 15px;
	width: 200px;
}

.shopping-bag select {
	margin: 15px 0 6px;
	width: 103%;
}

.shopping-bag {clear:both;}
.registration {width:430px;}
.registration select {margin-bottom: 6px;width: 103%;}

.field_item input:not([type=checkbox]):not([type="radio"]) {
	margin-bottom: 5px;
	width: 100%;
}
.FieldHeading {
	width:100%;
}

.totalsFloat {
	position:absolute;
	right: 225px;
}
#totals {
	position: fixed;
	top: 156px;
	right: auto;
	border: 1px solid #000;
	background-color: #FFFFFF;
	padding: 13px;
	z-index:999;
	width: 190px;
}

.val {
	float: right;
}


.row {
	border-bottom: 1px solid;
	padding: 8px 0;
}

#edit #top,
#edit #bottom {
	width: auto;
	overflow: hidden;
	display: block;
}

#edit #top {
	border-bottom: 1px dashed #000;	
	margin-bottom: 5px;
	padding-bottom: 15px;
}

#edit #bottom .edit_left h3,
#edit #bottom .edit_right h3 {
	text-align: center;
}

#edit #bottom .edit_left {
	background: transparent url(http://www.tracerpix.com/uploads/images/2013/edit_bottom_divider.gif) top right no-repeat;
	width: 90px;
	float: left;
	padding-right: 2px;
}

#edit .horizontalArrow {
	height:17px;
	margin:6px 11px;
}
#edit .verticalArrow {
	width:14px;
	height:17px;
	margin: 0 auto;
}
#edit .horizontalArrow div {
	float:left;
	margin:0 4px;
}

#replaceImage {
	margin-top:10px;
}
#edit #bottom .edit_right {
	width: 113px;
	float: right;
}
.edit_right div {
	float: left;
}

#edit h2 {
	font-size: 15px;
	color: #898989;
	margin-bottom: 20px;
}

#edit h3,
div.center h3 {
	font-size: 9px;
	color: #898989;
}

#effectSelect select {
    border: medium none;
    width: 227px;
}

table#move_image {
	margin-left: 10px;	
	margin-bottom: 18px;
}

div#rotate {
	margin: 41px 0 41px 0;	
	padding: 0 10px;
	width: auto;
	overflow: hidden;
}

div#rotate img.rotate_right {
	float: left;	
}

div#rotate img.rotate_left {
	float: right;	
}

/*  Checkout Page  */

#checkout_main div.left {
	float: left;
	padding: 0 25px;
	width: 400px;
}	

#checkout_main {
	float: right;
	padding: 0 24px;
	width: 390px;
	border-left: 1px solid #000;
	margin-right: 40px;
}

#plus_minus a#minus,
#plus_minus a#plus {
	background: transparent url(http://www.tracerpix.com/uploads/images/2013/add_subtract.gif) 0 0 no-repeat;
	display: block;
	font-size: 0;
	width: 26px;
	height: 25px;
	margin-top: 2px;
}

#plus_minus a#plus {
	background-position: -36px 0;
}

#quantity {background-color:transparent;border:0px;}

div#terms table {
	width: 400px;
}

div#terms tr.gray {
	background: #ececec;
	padding: 10px 5px;	
	font-size: 12px;
	display: block;
	margin-bottom: 20px;
	width: 350px;
}

div#terms p {
	margin: 0;
	padding: 0;
}

input#terms_conditions {
	margin-right: 5px;
}

input#save,
input#proceed {
	color: #fff;
	border: none;
	border-radius: 2px;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	width: 180px;
	padding: 0 10px;
	font-size: 16px;
}

input#save {
	background: #7d7d7d;
	float: left;	
}

input#proceed {
	background: #119145;
	float: right;	
	margin-right: 20px;
}

body.checkout .right h1 {
	color: #011727;	
	font-weight: normal;
	margin-bottom: 25px;
}

body.checkout .right h1 span {
	color: #115f97;	
}

body.checkout .right p.attributes span.label {
	font-weight: bold;
}

#plus_minus {
	width: auto;
	overflow: hidden;
	line-height: 25px;
	margin-bottom: 25px;
}

#plus_minus span,
#plus_minus a {
	float: left;	
	margin-right: 10px;
}

#plus_minus span {
	background: #ececec;
	font-weight: bold;
	width: 95px;
	text-align: center;
	height: 31px;
	line-height: 31px;
}

div#pricing {
	color: #115f97;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 20px;	
}

div#pricing span.your_price {	
	color: #707070;
}

div#pricing span.price {
	color: #252525;	
}

div#pricing div {
	font-size: 25px;	
}

/* how it works */

.how .panel {

    background-image: url(http://www.tracerpix.com/static/img/how/how.gif);

    background-repeat: no-repeat;

    background-position: 58px 180px;

    height:500px;

    }

.how .panel .hed {

    width: 355px;

    }

.how .panel .foot p,

.how .panel .foot a {

    float: right;

    }

.how .panel .bod {

    position: relative;

    height: 325px;

    }

.how .panel .bod .stp {

    text-align: center;

    position: absolute;

    width: 170px;

    }

.how .panel .bod .stp h3 {

    font-weight: bold;

    }

.how .panel .bod .stp h3 em {

    color: #CC0000;

    }

.how .panel .bod .stp p {

    color: #5f5f5f;

    font-size: 11px;

    }

.how .panel .bod .stp1 {

    top: 230px;

    left: 15px;

    }

.how .panel .bod .stp2 {

    top: 160px;

    left: 170px;

    }

.how .panel .bod .stp3 {

    top: 135px;

    left: 375px;

    }

.how .panel .bod .stp4 {
    top: 160px;
    left: 570px;
}

.how .panel .bod .stp5 {
    top: 230px;
    left: 750px;
}

.how .panel .foot p {
    color: #5f5f5f;
    margin-top: 5px;
    margin-right: 10px;
}

#helpful-tips {
	width:400px;
	float:left;
	margin-left: 5px;
}

.col-helpfultips {
	width:455px;
	border-right: 1px solid #d6d6d6;
	float:left;
}

/* Lists */

ul.bullet {

    list-style-type: disc;

    padding-left: 13px;

    }

ul.faq .q {
	color:#000000;
	font-weight: bold;
}

ul.faq .q em,
ul.faq .a em {
    font-weight: bold;
    color: #CC0000;

    }

ul.faq .a {

    color: #5f5f5f;

    margin-bottom: 20px;

    }


#end{}

/* Stylesheet: Hanee2013 Modified On 2021-11-03 13:33:03 */