/*
	Copyright Code Computerlove Ltd 2003-2012
	Build: 3.0.26.80
	Date: 10/01/2012 16:59:43
*/


body.basket #Content { width: 602px; }

/* order forms */
.item-order-form .item { margin: 0; }
.item-order-form .item h3 { background: #b71b0c url(../images/global/item_form_h3.gif) repeat-x 0 0; color: #ffffff; font-size: 1.2em; padding: 5px 5px; }
.item-order-form .item h4 { margin: 0; padding: 5px 0 0 0; }
.item-order-form .item p { margin: 0; padding: 0 0 5px 0; }
.item-order-form .item .item-gutter { background-color: #f3f3f3; margin: 0 0 5px 0; padding: 5px 0; }
.item-order-form .item .item-gutter * { padding-left: 5px; padding-right: 5px; }
.item-order-form .item .item-gutter * * { padding-left: 0; padding-right: 0; }
.item-order-form img.order-acceptedcards { vertical-align: middle; }

.item-order-form .item .item-gutter div.row { clear: both; margin: 0; padding: 5px; }
.item-order-form .item .item-gutter div.row label { font-weight: bold; }
.item-order-form .item .item-gutter div.row div.formColumnLeft { font-weight: bold; padding: 2px 0 0 0; }

.item-order-form .item .item-gutter-table { padding: 0; }
.item-order-form .item .item-gutter table { border-collapse: collapse; margin: 0; padding: 0; }
.item-order-form .item .item-gutter table tr { margin: 0; padding: 0; }
.item-order-form .item .item-gutter table td,
.item-order-form .item .item-gutter table th { border: 5px solid #ffffff; border-bottom: 0; margin: 0; padding: 5px; text-align: left; }
.item-order-form .item .item-gutter table td.remove input { border: none; }

.item-order-form .item-order-totals .item-gutter table th { font-weight: normal; }
.item-order-form .item-order-totals .item-gutter table td { font-weight: bold; padding: 5px; text-align: right; width: 100px; }

.indentIn { border-top: 1px solid #fff; margin-top:5px; padding: 10px; }

input.button { border: none; }

div#viewBasket { padding-bottom: 10px; }

#hideme { clear: both; padding: 10px 5px; }
img.csc { float: right; margin: 3px 0 0 5px; padding: 0; width: 180px; height: 120px; }
.buttons { clear: both; padding: 10px 0; border: none; height: 13px; }
.buttons .textRight { padding: 5px 10px 0 0; float: right;}
.button input{ border: none; }
.center { text-align: center; }
.right { text-align: center; }
.cleaner { height: 1px; overflow: hidden; clear: both; }
.hidden { display: none; }
.calendarIcon { vertical-align: middle; }

.floatLeft { float: left; } 
.floatRight { float: right; }
.formColumnLeft { float: left; width: 100px; text-align: right; margin-right: 1px; }
.formColumnRight { float: left; margin-bottom: 3px; }

.formTwoColumn { position: relative; width: 100px; text-align: right; display: block; margin-top: 10px;} 
.formTwoColumn input, .formTwoColumn textarea, .formTwoColumn select{ position: absolute; left: 100%; top: 0; margin-left: 6px; width: 200px; }
.formTwoColumn a.helplink {position:absolute;left:0px;top:0px;margin-left:205px;z-index:100;text-decoration:none;white-space:nowrap;padding-left:5px;}
.formTwoColumn a.helplink:hover {text-decoration:underline;}
.twoColumn span{position:absolute; left:330px; top:3px}

div.tooltiptrigger-container {padding:8px 25px 0 0;float:right;}
a.tooltiptrigger {cursor:pointer;cursor:hand;}
div.tooltip, div.tooltip-basket {position:absolute;z-index:99;display:none;background-color:#D6EAF8;border:solid 1px #054C7B;padding:5px;width:200px;}
div.tooltip-basket { width:210px; }


/* Old Styles */
.tabularPlinth { border: 1px #d6cfcf solid; margin: 0 0 10px 0; width: 600px; }
* html .tabularPlinth { width: 602px; }

.tabularPlinth p { margin: 0; padding: 0 0 5px 0; }

.tabularPlinth .rowBody { background-color: #F5F5F5; margin: 5px; padding: 5px 0; width: 590px; }
.tabularPlinth .rowBody * { padding-left: 5px; padding-right: 5px; }
.tabularPlinth .rowBody * * { padding-left: 0; padding-right: 0; }
.tabularPlinth .rowBody table th{color:#B71B0C; }

.tabularPlinth .rowBodyPadding { background-color: #f3f3f3; margin: 5px; padding: 5px 0; width: 590px;}
.tabularPlinth .rowBodyPadding * { padding-left: 5px; padding-right: 5px; }
.tabularPlinth .rowBodyPadding * * { padding-left: 0; padding-right: 0; }
.tabularPlinth .rowBodyPadding p{ width:82%; }

.rowHeader { background: #b71b0c url(../images/global/item_form_h3.gif) repeat-x 0 0; color: #ffffff; font-size: 1.1em; font-weight: bold; margin: 5px; padding: 5px 5px; }

.buttons .textRight { padding: 5px 10px 0 0; float: right;}
.tabularPlinth {height:1%;}
.tabularPlinth .rowDelivery {padding: 6px 10px; height: 1%;  background: #f5f5f5; border-bottom: 5px solid #fff; margin:0 5px 0 5px; }
.tabularPlinth .rowDeliveryActive { background: #f5f5f5; border-bottom: 5px solid #fff; padding: 6px 10px; height:1%; margin:0 5px 0 5px; }
.tabularPlinth .indentIn { border-top: 1px solid #fff; margin-top:5px; padding: 10px; }
.tabularPlinth .noBorder td { border: none }

table { border-collapse: collapse; margin: 0; padding: 0; }
table tr { margin: 0; padding: 0; }
table td,
table th { border: none; margin: 0; padding: 0 5px 5px 5px; text-align: left; }

p.acards { margin: 0; padding: 0; line-height: 20px; }
p.acards img { margin: 0; padding: 0; line-height: 30px; vertical-align: top; }
img.csc { float: right; margin: 3px 0 0 5px; padding: 0; width: 180px; height: 120px; }

.tabularPlinth .rowBodyTable { padding: 0; }
.tabularPlinth table { border-collapse: collapse; margin: 0; padding: 0; }
.tabularPlinth table tr { margin: 0; padding: 0; }
.tabularPlinth table td, .tabularPlinth #totalCostPlinth th, .tabularPlinth #totalCostPlinth td,
.tabularPlinth table th {border:5px solid #FFFFFF; border-bottom: none; margin: 0; padding: 5px; text-align: center; }
.tabularPlinth table th { border-top: none; }
.tabularPlinth table .rowDelete input { border: none; padding: 0; }
.tabularPlinth div.base{height:5px;}

.tabularPlinth #totalCostPlinth .header { background: #b71b0c url(../images/global/item_form_h3.gif) repeat-x 0 0; color: #ffffff; font-size: 1.1em; font-weight: bold; margin: 5px; padding: 5px 5px; }
.tabularPlinth #totalCostPlinth table{width:98%; margin:0 5px 0 5px;}
.tabularPlinth #totalCostPlinth th {width:82%; text-align:left; background-color:#f5f5f5;}
.tabularPlinth #totalCostPlinth td { font-weight: bold; text-align: right; background-color:#f5f5f5; }
.button {text-align:right; }
.tabularPlinth .prices{font-size:106%; font-weight:bold;}

.tabularPlinth #divRecalculate{text-align:right; margin:0 5px 0 5px;}
.tabularPlinth .button-image{margin-bottom:-5px;}

.rowBodyCheckout { background-color: #F5F5F5; margin: 5px; padding: 5px 0; width: 590px; float:left; border-bottom:5px solid #FFFFFF; width:100% }

#tbxDeliveryInstructions{width:316px;}
.smallText{font-size:90%}

.tabularPlinth .rightHandLinkPlinth a { margin-bottom:5px; padding: 5px 5px 5px 17px; display: block; text-decoration: none; background: #f5f5f5 url(../images/global/arrow-double-blue.gif) no-repeat 5px 50%;}
.tabularPlinth .rightHandLinkPlinth .heading { font-size: 105%; margin: 0; display: block; font-weight: bold; }
.tabularPlinth .rightHandLinkPlinth a:hover { background-color: #f5f5f5; }
.tabularPlinth .rightHandLinkPlinthActive a { margin-bottom: 5px; background: #f5f5f5 url(../images/global/arrow-double-blue.gif) no-repeat 5px 50%; padding:5px 5px 5px 17px;display:block;text-decoration:none;}
.tabularPlinth .rightHandLinkPlinthActive .heading { font-size: 105%; margin: 0; display:block;  font-weight:bold;}

.tabularPlinth #content_oneColumn {width:485px;float:right; border:1px solid #00FF66; }
.tabularPlinth #content_oneColumn .headerRow { background: #fff; padding-bottom: 20px; width: 475px; }
.tabularPlinth #content_oneColumn .columnRight2 {width:210px; }
.tabularPlinth #content_twoColumn {width:585px;float:right;background: url(../images/global/bck_twoColumn.gif);}
.tabularPlinth #content_twoColumn_noBg {width:585px;float:right;}
.tabularPlinth #content_twoColumn .headerRow, #content_twoColumn_noBg .headerRow { background: #fff; padding-bottom:20px; width:490px;  }
.tabularPlinth #content_twoColumn .column-left, #content_twoColumn_noBg .column-left {width:350px;float:left;}
.tabularPlinth #content_twoColumn .column-right, #content_twoColumn_noBg .column-right {width:185px;float:right; margin-right:10px;}
.tabularPlinth #content_twoColumn .column-right .row-in, #content_twoColumn_noBg .column-right .row-in {padding:0px 0px 0px 5px;}
.tabularPlinth #content_twoColumn .column-right .row-in h2, #content_twoColumn_noBg .column-right .row-in h2 {font-size:140%;}

.alertPlinth {width:95.5%; display:block; margin:5px; padding:5px; background-color:#FFFFFF; border:3px solid #CC3333; color:#CC3333; }
.alertPlinth p.heading{font-size:110%; font-weight:bold; padding-left:5px;}
.alertPlinth ul li{margin-left:5px;}
.strong{font-weight:bold;}
.login{margin-left:244px;}

#Container div#Content .item-discounts .item-gutter .df-row input.button-image { left: 0; position: relative; top: 5px; }
#Container div#Content .item-discounts .item-gutter p.disscount-total { padding-top: 10px; }

#Container div#Content .item-delivery .item-gutter div { float: left; clear: both; width: 569px; }
#Container div#Content .item-delivery .item-gutter div label { font-weight: bold; font-size: 1em; float: left; width: 450px; }
#Container div#Content .item-delivery .item-gutter div label input { float: left; margin-top: -3px; margin-right: 10px; }
#Container div#Content .item-delivery .item-gutter div p.delivery-cost { float: right; text-align: right; width: 100px; }
#Container div#Content .item-delivery .item-gutter .rowDelivery,
#Container div#Content .item-delivery .item-gutter .rowDeliveryActive { padding: 6px 10px; }
#Container div#Content .item-delivery .item-gutter .rowDelivery input,
#Container div#Content .item-delivery .item-gutter .rowDeliveryActive input { background: none; border: none; padding: 0; }
#Container div#Content .item-delivery .item-gutter .rowDeliveryActive { background-color: #d8d8d8; }
#Container div#Content .item-delivery .item-gutter .df-row-action .button-image { background: none; float: right; margin: 0 -5px 0 0; padding: 10px 0 0 0; }

#Container div#Content .item-items .item-gutter { margin: 0 0 5px 0; padding: 0; }
#Container div#Content .item-items .item-gutter table td.qty input { width: 40px; }

#Container div#Content .item-costs .item-gutter { margin: 0 0 5px 0; padding: 0; }
#Container div#Content .item-costs .item-gutter table { float: right; width: 200px; }
#Container div#Content .item-costs .item-gutter table td { text-align: right; }

#Container div#Content .df-row-action-checkout { clear: both; text-align: right; padding: 0 0 5px 0; }
#Container div#Content .df-row-action-checkout .button-image { clear: both; margin: 0 5px 0 0; padding: 0; }

#Container div#Content .buttons { margin: 0; padding: 0 0 10px 0; }
#Container div#Content .buttons p.button-left { float: left; margin: 0; padding: 0; height: 23px; width: 118px; }

#Container div#Content div.button-checkout { position: relative; height: 5px; width: 600px; }
#Container div#Content div.button-checkout p { position: absolute; top: -23px; right: 0; width: 100px; height: 23px; padding: 0; }
* html #Container div#Content div.button-checkout p { top: -30px; }

#Container div#Content div.df-row-radio label input { background: none; border: none; padding: 0; }

div#thawte-seal { position: absolute; left: 680px; top: 65px; }

.secure-logo { left:230px; position:relative; z-index:1; }
.secure-logo img { position: absolute; left: 250px; top: -30px; }
div#tl_popupSC4 { background:none; z-index:1; }

#tl_popupSC4tLDD html { background:none; }

