﻿/*----------------------------------------------
	RESET
----------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus
{
	outline: 0;
}

body
{
	line-height: 1;
	color: black;
	background: white;
}

ol, ul
{
	list-style: none;
}

table
{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}

blockquote, q
{
	quotes: "" "";
}

/*----------------------------------------------
	GLOBAL/GENERIC
----------------------------------------------*/

body
{
	background: #fff url(../images/body_bg.jpg) repeat-x scroll 0 0;
	color: #3c3c3c;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 80%;
	line-height: 110%;
	margin: 0;
	padding: 0;
}

html > body
{
	background: #fff url(../images/body_bg.jpg) repeat-x scroll 0 0;
	color: #3c3c3c;
    font-family: Verdana,Geneva,sans-serif;
	font-size: 80%;
	line-height: 110%;
	margin: 0;
	padding: 0;
}

h1
{
	color: #3c3c3c;
	font-size: 160%;
	line-height: 110%;
	margin: 0;
	padding: 0;
}

p
{
	color: #3c3c3c;
	font-size: 100%;
	line-height: 110%;
	margin: 0;
	padding: 0;
}

.clearDiv, .clear
{
	clear: both;
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
	height: 0;
}

a, a:link{
	color: #3c3c3c;
	text-decoration:underline;
	font-weight:bold;

}

a:hover{
	text-decoration:none;
}

.lineheight100
{
    line-height: 100%;
}

.lineheight120
{
    line-height: 120%;
}

.lineheight140
{
    line-height: 140%;
}

script
{
	clear: both;
	font-size: 0;
	padding: 0;
	margin: 0;
	height: 0;
}

#redText
{
    color:red;    
}

/*----------------------------------------------
	WRAPPERS
----------------------------------------------*/

#outerWrap
{
	float: left;
	width: 100%;
}

#wrap
{
	margin: 0 auto;
	width: 968px;
}

#pageWrap
{
	background: transparent none repeat scroll 0 0;
	float: left;
	margin: 0;
	padding: 0;
	width: 968px;
}

/*----------------------------------------------
	HEADER
----------------------------------------------*/

#header a
{
	background: #fff url(../images/header_bg.jpg) repeat-x scroll 0 0;
	float: left;
	margin: 0;
	padding: 0;
	width: 968px;
	height: 136px; 
}

/*----------------------------------------------
	MAIN NAV
----------------------------------------------*/

#mainNav
{
	float: left;
	margin: 0;
	padding: 0;
	width: 968px;
}

#mainNav ul
{
	float: left;
	width: 100%;
}

#mainNav ul li 
{
	background: #fff url(../images/mainnav_bg.jpg) repeat-x scroll 0 0;
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	height:49px;
}

#mainNav ul li.item80
{
	background: #fff url(../images/mainnav_right_bg.jpg) no-repeat scroll right 0;
	width: auto;
	height:49px;
}

#mainNav ul li  a
{
	background: transparent url(../images/mainnav_seperator_bg.jpg) no-repeat scroll 0 0;
	color:#fff;
	font-size: 100%;
	font-weight:normal;
	font-family: Georgia,'Times New Roman',Times,serif;
	text-align:center;
	text-decoration:none;
	float: left;
	padding: 14px 15px 0 16px;
	width: auto;
	height:32px;
}

#mainNav ul li.item80 a
{
	color:#fcd70f;
	font-weight:bold;
	font-size: 115%;
	padding: 14px 12px 0 13px;
}

#mainNav ul li.item62  a
{
	background: transparent url(../images/mainnav_left_bg.jpg) no-repeat scroll 0 0;
	padding: 14px 10px 0 12px;
}

#mainNav ul li.item79  a
{
	padding: 7px 15px 0 16px;
	height:39px;
}

#mainNav ul li  a:hover
{
	color:#fcd70f;
}

/*----------------------------------------------
	UTILITY
----------------------------------------------*/

.utility
{
	float:left;
	padding:0 0 4px 0;
	width:100%;
}

.utility ul li
{
    display:inline;
}

/*----------------------------------------------
	SUB NAV
----------------------------------------------*/

.subnav
{
	float:left;
	padding:0 0 4px 0;
	width:100%;
}

.subnav ul.breadcrumb
{
	float:left;
	width:auto;
}

.subnav ul.breadcrumb li
{
    display:inline;
}

