@charset "UTF-8";
/* CSS Document */

/* Author: copyright - Angelo Petsas - @ M/A */
/* Date: 06-01-2009 */

/*
Blue:		#00B0D8
D.Blue		#006881
Orange:		#F7931E
Grey:		#6D6F71
Green:		#008A2E
Cart Yellow:#F9ED33
Background:	#F4F1E9
*/

html, body {height: 101%; }

* { margin: 0; padding: 0; border: 0; }

body { position: relative; background:#F4F1E9;
font-family: "HelveticaNeue-Light", HelveticaNeue, Arial, sans-serif;
color:#000; font-size:62.5%; }

a { color:#00B0D8; text-decoration:none; }
a:hover { color:#006881; text-decoration:none; }
a img { border: 0; outline: none; }
ul, ol, li { list-style-position:inside; }
em { font-style: italic; }
strong { font-weight: bold; }

/*blog help*/
.helptext a { color:#F7931E; text-decoration:none; border-bottom:1px dotted #F7931E; padding-bottom:2px;  }
.helptext a:hover { color:#F76600; text-decoration:none; border-bottom:1px dotted #F76600; }

/*help help*/
.helphelptext a { color:#F7931E; text-decoration:none; border-bottom:1px dotted #F7931E; padding-bottom:2px;  }
.helphelptext a:hover { color:#F76600; text-decoration:none; border-bottom:1px dotted #F76600; }

.relatedM { color:#F7931E; margin:0 0 5px 0;}


h1 { color:#00B0D8; font-size:1.8em; font-weight:normal; letter-spacing:0px; /* 1px */  }
h2 { color:#00B0D8; font-size:1.5em; font-weight:normal; }
h3 { color:#333; font-size:1.4em;font-weight:bold; }
h4 { color:#6D6F71; font-size:1.2em; font-weight:bold; }
h5 { color:#333; font-size:1.2em; font-weight:bold; }
h6 { color:#00B0D8; font-size:2.4em; font-weight:normal;letter-spacing:0px; /* 1px */ }
p { color:#6D6F71; font-size:1.2em; font-weight:normal; margin:8px 0 0 0; line-height: 16px; }
span.tip { color:#00B0D8; font-size:1.3em;}


table { border-collapse:collapse; border-spacing:0; font-size:1em; }

/* FLOATS + HIDE */
hr { clear: both; height: 0; font-size: 1px; line-height: 0px; visibility: hidden; }
.hide { display: none; }
.hoverhover { color:#00B0D8; }

/* BUFF STUFF */
button span {display: none;}
input, textarea, select { font: normal 11px/17px Tahoma, Arial, sans-serif; color: #3a3a35; }
button { display: block; cursor: pointer; }
label { font: normal 11px/20px Tahoma, Arial, sans-serif; color: #3a3a35; }


/* WRAPPER + STRUCTURE */
#wrapper { position:relative; width:900px; background:#FFF; margin:0 auto 0 auto; padding:0 10px 50px 10px; }



/* MAIN NAVIGATION */
#navigation { width:900px; list-style: none; position:relative; }
#navigation li { float: left; }
#navigation a * { display: none; }
#navigation a, #navigation a .hover { height: 70px; position: relative; display: block;
background: url(../cssimages/nav/sprite_menu.png) 0 0 no-repeat;
}

/* individual navigation items */

/* HOME */
#navigation a.home { background-position: 0 0; width:375px; }

#navigation .highlight a.home:hover, 
#navigation a.home .hover { background-position: 0 -70px; }

/* PRODUCTS */
#navigation a.products { background-position: -375px 0; width:105px;
}

#navigation .highlight a.products:hover,
#navigation a.products .hover { background-position: -375px -140px; }


/* HELP */
#navigation a.help { background-position: -480px 0; width: 105px; }

#navigation .highlight a.help:hover,
#navigation a.help .hover { background-position: -480px -140px; }

/* BLOG */
#navigation a.blog { background-position: -585px 0; width: 105px; }

#navigation .highlight a.blog:hover,
#navigation a.blog .hover { background-position: -585px -140px; }

/* ACCOUNT */
#navigation a.account { background-position: -690px 0; width: 105px;}

#navigation .highlight a.account:hover,
#navigation a.account .hover { background-position: -690px -140px; }

/* CART */
#navigation a.cart { background-position: -795px 0; width: 105px }

#navigation .highlight a.cart:hover,
#navigation a.cart .hover { background-position: -795px -140px;
}

/* Active States (Body tag matchup) (Sprite Level 2) ( y = -70px ) */
.home #navigation .home { background-position: -0px -140px; z-index: 6; }
.products #navigation .products { background-position: -375px -70px; z-index: 6; }
.help #navigation .help { background-position: -480px -70px; z-index: 6; }
.blog #navigation .blog { background-position: -585px -70px; z-index: 6; }
.account #navigation .account { background-position: -690px -70px; z-index: 6; }
.cart #navigation .cart { background-position: -795px -70px; z-index: 6; }


/* SECTION SUB-NAVIGATION */ 

/* MENTAL NOTE: the margin used to be margin:-2px 0 0 0, 
but then I / Martin noticed that in Safari it was wrong only for the active buttons */
#products_subNav, #help_subNav, #blog_subNav, #account_subNav, #home_subNav, #general_subNavv {
width:900px; margin:0 0 0 0; position: relative; z-index: 1; }

#products_subNav a *, #help_subNav a *, #blog_subNav a *, #account_subNav a *, #home_subNav a *, #general_subNavv a *, #cart_subNav a * { display: none; }

#products_subNav ul, #help_subNav ul, #blog_subNav ul, #account_subNav ul, #home_subNav ul, #general_subNav ul {
height:124px; width:900px; margin:0 auto; list-style:none; }

#products_subNav ul li, #help_subNav ul li, #blog_subNav ul li, #account_subNav ul li, #home_subNav ul li, #general_subNav ul li {
display:inline; float:left; margin:0; }

#products_subNav li a, #help_subNav li a, #blog_subNav li a, #account_subNav li a, #home_subNav li a, #general_subNav li a {
display: block;height:124px; background-repeat: no-repeat; text-decoration:none; }

#home_subNav li a{ background-image: url(../cssimages/nav/sprite_home_submenu.png); }

#products_subNav li a{ background-image: url(../cssimages/nav/sprite_products_submenu.png); }

#help_subNav li a{ background-image: url(../cssimages/nav/sprite_help_submenu.png); }

#blog_subNav li a{ background-image: url(../cssimages/nav/sprite_blog_submenu.png); }

#account_subNav li a{ background-image: url(../cssimages/nav/sprite_account_submenu.png); }

#general_subNav li a{ background-image: url(../cssimages/nav/sprite_general_submenu.png); }

/* MENU - Products section */

/* Starter */
#p-start{ background-position: 0 0; width:180px; }
#p-start:hover, #p-start:focus{ background-position: 0 -124px; }
#start #p-start{ background-position: 0 -248px; }

/*Item 1 */
#p-one{ background-position: -180px 0; width:180px; }
#p-one:hover, #p-one:focus{ background-position: -180px -124px; }
#one #p-one{ background-position: -180px -248px; }

/*Item 2 */
#p-two{ background-position: -360px 0; width:180px; }
#p-two:hover, #p-two:focus{ background-position: -360px -124px; }
#two #p-two{ background-position: -360px -248px; }

/*Item 3 */
#p-three{ background-position: -540px 0; width:180px; }
#p-three:hover, #p-three:focus{ background-position: -540px -124px; }
#three #p-three{ background-position: -540px -248px; }

/*Item 4 */
#p-four{ background-position: -720px 0; width:180px; }
#p-four:hover, #p-four:focus{ background-position: -720px -124px; }
#four #p-four{ background-position: -720px -248px; }

/*Item 5 */
#p-five{ background-position: -900px 0; width:180px; }
#p-five:hover, #p-five:focus{ background-position: -900px -124px; }
#five #p-five{ background-position: -900px -248px; }

/* Blank */
#p-blank{ background-position: -1080px 0; width:180px; }
#p-blank:hover, #p-blank:focus{ background-position: -1080px -124px; }
#blank #p-blank{ background-position: -1080px -248px; }


/* ================================= */
/* For tabs that you dont want links */

/* Your Cart */
#cart_subNav {
width:900px; margin:0 0 0 0; position: relative; z-index: 1; }
#cart_subNav ul {
height:124px; width:900px; margin:0 auto; list-style:none; }
#cart_subNav ul li {
display:inline; float:left; margin:0; }
#cart_subNav li {
display: block; height:124px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/nav/sprite_your_cart_submenu.png); }
#cart_subNav li span { display: none; }

/*Homepage no link */
#home_subNav li {
display: block; height:124px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/nav/sprite_home_submenu.png); }
#home_subNav li span { display: none; }

/*Products no link */
#products_subNav li {
display: block; height:124px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/nav/sprite_products_submenu.png); }
#products_subNav li span { display: none; }

/* Checkout */
#checkout_subNav {
width:900px; margin:0 0 0 0; position: relative; z-index: 1; }
#checkout_subNav ul {
height:124px; width:900px; margin:0 auto; list-style:none; }
#checkout_subNav ul li {
display:inline; float:left; margin:0; }
#checkout_subNav li {
display: block; height:124px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/nav/sprite_checkout_submenu.png); }
#checkout_subNav li span { display: none; }


