/*

Theme Name: A1Electrical
Theme URI: 
Description: A1Electrical
Version: 1.0
Author: Andrew Nagadowski
Author URI: NeonWeb

*/
body {
font: 62.5%/1.5 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
color: #333;
background: #fff url('../img/graphy.png') repeat 0 0;
border-top: 3px solid #000066;
}

html>body 	{ font-size: 10px; }


/* 1: Global Reset
============================================= */

* { margin: 0; padding: 0; /*list-style: none;*/ }


/* meyerweb.com/eric/tools/css/reset/
---------------------------------------- */

/* remember to define focus styles! */
:focus { outline: none; /*outline: 0;*/ } 

/* Removes list-style from lists */
ol, ul { list-style: none; } 

/* Normalises font-style and font-weight to normal */
address, cite, code,
dfn, em, strong, th, var { font-style: normal; font-weight: normal; } 


/* Removes border from table - tables still need 'cellspacing="0"' in the markup */
table { border-spacing: 0; }

/* Left-aligns text in caption, th and td */
th, td, caption { text-align: left; font-weight: normal; padding: 0px}


/* Removes quotation marks from q */
q:before, q:after, blockquote:before, blockquote:after { content: ""; } 
blockquote, q { quotes: "" ""; }

/* Removes border from fieldset and img */
a img,
a:hover img,
fieldset { border: 0; } 