.subnav p.minibasket
{
	float:right;
	width:auto;
}

/*----------------------------------------------
	MAIN CONTENT
----------------------------------------------*/

#mainContentTop
{
	background: transparent url(../images/maincontent_box_top.jpg) no-repeat scroll 0 top;
	float: left;
	margin: 0;
	padding: 0;
	width: 968px;
	height: 12px;
}

#mainContentTop.tab
{
	background: transparent url(../images/maincontent_box_yellow_top.jpg) no-repeat scroll 0 top;
	height: 34px;
}

#mainContent
{
	background: transparent url(../images/maincontent_box.jpg) repeat-y scroll 0 0;
	float: left;
	margin: 0;
	padding: 0;
	width: 968px;
}

.mainContentBottom
{
	background: transparent url(../images/maincontent_box_bottom.jpg) no-repeat scroll 0 bottom;
	float: left;
	margin: 0;
	padding: 0 18px 10px 12px;
	width: 938px;
	min-height: 614px;
	height:auto !important;
	height: 614px;
}

.mainContentBottom.image
{
	background: transparent url(../images/maincontent_box_bottom2.jpg) no-repeat scroll 0 bottom;
}

.mainContentBottom.nogradient
{
	background: transparent url(../images/maincontent_box_bottom_2.jpg) no-repeat scroll 0 bottom;
	min-height: 18px;
	height:auto !important;
	height: 18px;
}


.headingtab
{
	background: transparent url(../images/headingtab.png) no-repeat scroll 0 bottom;
    text-align:center;
	float: left;
	padding: 2px 0 0 0;
	margin: 0 0 12px 0;
	width: 938px;
	height: 23px;
}

.headingtab h1
{
    color: #042256;
    font-size:140%;
    font-weight:bold;
}

.main
{
    float:left;
    padding:0 0 6px 69px;
    width:869px;
}

.main p
{
    padding:0 0 5px 0;
}

.main .item
{
    padding:0 0 5px 0;
}

.main .item label
{
    float:left;
    width:70px;
}

.main .searchbox
{
    float:left;
    padding: 0 0 20px 0;
    width:100%;
}

.main .tablewrap 
{
    float:left;
    padding: 0 0 5px 0;
}

.full .item
{
    padding:0 0 5px 0;
}

.full .box
{
    float:left;
    width: 469px;
}

.full .box p
{
    padding:0 0 5px 0;
}

.full .box label
{
    float:left;
    width: 120px;
}

.myAccount .item label
{
    float:left;
    width: 120px;
}

.full .box input.submitbutton
{
    float:left;
    width: auto;
}

.full .box h2
{
    font-size:160%;
    font-weight:bold;
    padding:0 0 10px 0;
}

.main #content
{
    float:left;
    width:794px;
}

.categories
{
	float: left;
	width:100%;
}

.article
{
	float: left; 
	margin: 0 6px 8px 0;
	width:230px;
}

.article img.thumb
{
	margin: 0 0 6px 0;
}


.article.end
{
	margin: 0 0 10px 0;
}

.article img
{
	float: left; 
	width:230px;
}

.article a.title
{
    color:#fff;
    font-size:180%;
    font-weight:normal;
    font-family: Georgia,'Times New Roman',Times,serif;
    line-height:120%;
    background: transparent url(../images/cat_btn.png) no-repeat scroll 0 0;
    text-decoration:none;
	float: left;
	padding: 8px 0 0 0;
    text-align:center;
    height:37px; 
	width:100%;
}

.article a.title.b
{
     background: transparent url(../images/cat_btn_b.png) no-repeat scroll 0 0;   
     padding: 8px 0 0 112px;
     width:118px;
}

.article a.title.small
{
    font-size:100%;
    font-weight:bold;
	padding: 13px 0 0 0;
    height:32px;
}

.article a.title:hover
{
    background: transparent url(../images/cat_btn_hover.png) no-repeat scroll 0 0;    
}

.article a.title.b:hover
{
     background: transparent url(../images/cat_btn_hover_b.png) no-repeat scroll 0 0;   
}

/*----------------------------------------------
	CONTACT
----------------------------------------------*/

.contactmain
{
    float:left;
    padding: 22px 0 0 0;
    width:530px;
}

.contactform
{
    float:left;
    width:468px;
}