/* Starter */
#n-start{ background-position: 0 0; width:180px; }
#start #n-start{ background-position: 0 -248px; }

/*Item 1 */
#n-one{ background-position: -180px 0; width:180px; }
#one #n-one{ background-position: -180px -248px; }

/*Item 2 */
#n-two{ background-position: -360px 0; width:180px; }
#two #n-two{ background-position: -360px -248px; }

/*Item 3 */
#n-three{ background-position: -540px 0; width:180px; }
#three #n-three{ background-position: -540px -248px; }

/*Item 4 */
#n-four{ background-position: -720px 0; width:180px; }
#four #n-four{ background-position: -720px -248px; }

/*Item 5 */
#n-five{ background-position: -900px 0; width:180px; }
#five #n-five{ background-position: -900px -248px; }

/* Blank */
#n-blank{ background-position: -1080px 0; width:180px; }
#blank #n-blank{ background-position: -1080px -248px; }

/* ================================= */


/*=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=
 CART COUNTER
=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.= */ 
#cartCount { position:absolute; top:29px; left:859px; width:45px; height:20px; color:#fff; font-size:0.9em; z-index:20000;  }
#cartCount a{ text-decoration:none; color:#fff; text-transform:uppercase;  }
#cartCount a:hover{ text-decoration:none; color:#fff;  }
 
 
/*=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=
PAGINATION
=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.= */ 
/* Help Pagination */
.productlink {color:#00B0D8; margin:10px 0 10px 5px; font-size:14px;  }
.productlink a { color:#00B0D8; border-bottom:1px dotted #333; padding:0 0 2px 0; }
.productlink a:hover { color:#333333; }


/*=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=
 STYLES GALORE
=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.=.= */ 

/* Global usage styles */
.global { position:relative; margin:20px 0 10px 0; }
.global h6 { margin:8px 0 0 1px; }
.global p { margin:3px 0 0 1px; }

.globalPushed { position:relative; margin:20px 0 10px 20px; }
.globalPushed h6 { margin:8px 0 0 1px; }
.globalPushed p { margin:3px 0 0 1px; }

/* Homepage Styles */
#cycleBanner { width:880px; height:180px; padding:10px; margin:10px 0 0 0;
background: url(../cssimages/home/cycle_banner.png) top left no-repeat; }

#cycle { width:540px; height:180px; float:left; }

#welcome { margin:-3px 0 0 10px; float:left; width:320px; }
#welcome a:hover { text-shadow: 1px 1px 2px #666; }
#welcome ul { list-style:none; margin:8px 0 8px 0;  }
#welcome ul li { margin:0 0 5px 0; background:url(../cssimages/global/list_bullet.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:1.2em; color:#6D6F71; }

.homeBox { float:left; width:272px; height:180px; margin:10px 12px 0 0;
padding:10px; background: url(../cssimages/home/box_bg.png) top left repeat; }
.homeBoxLast { float:left; width:272px; height:180px; margin:10px 0 0 0; padding:10px;
background: url(../cssimages/home/box_bg.png) top left repeat; }
.bTitle { border-bottom:1px dotted #6D6F71; margin:0 0 5px 0; } 

.homeBox h1, .homeBox h2, .homeBox h3, .homeBox h4, .homeBox h5 { font-size:14px; margin:0 0 8px 0; font-weight:normal; } 
.homeBox p { line-height:16px; }

.homeBoxLast h1, .homeBoxLast h2, .homeBoxLast h3, .homeBoxLast h4, .homeBoxLast h5 { font-size:14px; margin:0 0 5px 0; font-weight:normal; } 
.homeBoxLast p { line-height:16px; }

/*Homepage tip box */
.floatedTip { width:272px; margin:5px 0 0 0; }
.floatedTip img{ float:left; margin:2px 10px 0 0; width:120px;  }
.floatedTip p { margin:4px 0 0 0; line-height:16px;   }
.floatedTip h1 { font-size:14px;}
.floatedTip a {  }
.floatedTip a:hover {  }

/*Homepage label box */
.floatedLabel { width:272px; margin:5px 0 0 0; }
.floatedLabel img{ float:left; margin:2px 0 0 0; }

/*Homepage blog box */
.floatedBlog { width:272px; margin:5px 0 0 0; }
.floatedBlog img{ float:left; margin:2px 10px 0 0; width:120px;  }
.floatedBlog p { margin:4px 0 0 0; line-height:16px;   }
.floatedBlog h1 { font-size:14px;}
.floatedBlog a { }
.floatedBlog a:hover {  }


/*Product selector styles */
#slip { width:900px; height:13px; background: url(../cssimages/global/slip.png) top left no-repeat; border-bottom:1px solid #ccc; }

.choices { position: relative; width: 880px; height: 135px; padding: 10px;
overflow: hidden; background: url(../cssimages/global/full_bg.png) top left no-repeat; margin:10px 0 0 0; }

.choiceOne { float:left; width:250px; height:110px; margin:12px 10px 0 0; }
.choiceTwo { float:left; width:390px; height:110px; margin:12px 10px 0 0; }
.choiceTwo p { color:#6D6F71;  font-size:1.2em;  font-weight:normal;  margin:3px 0 0 0; }
.choiceTwo ul {  list-style:none;  margin:5px 0 0 0; }
.choiceTwo ul li { margin:0 0 3px 0; background:url(../cssimages/global/list_bullet.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:1.1em; color:#333333; }
.choiceThree { float:left; width:210px; height:110px; margin:12px 0 0 0; }

/* Get Quote button */
.selectButton { width:135px; margin:30px 0 0 0; position: relative; z-index: 1; }
.selectButton ul { height:135px; width:52px; margin:0 auto; list-style:none; }
.selectButton ul li { display:inline; float:left; margin:0; }
.selectButton li a { display: block; height:50px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/buttons/get_quote.png); }
.getQuote{ background-position: 0 0; width:135px; }
.getQuote:hover, .getQuote:focus{ background-position: 0 -50px; }


/* Continue Order button */
.continueButton { width:185px; margin:30px 0 0 10px; position: relative; z-index: 1; }
.continueButton ul { margin:0 auto; list-style:none; }
.continueButton ul li { display:inline; float:left; margin:0; }
.continueButton li a { display: block; height:50px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/buttons/continue_order.png); }
.continueOrder{ background-position: 0 0; width:185px; }
.continueOrder:hover, continueOrder:focus{ background-position: 0 -50px; }


/*QUOTE CONTINUE FORM */
#continueForm { width:185px; margin:20px 0 0 10px; position: relative; z-index: 1; }
#continueForm button { background:url(../cssimages/buttons/continue_order.png) 0 0 no-repeat; 
height:50px; width:185px; float:left; margin:20px 0 0 -2px; }
#continueForm button:hover { background-position: 0 -50px; }



/* List Page styles */
#listPage { position: relative; width:890px; height:auto; margin:10px 0 0 0;
background:#E2E1D6 url(../cssimages/global/bg_760.png) top left repeat-x; padding:10px 10px 0 0; }

.listBox { position:relative; width:210px; height:210px; margin:0 0 12px 12px; float:left; background: #FFF; }
.listBox h3{ font-size:11px ; width:210px; margin:6px 0 6px 0; text-align: center; }
.listBox h3 a{ color:#58595B; }
.listBox h3 a:hover{ color: #999999; text-decoration:none; }


.productStickers { float:left; width:425px; margin:0 10px 0 0; height:auto; min-height:1000px;  background:url(../cssimages/home/box_bg.png)repeat-x top left #e2e1d6; padding:10px;  }
.productPosters { float:left; width:425px; margin:0 0 0 0; height:auto; min-height:1000px; background:url(../cssimages/home/box_bg.png)repeat-x top left #e2e1d6; padding:10px; }
.productStickers p,.productPosters p { color:#333; }
.productStickers ul,.productPosters ul { list-style: none; margin:20px 0 20px 0; }
.productStickers li, .productPosters li { margin-bottom:4px; font-size:13px; }
.productStickers li a, .productPosters li a{ color:#6D6F71; }
.productStickers li a:hover, .productPosters li a:hover{ color:#00B0D8; }      

/*
Blue:		#00B0D8
D.Blue		#006881
Orange:		#F7931E
Grey:		#6D6F71
Green:		#008A2E
Cart Yellow:#F9ED33
Background:	#F4F1E9
*/
 

/*-------------------------------------------------
JQERY UI TABS
-------------------------------------------------*/

#leftBox { float:left; width:590px; }

/* about us page tabs */
#tabs { margin:0 0 0 0; width:588px; }
#tabs p {}

#tHolder { background: url(../cssimages/global/tabs.png) top left no-repeat; width:590px; }


/*UI tabs*/
.ui-tabs-nav { text-decoration: none; list-style: none; 
font-family: "HelveticaNeue-Light", HelveticaNeue, Arial, sans-serif; font-size:11px;
float: left; position: relative; z-index: 1; border-right: 1px solid #d3d3d3; }

.ui-tabs-nav li { text-decoration: none; list-style: none; float: left; border:1px solid #d3d3d3;
border-right: none; background: url(../cssimages/global/tabs_bg.png); text-align: center; }

.ui-tabs-nav li a { height:16px; width:120px; list-style: none; float: left; font-weight: normal;
text-decoration: none; padding:0.7em 0.5em 0.5em 0.5em; color:#555; text-transform:uppercase;
background:url(../cssimages/global/tabs_bg.png)top left repeat-x; }

.ui-tabs-nav li a:hover { background: url(../cssimages/global/tabs_hover_bg.png)top left repeat-x; color:#555; }

.ui-tabs-nav li.ui-tabs-selected { height:16px; }

.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
background: url(../cssimages/global/tabs_active2_bg.png)top left repeat-x;
color:#FFF; border-bottom:1px solid #d3d3d3; }

.ui-tabs-panel {
text-decoration: none; list-style: none; clear:left;
background:#ffffff; min-height: 300px; }

.ui-tabs-hide { display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; }


/* Tabs Content */
#fragment-1, #fragment-2, #fragment-3 { padding:10px 0 0 0; }
/* #fragment-1 h1, #fragment-1 h2, #fragment-3 h1, #fragment-3 h2 { font-size:17px; margin:8px 0 0 5px; font-weight:normal; }
#fragment-1 h3, #fragment-1 h4, #fragment-3 h3, #fragment-3 h4 { font-size:13px; margin:8px 0 0 5px; font-weight:; }
#fragment-1 p { width:380px; margin:0 0 8px 5px; padding:0; line-height:16px;  }
#fragment-1 img { float:right; margin:10px 0 0 0; width:190px;}
#fragment-2 img { margin:10px 0 0 0; width:590px; }
#fragment-1 ul, #fragment-3 ul { color:#6D6F71; font-size: 1.2em; border:none; margin:10px 0 8px 5px; width:380px; }
#fragment-1 ul li, #fragment-3 ul li { list-style:none; background:none; border:none;
display:list-item; float:none; text-align: left; margin:0 0 5px 0; 
background:url(../cssimages/global/list_bullet.png) 1px 4px no-repeat; padding:0 0 0 12px; }

/* Boxed to invoke js cycle scripts in #fragment-2 */
#cycleProduct { width:588px; height:332px; cursor: pointer; }
#cycleDesign { width:588px; height:320px; float:left; }

.textColumn { width:380px; float:left; }
.textColumn h1, .textColumn h2, .textColumn h3, .textColumn h4, .textColumn h5, .textColumn h6, .textColumn p {
 margin:0 0 8px 5px; }
.textColumn h1, .textColumn h2 { font-size:17px; font-weight:normal; }
.textColumn h3, .textColumn h4 { font-size:13px; font-weight:; }
.textColumn ul{ color:#6D6F71; font-size: 1.2em; border:none; margin:10px 0 8px 5px; width:380px; }
.textColumn ul li { list-style:none; background:none; border:none;
display:list-item; float:none; text-align: left; margin:0 0 5px 0; 
background:url(../cssimages/global/list_bullet.png) 1px 4px no-repeat; padding:0 0 0 12px; }

.iconColumn { width:190px; float:left; margin:0 0 0 8px;}

/*-------------------------------------------------
GET QUOTE FORM
-------------------------------------------------*/

#rightBox { float:left; width:300px; margin: 0 0 0 10px; }

#quoteTop { width:300px; height:32px;
background: url(../cssimages/global/quote_top_bg3.png) top left no-repeat; }

#quoteTop h1{ font-size: 1.2em; font-weight: normal; text-decoration: none; padding:9px 0 0 10px;
color:#FFF; text-transform:uppercase; }

#quoteBox { width:275px; background: url(../cssimages/global/quote_bg.png) top left repeat-x;
min-height:280px; padding:10px 15px 10px 10px; }
#quoteBox .box { padding:0; margin:0; float:left; }
#quoteBox .box p { margin:0 0 15px 0; }

#quoteBox form div.textinput { background: url(../cssimages/backgrounds/forms/textbox_260.png) 0 0 no-repeat; height: 26px; margin: 0px 0 10px 0; }
#quoteBox form select { margin:0 0 10px 0; font-size:120%; width:260px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }
#quoteBox form input { background:none; width:250px; height:21px; padding:5px 6px 0 6px; border:none; float:left; }
#quoteBox form button { background:url(../cssimages/buttons/get_quote_clear.png) 0 0 no-repeat; height:46px; width:131px; float:left; margin:10px 0 10px -2px; }
#quoteBox form button:hover { background-position: 0 -46px; }


/*-------------------------------------------------
QUOTE RETURN BOX 
-------------------------------------------------*/
.quote { position: relative; width: 880px; height: 110px; padding: 10px;
overflow: hidden; background: url(../cssimages/global/full_bg.png) top left no-repeat; margin:10px 0 0 0; }

.quoteOne { float:left; width:350px; height:110px; margin:0 10px 0 0; }
.quoteOne p { color:#6D6F71;  font-size:1.2em;  font-weight:normal;  margin:3px 0 0 0; }
.quoteOne h2 { color: #333; margin:10px 0 0 0; }
.quoteOne h1 { margin-bottom:18px; }
.quoteTwo { float:left; width:290px; height:110px; margin:0 10px 0 0; }
.quoteTwo h1 { font-size: 3.3em; color:#000; margin:30px 0 0 0; }
.quoteTwo p { color:#6D6F71;  font-size:1.1em;  font-weight:normal;  margin:0 0 0 0; }
.quoteThree { float:left; width:210px; height:110px; margin:0 0 0 0; }

/* Get Quote button */
.selectButton { width:135px; margin:30px 0 0 0; position: relative; z-index: 1; }
.selectButton ul { height:135px; width:52px; margin:0 auto; list-style:none; }
.selectButton ul li { display:inline; float:left; margin:0; }
.selectButton li a { display: block; height:50px; background-repeat: no-repeat; text-decoration:none;
background-image: url(../cssimages/buttons/start_making.png); }

.getQuote{ background-position: 0 0; width:135px; }
.getQuote:hover, .getQuote:focus{ background-position: 0 -50px; }

/*close button */
#closeButton { position: absolute; top:-2px; left:828px; z-index:100; }
#closeButton ul { height:20px; width:70px; margin:0; list-style:none; }
#closeButton ul li { display:inline; float:left; margin:0; }
#closeButton li a { display:block; height:20px; text-decoration:none;
background: url(../cssimages/buttons/close_sprite.png) no-repeat; }
#closeButton span { display: none; }
/* Close */
#p-close{ background-position: 0 0; width:70px; }
#p-close:hover, #p-close:focus{ background-position: 0 -20px; }

/*CODA POPUP TRIGGER */
.shipCost {z-index:500; position: relative; left:370px; top:98px; width:200px; }
.trigger { position: absolute; cursor: pointer; }
.trigger p{ float:left; font-size: 1.1em; color:#00B0D8; }
.trigger img{ margin:-5px 0 0 0;}
/* Bubble pop-up */
.popup { position:absolute; display:none; z-index:1000; border-collapse:collapse;
width:200px; height:auto; padding:5px;  }
.popContent {position:absolute; top:-160px; background:#fff; border:dotted 1px #00B0D8; padding:5px; }

/* cart pop-up for image previews */
.trig { cursor:pointer; }
.cartpopup { position:absolute; display:none; z-index:1000; border-collapse:collapse;
width:auto; height:auto; top:200px; left:100px; }


/* table of order summary */
.shiptable{ border-collapse: collapse; width:188px; font-weight:normal; font-size:1.1em; margin:0 0 0; }
.shiptable th { border-bottom:dotted 1px #333; background:#f5f5f5; text-align:left; color:#00B0D8; padding:3px; }
.shiptable td { border-bottom:dotted 1px #00B0D8; text-align:left; padding:3px; color:#6D6F71; }



/*-------------------------------------------------
UPLOAD FORM PAGE
-------------------------------------------------*/
#uploadBox { }
#uploadBox .box { padding:0; margin:0; float:left; }
#uploadBox .box p { margin:0 0 15px 2px; }

#uploadBox form { width:488px; border:dotted 1px #00B0D8; padding:20px; margin:0 0 10px 0; }
/* #uploadBox form div { background: url(../cssimages/backgrounds/forms/textbox_144.gif) 0 0 no-repeat; height: 26px; margin: 0px 0 10px 0; } */
#uploadBox form div { height: 26px; margin: 0px 0 10px 0; }
#uploadBox form label { font-size:1.2em; color:#666;  }
#uploadBox form select { margin:0px 0 10px 0; font-size:120%;  }
/* #uploadBox form input { background:none; width:250px; height:21px; padding:5px 6px 0 6px; border:none; float:left; } */
#uploadBox form input { width:250px; height:21px; padding:5px 6px 0 6px; border:1px solid #CCC; float:left; }
#uploadBox form button { background:url(../cssimages/buttons/continue_order_white.png) 0 0 no-repeat; height:50px; width:185px; float:left; margin:10px 0 0 -2px; }
#uploadBox form button:hover { background-position: 0 -50px; }

/* Quote Summary box */
.quoteSummary { position:relative; width:460px; padding:30px 20px 20px 50px;
overflow: hidden; background:#E2E1D6 url(../cssimages/backgrounds/quote_summary.png) top left no-repeat; margin:10px 0 0 0; }
.quoteSummary p { color:#6D6F71;  font-size:1.2em;  font-weight:normal;  margin:0 0 15px 0; }
.quoteSummary h2 { color: #333; margin:10px 0 0 0; }
.quoteSummary h1 { margin:0 0 0 0; }


/* Arwork Checklist */
#artCheck { width:315px; border-left:dotted 1px #00B0D8;
min-height:355px; padding:0 15px 10px 20px; }
#artCheck p { margin:0 0 8px 0;  }
#artCheck ul { list-style:none; margin:20px 0 20px 0;  }
#artCheck ul li { margin:0 0 8px 0; background:url(../cssimages/global/list_bullet.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:1.2em; color:#333333; }


#leftBoxUpload { float:left; width:540px; }
#rightBoxUpload { float:left; width:350px; margin:0 0 0 10px; }


/* LABEL QUOTE PAGE */
#labelsBox { width:488px; border:dotted 1px #00B0D8; padding:20px; margin:0 0 10px 0; }
/* Row + Label */
#labelsBox .row {margin:0 0 0 0;}
#labelsBox .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#labelsBox form label { font-size:1.1em; color:#666;  }
/* Select menu */ 
#labelsBox form select { margin:0 0 10px 0; font-size:120%; width:205px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }
/* Text field */  
#labelsBox div.textinput { background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#labelsBox input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }
/* Button */  
#labelsBox button { background:url(../cssimages/buttons/get_quote_clear.png) 0 0 no-repeat; 
height:45px; width:131px; float:left; margin:10px 0 10px -2px; }
#labelsBox button:hover { background-position: 0 -46px; }

/* LABEL PREVIEW */
#labelCheck { width:315px; padding:0 15px 10px 20px; }
#labelCheck p { margin:0 0 8px 0;  }
#labelCheck ul { list-style:none; margin:20px 0 20px 0;  }
#labelCheck ul li { margin:0 0 8px 0; background:url(../cssimages/global/list_bullet.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:1.2em; color:#333333; }
#labelCheck img { margin:0 0 2px 0;  }


/***** LABEL HOMEPAGE *****/

/* The gallery logic */
#labelPromoWrapper { width:540px; float:left; margin:5px 0 0 10px; }
.promoNormal { width:158px; float:left; margin:0 10px 10px 0; border:1px dotted #00B0D8; padding:5px;  }
.promoMiddle { width:158px; float:left; margin:0 10px 10px 10px ; border:1px dotted #00B0D8; padding:5px; }

/* The text logic */
#leftLabelColumn { margin:0 10px 0 0; float:left; width:330px; }
#welcomeLabel { }
#welcomeLabel a:hover { text-shadow: 1px 1px 2px #666; }
#welcomeLabel ul { list-style:none; margin:8px 0 8px 0;  }
#welcomeLabel ul li { margin:0 0 5px 0; background:url(../cssimages/global/list_bullet.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:1.2em; color:#6D6F71; }

/* The button logic */
#labelGo { margin:20px 0 10px 0; width:330px; float:left; border-top: 1px dotted #00B0D8; padding-top:10px;  }
#labelGo ul { height:45px; width:171px; list-style:none; }
#labelGo ul li { display:inline; float:left; margin:0; }
#labelGo span { display:none; }
#labelGo li a { display: block; height:45px;
background:url(../cssimages/buttons/design_label.png) 0 0 no-repeat; }
#l-edit{ background-position: 0 0; width:171px; }
#l-edit:hover, #l-edit:focus{ background-position: 0 -48px; }

/*-------------------------------------------------
SHOPPING CART
-------------------------------------------------*/
.cartWrapper { width:900px; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:dotted 1px #00B0D8; }
.cartWrapper img { width:; margin:8px 0 0 0px; }
.cartWrapper h2 { margin:0 0 10px 0; color:#00B0D8; }
.cartWrapper h2 span { margin:0 0 10px 0; color:#6D6F71; }
.cartWrapper h1 { font-size:2.4em; }
.cartWrapper p { margin:4px 0 0 0; }

.leftCol { float:left; width:220px; margin:0 10px 0 0; }
.leftCol p{ width:220px; }
.bigleftCol { float:left; width:590px; margin:5px 10px 0 0; } /* this equalls the same as leftcol and midcol together */
.midCol { float:left; width:280px;  margin:5px 10px 0 0; padding:0 0 0 80px; }
.rightCol { float:left; width:290px;  margin:5px 0 0 0; }

/* table of order summary */
.datatable{ border-collapse: collapse; width:300px; font-weight:bold; font-size:1.2em; margin:0 0 0 -3px; }
.datatable td { padding:3px; color:#00B0D8; }
.datatable th { text-align:left; color:#6D6F71; padding:3px; width:80px; }

/* Edit order button */
.editButton { width:80px; float:left; margin:17px 0 0 -3px; }
.editButton ul { height:26px; width:72px; list-style:none; }
.editButton ul li { display:inline; float:left; margin:0; }
.editButton span { display:none; }
.editButton li a { display: block; height:26px;
background:url(../cssimages/buttons/edit_sprite.png) 0 0 no-repeat; }
#p-edit{ background-position: 0 0; width:74px; }
#p-edit:hover, #p-edit:focus{ background-position: 0 -26px; }

/* Remove item form button */
.remove form { width:80px; margin:17px 0 0 0; float:left; }
.remove form button { background:url(../cssimages/buttons/remove_sprite.png) 0 0 no-repeat; 
height:26px; width:74px; margin:0 0 0 0; }
.remove form button:hover { background-position: 0 -26px; }


/* Total Price */
.totalWrapper { width:900px; margin:0 0 0 0; padding:10px 0 10px 0; }
.totalWrapper h1 { font-size:2.8em; text-transform:normal;  }
.totalWrapper span { color:#6D6F71; }
.totalWrapper p { margin:0 0 0 0; }
.price { float:left; width:290px;  margin:0 0 0 600px; }


/* Checkout */
.checkoutWrapper { width:900px; margin:0 0 20px 0; }

/* Continue Shopping button */
.continueShoppingButton { width:171px; float:left; margin:15px 0 20px 10px; }
.continueShoppingButton ul { height:45px; width:171px; list-style:none; }
.continueShoppingButton ul li { display:inline; float:left; margin:0; }
.continueShoppingButton span { display:none; }
.continueShoppingButton li a { display: block; height:45px;
background:url(../cssimages/buttons/continue_sprite.png) 0 0 no-repeat; }
#p-continue{ background-position: 0 0; width:171px; }
#p-continue:hover, #p-continue:focus{ background-position: 0 -44px; }

/* Procced to Checkout form button */
.checkout form { width:171px; margin:15px 0 20px 0; float:left; }
.checkout form button { background:url(../cssimages/buttons/checkout_sprite.png) 0 0 no-repeat; 
height:45px; width:171px; margin:0 0 0 0; }
.checkout form button:hover { background-position: 0 -44px; }


/*-------------------------------------------------
ACCOUNT MY ORDERS PAGE (Re-Order / Edit Order ETC
-------------------------------------------------*/
/* Wrapper Settings */
.cartWrapperAccount { width:900px; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:dotted 1px #008A2E; }
.cartWrapperAccount img {  margin:8px 0 0 0px; }
.cartWrapperAccount h2 { margin:0 0 10px 0; color:#008A2E; }
.cartWrapperAccount h2 a{ color:#008A2E; text-decoration:none; }
.cartWrapperAccount h2 a:hover{ color:#6D6F71; text-decoration:none; }
.cartWrapperAccount h2 span { margin:0 0 10px 0; color:#6D6F71; }
.cartWrapperAccount h1 { font-size:2.4em; color:#008A2E; }
.cartWrapperAccount p { margin:4px 0 0 0;  }

/* Boxes */
.leftColAccount { float:left; width:220px; margin:0 10px 0 0; }
.leftColAccount p{ width:220px; }
.bigleftCol { float:left; width:590px; margin:5px 10px 0 0; } /* this equalls the same as leftcol and midcol together */
.midColOrder { float:left; width:170px;  margin:5px 10px 0 0; padding:0 0 0 20px; }
.midColShipping { float:left; width:190px;  margin:5px 50px 0 0; padding:0 0 0 20px; }
.midColControls { float:left; width:190px;  margin:3px 10px 0 0; padding:0 0 0 465px; }
.rightColAccount { float:left; width:190px;  margin:5px 0 0 0; }
.rightColAccount h1 { font-size:12px;  }
.rightColAccount h2 { margin-bottom: 2px; }

span.tipAccount { color:#008A2E; font-size:1.3em;}

/* table of order details */
.datatableAccount { border-collapse: collapse; width:300px; font-weight:bold; font-size:1.2em; margin:0 0 0 -3px; }
.datatableAccount td { padding:3px; color:#008A2E; }
.datatableAccount th { text-align:left; color:#6D6F71; padding:3px; width:80px; }

.addressee { margin:0 10px 0 0; }
.addressee p{ line-height: 1.3em; color:#008A2E;  }
.addressee h2{ margin:10px 0 0 0; }

/* Re-order Controls */
.orderControls { margin:10px 0 10px 0; }

/* Edit order button */
.editOrderButton { width:80px; float:left; margin:0px 0 0 -3px; }
.editOrderButton ul { height:26px; width:72px; list-style:none; }
.editOrderButton ul li { display:inline; float:left; margin:0; }
.editOrderButton span { display:none; }
.editOrderButton li a { display: block; height:26px;
background:url(../cssimages/buttons/editOrder_sprite.png) 0 0 no-repeat; }
#p-editOrder{ background-position: 0 0; width:74px; }
#p-editOrder:hover, #p-editOrder:focus{ background-position: 0 -26px; }

/* Re-order form button */
.reOrder form { width:80px; margin:0px 0 0 0; float:left; }
.reOrder form button { background:url(../cssimages/buttons/reOrder_sprite.png) 0 0 no-repeat; 
height:26px; width:74px; margin:0 0 0 0; }
.reOrder form button:hover { background-position: 0 -26px; }


/*-------------------------------------------------
MY ACCOUNT DETAILS PAGE WITH FORMS
-------------------------------------------------*/
.accountWrapper { width:550px; margin:0 0 8px 0; padding:0 0 20px 0; border-bottom:dotted 1px #EFBCE0; }
.accountWrapper img { width:120px; margin:0 0 0 0; float:left; }
.accountWrapper h2 { margin:0 0 6px 0; color:#008A2E; }
.accountWrapper h1 { font-size:2.0em; margin:0 0 0 0; }
.accountWrapper p { margin:4px 0 0 0; }

.leftOneAccount { float:left; width:400px; margin:0 10px 0 0; }
.leftOneAccount p{ line-height: 1.3em; }
.leftOneAccount p span{ font-weight: bold; }
.leftOneAccount h2{ margin:0 0 15px 0; }

/* table of order details */
.datatableAccountDetails { border-collapse: collapse; width:500px; font-weight:bold; font-size:1.2em; margin:0 0 0 -3px; }
.datatableAccountDetails td { padding:3px; color:#008A2E; }
.datatableAccountDetails th { text-align:left; color:#6D6F71; padding:3px; width:150px; }

/* Left Column information text */
#accountInfo { float:left; border:1px dotted #008A2E; background:#fafafa; margin:4px 0 10px 0; padding:0 13px 10px 13px; color:#2C85B8; }
#accountInfo h1 { color:#008A2E; }
#accountInfo p { font-size:11px; color:#333; margin:10px 0 0 0; line-height:1.3em; width:185px;  }
#accountInfo span { font-weight:bold; }
#accountInfo a { color:#008A2E;  }
#accountInfo a:hover { color:#333;  }

/* Edit Login info button */
.editLoginDetails { width:80px; float:left; margin:10px 0 0 -3px; }
.editLoginDetails ul { height:26px; width:72px; list-style:none; }
.editLoginDetails ul li { display:inline; float:left; margin:0; }
.editLoginDetails span { display:none; }
.editLoginDetails li { display: block; height:26px; width:74px; cursor: pointer;
background:url(../cssimages/buttons/editinfo_sprite.png) 0 -26px no-repeat; }
#z-edit{ background-position: 0 0; width:74px; }
#z-edit:hover, z-edit:focus{ background-position: 0 -26px; }

/* Edit Shipping info button */
.editShipDetails { width:80px; float:left; margin:10px 0 0 -3px; }
.editShipDetails ul { height:26px; width:72px; list-style:none; }
.editShipDetails ul li { display:inline; float:left; margin:0; }
.editShipDetails span { display:none; }
.editShipDetails li { display: block; height:26px; width:74px; cursor: pointer;
background:url(../cssimages/buttons/editinfo_sprite.png) 0 -26px no-repeat; }
#s-edit{ background-position: 0 0; width:74px; }
#s-edit:hover, s-edit:focus{ background-position: 0 -26px; }

.editBillDetails { width:80px; float:left; margin:10px 0 0 -3px; }
.editBillDetails ul { height:26px; width:72px; list-style:none; }
.editBillDetails ul li { display:inline; float:left; margin:0; }
.editBillDetails span { display:none; }
.editBillDetails li { display: block; height:26px; width:74px; cursor: pointer;
background:url(../cssimages/buttons/editinfo_sprite.png) 0 -26px no-repeat; }

/* Edit Password info button */
.editPassDetails { width:80px; float:left; margin:10px 0 0 -3px; }
.editPassDetails ul { height:26px; width:72px; list-style:none; }
.editPassDetails ul li { display:inline; float:left; margin:0; }
.editPassDetails span { display:none; }
.editPassDetails li { display: block; height:26px; width:74px; cursor: pointer;
background:url(../cssimages/buttons/editinfo_sprite.png) 0 -26px no-repeat; }
#pas-edit{ background-position: 0 0; width:74px; }
#pas-edit:hover, pass-edit:focus{ background-position: 0 -26px; }

/*-------------------------------------------------
LOGIN FOR EXISTING CUSTOMERS
-------------------------------------------------*/

#loginWrapper { width:880px; height:104px; background:url(../cssimages/backgrounds/login_strip.png) repeat-x top left; padding:10px; }
#loginWrapper h1 { color:#008A2E; float:left; width:240px;  }
#loginWrapper h3 { font-size:1.1em;}
#loginWrapper h3 a { color:#008A2E; margin: 0 0 0 374px; }
#loginWrapper a:hover { color:#8DC63F; }
#loginWrapper table {border-collapse: collapse; margin: 0 0 -5px 0; }

#loginBox { margin:5px 0 0 0; }
#loginBox .box { padding:0; margin:0; float:left; }
#loginBox .box p { margin:0 0 15px 2px; }
#loginBox span { color:#008A2E; }

#loginBox form { margin:0 0 5px 0; }
#loginBox form div.textinput { background: url(../cssimages/backgrounds/forms/textbox_260green.png) 0 0 no-repeat; height:26px; margin: 0px 0 10px 0; }
#loginBox form label { font-size:1.1em; color:#666; margin: 0 0 0 2px;  }
#loginBox form input { background:none; width:245px; height:21px; padding:5px 6px 0 6px; border:none; float:left; margin:0 0 0 3px; }
#loginBox form button { background:url(../cssimages/buttons/login_sprite.png) 0 0 no-repeat; height:45px; width:106px; float:left; margin:10px 0 0 -2px; }
#loginBox form button:hover { background-position: 0 -44px; }



/*-------------------------------------------------
LOGIN AND ACCOUNT CREATION FORM
-------------------------------------------------*/

/* General Forms */
.globalform { position:relative; margin:20px 0 10px 0; }
.globalform h6 { color:#008A2E; margin:8px 0 0 1px;  }


/* Layout Columns for forms */
.leftform { float:left; width:220px; margin:0 20px 0 0; }
.rightform { float:left; width:590px;  margin:0 20px 0 20px; }

/* Left Column information text */
#loginInfo { float:left; border:1px solid #EFBCE0; background:#E1FFE1; margin:4px 0 10px 0; padding:0 13px 10px 13px; color:#008A2E; }
#loginInfo h1 { color:#008A2E; }
#loginInfo p { font-size:1.1em; color:#438743; margin:10px 0 0 0; line-height:1.3em; width:185px;  }
#loginInfo p a { color:#8DC63F; }
#loginInfo p a:hover { color:#008A2E; }
#loginInfo span { font-weight:bold; }
#loginInfo a:hover { text-shadow: 1px 1px 2px #666; }

/* The two colums for the forms rows - left + right */
.left_textinput { width:200px; margin:0 30px 0 0; float: left; }
.left_radioinput { width:300px; margin:15px 30px 0 0; float: left; }
.right_textinput { width: 200px; float: left; }

/* The ID that contains the form and all its properties */
#login { color:#5c5c56; width:430px; float:left; }
#login h3 { color:#008A2E; margin:15px 0 0 0; }
#login h3 a { color:#008A2E; }
#login h3 a:hover { color:#8DC63F; }
#login span { color:#008A2E; }

/* Row + Label */
#login .row {margin:0 0 0 0;}
#login .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#login form label { font-size:1.1em; color:#666;  }
#login form label a { color:#008A2E;  }
#login form label a:hover { color:#096644;  }

/* Select field */  
#login form select { margin:2px 0 10px 0; font-size:1.1em; width:198px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }

/* Radio field */  
#login form .radio { margin:4px 8px 0 0; float:left; }

/* Text field */  
#login div.textinput { background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#login input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Text area */  
#login div.textarea { background: url(../cssimages/backgrounds/forms/textarea_430.png) 0 0 no-repeat;
height:95px; margin:0px 0 5px 0; }
#login textarea { background:none; width:418px; height:83px; margin:2px 6px 5px 6px; border:none; }

/* Button */  
#login button { background:url(../cssimages/buttons/createAccount_sprite.png) 0 0 no-repeat; 
height:45px; width:171px; float:left; margin:20px 0 0 -2px; }
#login button:hover { background-position: 0 -44px; }

/* Forms errors - appears above the form with a message window */
#formLoginError { width:360px; border:1px solid #EFBCE0; background:#E1FFE1; margin:-3px 0 -8px 0; padding:7px 10px; color:#438743; font-size:1.1em; float:left; }
#formLoginError span { font-size:1.2em; }

/* Forms errors - appears above the form with a message window */
#formRegError { width:400px; border:1px solid #EFBCE0; background:#E1FFE1; margin:4px 0 10px 0; padding:10px 13px; color:#438743; font-size:1.1em; }
#formRegError span { font-size:1.2em; }


/*-----------------------------*/
/* FORM ERRORS */


/* Help Section Inline Error */
#formHelpInlineError { width:245px; border:1px dotted #F7931E; background:#F7FFCC; margin:4px 0 10px 0; padding:5px 7px; color:#333; font-size:11px; text-transform:normal; font-weight: bold;  }
#formHelpInlineError span { font-size:11px; }
#formHelpInlineError ul li { list-style: none; }

/* Form Error */
#formHelpError {  border:1px dotted #F7931E; background:#F7FFCC; margin:4px 0 20px 0; padding:10px 13px; color:#333; font-size:11px; text-transform:normal; font-weight: bold; }
#formHelpError span { font-size:11px; }


/* Checkout Inline Error */
#formCheckoutInlineError { width:185px; border:1px dotted #EFBCE0; background:#D9E2DF; margin:4px 0 10px 0; padding:5px 7px; color:#2C85B8; font-size:11px; text-transform:normal; font-weight: bold;  }
#formCheckoutInlineError span { font-size:11px; }
#formCheckoutInlineError ul li { list-style: none; }

/* Checkout Error */
#formCheckoutError {  border:1px dotted #EFBCE0; background:#D9E2DF; margin:4px 0 20px 0; padding:10px 13px; color:#2C85B8; font-size:11px; text-transform:normal; font-weight: bold; }
#formCheckoutError span { font-size:11px; }


/* Quote Inline Error */
#formQuoteInlineError { width:245px; border:1px dotted #EFBCE0; background:#D9E2DF; margin:4px 0 10px 0; padding:5px 7px; color:#2C85B8; font-size:11px; text-transform:normal; font-weight: bold;  }
#formQuoteInlineError  span { font-size:11px; }
#formQuoteInlineError  ul li { list-style: none; }


/* Upload Form Inline Error */
#formUploadInlineError { width:380px; border:1px dotted #EFBCE0; background:#D9E2DF; margin:4px 0 10px 0; padding:5px 7px; color:#FF0000; font-size:11px; text-transform:normal; font-weight: bold;  }
#formUploadInlineError  span { font-size:11px; }
#formUploadInlineError  ul li { list-style: none; }

/*-----------------------------*/

/*NEWSLETTER FORM*/
/* The ID that contains the form and all its properties */
#newsletter { color:#5c5c56; width:280px; float:left; margin: 8px 0 0 0; }
#newsletter h3 { color:#00B0D8; margin:15px 0 0 0; }
#newsletter h3 a { color:#00B0D8; }
#newsletter h3 a:hover { color:#006881; }
#newsletter span { color:#00B0D8; }

/* Row + Label */
#newsletter .row { margin:0 0 0 0; float:left; width:230px;}
#newsletter .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#newsletter form label { font-size:1.1em; color:#666;  }

/* Text field */  
#newsletter div.textinput { background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#newsletter input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Button */  
#newsletter button { background:url(../cssimages/buttons/go_sprite.png) 0 0 no-repeat; 
height:31px; width:31px; float:left; margin:18px 0 0 -20px; }
#newsletter button:hover { background-position: 0 -31px; }




/* RESET PASSWORD FORMS */
#reset { color:#5c5c56; width:430px; float:left; }
#reset h3 { color:#008A2E; margin:15px 0 0 0; }
#reset h3 a { color:#008A2E; }
#reset h3 a:hover { color:#8DC63F; }
#reset span { color:#008A2E; }

/* Row + Label */
#reset .row {margin:0 0 0 0;}
#reset .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#reset form label { font-size:1.1em; color:#666;  }
#reset form label a { color:#008A2E;  }
#reset form label a:hover { color:#096644;  }

/* Text field */  
#reset div.textinput { background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#reset input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Button */  
#reset button { background:url(../cssimages/buttons/reset_password.png) 0 0 no-repeat; 
height:45px; width:171px; float:left; margin:20px 0 0 -2px; }
#reset button:hover { background-position: 0 -44px; }




/*-------------------------------------------------
SHIPPING FORM
-------------------------------------------------*/
/* Layout Columns for forms */
.leftform { float:left; width:220px; margin:0 20px 0 0; }
.rightform { float:left; width:590px;  margin:0 20px 0 20px; }

.dotSep { border-bottom:1px dotted #EFBCE0; margin-top:20px;  }

/* Left Column information text */
#shippingInfo { float:left; border:1px solid #EFBCE0; background:#D9E2DF; margin:4px 0 10px 0; padding:0 13px 10px 13px; color:#2C85B8; }
#shippingInfo h1 { color:#008A2E; }
#shippingInfo p { font-size:1.1em; color:#2C85B8; margin:10px 0 0 0; line-height:1.3em; width:185px;  }
#shippingInfo span { font-weight:bold; }
#shippingInfo a:hover { text-shadow: 1px 1px 2px #666; }

/* The two colums for the forms rows - left + right */
.left_textinput { width:200px; margin: 0 30px 0 0; float: left; }
.right_textinput { width: 200px; float: left; }

/* The ID that contains the form and all its properties */
#shipping { color:#5c5c56; width:430px; float:left; }
#shipping h3 { color:#00B0D8; margin:15px 0 0 0; }
#shipping h3 a { color:#00B0D8; }
#shipping h3 a:hover { color:#006881; }
#shipping span { color:#00B0D8; }

/* Row + Label */
#shipping .row {margin:0 0 0 0;}
#shipping .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#shipping form label { font-size:1.1em; color:#666;  }

/* Select field */  
#shipping form select { margin:1px 0 0px 0; font-size:1.1em; width:198px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }

/* Checkbox field */ 
.checkboxField { margin:-17px 0 0 195px; }
.checkboxFieldLogin { margin:-19px 0 0 215px; }

/* Text field */  
#shipping div.textinput { background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#shipping input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Text area */  
#shipping div.textarea { background: url(../cssimages/backgrounds/forms/textarea_430.png) 0 0 no-repeat;
height:95px; margin:0px 0 5px 0; }
#shipping textarea { background:none; width:424px; height:91px; margin:2px 6px 5px 3px; border:none; }

/* Button */  
#shipping button { background:url(../cssimages/buttons/confirm_sprite.png) 0 0 no-repeat; 
height:45px; width:171px; float:left; margin:20px 0 0 -2px; }
#shipping button:hover { background-position: 0 -44px; }

/*-------------------------------------------------
CONFIRM ORDER - PRE PAYMENT
-------------------------------------------------*/

/* Layout Columns for page */
.leftMain { float:left; width:220px; margin:0 20px 0 0; }
.rightMain { float:left; width:580px;  margin:0 20px 0 20px; }


.confirmWrapper { width:550px; margin:4px 0 8px 0; padding:0 0 20px 0; border-bottom:dotted 1px #EFBCE0; }
.confirmWrapper img { width:120px; margin:0 0 10px 0; float:left; }
.confirmWrapper h2 { margin:0 0 4px 0; color:#00B0D8; }
.confirmWrapper h2 span { color:#6D6F71; }
.confirmWrapper h2 span.total { color:#6D6F71; font-size:1.4em; }
.confirmWrapper h1 { font-size:2.0em; margin:0 0 0 0; }
.confirmWrapper p { margin:4px 0 0 0; }

.confirmWrapper h2.hidden { display:hidden; }

.leftOne { float:left; width:120px; margin:0 10px 0 0; }
.midOne { float:left; width:250px;  margin:5px 0 0 20px; padding:0 0 0 10px; }
.rightOne { float:left; width:40px;  margin:5px 0 0 60px; }
.rightButtonOne { float:left; width:200px;  margin:5px 0 0 390px; }
.rightOneTotal { float:right; width:80px;  margin:5px 0 0 0; }


.leftOneAddress { float:left; width:400px; margin:0 10px 0 0; }
.leftOneAddress p{ line-height: 1.3em; }
.leftOneAddress h2{ margin:10px 0 0 0; }


/* table for order confirmation */
.confirmtable{ border-collapse: collapse; width:200px; font-weight:bold; font-size:1.2em; margin:7px 0 0 -3px;  }
.confirmtable td { padding:3px; color:#00B0D8; }
.confirmtable th { text-align:left; color:#6D6F71; padding:3px; width:80px; }

#payment h3 { color:#00B0D8; margin:15px 0 0 2px; }
#payment h3 a { color:#00B0D8; }
#payment h3 a:hover { color:#006881; }

/* SHIPPING COST FORM */
#shippingCost { color:#5c5c56; width:430px; float:left; }
/* Row + Label */
#shippingCost .row {margin:0 0 0 0;}
#shippingCost .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#shippingCost form label { font-size:1.1em; color:#666;  }
#shippingCost .row p { margin:4px 0 0 0; }

/* Button */  
#shippingCost button { background:url(../cssimages/buttons/update_sprite.png) 0 0 no-repeat; 
height:26px; width:74px; float:left; margin:10px 0 0 -2px; }
#shippingCost button:hover { background-position: 0 -26px; }


/* Edit Shipping button */
.editShipping { width:80px; float:left; margin:10px 0 0 -3px; }
.editShipping ul { height:26px; width:72px; list-style:none; }
.editShipping ul li { display:inline; float:left; margin:0; }
.editShipping span { display:none; }
.editShipping li a { display: block; height:26px;
background:url(../cssimages/buttons/update_sprite.png) 0 0 no-repeat; }
#p-edit{ background-position: 0 0; width:74px; }
#p-edit:hover, #p-edit:focus{ background-position: 0 -26px; }

/* PAYMENT Button */  
#payment button { background:url(../cssimages/buttons/proceed_to_payment.png) 0 0 no-repeat; 
height:45px; width:171px; float:left; margin:5px 0 0 -2px; }
#payment button:hover { background-position: 0 -44px; }


/* Forms errors - appears above the form with a message window */
#formError { width:400px; border:1px solid #EFBCE0; background:#D9E2DF; margin:4px 0 10px 0; padding:10px 13px; color:#2C85B8; font-size:1.1em; }
#formError span { font-size:1.2em; }


/*-------------------------------------------------
SELECT PAYMENT PAGE
-------------------------------------------------*/
#paypalBox { width:423px; height:230px; border:1px dotted #00B0D8; margin:20px 10px 0 0; float:left; padding:10px;  }
#paypalBox p{ width:350px; text-align:center; margin:0 auto 0 auto;  }
#epdqBox { width:423px; height:230px; border:1px dotted #00B0D8; margin:20px 0 0 0; float:left; padding:10px;  }
#epdqBox p{ width:350px; text-align:center; margin:0 auto 0 auto;  }


/* Paypal Button */ 
#paypalform { width:120px; margin:5px auto 0 auto;}   
#paypalform a { background:url(../cssimages/buttons/paypal_real.png) 0 0 no-repeat; 
height:50px; width:200px; float:left; margin:0 0 46px 0; 
}
#paypalform span { display: none; }
#paypalform a:hover { background-position: 0 -50px; }
/* Barclays Button */
#barclaysform { width:100px; margin:5px auto 0 auto;}  
#barclaysform button { background:url(../cssimages/buttons/barclays_real.png) 0 0 no-repeat; 
height:66px; width:100px; float:left; margin:0 0 33px 0;}
#barclaysform button:hover { background-position: 0 -66px; }

.paymentcommon {}
.paymentcommon h1 { text-align: center;}
.paymentcommon h2 { text-align: center; margin:30px 0 5px 0; }
.paymentcommon img { margin:10px auto 10px auto;}

.weaccept {}
.weaccept img {margin:0 5px 0 0; float:left; border:1px solid #ccc; }
/*-------------------------------------------------
CONFIRMATION PAGE
-------------------------------------------------*/
.confirmationPage {}
.confirmationPage h2 { margin:0 0 20px 0;}
.confirmationPage p span {font-weight:bold; color:#00B0D8; font-size:1.4em; border:dotted 1px #000; padding:1px 4px; background:#f5f5f5; }
.confirmationPage p em { font-style: italic; color:#000; }

/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

#pageEnd { margin:30px 0 0 0; width:100%; background: url(../cssimages/backgrounds/footer_bg2.png) top left repeat-x; padding:10px; height:30px; position:fixed; z-index:100; bottom:0; }

.fZero { width:100px; float:left; margin:0; }
.fOne { width:260px; float:left; margin:13px 0 0 0; }
.fTwo { width:240px; float:left; margin:13px 0 0 0; }