/* CSS Document */

/*******************************************************************************************************************/
/* Redefined Tags  */
/*******************************************************************************************************************/
body { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; text-align: left; line-height: 16px; color: #333333; background: url(../images/bg.gif) 0px 0px; voice-family: "\"}\""; voice-family: inherit;  font-size: 12px;}

h1 {margin:30px 0px 10px 0px; padding:0px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#0a56a0; font-size:18px; line-height:22px; }
/*h1 span {display:none;}*/

h2 span {display:none;}

p {margin:0; padding:5px 0px;}
a, a:link, a:active, a:visited{color: #00aeef; text-decoration: underline;}
a:hover {color: #1f3970; text-decoration: underline;}

a[disabled='disabled'] {
  display:none;
}
ul {margin:0; padding:3px 0px; list-style-type:none;}
li {margin:0; padding:0px 0px 0px 21px; list-style-type:none; background:url(../images/bullet.gif) 0px 3px no-repeat; line-height:24px; font-weight:bold; }

strong {font-weight:bold; color:#1f3970;}

hr {margin:10px 0px; padding:0; height:1px; line-height:1px; border-top:1px solid #000; background:#FFF; }

img { behavior: url(includes/iepngfix.htc) }

/*******************************************************************************************************************/
/* Redefined Tags/Form  */
/*******************************************************************************************************************/
form {margin:0!important;; padding:0px!important;; background:transparent!important; height:auto!important;}
fieldset {}
legend {}
label {}
input {}
textarea {}

.go{margin:0; padding:0px 0px 3px 0px; background:#45c1f0; border:1px solid #5b6f96; text-align:center; width:32px; height:18px; float:right; display:inline}

/*******************************************************************************************************************/
/* Navigation  */
/*******************************************************************************************************************/
.menu {width:975px; height:36px; position:relative; z-index:100; background:url(../images/menu-bg.gif) 0px 0px repeat-x;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:975px; width:975px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:194px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {margin:0; padding:0px; float:left;width:194px;position:relative;background:transparent;}
/* style the links for the top level */
.menu a, .menu a:visited {margin:0; padding:8px 0px 0px 0px; display:block;font-size:12px;text-decoration:none; color:#1f3970; width:183px; height:19px; border-right:1px solid #FFF; background:#70c6e7; padding-left:10px; line-height:27px; font-weight:bold;}

.menu .about a, .menu .about a:visited {background:#0a56a0; color:#1f3970}
.menu .aboutOn a, .menu .aboutOn a:visited {height:28px; background:#0a56a0; color:#1f3970}
.menu .range a, .menu .range a:visited {background:#00aeef; color:#1f3970}
.menu .rangeOn a, .menu .rangeOn a:visited {height:28px; background:#00aeef; color:#1f3970}
.menu .promo a, .menu .promo a:visited {background:#00a5b6; color:#1f3970}
.menu .promoOn a, .menu .promoOn a:visited {height:28px; background:#00a5b6; color:#1f3970}
.menu .sale a, .menu .sale a:visited {background:#517ca4; color:#1f3970}
.menu .saleOn a, .menu .saleOn a:visited {height:28px; background:#517ca4; color:#1f3970}
.menu .ethics a, .menu .ethics a:visited {background:#70c6e7; border-right:none; border:0px solid #FF00CC;color:#1f3970;width:189px; }
.menu .ethicsOn a, .menu .ethicsOn a:visited {height:28px; background:#70c6e7; border-right:none; width:189px;color:#1f3970}

/* top menu style when there is no drop down - remove if drop down is added */
.menu .promo a:hover {border-bottom:9px solid #0199a9;}
.menu .ethics a:hover {border-bottom:9px solid #6abcdb;  width:189px;}
.menu .ethics ul {width:199px; border:0px solid #CC0099}


/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:184px; w\idth:184px;}
* html .menu .ethics a, * html .menu .ethics a:visited {background:#70c6e7; border-right:none; width:185px;}
* html .menu .ethicsOn a, * html .menu .ethicsOn a:visited {height:28px; background:#70c6e7; border-right:none;width:185px;}
* html .menu .ethics a:hover {border-bottom:9px solid #70C6E7;  border:0px solid #CC6633; width:185px;}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#FFF;color:#1f3970}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#b2e7fa;color:#1f3970}
.menu ul ul :hover > a.drop {background:#b2e7fa;color:#1f3970 }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#FFF;color:#1f3970}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2e7fa;color:#1f3970}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0; width:193px; height:auto;}

.menu .about ul, .menu .aboutOn ul {border-top:9px solid #094f93;}
.menu .range ul, .menu .rangeOn ul {border-top:9px solid #01a6e3;}
.menu .promo ul, .menu .promoOn ul {border-top:9px solid #0199a9;}
.menu .sale ul, .menu .saleOn ul {border-top:9px solid #4a7196;}
.menu .ethics ul, .menu .ethicsOn ul {border-top:9px solid #6abcdb;}

* html .menu .ethics ul, .menu .ethicsOn ul {border-top:9px solid #70C6E7; width:186px;}


/* another hack for IE5.5 */
* html .menu ul ul {top:27px;t\op:27px;}

/* position the third level flyout menu */
.menu ul ul ul{left:192px; top:-1px; width:193px;}

.menu .about ul ul, .menu .aboutOn ul ul {border-top:1px solid #094f93;}
.menu .range ul ul, .menu .rangeOn ul ul {border-top:1px solid #01a6e3;}
.menu .promo ul ul, .menu .promoOn ul ul {border-top:1px solid #0199a9;}
.menu .sale ul ul, .menu .saleOn ul ul {border-top:1px solid #4a7196;}
.menu .ethics ul ul, .menu .ethicsOn ul ul {border-top:1px solid #6abcdb;}

.menu .about .end, .menu .aboutOn .end {border-bottom:1px solid #094f93;}
.menu .range .end, .menu .rangeOn .end {border-bottom:1px solid #01a6e3;}
.menu .promo .end, .menu .promoOn .end {border-bottom:1px solid #0199a9;}
.menu .sale .end, .menu .saleOn .end {border-bottom:1px solid #4a7196;}
.menu .ethics .end, .menu .ethicsOn .end {border-bottom:1px solid #6abcdb;}


/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-192px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited  {padding-top:0!important; background:#FFF!important; color:#1f3970; height:auto; border-bottom:1px solid #CCC; width:181px;}
.menu .about ul a, .menu .about ul a:visited, .menu .aboutOn ul a, .menu .aboutOn ul a:visited  {height:auto; border-left:1px solid #094f93; border-right:1px solid #094f93; }
.menu .range ul a, .menu .range ul a:visited, .menu .rangeOn ul a, .menu .rangeOn ul a:visited {height:auto; border-left:1px solid #01a6e3; border-right:1px solid #01a6e3; }
.menu .promo ul a, .menu .promo ul a:visited, .menu .promoOn ul a, .menu .promoOn ul a:visited {height:auto; border-left:1px solid #0199a9; border-right:1px solid #0199a9; }
.menu .sale ul a, .menu .sale ul a:visited, .menu .saleOn ul a, .menu .saleOn ul a:visited {height:auto; border-left:1px solid #4a7196; border-right:1px solid #4a7196; }
.menu .ethics ul a, .menu .ethics ul a:visited, .menu .ethicsOn ul a, .menu .ethicsOn ul a:visited {height:auto; border-left:1px solid #6abcdb; border-right:1px solid #6abcdb; }

.menu ul ul ul a, .menu ul ul ul a:visited  {background:#FFF!important; color:#666666; height:auto; border-bottom:1px solid #CCC; }

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:181px;w\idth:181px;}

/* style the top level hover */
.menu .about a:hover, .menu .aboutOn a:hover { background:#094f93;}
.menu .range a:hover, .menu .rangeOn a:hover { background:#01a6e3;}
.menu .promo a:hover, .menu .promoOn a:hover { background:#0199a9;}
.menu .sale a:hover, .menu .saleOn a:hover { background:#4a7196;}
.menu .ethics a:hover, .menu .ethicsOn a:hover { background:#6abcdb;}

.menu .about:hover > a, .menu .aboutOn:hover > a {background:#094f93;}
.menu .range:hover > a, .menu .rangeOn:hover > a {background:#01a6e3;}
.menu .promo:hover > a, .menu .promoOn:hover > a {background:#0199a9;}
.menu .sale:hover > a, .menu .saleOn:hover > a {background:#4a7196;}
.menu .ethics:hover > a, .menu .ethicsOn:hover > a {background:#6abcdb;}


.menu ul ul a:hover, .menu ul ul ul a:hover{ background:#b2e7fa!important;}
.menu ul ul :hover > a, .menu ul ul ul :hover > a {background:#b2e7fa!important;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*******************************************************************************************************************/

#nav {margin:0; padding:5px 0px 0px 0px; }
#nav ul {margin:0px; padding:0; list-style-type:none;}
#nav li {margin:0px; padding:0px; list-style-type:none; line-height:27px; font-weight:normal; background:transparent;}
#nav .date {padding:0px 0px 0px 17px;}
#nav a, #nav a:link, #nav a:active, #nav a:visited {margin:0px; padding:0px 0px 0px 17px; border-bottom:1px solid #FFF; background:#e7edf1; color:#1f3970; text-decoration:none; font-weight:bold; display:block; width:176px; }
#nav a:hover {background:#cddbe4;}


/*******************************************************************************************************************/
/* Content  */
/*******************************************************************************************************************/
#wrapper {margin:0px auto; padding:0px 5px; width:975px; background: url(../images/bg-wrapper.png) 0px 0px repeat-y;}
#header {margin:0; padding:0; background:url(../images/header-bg.gif) 0px 0px repeat-x; height:99px; }
#header #login {margin:0; padding:0px 11px 0px 0px; background:url(../images/header_end.gif) right 0px no-repeat; float:right; display:inline; width:450px; height:99px; }
#header #login h2 {margin:5px 0px 5px 0px; padding:0px; line-height:15px; font-size:12px; color:#1f3970;}
#header #login label {margin:0; padding:0; width:69px; display:block; float:left; line-height:22px; color:#1f3970;}
#header #login input {margin:0px 0px 2px 0px; padding:2px; border:1px solid #b7c2cb; width:174px; height:14px}
#header #login .forgotten {margin:0px 42px 0px 0px; padding:0px; float:right; display:inline; font-size:10px }
#header #login .forgotten  a, #header #login .forgotten a:link, #header #login .forgotten a:active, #header #login .forgotten a:visited {color:#1f3970;}
#header #login .forgotten  a:hover {color:#00aeef;}

#container {margin:0; padding:0; clear:both;}

#content {margin:0px 0px 0px 0px; padding:0; float:left; display:inline; width:748px;}

#contentRange {margin:0px; padding:0; float:left; width:748px; border:0px solid #993333}


#leftcol {margin:0px 34px 0px 0px; padding:0; width:193px; float:left; display:inline;}
#leftcol .search {margin:9px 0px; padding:6px 16px 5px 16px; background:#e7edf1;}
#leftcol .search input {margin:0px 0px 4px 0px; padding:3px; border:1px solid #b7c2cb; width:154px;}
#leftcol .btnlabel {padding:0px 8px 0px 0px; color:#1f3970; font-weight:bold; float:right; display:inline; font-size:12px!important; }
#leftcol h2 {margin:0px; padding:0px 16px; background:#1f3970; line-height:29px; font-size:12px; color:#FFF;}
#leftcol .finder {margin:0px; padding:6px 16px 5px 16px; background:#e7edf1;}
#leftcol .finder label {color:#1f3970; font-size:11px; line-height:18px;}
#leftcol .finder select {margin:0px 0px 5px 0px; border:1px solid #b7c2cb; width:161px; font-size:11px }



#searchbox {padding:0px 12px 0px 0px; width:270px; float:right; display:inline;}
#searchbox label {padding:0px 8px 0px 0px; color:#1f3970; font-weight:bold; font-size:12px!important; }
#searchbox  input {margin:0px 0px 2px 0px; padding:2px; border:1px solid #b7c2cb; width:174px; height:14px}

#areas {margin:35px 0px 0px 534px; padding:0; z-index:30; position:absolute; width:214px;}
#areas h2 {margin:0px 0px 0px 20px; padding:0px 0px 0px 10px; background:#e7edf1; color:#1f3970; font-size:12px; line-height:27px; }
#areas #abrand {margin:0; padding:0; z-index:100; position:absolute;}
#areas #arange {margin:89px 0px 0px 0px; padding:0; z-index:90; position:absolute;}
#areas #apromo {margin:178px 0px 0px 0px; padding:0; z-index:80; position:absolute;}
#areas #apos {margin:267px 0px 0px 0px; padding:0; z-index:70; position:absolute;}
#areas #aethics {margin:356px 0px 0px 0px; padding:0; z-index:60; position:absolute;}

.newsHeaderStyle {margin:0px; padding:0px 16px; background:#1f3970; line-height:29px; font-size:12px; color:#FFF; font-weight:bold;}
.newsOuterContainer {position:relative; margin:0px; background:#e7edf1; height:180px; color:Black; overflow:hidden; padding:0;}
.newsInnerContainer {position:absolute; border:0px solid #F0C; left:15px; top:5px; right:5px; width:160px;}


.clear {margin:0; padding:0; font-size:1px; height:1px; line-height:1px; clear:both;}

.blueCopy {line-height:18px; color:#1f3970;}


.contactformWrap {width:420px; background-color:#e7edf1; text-align:center; padding:10px 0px 10px 0px; margin-top:10px;}
.contactformWrap .textfield1 {width:250px; font-size:12px;}
.contactformWrap .textarea1 {width:250px; height:60px; font-size:12px;}


/*******************************************************************************************************************/
/* Range Page  */
/*******************************************************************************************************************/

.productBoxWrap {width:172px; border:1px solid #CCCCCC; height:250px; float:left}
.productBoxWrapSub {width:172px; border:1px solid #CCCCCC; height:300px; float:left}
.productBox {width:168px; border:1px solid #CCCCCC; height:246px; margin:1px 0 0 1px;}
.productBoxSub {width:168px; border:1px solid #CCCCCC; height:296px; margin:1px 0 0 1px;}
.productBoxTitle {background-color:#00AEEF; color:#FFFFFF; height:25px; text-align:center;}
.productBoxTitle div {padding-top:3px;}
.productBoxImg {height:141px; background-color:#FFFFFF;}
.productBoxDesc {background-color:#EBEBEB; height:50px; text-align:center; padding-top:4px;}
.productBoxDescSub {background-color:#EBEBEB; height:100px; text-align:center; padding-top:4px;}
.productMoreBtn {background-color:#EBEBEB; height:25px; text-align:center;}
.productBoxDesc div {padding:0px 7px 2px 7px; font-size:11px; margin:0; border:0px solid #FF0099}
.productBoxDescSub div {padding:0px 7px 2px 7px; font-size:11px; margin:0; border:0px solid #FF0099}

div#productsTop {float:left; padding-left:20px; padding-top:55px;}
div#productsBottom { margin:0;  float: left; }
.productSpacer {width:10px; float:left}
.productSpacer1 {width:12px; float:left}
.productVspacer {margin:0; padding:0; font-size:1px; height:10px; line-height:1px; clear:both;}
.merchandisingVspacer {margin:0; padding:0; font-size:1px; height:10px; line-height:1px; clear:both; overflow: hidden;}
.productVspacer1 {margin:0; padding:0; font-size:1px; height:20px; line-height:1px; clear:both;}

.blueTitle {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#1F3970; font-weight:bold }

.imgSpacer {margin:10px 0px 5px 0px;}

#contentRange .leftCol {width:530px; position:relative; float:left;}
#contentRange .rightCol { width:218px; position:relative; float:left;}
#contentRange .rightCol img {margin:50px 0px 0px 20px;}
#contentRange .btns {float:left; width:174px;}
#contentRange .btnsright {float:left; margin-left: 20px; width:174px;}
#contentRange .ethicallogo {float:right; margin-top:75px; width:224px;}
#contentRange .ethicallogo2 {float:right; margin-top:10px; width:200px;}


/*******************************************************************************************************************/
/* Sector page  */
/*******************************************************************************************************************/

.floatL {float:left}
.floatR {float:right}
.sectorWhiteSpacer {margin:0; padding:0; font-size:1px; height:10px; line-height:1px; clear:both; background-color:#FFFFFF;}

li.blueDot {margin:0; padding:0px 0px 0px 15px; list-style-type:none; background:url(../images/blue-dot.gif) 0px 3px no-repeat; line-height:18px; font-weight:normal;}
ul.hotelsList {width:220px;}

div#sectorRight {float:left; padding-left:5px; padding-top:5px; border:0px solid #0099CC; width:480px;}
div#sectorLeft {width:245px; float:left}
.sectorRightTitle {float:left; width:345px;}
.sectorPrintBtn {float:left; width:130px; padding-top:25px;}
.sectorGreyBox {background-color:#E7EDF1; width:480px;}

.blueHeaderLeft {width:300px; background-color:#00AEEF; height:34px; float:left;}
.blueHeaderRight {width:180px; background-color:#00AEEF; height:34px; float:left;font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#ffffff; font-weight:bold;}
.blueHeaderRight a {font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#ffffff; font-weight:bold }
.blueHeaderRight div {padding-top:8px;}
.bluePlus {padding-left:10px; width:24px; float:left}

.smalProdBox {width:107px; background-color:#FFFFFF; height:170px; border:1px solid #CCCCCC; float:left; margin-left:8px;}
.smallProdDesc{background-color:#ffffff; height:50px; text-align:center; padding-top:4px; font-size:11px;}
.smallMoreBtn {background-color:#ffffff; height:20px; text-align:center;}
.smallBoxImg {height:85px; background-color:#FFFFFF; padding-top:5px;}

.bigProdBox {background-color:#FFFFFF;  border:1px solid #CCCCCC; float:left; margin-left:8px;}
.vertSep {float:left; width:10px;}
.bigSmallBox {float:left; width: 130px; text-align:center;}

.redemphasis {font-weight: bold; color:#FF0033;}

div.display_div_on{
display:block;
clear:both;
margin-top:10px;
}
div.display_div_off{
display:none;
}

/*******************************************************************************************************************/
/* Tea serving guide table styles  */
/*******************************************************************************************************************/

table.guide {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: rgb(153, 204, 255) rgb(153, 204, 255) rgb(153, 204, 255) rgb(153, 204, 255);
	border-collapse: collapse;
	background-color: white;
}

table.guide td {
	border-width: medium medium medium medium;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: rgb(153, 204, 255) rgb(153, 204, 255) rgb(153, 204, 255) rgb(153, 204, 255);
	border-collapse: collapse;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:center;
}

table.guide td.guidecentre {
	border-width: medium medium medium medium;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: rgb(153, 204, 255) rgb(153, 204, 255) rgb(153, 204, 255) rgb(153, 204, 255);
	border-collapse: collapse;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:left;
	vertical-align:middle;
	padding-left: 5px;
	padding: 0 0 0 5px;
	height: 110px;	
}

table.guide td.guidelefttop{
	border-width: 0px medium medium 0px;
	padding: 1px 1px 1px 1px;
	border-style: none solid solid none;
	border-color: rgb(255, 255, 255) rgb(153, 204, 255) rgb(153, 204, 255) rgb(255, 255, 255);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.guide td.guidetop{
	border-width: 0px medium medium medium;
	padding: 1px 1px 1px 1px;
	border-style: none solid solid none;
	border-color: rgb(255, 255, 255) rgb(153, 204, 255) rgb(153, 204, 255) rgb(255, 255, 255);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	width: 25px;
}

table.guide td.guideleft{
	border-width: medium medium medium 0px;
	padding: 1px 1px 1px 10px;
	border-style: solid solid solid none;
	border-color: rgb(153, 204, 255) rgb(153, 204, 255) rgb(153, 204, 255) rgb(255, 255, 255);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: center;
	vertical-align:middle;
}

table.guide td.guidepostop{
	border-width: 0px medium medium medium;
	padding: 1px 1px 1px 1px;
	border-style: none solid solid none;
	border-color: rgb(255, 255, 255) rgb(153, 204, 255) rgb(153, 204, 255) rgb(255, 255, 255);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:left;
}

/*******************************************************************************************************************/
/* Footer  */
/*******************************************************************************************************************/
#contentinner {width:422px;}

#footer {margin:0 auto; padding:10px 20px; background:#FFF; border-top:1px solid #333; width:935px; height:64px; }
#footer ul {margin: 0; padding:0; float:right; display:inline;}
#footer li {margin: 0; padding:0px 8px; float:left; display:inline; border-right:1px solid #79888f; color:#79888f; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:12px; background:transparent;}
#footer .end {padding:0px 0px 0px 8px; border-right:none;}
#footer a, #footer a:link, #footer a:active, #footer a:visited {color: #79888f; text-decoration: none;}
#footer a:hover {color: #79888f; text-decoration: underline;}


.note
{
	font-size:10px;
}

/*******************************************************************************************************************/
/* Win A Car Promo */
/*******************************************************************************************************************/
#contentinner {width:422px;}
.win {margin-bottom:20px;}

#formbox {margin:20px 0px 0px 0px; padding:16px 16px 15px 16px; background:#e1e1e1; font-weight:12px; line-height:18px;}
#formbox h2 {margin:0; padding:0px; color:#00529b; font-size:16px; line-height:18px; font-weight:bold;} 
#formbox .formstyle {margin:17px 0px 0px 35px!important; padding:0px;  }
#formbox label {margin:0; padding:3px 0px; font-size:14px; line-height:16px; font-weight:bold;}
#formbox .label {display:inline; margin:0px 0px 5px 0px}
#formbox img {margin:0px; padding:0px; float:right; display:inline;}
/*#formbox input { margin:0px 6px 5px 0px; padding:6px 3px; font-size:14px; border:1px solid #666; width:177px;}*/
#formbox .textbox { margin:0px 6px 5px 0px; padding:6px 3px; font-size:14px; border:1px solid #666; width:155px;}
#formbox .checkbox {margin:0px 6px 0px 0px; padding:0px; border:none; width:auto; }
#formbox .button {margin:0px; padding:5px 0px 13px 0px; border:none; text-align:center; background:url(../images/button.gif) 0px 0px no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; font-weight:bold; color:#FFF; width:147px;}
.terms {margin:20px 0px; padding:0px; font-size:9px; line-height:11px;}

#leftcol {margin:0px 34px 0px 0px; padding:0; width:193px; float:left; display:inline;}
#leftcol .btnlabel {padding:0px 8px 0px 0px; color:#1f3970; font-weight:bold; float:right; display:inline; font-size:12px!important; }
#leftcol h2 {margin:0px; padding:0px 16px; background:#1f3970; line-height:29px; font-size:12px; color:#FFF;}
#leftcol .finder {margin:0px; padding:6px 16px 5px 16px; background:#e7edf1;}
#leftcol .finder label {color:#1f3970; font-size:11px; line-height:18px;}
#leftcol .finder select {margin:0px 0px 5px 0px; border:1px solid #b7c2cb; width:161px; font-size:11px }

#rightcol {margin:55px 0px 0px 0px; padding:0px; width:290px; float:right; display:inline; background:url(../images/right-bg.gif) 0px 0px repeat-y;}
#rightcol .inner {margin:0; padding:0px 0px 0px 26px; }
#rightcol .inner .plus {margin:9px 0px 0px 0px; padding:0; float:left; display:inline; clear:left;}
#rightcol .inner .plustext {margin:0px 0px 9px 13px; padding:11px 2px; float:left; display:inline; width:163px; border-top:3px solid #666; font-size:17px; line-height:21px; font-weight:bold;}
#rightcol .inner .packet {margin:18px 0px 0px 0px; padding:0;}

.redbox {margin:20px 0px 0px 0px; padding:0px; background:url(../images/redbox-top.gif) 0px 0px no-repeat; color:#FFF; font-size:16px; font-weight:bold;}
.redboxinner {margin:0; padding:5px 10px 15px 10px; background:url(../images/redbox-bottom.gif) 0px bottom no-repeat;}
.redbox a, .redbox a:link, .redbox a:active, .redbox a:visited, .redbox a:hover {color:#FFF;}

.clear {margin:0; padding:0; font-size:1px; height:1px; line-height:1px; clear:both;}
.clearleft {margin:0; padding:0; font-size:1px; height:1px; line-height:1px; clear:left;}
.clearright {margin:0; padding:0; font-size:1px; height:1px; line-height:1px; clear:right;}
.clear5 {margin:0; padding:0; font-size:1px; height:5px; line-height:5px; clear:both;}
.clear10 {margin:0; padding:0; font-size:1px; height:10px; line-height:10px; clear:both;}
.clear20 {margin:0; padding:0; font-size:1px; height:20px; line-height:20px; clear:both;}
.clear0 {margin:0; padding:0; font-size:1px; height:0px; line-height:0px; clear:both;}
.left { float: left; }
.right { float: right; }

.productbuysection {background-color: #EBEBEB; margin-top: 5px; padding: 10px;font-size: 11px; }
.productbuysection div { line-height: 20px;}
.productbuysection .price { margin-right:5px; }

#basketHolder { float: left; width: 184px; margin: 65px 10px 0 30px;}
.basket { border: 1px solid #CCCCCC; background-color: #EBEBEB; font-size: 11px; }
.basket .updating { background-color:#ffffff; text-align: center; padding: 5px; font-weight: bold; }
.basketinner { margin: 10px; }
.basketitem { margin-top:10px; padding: 10px; background-color: #ffffff; }
.basketitem p.name { color: #203971; font-weight: bold; font-size: 12px; }
.txtqty { width: 30px; height: 14px; text-align: center; font-size:11px; }
.basketitem .controls { float: left; }
.basketitem .price { float: right; font-weight: bold; }
.basketitem .remove { margin-left: 14px; font-weight: bold; }
.basketitem .remove A { color: #000000; }
.basketitem .cyoname { float: left; color: #203971; }
.basketitem .cyoqty { float: right; color: #203971; }

.basket .totallabel { float: left; font-weight: bold; font-size: 13px;  }
.basket .totalamount { float: right; font-weight: bold; font-size: 13px;  color: #203971; }
.upsellitem { margin-top:10px; padding: 10px; background-color: #ffffff;}
.upsellitem .name { color: #203971; font-weight: bold; font-size: 12px; }
.upsellitem .price { color: #000000; font-weight: bold; font-size: 12px; }

.productlistitem { margin-top:10px; border: 1px solid #CCCCCC; }
.productlistitem .image { width:165px;}
.productlistitem .content { width:352px;}

.productlistitem .header { background-color: #00ADEF; color: #ffffff; font-weight: bold; padding: 10px; }
.productlistitem .header span { font-weight: normal; }
.productlistitem .innercontent {background-color: #EBEBEB;  padding: 5px; font-size:11px;}
.productlistitem .innercontent .options { margin-top: 22px; line-height: 20px;}
.productlistitem .innercontent .options .price { margin-right:5px; }

.createyourown_statusholder { border: 1px solid #CCCCCC; padding: 10px; background-color: #EBEBEB;}
.createyourownitem { margin-top: 3px; background-color: #EBEBEB; padding: 10px; line-height:20px;font-size: 11px;}
.createyourownitem .image { width:165px;}
.createyourownitem .text { margin-left:10px; width: 320px;}
.createyourownitem .buttonHolder { margin-top: 20px;}
.createyourownitem_countText { font-weight: bold;  color: #203971; }
.createyourownitem_selected { margin-top: 3px; background-color: #E9CFD0; padding: 10px; line-height:20px;font-size: 11px;}
.createyourownitem_selected .image { width:165px;}
.createyourownitem_selected .text { margin-left:10px; width: 320px;}
.createyourownitem_selected .buttonHolder { margin-top: 20px;}


.checkoutitem { background-color: #EBEBEB; padding: 10px; margin-top: 4px;font-size: 11px; }
.checkoutitem .productname { font-weight: bold; font-size: 12px;}
.checkoutitem .quantity { margin-right : 40px; }
.checkoutitem .price { font-weight: bold; font-size: 12px; }
.checkoutitem .cyoqty { }
.checkoutitem .cyoname { margin-left: 10px; }
.checkoutitem .componentlist {margin-left: 20px;}
.checkoutitem .total {font-weight: bold; margin-right : 40px; font-size: 13px;}
.checkoutitem .totalamount {font-weight: bold; font-size: 13px;  color: #203971;}

.yourdetails {border: 1px solid #CCCCCC; font-size: 11px;}
.yourdetails .inner { padding:10px;}
.yourdetails .label { float: left; font-weight: bold; width: 110px; text-align:right; }
.yourdetails .label span { font-weight: normal; }
.yourdetails .entry { float: left; margin-left: 10px;}
.yourdetails .entry .textbox { width: 300px;}
.detailtitle {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#0a56a0; font-size:18px; line-height:22px; }

P.subTitle { color: #1E396E; font-weight:bold; font-size:14px; margin-top: 10px; margin-bottom: 10px;}

.welcomeproduct { border: 1px solid #CCCCCC; width: 245px; margin-left:10px; text-align: center; }
.welcomeproduct .header { background-color: #00ADEF; color: #ffffff; font-weight: bold; padding: 10px; }
.welcomeproduct .header A { color: #ffffff; text-decoration: none;}
.welcomeproduct .innercontent {background-color: #EBEBEB;  padding: 5px; font-size:11px; text-align:center;}
.welcomeproduct .innercontent P { height: 60px; text-align: left;}
.welcomeproduct.first {margin-left:0;}

.welcomeproduct.wide { width: 501px; }
.welcomeproduct.wide .innercontent P { height: 30px; text-align: left;}

.middle {text-align:center;}
.error { color: #ff0000; }