.contactform label
{
   font-size:120%;
   text-align:right;
   padding: 6px 6px 0 0;
   float:left;
   width:184px;
}

.contactform input
{
    font-size:120%;
    float:left;
    width:272px;
    margin: 0 0 8px 0;
    height:24px
}

.contactform textarea
{
    font-size:120%;
    font-family: Verdana,Geneva,sans-serif;
    float:left;
    width:272px;
    height:114px
}

.contactform span
{
    float:left;
    padding: 0 0 4px 188px;
    width:280px;
}

.contactform .submitbutton
{
    cursor:pointer;
    text-align:right;
    color:#b1b2b6;
    background: transparent url(../images/submit.png) no-repeat scroll 0 bottom;
    border:none;
    margin:0;
    padding:0;  
    float:left;
    margin: 16px 0 0 188px;
    width:159px; 
    height:36px;   
}

.contactmain .info
{
    float:left;
    padding: 32px 10px 30px 190px;
    width:330px;
}

.contactside
{
    float:left;
    padding: 22px 0 0 0;
    width:408px;
}

.contactside .info
{
    float:left;
    padding: 22px 0 30px 45px;
    width:373px;
}

/*----------------------------------------------
	DOWNLOADS
----------------------------------------------*/

.downloads .form
{   
    float:left;
    padding:56px 0 14px 202px;
    width: 736px; 
}

.downloads .form .contactform
{
    float:left;
    width:470px;
}

.brochuresection
{
    background:#c7c8cc;
    padding: 12px 30px 8px 30px; 
    float:left;
    width:878px;
}

.brochureline2
{
    background:none;
    padding: 12px 0px 30px 0; 
    float:left;
    width:849px;
}

.brochure2
{
    float:left;
    margin: 0 12px 0 0; 
    width:136px;
}

.brochure2 label
{
    color:#fff;
    font-size:110%;
    font-weight:normal;
    font-family: Georgia,'Times New Roman',Times,serif;
    text-align:center;
    background: transparent url(../images/brochure_btn.png) no-repeat scroll 0 0; 
    float:left;
    margin: 0 0 21px 0;
    padding: 4px 0 0 0;
    width:136px;  
    height:23px;  
}

.brochure2 img
{
    margin: 0 0 10px 0;
}

.brochure2 input
{
    margin: 0 0 0 63px;
}



.brochure
{
    float:left;
    margin: 0 12px 12px 0; 
    width:136px;
}

.lastBrochure
{
    margin: 0 0 12px;
}

.brochure.end
{
    margin: 0; 
}

.brochure img
{
    margin: 0 0 10px 0;
}

.brochure label
{
    color:#fff;
    font-size:110%;
    font-weight:normal;
    font-family: Georgia,'Times New Roman',Times,serif;
    text-align:center;
    background: transparent url(../images/brochure_btn.png) no-repeat scroll 0 0; 
    float:left;
    margin: 0 0 21px 0;
    padding: 4px 0 0 0;
    width:136px;  
    height:23px;  
}

.brochure input
{
    margin: 0 0 0 63px;
}

.downloads input.submitbutton
{
    cursor:pointer;
    color:#b1b2b6;
    background: transparent url(../images/continue.png) no-repeat scroll 0 0;
    border:none;
    margin:8px 0 0 18px;
    padding:0;  
    float:left;
    width:159px; 
    height:36px;      
}

.downloadsbottom 
{
     float:left;
     text-align:center;
     margin:8px 0 4px 0;
     width:100%;
}

/*----------------------------------------------
	PRODUCTS
----------------------------------------------*/

.productsbottom 
{
     text-align:center;
     line-height:170%;
     float:left;
     padding: 6px 0 0 0;
     width:100%;
}

.productsbottombanner
{
     text-align:center;
     float:left;
     padding: 25px 0 14px 0;
     width:100%;
}

/*----------------------------------------------
	INTERNATIONAL
----------------------------------------------*/

.international .contact
{
     float:left;
     padding: 20px 0 0 0;
     width:100%;  
}


.international .contact span.tel
{
     float:left;
     text-align:center;
     background: transparent url(../images/telephone_bg.jpg) no-repeat scroll 0 0;
     padding: 9px 0 0 0;
     width:248px;
     height:25px;   
}