a 			{ color: #333; text-decoration: none; outline: none; }
a.hlink			{ color: #9900CC; text-decoration: none; outline: none; }

a:hover,
a:focus 	{ color: #000066; text-decoration: none; }

a:active 	{ color: #f00; text-decoration: none; }




/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1; }

h1 { font-size: 2.6em; margin: 5px 0 10px 0; color: #0055ab;}
h1 span { font-size: 0.9em; }
h1 label { font-size: 2.6em; margin: 5px 0 15px 0; color: #0055ab;}
h2 { font-size: 2.0em; font-family: Arial; margin: 0 0 5px 0; color: #0055ab;}
h3 { font-size: 1.1em; margin: 5px 0; text-transform: uppercase; }
h4 {  }
h5 { font-size: 1.1em; margin: 5px 0 10px; text-transform: none; color: #CC0033}


/* Text Elements
-------------------------------------------------------------- */
p	{ font-size: 1.3em; margin-bottom: 1.5em; }

dt, dd {
	font-size: 1.1em; font-weight: bold; line-height: 1; margin: 0;
	font-family: "Trebuchet Ms", sans-serif;
}
#footer { text-align:left;}
#footer p { font-size: 1em; text-transform: uppercase; text-align: center; font-weight: normal; color:  #3E4F4F;}
#footer-tbl { margin-left:auto; margin-right:auto; width:780px; }
/* Lists
---------------------------------------- */
ul, ol, dl  { margin-bottom: 20px; }

ul      { }
li		{ }

ol      { list-style-type: decimal; padding-left: 30px; }
ol li	{ font-size: 2em; }


/*
===== 3: core site layout (GRID) =====
*/

.toc #header 	{ height: 85px; }
.toc .grid		{ width: 640px; margin: 0 auto; position: relative; }

#page 			{ width: 100%; min-width: 880px; }
.grid			{ width: 780px; margin: 0 auto;  }
.grid:after 	{ content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }
#header 		{ height: 90px; margin-bottom: 20px; position: relative; }
#content 		{ overflow: hidden; position: relative; }
#footer			{ margin-top: 20px; padding-top: 5px; border-top: 1px solid #000066;  }


/*
===== 4: header =====
*/

/* Branding
---------------------------------------- */

#logo 	{ position: absolute; top: 10px; left: -25px; z-index: 1; text-indent: -9999px; background: url('../img/1stChoiceLogo.png') no-repeat; width: 400px; height: 90px; }

/* Skip
---------------------------------------- */

#skip-link { display: none; }


/*
===== 5: navigation =====
*/

#main-nav 				{ position: absolute; top: 30px; right: 0; margin-bottom: 0; }
#main-nav li  			{ float: left; margin: 0px 10px 0 0px; list-style: none; font-size: 1.5em; padding: 10px 0; }
#main-nav li a  		{ float: left; text-decoration: none; border-bottom: none; }
#main-nav li a:hover 	{ }
#main-nav li#navBag 	{ border: 1px solid #E6E6E6; background: #FDE4F3 url('../img/bag.png') no-repeat 8px 6px; background: rgba(251, 201, 232, .5) url('../img/bag.png') no-repeat 8px 6px; padding-right: 10px; padding-left: 30px; }


#product { position: absolute; width: 810px; top: 100px; left: -15px; background: url('../img/nav_bottom.png') no-repeat left bottom; padding-bottom: 10px; overflow: hidden; }

#product-nav 			{ width: 810px; margin-bottom: 0; background-color: #000066; overflow: hidden; }
#product-nav li 		{ float: left; margin: 0 0 0 35px; list-style: none; font-size: 1.5em; font-weight: normal;font-family: Georgia; line-height: 1; }
#product-nav li a 		{ float: left; padding: 15px 0; color: #fff; text-decoration: none; border-bottom: none;  }
#product-nav li a:hover { color: #660000; }
#product-nav li a.current 		{ float: left; padding: 15px 0; color: #660000; text-decoration: none; border-bottom: none;  }


.catBra #product-nav li#navBra a,
.catBrief #product-nav li#navBrief a,
.catNightwear #product-nav li#navNightwear a,
.catLuxury #product-nav li#navLuxury a,
.catBridal #product-nav li#navBridal a,
.catStocking #product-nav li#navStocking a,
.catSale #product-nav li#navSale a { color: #660000; }

#product-subcategory { float: left; width: 180px; margin-bottom: 0; background-color: #c4c0c2; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; clear: both;}
#undermenu-offer { float: left; margin-bottom: 0; margin-top: 10px; text-indent: -9999px; background: url('../img/Adv.png') no-repeat; width: 180px; height: 300px;  }
#product-main { float: right; width: 580px; margin-bottom: 0; }
#product-paging { position: absolute; top: 40px; right: 0; margin-bottom: 0; }

#product-offers { float: left; width: 180px; margin-bottom: 0; background-color: #FFF; clear: left; }


#product-subnav 			{  }
#product-subnav li 			{ float: left; font-size: 1.1em; font-family: "Trebuchet Ms", sans-serif; text-transform: uppercase; line-height: 1; border-bottom: 1px solid #FDE4F3; }
#product-subnav li a 		{ float: left; width: 150px; display: block; padding: 15px; color: #333; text-decoration: none; border-bottom: none;  }
#product-subnav li a:hover	{ color: #660000; background-color: #E5B4D0; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#product-subnav li a.current 		{ float: left; width: 150px; display: block; padding: 15px; color: #333; background-color: #E5B4D0; text-decoration: none; border-bottom: none;  }



#order-stage 			{ position: absolute; top: 10px; right: 0; margin-bottom: 0; }
#order-stage li  		{ float: left; margin: 0 0 0 20px; padding: 10px 0; font-size: 1.1em; color: #9E9E9E; }
#order-stage li span  	{ float: left; }
#order-stage li a:hover { text-decoration: none; border-bottom: 0; }

#order-stage li.complete 	{ color: #333; font-weight: bold; }
#order-stage li.active 		{ padding: 10px; border: 1px solid #E6E6E6; background: #FDE4F3; background: rgba(251, 201, 232, .5); color: #333; font-weight: bold; }

#enduser-name 			{ position: absolute; top: 75px; right: 1px; font-weight:bold; font-size: 1.6em; font-family: "Trebuchet Ms", sans-serif; margin-bottom: 0; }

/*
===== 6: Content Layout =====
*/

/* Footer Insert
---------------------------------------- */
#footer-sub   { font-size: 1.1em; text-transform: capitalize; text-align: center; font-weight: normal; color:  #3E3F3F;}
#footer-sub  p { padding-top: 1px; font-size: 1.2em; text-transform: capitalize; text-align: center; font-weight: normal; color:  #3E3F3F;}

/* Calendar Control
-----------------------------------------*/
/*
/*
	Stylesheet for Tigra Calendar v5.0
	Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed) 
	URL: http://www.softcomplex.com/products/tigra_calendar/

	- all image paths are relative to path of stylesheet
	- the styles below can be moved into the document or in existing stylesheet

*/

/* input box in default state */ 
.tcalInput {
	background: url('../img/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('../img/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('../img/prev_year.gif'); }
#tcalPrevMonth { background-image: url('../img/prev_mon.gif'); }
#tcalNextMonth { background-image: url('../img/next_mon.gif'); }
#tcalNextYear { background-image: url('../img/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }		




#cert-history { clear:both;}

    #cert-history a { float: right; margin: 0 12px 0 12px; list-style: none; font-size: 1.5em; font-weight: normal;font-family: Georgia; line-height: 1; }
    #cert-history span { float: right; margin: 0 12px 0 12px; list-style: none; color: #8e9fa4; font-size: 1.5em; font-weight: normal;font-family: Georgia; line-height: 1; }
table#cert-history-content 	{ width: 780px; margin-bottom: 20px; }

#cert-history-content th	{ font-size: 1.3em; font-weight: bold; text-align: left; padding: 5px 0; border-bottom: 1px solid #ccc; background-color: #cdc3e9; }
#cert-history-content td  	{ font-size: 1.3em; text-align: left; padding: 5px 0; vertical-align: top; }

#cert-history-content th.col-Id { width: 90px; text-align: right; font-weight: bolder; padding: 0px 5px;}
#cert-history-content th.col-Event { width: 200px; font-weight: bold;padding: 0px 5px;}
#cert-history-content th.col-Location { width: 200px; font-weight: bold;padding: 0px 5px;}
#cert-history-content th.col-date { width: 80px; font-weight: bold;padding: 0px 5px;}

#cert-history-content td.col-Id { width: 90px; text-align: right; font-weight: normal; padding: 0px 5px;}
#cert-history-content td.col-Event { width: 200px; font-weight: normal;padding: 0px 5px;}
#cert-history-content td.col-Location { width: 200px; font-weight: normal;padding: 0px 5px;}
#cert-history-content td.col-date { width: 80px; font-weight: normal;padding: 0px 5px;}

#certhistory-form fieldset .field 			{ width: 600px; padding: 0 10px; margin-bottom: 10px; }
#certhistory-form fieldset .longInput { width: 600px; }
#certhistory-form input[type="text"] { width: 50px; margin-bottom: 10px;}
#certhistory-form label {width: 20px;}
/* Shopping Bag
---------------------------------------- */



#shopping-bag { clear:both;}

table#shopping-bag-content 	{ width: 780px; margin-bottom: 20px; }

#shopping-bag-content th	{ font-size: 1.2em; font-weight: bold; text-align: left; padding: 5px 0; border-bottom: 1px solid #ccc; background-color: #FDE4F3; }
#shopping-bag-content td  	{ font-size: 1.1em; text-align: left; padding: 18px 0; vertical-align: top; }

#shopping-bag-content th.col-item 	{ width: 430px; padding: 5px; }
#shopping-bag-content th.col-stock 	{ width: 100px; }

#shopping-bag-content th.col-quantity,
#shopping-bag-content th.col-price,
#shopping-bag-content th.col-itemtotal,
#shopping-bag-content th.col-remove { width: 80px; }

#shopping-bag-content td input { width: 40px; }

#shopping-bag-content tfoot td 				{ text-align: right; font-size: 1.2em; font-weight: bold; padding: 8px 0; background-color: #FDE4F3; }
#shopping-bag-content tfoot td.item-total 	{ padding-right: 10px; }
#shopping-bag-content tfoot td.item-value 	{ width: 80px; text-align: left; }
#shopping-bag-content tfoot td.sub 			{ border-top: 3px solid #333; }

#shopping-bag-content tbody tr { background: url('../img/sc.png') no-repeat left top; }

.row,
#shopping-bag-content tbody td { border-bottom: 1px solid #ccc; }

#shopping-bag-content img { float: left; margin-right: 10px; padding: 4px; background-color: #f5f5f5; border: 1px solid #ccc; }

#shopping-bag-content span.in-stock,
#shopping-bag-content span.on-order,
#shopping-bag-content span.item-desc,
#shopping-bag-content span.item-remove { display: block; }

#shopping-bag-content span.on-order,
#shopping-bag-content span.item-desc,
#shopping-bag-content span.item-remove { margin-top: 5px; }

#shopping-bag-content select {border: 1px solid #8B91A1; }  
#shopping-bag-content select { font: 10px/14px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; }



/* Customer Login / Registration
---------------------------------------- */

#customer-login 		{ float: left; width: 360px; padding: 10px; background-color: #c4c0c2; border:1px solid #5daeff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#customer-register 		{ float: right; width: 360px; padding: 10px; }
#customer-register p 	{ margin-bottom: 10px; }

.pwd-reminder 	{ position: absolute; left: 10px; }
.pwd-reminder p { font-size: 1.1em; margin-bottom: 0;}

/* Pwd Reminder
---------------------------------------- */

#reminder-instructions 		{ float: right; width: 280px; }
#reminder-instructions p 	{ font-size: 1.2em; }
#reminder-instructions a 		{ width: 150px; color: #CB44CC; font-weight: normal; text-decoration: none; border-bottom: none;  }
#reminder-instructions a:hover	{ color: #000066; }


/* Customer Registration Form
---------------------------------------- */

#register-instructions 		{ float: left; width: 180px; }
#register-instructions p 	{ font-size: 1.1em; }

#register-customer { float: left; width: 380px; margin: 0 20px; }
#certificate-entry { float: left; width: 640px; margin: 0 20px; }

#certificate-declaration 		{ float: none; width: 640px; color: #0055ab; }
#certificate-declaration p 	{ font-size: 1.3em; }

#checkout-entry .cert-checkbox 	{ float: right; margin-top: 5px;}

/* Customer Contact Form
---------------------------------------- */

#contact-instructions 		{ float: left; width: 220px; color: #0055ab; }
#contact-instructions p 	{ font-size: 1.3em; }

/* Shopping Bag - Delivery Address
---------------------------------------- */

#new-address 	{ float: left; width: 360px; background-color: #c4c0c2; margin-bottom: 20px; }
#saved-address 	{ float: right; width: 360px; }

#new-address,
#saved-address 	{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; position: relative; }

/*start of v2 added*/
#delivery-option  { float: right; width: 360px; padding: 10px; background-color: #c4c0c2; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0 0 15px 0; }
#delivery-option label { width: 150px; float: left; vertical-align: bottom; padding: 6px 0; }
#delivery-option select {float: right; border: 1px solid #ccc; }
#delivery-option select { font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; }
#delivery-option p 	{ float: left; margin: 10px auto 0px auto; }

#promotion-entry  { float: right; width: 360px; padding: 10px; background-color: #c4c0c2; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0 0 15px 0; }
#promotion-entry label { width: 260px; float: left; vertical-align: bottom; padding: 6px 0; }
#promotion-entry select {float: right; border: 1px solid #ccc; }
#promotion-entry select { font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; }
#promotion-entry p 	{ float: left; margin: 10px auto 0px auto; }
#promotion-entry input { padding: 6px; margin: 0px 0px 0px 5px; font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; width: 75px; }

#gift-wrap  { float: right; width: 360px; padding: 10px; background-color: #c4c0c2; clear: right; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0 0 15px 0; }
#gift-wrap label { width: 325px; float: left; vertical-align: bottom; padding: 6px 0; }
#gift-wrap select { float: right; border: 1px solid #ccc; }
#gift-wrap select { font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; }
#gift-wrap p 	{ float: left; margin: 0px auto 0px auto; }
#gift-wrap textarea { float: left; margin: 0px auto 0px auto; width: 325px; height: 50px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333;}

#chkgift-wrap  { float: left; width: 410px; padding: 10px; background-color: #c4c0c2; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0 0 15px 0; }
#chkgift-wrap label { width: 395px; float: left; vertical-align: bottom; padding: 6px 0; }
#chkgift-wrap select { float: right; border: 1px solid #ccc; }
#chkgift-wrap select { font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; }
#chkgift-wrap p 	{ float: left; margin: 0px auto 0px auto; }
#chkgift-wrap textarea { float: left; margin: 0px auto 0px auto; width: 320px; height: 35px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333;}

#gift-wrap-clr { float: left; width: 100%; height: 1px; border: none; }

#delivery-instruction  { float: right; width: 300px; padding: 10px; background-color: #c4c0c2; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0 0 15px 0; }
#delivery-instruction label { width: 280px; float: left; vertical-align: bottom; padding: 6px 0; }
#delivery-instruction select { float: right; border: 1px solid #ccc; }
#delivery-instruction select { font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; }
#delivery-instruction p 	{ float: left; margin: 0px auto 0px auto; }
#delivery-instruction textarea { float: left; margin: 0px auto 0px auto; width: 210px; height: 35px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333;}


/* Contact Us
----------------------------------------- */
#contact-us  { clear: left; width: 600px; padding: 10px; background-color: #cacfd1; float: left;  border:1px solid #5daeff; margin-top: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

#contact-us label { width: 395px; vertical-align: bottom; padding: 4px 0; }
#contact-us select { border: 1px solid #ccc; }
#contact-us select { font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; }
#contact-us p 	{ margin: 0px auto 5px auto; }
#contact-us textarea { margin: 0px auto 0px auto; width: 320px; height: 35px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333;}

#contact-confirm  { float: left; width: 600px; padding: 10px; background-color: #c4c0c2; clear: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0 0 120px 0; }
#contact-confirm p { FONT-WEIGHT: normal; FONT-SIZE: 1.2em; COLOR: #3e3f3f; PADDING-TOP: 1px; TEXT-ALIGN: left; WIDTH: 600px; }
#contact-confirmorder  { float: left; width: 600px; padding: 10px; background-color: #c4c0c2; clear: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0 0 10px 0; }
#contact-confirmreject  { float: left; color: #fff; width: 600px; padding: 10px; background-color: #cc0000; clear: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0 0 10px 0; }
#contact-confirmreject p 	{ float: left; margin: 5px auto 5px auto; clear: left;}
#contact-confirm label { width: 395px; float: left; font-weight: bold; vertical-align: bottom; padding: 4px 0; clear: left;}
#contact-confirm p 	{ float: left; margin: 0px auto 5px auto; clear: left;}
#contact-confirm p span 	{ color: #9900CC; }

/* Privacy and Security
----------------------------------------- */
#privacy-security  { float: left; width: 750px; margin: 0 0 15px 0; font: 10px/14px "Lucida Grande", "Lucida Sans", Verdana, sans-serif;}
#privacy-security label { width: 750px; float: left; font-weight: bold; vertical-align: bottom; padding: 4px 0; clear: left;}
#privacy-security 	{ float: left; margin: 0px auto 5px auto; clear: left;}

/*end of v2 added*/
.address1 { float: left;  margin-bottom: 10px; }
.address2 { float: right;  margin-bottom: 10px; }

.address1,
.address2 { width: 170px; border-top: 3px solid #333; }

.adr span { display: block; font-size: 1.1em; }

/* Delivery - Summary
---------------------------------------- */
/*start of v2 added*/
#order-summary { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 15px; height: 200px; WIDTH: 200px; PADDING-TOP: 15px; BACKGROUND-COLOR: #c4c0c2; -webkit-border-radius: 6px; -moz-border-radius: 6px }
#order-summary LABEL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 12px; VERTICAL-ALIGN: bottom; WIDTH: 150px; PADDING-TOP: 0px
}
#order-summary-insert {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 180px; PADDING-TOP: 10px; HEIGHT: 120px; BACKGROUND-COLOR: #f5f5f5; -webkit-border-radius: 6px; -moz-border-radius: 6px
}
#order-summary-insert LABEL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 6px; VERTICAL-ALIGN: bottom; WIDTH: 150px; PADDING-TOP: 6px
}
#order-summary-insert SELECT {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FLOAT: right; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid
}
#order-summary-insert SELECT {
	FONT: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; COLOR: #333
}
#order-summary-insert P {
	FLOAT: left; MARGIN: 5px auto 0px
}


/* Checkout Summary
---------------------------------------- */

table#order-summary-detail 	{ width: 180px; margin-bottom: 20px; }

#order-summary-detail th	{ font-size: 1.1em; font-weight: normal; color: #CB44CC; text-align: left; padding: 3px 0; border-bottom: 1px solid #ccc; background-color: #FDE4F3; }

#order-summary-detail td.charge-desc  	{ font-size: 1.1em; text-align: left; padding: 3px 0 3px 5px; vertical-align: top; text-align: left; }
#order-summary-detail td.item-values  	{ font-size: 1.1em; text-align: left; padding: 3px 0 3px 5px; vertical-align: top; text-align: right; }

#order-summary-detail th.col-title 	{ width: 180px; padding: 3px; }

#order-summary-detail tfoot td 	{ border-bottom: 1px solid #ccc; text-align: right; font-size: 1.1em; font-weight: bold; padding: 5px 0; background-color: #FDE4F3; }
#order-summary-detail tfoot td.item-total 	{ width: 120px; text-align: left; padding: 5px 0 0 5px;}
#order-summary-detail tfoot td.item-value 	{ width: 60px; text-align: right; }

.row,
#order-summary-detail tbody td { border-bottom: 1px solid #ccc; }

/* Product Detail
----------------------------------------- */
table#order-product-detail 	{ width: 580px; }

#order-product-detail th	{ font-size: 1.1em; font-weight: normal; color: #CB44CC; text-align: left; padding: 3px 0; border-bottom: 1px solid #ccc; background-color: #FDE4F3; }

#order-product-detail td.prod-desc  	{ font-size: 1.1em; text-align: left; color: #333; padding: 0 0 0 0; vertical-align: top; text-align: left; width: inherit; }
#order-product-detail td.stock-status { font-size: 1.1em; color: #cc0033; text-align: left; width: 150px;}
#order-product-detail td.prod-title  	{ font-size: 1.2em; font-weight: bold; color: #333; text-align: left; padding: 0 0 0 0; vertical-align: top; text-align: left; }
#order-product-detail td.prod-titlesub  	{ font-size: 1.1em; color: #333; text-align: left; padding: 0 0 0 0; vertical-align: top; text-align: left; }


#order-product-detail th.col-title 	{ width: 180px; padding: 3px; }

#order-product-detail tfoot td 	{ border-bottom: 1px solid #ccc; text-align: right; font-size: 1.1em; font-weight: bold; padding: 5px 0; background-color: #FDE4F3; }
#order-product-detail tfoot td.item-total 	{ width: 120px; text-align: left; padding: 5px 0 0 5px;}
#order-product-detail tfoot td.item-value 	{ width: 60px; text-align: right; }

.row,
#order-product-detail tbody td { border-bottom: 0px solid #fff; }

#order-product-detail select {float: left; border: 1px solid #D4ACD4; margin-top: 2px; }
#order-product-detail select { font: 10px/14px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; }

.added-tobag { font-size: 1.1em; text-transform: none; color: #cc0033;}

#checkout-address1  { float: left; width: 180px; height:200px; padding: 10px; background-color: #c4c0c2; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0 0 15px 0; }
#checkout-address1 label { width: 150px; float: left; vertical-align: bottom; padding: 6px 0; }
#checkout-address1 select {width: 180px; float: left; border: 1px solid #ccc; margin-top: 5px; background: #FDE4F3;}
#checkout-address1 select { font: 10px/14px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; }
#checkout-address1 p 	{ float: left; margin: 20px auto 0px auto;}

#checkout-address2  {float: left; width: 180px; height:200px; padding: 10px; background-color: #c4c0c2; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0 30px 15px 0; }
#checkout-address2 label { width: 150px; float: left; vertical-align: bottom; padding: 6px 0; }
#checkout-address2 select {float: right; border: 1px solid #ccc; }
#checkout-address2 select { font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; }
#checkout-address2 p 	{ float: left; margin: 20px auto 0px auto;}
#checkout-address2 .invoice-checkbox 	{ float: right; margin-top: 5px;}
/*end of v2 added*/


/* Form Global
---------------------------------------- */

form { position: relative; padding-bottom: 30px; }

form label { font-weight: bold; text-transform: uppercase; vertical-align: bottom; font: 11px/1 "Lucida Grande", "Lucida Sans", Verdana, sans-serif; }

form label em { font-weight: bold; color: #AF0B0B; font: 16px/1 "Lucida Grande", "Lucida Sans", Verdana, sans-serif;}

form label i { font-weight: bold; text-transform: none; vertical-align: bottom; font: 11px/1 "Lucida Grande", "Lucida Sans", Verdana, sans-serif; }

fieldset .field { }

textarea,
input[type="text"],
input[type="password"],
input[type="select"],
input[type="submit"] 	{ font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #333; }
input[type="text"],
input[type="password"] 		{ padding: 6px; border: 1px solid #ccc; background-color: #f5f5f5; vertical-align: bottom; }
textarea 				{ width: 446px; padding: 6px; background-color: #f5f5f5; border: 1px solid #ccc; }

textarea:hover,
input[type="text"]:hover { border-color: #bbb; }

input[type="text"]:focus,
textarea:focus { border-color: #666; background-color: rgba(0,0,0,.1); }

input[type="password"]:focus,
textarea:focus { border-color: #666; background-color: rgba(0,0,0,.1); }


/* Log-in / Register Form
---------------------------------------- */

#login-form { }

#login-form fieldset { }

#login-form fieldset .field 			{ margin-bottom: 10px;}
#register-form fieldset .field 			{ width: 360px; padding: 0 10px; margin-bottom: 10px; }

#login-form .field-checkbox label 		{ width: 180px; padding-left: 100px; margin-bottom: 10px; }
#login-form fieldset .field-checkbox 	{ width: 360px; margin-bottom: 10px; }

#login-form label,
#register-form label { width: 200px; float: left; vertical-align: bottom; padding: 6px 0; }
#register-form span { color: #0055ab;  width: 500px; float: none; vertical-align: bottom; padding: 6px 0 ; clear: right; font-size: 1.4em; text-decoration: underline;}

#login-form input[type="text"],
input[type="password"],
#register-form input[type="text"] { width: 346px; }

#login-form select,
#register-form select 	{ width: 195px; height:20px; border: 1px solid #ccc; }

#login-form textarea,
#register-form textarea { width: 246px; }

input.register,
.register,
input.submit,
input.continue { float: right; font-weight: normal; font-size: 1.1em; padding: 3px 3px; background-color: #8fc7ff; border: 1px solid #4B4E56; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; width: 130px;}
input.order { float: right; font-weight: normal; font-size: 1.1em; padding: 3px 3px; margin-top: 10px; background-color: #000066; border: 1px solid #221155; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; }
input.amend { float: left; font-weight: normal; font-size: 1.1em; padding: 3px 3px; margin-top: 10px; background-color: #8fc7ff; border: 1px solid #4B4E56; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; }
input.updatedb { float: right; font-weight: normal; font-size: 1.1em; padding: 3px 3px; margin-top: 25px; background-color: #8fc7ff; border: 1px solid #4B4E56; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; }

input.previewBtn { float: right; font-weight: normal; font-size: 1.1em; padding: 3px 3px; cursor: pointer; background-color: #d59863; margin-left: 25px; border: 1px solid #4B4E56; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; width:70px;}
input.emailBtn { float: right; font-weight: normal; font-size: 1.1em; padding: 3px 3px; cursor: pointer; background-color: #a088bb; margin-left: 25px; border: 1px solid #4B4E56; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; width: 70px;}
input.amendBtn { float: right; font-weight: normal; font-size: 1.1em; padding: 3px 3px; cursor: pointer; background-color: #86b4c7; margin-left: 25px; border: 1px solid #4B4E56; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; width: 70px;}

input.createBtn { float: right; font-weight: normal; font-size: 1.2em; padding: 3px 3px;  margin-top: 25px;  margin-right: 60px; cursor: pointer; background-color: #86b4c7; border: 1px solid #4B4E56; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; width: 170px;}
input.FilterBtn { float: right; font-weight: normal; font-size: 1.2em; padding: 1px 1px; cursor: pointer; background-color: rgba(245, 240, 22, 0.35); border: 1px solid #4B4E56; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; width: 78px;}
input.AddEmailBtn { float: right; font-weight: normal; text-align: center; vertical-align: middle; font-size: 1.2em; padding: 5px 1px 5px 1px; cursor: pointer; background-color: rgb(255, 255, 255); border: 1px solid #E12727; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; width: 88px;}



/* Cert Entry form */
#certentry-form fieldset .field 			{ width: 460px; padding: 0 10px; margin-bottom: 10px; }

#certentry-form label { width: 250px; float: left; vertical-align: bottom; padding: 6px 0; }
#certentry-form span { color: #0055ab;  width: 500px; float: none; vertical-align: bottom; padding: 6px 0 ; clear: right; font-size: 1.4em; text-decoration: underline;}
#certentry-form input[type="text"] { width: 346px; }

#certentry-form select 	{ width: 195px; height:25px; border: 1px solid #ccc; }

#certentry-form textarea { width: 246px; }
#certentry-form fieldset .shortInput { width: 150px; }
#certentry-form fieldset .medInput { width: 425px; }
#certentry-form fieldset .longInput { width: 600px; }

#certentry-form fieldset .longInputFltr { width: 800px; padding: 0 10px; margin-bottom: 10px; }


/*overrides float right above*/
input.continue { float: left; }

.register:hover,
input.submit:hover,
input.continue:hover { background-color: #5daeff; border: 1px solid #63780C; }
input.order:hover { background-color: #CB82CC; border: 1px solid #63780C; }
input.amend:hover { background-color: #5daeff; border: 1px solid #63780C; }
/*start of v2 added*/
#bottomnav { width: 780px; clear: left; margin: 0 auto 20px auto;}
/*end of v2 added*/




p.register a { color: #fff; }

.note 	{ margin: 20px 0 0 0; padding-left: 40px; background: url('../img/note.png') no-repeat 10px 0; }
.note p { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }

#errors 	{ width: 356px; padding: 10px; margin: 0 auto 20px auto; border: 2px solid #cc0000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#errors h2 	{ color: #cc0000; letter-spacing: 1px; }
#errors p 	{ margin-bottom: 0; font-weight: bold; color: #000; font-size: 1.1em; }
#errors ul 	{ margin-bottom: 0; }
#errors li 	{ list-style: square; margin-left: 30px; font-size: 1.1em; padding: 10px 0 0 0; color: #000; }

#errors2 { float: left; width: 356px; padding: 10px; margin: 10px auto 20px auto; background-color: #cc0000; border: 2px solid #fff; clear: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#errors2 h2       { color: #fff; letter-spacing: 1px; }
#errors2 p { margin-bottom: 0; font-weight: bold; color: #fff; font-size: 1.1em; }
#errors2 ul       { margin-bottom: 0; }
#errors2 li       { list-style: square; margin-left: 30px; font-size: 1.1em; padding: 5px 0 0 0; color: #fff; }

#errors3 { float: right; width: 356px; padding: 10px; margin: 0px auto 20px auto; background-color: #cc0000; border: 2px solid #fff; clear: right; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#errors3 h2       { color: #fff; letter-spacing: 1px; }
#errors3 p { margin-bottom: 0; font-weight: bold; color: #fff; font-size: 1.1em; }
#errors3 ul       { margin-bottom: 0; }
#errors3 li       { list-style: square; margin-left: 30px; font-size: 1.1em; padding: 5px 0 0 0; color: #fff; }

#register-form fieldset .error { background-color: #f55064;	padding: 10px 10px; }


.error label,
.error label em { color: #fff; }