/*
Version: 2.0
Author: Silkstream Ltd
Author URL: http://www.silkstream.net
*/

/***********************************************************************
* CSS Table of Contents
* ----------------------------------------------------------------------
* Reset CSS.....................................................(Line  )
* Basic Global CSS..............................................(Line  )
* Basic Global Classes..........................................(Line  )
* Container CSS.................................................(Line  )
* Header CSS....................................................(Line  )
*************************************************************************/

/******* Reset CSS *******/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; border: 0; outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/******* Basic Global CSS *******/
body {margin:0; font:80% Arial, Helvetica, sans-serif; color:#000; background:#333 url(../images/bg.jpg) repeat;}
a, object { outline:none;}
a {color:#000; text-decoration:underline;}
a:hover { text-decoration:none;}
img { border:none;}
strong { font-weight:bold;}
em{ font-style:italic;}

/******* Basic Global Classes *******/
.clearer { clear:both;}
.floatLeft { float:left;}
.floatRight { float:right;}
.textalignLeft { text-align:left;}
.textalignRight { text-align:right;}
.horispacer { width:960px; height:15px; clear:both;}
.horispacerHeavy { width:960px; height:30px; clear:both;}
.vertiSpacer { width:50px; height:240px;}
.vertiSpacerHeavy { width:40px; height:220px;}

/******* Container CSS *******/
div#contentWrapper { width:990px; margin:0 auto; background:#1f1f1f; position:relative;}
div#contentWrapper #contentArea{ background:#fff; margin:0 10px; padding:0 10px; overflow:hidden;}
a.callBack {background:url(../images/wrap_call_back.png) no-repeat; height:117px;position:absolute;right:10px;text-indent:-99999px;top:-6px; width:116px;z-index:99990;}
a:hover.callBack {background:url(../images/wrap_call_back.png) no-repeat 0 -117px;}

/******* Header CSS *******/
div#header { width:990px; margin:0 auto; position:relative; z-index:99999;}
div#header #logo { display:block; overflow:hidden; width:420px; height:118px; float:left;}
div#header #logo a{ width:420px; height:118px; background:url(../images/logo.png) no-repeat; display:block; text-indent:-99999px;}

div#header #utilites { font-size:12px; text-align:right; margin:0 10px 0 0; display:inline; float:right;}
div#header #utilites span.left { width:6px; height:33px; background:url(../images/utilites_edge.png) no-repeat 0 0; float:left; display:inline;}
div#header #utilites span.right { width:6px; height:33px; background:url(../images/utilites_edge.png) no-repeat -6px 0; float:left; display:inline;}
div#header #utilites ul{ float:left; background:url(../images/utilites_bg.png) repeat-x; height:33px; line-height:33px; padding:0 10px;}
div#header #utilites ul li{ color:#aeaeae; display:inline;}
div#header #utilites ul li.divider{ padding:0 15px}
div#header #utilites ul li a{ color:#aeaeae; text-decoration:none;}
div#header #utilites ul li a:hover{ color:#fff; text-decoration:underline;}

div#header #phone { width:200px; height:44px; background:url(../images/phone.png) no-repeat; float:left; text-indent:-99999px; margin:16px 0 0 82px;}

div#header #login_controls { width:auto; float:right; padding:29px 10px 0 0;}
div#header #login_controls a{float:left; line-height:30px; text-decoration:none; color:#fff; font-weight:bold; text-indent:10px; display:inline;}
div#header #login_controls a#loginLink{ width:78px; height:30px; background-image:url(../images/btn_login.png); background-repeat:no-repeat; margin:0 12px 0 0;}
div#header #login_controls a#signupLink{ width:88px; height:30px; background-image:url(../images/btn_signup.png); background-repeat:no-repeat;}
div#header #login_controls a:hover#loginLink, a:hover#signupLink{background-position:0 -30px;}
div#header #login_controls a:active#loginLink, a:active#signupLink{background-position:0 -60px;}
div#header #login_controls a:active#loginLink { color:#4a4a4a;}
div#header #login_controls a#loginLink.open{background-position:0 -60px; color:#4a4a4a;}
div#header #login_controls h2.loggedIn {color:#fff; font:bold 18px/38px Arial Narrow, Arial, Helvetica, sans-serif; margin:0 20px 0 0;}

div#loginArea { width:202px; height:175px; position:absolute; top:92px; right:110px; display:none; z-index:99999;}
div#loginArea .top{ width:202px; height:5px; background:url(../images/dropdown_edge.png) no-repeat 0 0;}
div#loginArea .mid{ width:182px; padding:7px; background:#fff; border-right:3px solid #d2d2d2; border-left:3px solid #d2d2d2;}
div#loginArea .btm{ width:202px; height:5px; background:url(../images/dropdown_edge.png) no-repeat 0 -5px;}
div#loginArea h3{ color:#414141; font:bold 22px Arial Narrow,Arial,Helvetica,sans-serif; margin:0 0 10px 0;}
div#loginArea li.input { width:170px; height:24px; padding:4px 6px; background:url(../images/login_input.jpg) no-repeat; margin:0 0 8px 0;}
div#loginArea li.input input{margin:0; padding:0; border:none; background:none; width:172px; height:26px; color:#959595;}
div#loginArea input.loginSubmit { width:180px; height:32px; background:url(../images/btn_login_submit.png) no-repeat; border:none; cursor:pointer; display:block; margin:8px auto 0; font-size:0; line-height:0;}
div#loginArea input.loginSubmit:hover { background:url(../images/btn_login_submit.png) no-repeat 0 -32px;}
div#loginArea input.loginSubmit:active { background:url(../images/btn_login_submit.png) no-repeat 0 -64px;}

div#header #navArea { clear:both; width:990px; background:#1f1f1f url(../images/content_edge_top.jpg) no-repeat 0 0; padding:10px 0;}
div#header #navigation { width:970px; height:47px; margin:0 auto; background:url(../images/navigation_bg.jpg) no-repeat;}
div#header #navigation ul#nav li{ float:left; height:47px; font:bold 18px/47px Arial Narrow, Arial, Helvetica, sans-serif; text-shadow:-1px -1px 0 #354c15; text-transform:uppercase; position:relative;}
div#header #navigation ul#nav li.divider{ width:2px; background:url(../images/navigation_div.jpg) no-repeat;}
div#header #navigation ul#nav li a{ float:left; height:47px; color:#fff; text-decoration:none; padding:0 22px;}
div#header #navigation ul#nav li a:hover, li a.on{ background:url(../images/navigation_on.jpg) repeat-x;}
div#header #navigation ul#nav li.home a.on span{ width:10px; height:47px; display:block; position:absolute; left:0px; top:0; background:url(../images/navigation_home_on.jpg) repeat-x;}
div#header #navigation ul#nav li.home a:hover span{ width:10px; height:47px; display:block; position:absolute; left:0px; top:0; background:url(../images/navigation_home_on.jpg) repeat-x;}

div#header #navigation ul#basket{ width:175px; height:38px; float:right; background:url(../images/basket_bg.jpg) no-repeat; display:inline; margin:4px 6px 0 0}
div#header #navigation ul#basket li{font:bold 17px/40px Arial Narrow, Arial, Helvetica, sans-serif; text-shadow:-1px -1px 0 #354c15; text-indent:48px; text-transform:uppercase;}
div#header #navigation ul#basket li a{ color:#fff; text-decoration:none;}
div#header #navigation ul#basket li a:hover{}

/******* Breadcrumbs CSS *******/
div#breadCrumbs {margin:0 auto; background:#1f1f1f;}
div#breadCrumbs div{ width:940px; margin:0 auto; background:#fff url(../images/content_inner_top.jpg) no-repeat 0 0; padding:15px;}
div#breadCrumbs a{ text-decoration:none; color:#000;}
div#breadCrumbs a:hover{ text-decoration:underline;}
div#breadCrumbs ul li{ list-style:none; display:inline; padding:0 10px 0 0;}
div#breadCrumbs ul li.start { font-weight:bold; padding:0 10px 0 0;}

/******* Column Nav CSS *******/
div#columnNav { float:left; width:230px; overflow:hidden;}
div#columnNav ul li{ display:block; font:normal 12px Arial, Helvetica, sans-serif;}
div#columnNav ul li a{ display:block; padding:9px 10px; text-decoration:none; background:#f5f3f4; border-top:1px solid #fff; border-bottom:1px solid #ebe9ea; text-transform:uppercase;}
div#columnNav ul li a:hover{ background:#e5e5e5;}
div#columnNav ul li.title { width:230px; height:38px; text-indent:10px; background:url(../images/column_title.jpg) no-repeat; color:#fff; font:bold 18px/38px Arial Narrow, Arial, Helvetica, sans-serif; text-shadow:-1px -1px 0 #354c15; text-transform:uppercase; position:relative;}
div#columnNav ul li.title span{ width:30px; height:38px; background:url(../images/column_title_arrow.jpg) no-repeat; display:block; position:absolute; right:60px; top:0;}
div#columnNav ul li.on a{ background:#558f1f url(../images/arrow_down.gif) no-repeat 215px 14px; color:#fff; border-bottom:1px solid #558f1f;}
div#columnNav ul li.on ul li a{ background:#e2e0e1 url(../images/arrow_left.gif) no-repeat 10px 12px; color:#333; border-bottom:1px solid #d9d7d8; border-top:1px solid #ebebeb; padding:9px 10px 9px 22px;}
div#columnNav ul li.on ul li a:hover{ text-decoration:underline; background:#d9d7d8 url(../images/arrow_left.gif) no-repeat 10px 12px;}
div#columnNav img.securePayments { margin:15px 0 0 0;}

/******* Content CSS *******/
div#content { width:710px; margin:0 0 0 240px;}

/******* Home Content CSS *******/
div#homeFeatured { width:710px; min-height:271px; height:auto !important; height:271px; position:relative; margin:0 auto 15px; background:url(../media/images/featured/001.jpg) no-repeat 0 0;}
div#homeFeatured .ftCopy{color:#fff; left:237px; padding:0; position:relative; top:110px; width:430px;}
div#homeFeatured .ftCopy p { line-height:16px; padding:10px 0 0 0; font:normal 12px Arial, Helvetica, sans-serif;}
div#homeFeatured .ftCopy a.btnLearnMore { width:177px; height:40px; background:url(../images/btn_learnmore.png) no-repeat 0 0; display:block; text-indent:-99999px; margin:30px 0 0 0;}
div#homeFeatured .ftCopy a:hover.btnLearnMore {background:url(../images/btn_learnmore.png) no-repeat 0 -40px;}
div#homeFeatured .ftCopy a:active.btnLearnMore {background:url(../images/btn_learnmore.png) no-repeat 0 -80px;}

div#homeCopyArea { margin:0;}

div#homeColumns { width:710px; margin:0; position:relative;}
div#homeColumns .block { float:left; width:230px;}
div#homeColumns .block h2{ width:230px; height:38px; background-image:url(../images/home_column_titles.jpg); background-repeat:no-repeat; font:bold 21px/38px Arial Narrow, Arial, Helvetica, sans-serif; text-indent:10px;}
div#homeColumns .block.green h2 a, .block.purple h2 a, .block.grey h2 a{ color:#fff; text-decoration:none;}
div#homeColumns .block.green h2{ background-color:#558f1f; background-position:0 0;}
div#homeColumns .block.purple h2{ background-color:#832f92; background-position:-230px 0;}
div#homeColumns .block.grey h2{ background-color:#838383; background-position:-460px 0;}
div#homeColumns .block img{ border:1px solid #ccc; padding:1px; margin:1px 0 0 0;}
div#homeColumns .block div{ margin:8px;}
div#homeColumns .block a:hover {}
div#homeColumns .block p{}
div#homeColumns .columnDiv { float:left; width:10px; height:190px; margin:0; display:inline;}

/******* Product Page CSS *******/
div#proImg { width:280px; float:right; overflow:hidden;}

div#proInfo {}
div#proInfo h1{font:bold 32px/32px Arial Narrow, Arial, Helvetica, sans-serif;}
div#proInfo h2{font:normal 32px/32px Arial Narrow, Arial, Helvetica, sans-serif; margin:0 0 20px 0; padding:0 0 15px 0; color:#558f1f; background:url(../images/pro_title_bg.jpg) repeat-x center bottom;}
div#proInfo p{ padding:0 0 15px 0;}

div#proTimes { width:315px; height:70px; padding:15px 0 0 100px; margin:15px 0 15px 0; background:url(../images/pro_delivery_bg.jpg) no-repeat; font-weight:bold;}
div#proTimes h3{font:bold 22px Arial, Helvetica, sans-serif; margin:0; padding:0;}
div#proTimes p{margin:0; padding:0; line-height:18px;}
div#proTimes span{color:#7a2d88;}

div#proSteps { width:700px; height:67px; clear:right; background-image:url(../images/product_steps.jpg); background-repeat:no-repeat; margin:0 auto 10px;}
div#proSteps.step1 {background-position:0 0;}
div#proSteps.step2 {background-position:0 -67px;}
div#proSteps.step3 {background-position:0 -134px;}

h3.optionsTitle {font:bold 22px Arial Narrow, Arial, Helvetica, sans-serif;}
div#proOptions { overflow:hidden; background:#f5f3f4; margin:5px 0 10px 0; padding:5px; border:1px solid #d8d8d8;}
div#proOptions label{ width:auto; float:left;margin:0 2px 2px 0; padding:4px; font-weight:bold;}
div#proOptions label input{ background:#ccc; padding:0; margin:0; width:18px; vertical-align:top;}

/******* Price Matrix CSS *******/
table#price_list { width:710px; border-collapse:separate; border-spacing:0; background:url(../images/table_th.jpg) no-repeat; font-size:13px; font-weight:bold; margin:0 auto 15px; clear:right;}
table#price_list tr { text-align:center; height:36px;}
table#price_list img{vertical-align:middle;}
table#price_list tr td {vertical-align:middle; border-bottom:1px solid #e8e6e7; border-right:1px solid #e8e6e7;}
table#price_list tr th{height:37px; color:#fff; vertical-align:middle; border-right:1px solid #e8e6e7;}

table#price_list tr.alt td {background:#eeffde;}
table#price_list tr td a{ text-decoration:none; display:block; padding:10px 0}
table#price_list tr td a:hover{ text-decoration:underline; background:#c8ff94;}

/******* Checkout CSS *******/
table#checkout { width:710px; border-collapse:separate; border-spacing:0; background:url(../images/table_th.jpg) no-repeat; font-size:13px; font-weight:bold; margin:0 auto 15px;}
table#checkout tr { text-align:center; height:36px;}
table#checkout img{vertical-align:middle;}
table#checkout tr td {vertical-align:middle; border-bottom:1px solid #e8e6e7; padding:8px;}
table#checkout tr th{height:40px; color:#fff; vertical-align:middle; border-right:1px solid #e8e6e7; padding:8px;}

table#checkout tr.totals td {background:#eeffde; border-bottom:1px solid #fff}
table#checkout tr td a{ text-decoration:none; display:block; padding:10px 0}
table#checkout tr td a:hover{}

/* Artwork Options */
p.inputTextArea { background:url(../images/input_textarea_checkout.jpg) no-repeat; width:450px; border:none; height:128px;}
p.inputTextArea textarea{border:none; background:none; width:425px; height:102px; padding:3px; font:14px Arial, Helvetica, sans-serif;}

.labelHeader { width:710px; height:40px; padding:0 0 0 10px; background:url(../images/label_head.jpg) no-repeat; color:#fff; font:bold 22px/40px Arial Narrow, Arial, Helvetica, sans-serif; margin:0 0 20px 0;}
div.checkoutForm {}
div.checkoutForm fieldset{ border:1px solid #ccc; padding:15px; margin:10px 0; clear:right;}
div.checkoutForm fieldset legend{ padding:0 8px; margin:0; font-weight:bold;}
div.checkoutForm td{ vertical-align:top; padding:5px;}
div.checkoutForm label{ font-weight:bold;}

td.inputText{ background:url(../images/input_checkout.jpg) no-repeat; width:450px; border:none; height:38px; padding:4px; vertical-align:top;}
td.inputText input{ border:none; background:none; width:430px; padding:3px;}

td.inputTextArea{ background:url(../images/input_textarea_checkout.jpg) no-repeat; width:450px; border:none; height:128px; padding:4px; vertical-align:top;}
td.inputTextArea textarea{border:none; background:none; width:425px; height:102px; padding:3px; font:14px Arial, Helvetica, sans-serif;}

td.inputSelect{ background:url(../images/input_checkout.jpg) no-repeat; width:450px; border:none; height:38px; padding:4px; vertical-align:top;}
td.inputSelect select {border:none; background:none; width:440px; padding:3px;}

table.genericTable {background:url(../images/table_th.jpg) no-repeat; width:710px; margin:10px auto;}
table.genericTable th{ padding:0 6px; vertical-align:middle; text-align:left; height:37px; color:#fff;}
table.genericTable td{ padding:6px; border-bottom:1px solid #d9d7d8; border-left:1px solid #d9d7d8; border-right:1px solid #d9d7d8; vertical-align:middle;}

a.btnContinue  { width:170px; height:32px; padding:0 0 0 10px; background:url(../images/btn_green_submit.png) no-repeat;cursor:pointer; display:block; margin:0 0 10px 0;; color:#fff; font:bold 16px/32px Arial Narrow, Arial, Helvetica, sans-serif; text-shadow:-1px -1px 0 #354c15; text-transform:uppercase; text-decoration:none;}
a:hover.btnContinue{ background:url(../images/btn_green_submit.png) no-repeat 0 -32px;}
a:active.btnContinue{ background:url(../images/btn_green_submit.png) no-repeat 0 -64px;}

span.delSelect { width:189px; height:42px; padding:3px; float:left; margin:15px 10px 15px 0; overflow:hidden; background:url(../images/label_field_bg.jpg) no-repeat 0 0; line-height:17px;}
span.delSelect input{ width:25px; height:25px; float:left; margin:5px 5px 15px 4px; overflow:hidden;}
span.delSelect span{ display:block; margin:0 0 0 22px;}

.promoArea { float:right;}

div.form_error_text { font-weight:bold; color:#cc0000; padding:0; margin:5px 0 0 0; height:25px;}

#artwork_info{position:absolute;top:120px; left:300px; width:620px; height:380px; padding:10px; background:url(../images/modal.png) no-repeat; display:none; z-index:99999;}
#artwork_info div{overflow:auto; width:600px; height:315px; margin:5px; padding:5px;}

#producing_info{position:absolute;top:120px; left:300px; width:620px; height:380px; padding:10px; background:url(../images/modal.png) no-repeat; display:none; z-index:99999;}
#producing_info div{overflow:auto; width:600px; height:315px; margin:5px; padding:5px;}

#parcelforce_info{position:absolute;top:120px; left:300px; width:620px; height:380px; padding:10px; background:url(../images/modal.png) no-repeat; display:none; z-index:99999;}
#parcelforce_info div{overflow:auto; width:600px; height:315px; margin:5px; padding:5px;}

#address_info{position:absolute;top:120px; left:300px; width:620px; height:380px; padding:10px; background:url(../images/modal.png) no-repeat; display:none; z-index:99999;}
#address_info div{overflow:auto; width:600px; height:315px; margin:5px; padding:5px;}

#callback_info{position:absolute;top:120px; left:300px; width:620px; height:380px; padding:10px; background:url(../images/modal.png) no-repeat; display:none; z-index:99999;}
#callback_info div{overflow:auto; width:600px; height:315px; margin:5px; padding:5px;}

#terms_info{position:absolute; width:620px; height:380px; padding:10px; background:url(../images/modal.png) no-repeat; display:none; z-index:99999;}
#terms_info div{overflow:auto; width:600px; height:315px; margin:5px; padding:5px; background:none; position:relative;}

#upload_info{position:relative; padding:0; display:none; z-index:99999;}

#parcelforce_info .closeModal, #upload_info .closeModal, #address_info .closeModal, #producing_info .closeModal, #artwork_info .closeModal, #terms_info .closeModal { background:#83B817; height:30px; width:608px; position:absolute; left:6px; bottom:6px; line-height:30px; text-align:center; color:#fff; font-weight:bold;}
#parcelforce_info .closeModal a, #upload_info .closeModal a, #address_info .closeModal a, #producing_info .closeModal a, #artwork_info .closeModal a, #terms_info .closeModal a{color:#fff; width:608px; display:block; height:30px;}

.site_form{width:500px;}
.form_label{width:200px;margin:0 0 5px 0;font-weight:bold;float:left;}
.form_input{width:220px;margin:0 0 5px 0;float:left;}
.form_textarea{height:150px;width:220px;margin:0 0 5px 0;float:left;}
.form_input input,select{width:200px;}
.form_input textarea{width:200px;height:100px;}
.form_submit input{margin:25px 0 0 0;width:100px;}
.site_form sup{color:#cc0000;margin:4px;}


/******* Default Styling CSS *******/
.mceContentBody { padding:10px;}
.styling { color:#646464; background:#fff;}
.styling h1{ font:normal 26px/24px Arial Narrow, Arial, Helvetica, sans-serif; color:#414141; padding:0; margin:0 0 8px 0;}
.styling h2{ margin:0; padding:15px 0 0 0; font:normal 22px Arial, Helvetica, sans-serif; color:#222d39;}
.styling h1 a, .styling h2 a, .styling h3 a{ text-decoration:none;}
.styling h1 a:hover, .styling h2 a:hover, .styling h3 a:hover{ text-decoration:underline;}

.styling h3{ margin:0; padding:0; font:normal 18px Arial, Helvetica, sans-serif; color:#222d39;}
.styling h4, h5, h6 { margin:0; padding:0;}
.styling h4{ font:normal 22px Arial, Helvetica, sans-serif;}
.styling h5{ font:normal 22px Arial, Helvetica, sans-serif;}
.styling a {color:#008ADF;}
.styling p {margin:0; padding:0 0 20px 0;line-height:1.3em;}
.styling hr {height:1px; border-top:1px solid #e5e5e5;border-bottom:none; border-left:none; border-right:none; width:100%; margin:10px 0 10px 0; clear:both; padding:0;}
.styling small { font-size:0.8em;}
.styling strong { font-weight:bold; color:#333;}

.styling big {font-size:16px; font-weight:normal; line-height:18px; margin:0; display:block;}
.styling ul { margin:0 0 15px 20px;}
.styling ol { margin:0 0 15px 20px;}
.styling ul li { margin:0 0 5px 0; list-style:disc;}
.styling ol li { margin:0 0 5px 0; list-style:decimal;}

/******* Footer CSS *******/
div#contentEnd { width:990px; background:#1f1f1f url(../images/content_edge_btm.jpg) no-repeat center bottom; margin:0 auto; padding:0 0 10px 0;}
div#contentEnd div{ width:970px; height:14px; background:url(../images/content_inner_btm.jpg) no-repeat 0 0; margin:0 auto;}
div#footer { width:970px; padding:0 0 10px 0; margin:20px auto 0; clear:both; text-align:center; color:#a9a9a9;}
div#footer a{color:#a9a9a9; text-decoration:none;}

div#upload_ftp { z-index:50; position:relative;}
div#upload_ftp applet { position:relative; z-index:10;}