.international .contact a.email
{
     float:left;
     text-align:center;
     background: transparent url(../images/email_bg.jpg) no-repeat scroll 0 0;
     padding: 8px 0 0 0;
     width:234px;
     height:26px;       
}

.international .bottom
{
     float:left;
     text-align:center;
     padding: 50px 0 0 0;
     width:100%;
}

/*----------------------------------------------
	CONTACT
----------------------------------------------*/

.mainLogin
{
    float:left;
    width:100%;
}

.mainLogin #LoginPanel
{
    float:left;
    width:100%;
}

.mainLogin #ReminderPanel
{
    float:left;
    width:100%;
}

/*----------------------------------------------
	PRODUCT PAGES
----------------------------------------------*/

.content
{
     float:left;
     width:672px;
}

.content h1
{ 
    color:#fff;
    background: #014F91 none repeat scroll 0 0;   
    float:left;
    padding: 5px 4px 5px 10px;
    margin: 0 0 10px 0;
    width:657px;
    height:28px;
}

.content table
{ 
    border: solid 1px #014F91;
    background:#fff;
    margin: 0 0 10px 0;
    float:left;
    width:100%;
}

.content table th
{ 
    color:#fff;
    font-weight:bold;
    vertical-align:middle;
    background: #014F91 none repeat scroll 0 0;
    padding: 5px 5px 10px 5px;
}

.content table td
{ 
    vertical-align:middle;
    padding: 10px 5px 10px 5px;
}

.content .myAccount
{
     float:left;
     width:672px;
}

.content p
{ 
    font-size: 90%;
    float:left;
    padding: 10px 0 10px 0;
    width:100%;
}

.content .myAccount .productlist
{ 
     float:left;
     padding: 0 0 10px 0;
     width:682px;
}

.content .myAccount .product
{ 
     background: #dbf2fa none repeat scroll 0 0; 
     border-bottom: dotted 1px #3c3c3c;  
     float:left;
     padding: 5px 4px 5px 10px;
     width:658px;
     height:16px;
}

.content .myAccount .product h2
{ 
    float:left;
    font-weight:bold;
    width:auto;
}

.content .myAccount .product a
{ 
    color:#fff;
    text-decoration:none;
    background: #014F91 none repeat scroll 0 0;  
    padding: 3px 5px 5px 5px;
    float:right;
    width:auto;
}

.content .myAccount .product a:hover
{ 
    text-decoration:underline;
}

.content img.ProductImage
{ 
    margin: 10px 0 0 0;
}

.content .item
{ 
    padding: 0 0 5px 0;
}

.side2
{
     float:left;
     margin: 0 10px 0 0;
     width:256px;   
}

.side2 ul
{
     float:left;
     width:256px; 
}

.side2 ul li a
{
    color:#fff;
    border-bottom: solid 1px #fff;
    background: #014F91 none repeat scroll 0 0;   
    float:left;
    padding: 5px 4px 5px 10px;
    width:244px; 
    height:16px;
}

.side2 ul li a:hover
{
    background: #333333 none repeat scroll 0 0;   
}

/*----------------------------------------------
	SMART REFERRAL
----------------------------------------------*/

.smartReferral .middle
{
    background: transparent url(../images/smart_referral.png) no-repeat scroll center 0;
    float:left;
    width:100%;
    height:311px;
} 

.smartReferral .contactform
{
    padding:14px 0 0 0;
}

.smartReferral .contactform .left
{
    text-align:center;
}

.smartReferral .contactform .right
{
    text-align:center;
}

.smartReferral .contactform
{
    float:left;
    width:100%;
}

.smartReferral .contactform .left
{
    float:left;
    width:446px;
}

.smartReferral .contactform .right
{
    float:left;
    width:470px;
}

.smartReferral .contactform span
{
   font-size:120%;
   text-align:right;
   line-height:120%;
   padding: 6px 6px 0 0;
   float:left;
   width:284px;
}

.smartReferral .contactform label
{
   font-size:120%;
   text-align:right;
   padding: 6px 6px 0 0;
   float:left;
   width:168px;
}

.smartReferral .contactform .right label
{
   width:280px;
}

.smartReferral .contactform label.checkbox
{
   font-size:90%;
   padding: 6px 6px 0 0;
}

.smartReferral .contactform input
{
    font-size:120%;
    float:left;
    width:266px;
    margin: 0 0 8px 0;
    height:24px
}

.smartReferral .contactform .right input
{
    width:178px;
}

.smartReferral .contactform span.checkbox
{
    font-size:120%;
    float:left;
    width:auto;
    padding: 0;
    margin: 0;
}

.smartReferral .contactform span.checkbox input
{
    float:left;
    margin: 0;
    margin:6px 0 0 0;
    width:auto;
    height:auto;
}

.smartReferral .contactform .submitbutton
{
    cursor:pointer;
    text-align:right;
    color:#b1b2b6;
    background: transparent url(../images/submit.png) no-repeat scroll 0 bottom;
    border:none;
    margin:0;
    padding:0;  
    float:left;
    margin: 22px 0 40px 423px;
    width:159px; 
    height:36px;   
}

.smartReferral p.message
{
    text-align:center;
    padding: 14px 0 0 0;
}


/*----------------------------------------------
	MOBILE VIEWING GALLERY
----------------------------------------------*/

.gallery
{
    float:left;
    width:352px;
}

.gallery.first
{
    padding: 0 293px 10px 293px;
}

.gallery.second
{
    padding: 0 39px 40px 78px;
}

.gallery.third
{
    padding: 0 39px 40px 78px;
}

.gallery .button a
{
    color:#fff;
    font-size:180%;
    font-weight:normal;
    font-family: Georgia,'Times New Roman',Times,serif;
    line-height:120%;
    background: transparent url(../images/cat_btn.png) no-repeat scroll 0 0;
    text-decoration:none;
	float: left;
	margin:10px 61px 0 61px;
	padding: 8px 0 0 0;
    text-align:center;
    height:37px; 
	width:230px;
}

.gallery .button a.small
{
    font-size:100%;
    font-weight:bold;
	padding: 5px 0 0 0;
    height:40px;
}

.gallery .button a:hover
{
    background: transparent url(../images/cat_btn_hover.png) no-repeat scroll 0 0;    
}
  
.galleryitems img
{
    padding: 0 53px 10px 0;
} 

.galleryitems img.end
{
    padding: 0 0 10px 0;
} 

/*----------------------------------------------
	GENERIC
----------------------------------------------*/

.full
{
     float:left;
     width:100%;
}

/*----------------------------------------------
	FOOTER
----------------------------------------------*/

#footer
{
    background:#fff;
	float: left;
	color:#666666;
	font-size: 90%;
	margin: 0;
	padding: 10px 0 20px 0px;
	width: 964px;
}

#footer .left
{
	float: left;
    padding: 0 0 0 10px;
	width: 590px;
}

#footer .right
{
    background: transparent url(../images/footer_logos.jpg) no-repeat scroll right top;   
	float: left;
	text-align:right;
	padding: 40px 10px 0 0;
	width: 350px;
}

#footer a
{
	color:#666666;
}

/* BASKET 
--------------------------------- */
.basket {float: left; clear: both; width: 712px;position: relative;text-align: right;}
.basket table {width: 712px; margin: 0 0 40px 0; background: #fff; border: none; text-align: right;font-size: 12px; float: left; clear: both;}
.basket table thead tr th {background: #ccc; padding: 5px 2px; font-weight: bold;  text-align: left;}
.basket table thead tr th.quantityColumn {width: 80px;}
.basket table thead tr th.productColumn {width: 300px; text-align: left;}
.basket table thead tr th.priceColumn {width: 60px; text-align: right;}
.basket table thead tr th.quantityColumn .quantity, .basket tbody tr td.quantityColumn .quantity{width: 50px;}
.basket table thead tr th.attributesColumn {width: 50px;}
.basket table thead tr th.amountColumn {width: 70px; text-align: right; padding-right: 0px;}
/*
.basket .totals {clear:both; margin-bottom: 40px; width: 370px;margin-left:280px;text-align: right; float: left;}
.basket .totals .vatValue, .basket .totals .value {width: 100px;}
.basket .totals .label {width: 100px;}*/
.basket table tbody td {padding: 4px 2px; margin: 0px; }
.basket table tbody tr.productRow td{border-bottom: solid 1px #ccc;}
.basket tbody tbody tr.productRow td.priceColumn{width: 60px; text-align: right;}
.basket table tbody tr.productRow td.attributesColumn{width: 50px;}
.basket table tbody tr.productRow td.vatTotalColumn{width: 50px;}
.basket table tbody tr.productRow td.subTotalColumn{width: 50px;}
.basket table tbody tr.productRow td.attributesColumn{width: 50px;}
.basket table tbody tr.productRow td.amountColumn{width: 70px; text-align: right; padding-right: 0px;}
.basket table tbody tr.productRow td.productColumn {width: 300px; text-align: left;}
.basket table tbody tr td.label, .basket tbody tr td.value {text-align: right;}
.basket tr td select {float: right;}
.basket span table tbody tr.productRow td.subTotalColumn {text-align: right; width: 70px;}
.basket .orderNotes {float: left;clear: both;}
.basket .orderNotes textarea.notearea{width: 325px !important; border: solid 1px #333; font-family: Arial, sans-serif;font-size: 12px;height: 80px !important;}
.basket .addresses label, .basket .addresses .textinput, .basket .addresses select, .basket .addresses select.dropList  {margin-bottom: 12px;}
.basket .updatebutton {background: #333; color: #fff; font-weight: bold; padding: 3px 5px;}
.basket .addvoucherbutton {background: #333;color: #fff;font-weight: bold; padding: 3px 5px;}
.basket .continuebutton {background: #333;color: #fff;font-weight: bold;padding: 3px 5px; clear: both;}
.basket .proceedbutton {padding: 5px;background: #003300;color: #70c925; font-weight: bold; float: right; display:inline; margin: 5px; clear: both;}
.basket .removeButton{width: 16px;  height: 16px;float: right; clear: none;}
.basket .message {color: #ff0000; font-weight: bold; font-size: 12px;}
.basket .addresses{width: 500px; text-align: right;float: right;}
.basket .addresses label {margin-right: 10px;}

.basket .invoiceAddress, .basket .deliveryAddress{float: left; clear: both; width: 500px;}
.basket input {float: left; margin: 0; padding: 2px;}
.basket .error {font-weight: bold; clear: both; width: 100%;}
.basket .addresses input, .basket .addresses .droplist{ margin-bottom: 3px;}
.basket table tbody tr td.label {margin: 0 10px 0 0; display: inline; padding: 0; color: #333; font-weight: bold; text-align: right; width: 100%; float: none;} 
.basket  select {float: left; margin: 0; padding: 2px; border: solid 1px #333; width: 226px;}
.basket input.textinput {border: solid 1px #333; margin-right: 10px; display: inline; width: 220px;}
.basket input.textinputLong {border: solid 1px #333; margin-right: 10px; display: inline; width: 320px;}
.basket .upgradeLink, .basket .productLink {float: left; width: 100%;}
.basket .upgradeLink {margin-top: 5px;}
.basket .submitbutton { margin-top: 40px;font-size: 12px; width: 100px;padding: 4px 7px; background: #222; color: #fff;text-align: center;clear: both;float: left;margin-left: 610px;}


.basket .item {width:900px;}
.basket .item #BasketTotalOne {display: none;}
.basket .item #BasketChangesOne {display: none;}
.basket .item #InfoBar{display: none;}
.basket .item #Products{clear: both;}
.basket .item #Products .productItem {float: right; border-bottom: 1px solid #ccc}
.basket .item #Products .productItem .productDetails {float: left; width: 550px; margin: 4px 4px 4px 4px; padding: 0 4px 0 4px; height: 72px; background-color: #EFF8FF;}
.basket .item #Products .productItem .productDetails .productLink {font-size: 14px; margin-top:18px;}
.basket .item #Products .productItem .purchaseDetails {float: left; }
.basket .item #Products .productItem .purchaseDetails .sectionOne {float: left; width: 128px; }
.basket .item #Products .productItem .purchaseDetails .sectionOne .titleNoVATPrice {display:none; clear: both; float: right; width: 100px; text-align: right; font-weight: bold;}
.basket .item #Products .productItem .purchaseDetails .sectionOne .noVATPrice {display:none; clear: both; float: right; text-align: right; width: 96px; font-weight: bold; font-size: 16px; color: #8BB9DF; border-top: 1px dotted #555;}
.basket .item #Products .productItem .purchaseDetails .sectionOne .quantity input {width: 64px; margin: 2px 0 0 32px; padding: 0;}
.basket .item #Products .productItem .purchaseDetails .sectionOne .titleQuantity {clear: both; float: right; text-align: left; font-weight: bold; padding: 4px 0 0 0; border-bottom: 1px dotted #555; width: 96px; margin-bottom: 2px;}
.basket .item #Products .productItem .purchaseDetails .sectionTwo {float: left; width: 128px;}
.basket .item #Products .productItem .purchaseDetails .sectionTwo .titleVAT {display:none; clear: both; float: right; width: 96px; text-align: right; font-weight: bold;}
.basket .item #Products .productItem .purchaseDetails .sectionTwo .VAT {display:none; clear: both; float: right; text-align: right; width: 96px; font-weight: bold; font-size: 16px; color: #8BB9DF; border-top: 1px dotted #555;}
.basket .item #Products .productItem .purchaseDetails .sectionTwo .titleSubTotal {clear: both; float: right; width: 96px; text-align: right; font-weight: bold; padding: 4px 0 0 0;}
.basket .item #Products .productItem .purchaseDetails .sectionTwo .subTotal {clear: both; float: right; text-align: right; width: 96px; font-weight: bold; font-size: 20px; color: #014491; border-top: 1px dotted #555; padding-top:3px;}
.basket .item #Products .productItem .purchaseDetails .sectionOne .removeProduct {float: right; overflow: hidden; width: 16px; height: 16px; background-image: url('../Images/remove.png'); margin: 0; padding: 0;}
.basket .item #Products .productItem .purchaseDetails .sectionOne .removeProduct a {padding: 16px 16px;}
.basket .item .basketChanges {text-align: left; clear: both; float: left; width: 350px; padding: 16px 0 16px 0; margin-left:80px;}
.basket .item .basketChanges p {padding: 0; margin: 0;}
.basket .item .basketChanges input {width: 119px;}
.basket .item #PandP {float: right; width: 630px; margin-bottom: 16px; padding: 4px;}
.basket .item #PandP select { float:left; width:200px;}
.basket .item #PandP .PandPOptions .titlePandP {font-weight: bold; float:left; width:300px; text-align:left; margin-top:5px;}
.basket .item #PandP .PandPOptionPrice .amounts .amountsVAT .PandPVATTitle {display:none; float: right; clear: both; font-weight: bold; padding: 4px 0 0 0;}
.basket .item #PandP .PandPOptionPrice .amounts .amountsVAT .totalVAT {display:none; float: right;  font-weight: bold; color: #8BB9DF; }
.basket .item #PandP .PandPOptionPrice .amounts .amountsTotal .PandPTotalCostTitle {display:none;float: right;  font-weight: bold;  width:100px; border-bottom: 1px dotted #555;}
.basket .item #PandP .PandPOptionPrice .amounts .amountsTotal .totalCost {float: right; font-weight: bold; font-size: 16px; color: #014491; margin-top:5px;}
.basket .item .basketTotal {float: right; clear: both; text-align: right;}
.basket .item .basketTotal .titleTotal {font-weight: bold; font-size: 20px; margin-bottom:5px;}
.basket .item .basketTotal .amounts .amountsVAT .totalVATTitle {display:none; font-weight: bold; padding: 8px 0 0 0;}
.basket .item .basketTotal .amounts .amountsVAT .totalVAT {display:none; font-weight: bold; font-size: 16px; color: #8BB9DF; border-top: 1px dotted #555;}
.basket .item .basketTotal .amounts .amountsTotal .totalTitle {display:none; font-weight: bold; font-size: 16px; padding: 8px 0 0 0;border-bottom: 1px dotted #555;}
.basket .item .basketTotal .amounts .amountsTotal .totalCost {font-weight: bold; font-size: 24px; color: #014491; border-top: 1px dotted #555; padding-top:10px;}
.basket .item #Proceed {float: right; clear: both; text-align: right; padding: 16px 0 0 0;}
.basket .item #Proceed .titleProceed {display: none;}
.basket .item #Proceed  input{float: right; width: 93px;}
.basket #Addresses {clear:both; padding-top:20px;}
.basket #AddressesForm .item {padding-top:10px;}
.basket #AddressesForm  label {float:none; width:300px; vertical-align:top; margin-right:10px}
.basket #AddressesForm  select{float:none; width:300px;}
.basket #AddressesForm  textarea  {float:none; width:294px;}

