/* INIT
------------------------------------------------*/

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, 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;
}
/* If you uncomment this, remember to define focus styles! */
/* :focus { outline: 0; }*/
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
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: "" ""; }
img { border-style: solid; border-color: #000; }

body
{
	margin: 0;
	padding: 0;
	font: 100% verdana,helvetica,arial,sans-serif;
	background: #fff;
	color: #000;
	text-align: center;
}

.clear { width: auto; height: 1px; overflow: hidden; clear: both; }
#container { width: 760px; margin: 0 auto; text-align: left; position: relative; }
strong { font-weight: bold; }
em { font-style: italic; }

/* HEADER
------------------------------------------------*/
#header { width: 760px; height: 125px; border-bottom: 1px solid #fff; background-position: right top; background-repeat: no-repeat; }

#textnav { width: 740px; border-bottom: 2px solid #fff; font: 90% "Trebuchet MS",verdana,arial,sans-serif; text-align: right; padding: 6px 10px 7px; color: #fff; background: transparent url(../images/bg_topnav.png) repeat-y; }
#textnav a:link, #textnav a:visited { color: #fff; text-decoration: none; background: transparent; }
#textnav a:hover, #textnav a:active { color: #000; text-decoration: none; background: #fff; }

#logo { position: absolute; left: 8px; top: 48px; width: 285px; height: 64px; background: url(../images/bg_structureflex.png) no-repeat; }
#logo a { display: block; width: 285px; height: 64px; }
#logo img { display: none; }

/* CRUMBS OF THE BREAD
------------------------------------------------*/
#breadcrumb { clear: both; padding: 8px 13px; font: 80% verdana,arial,sans-serif; line-height: 1; color: #444; }
#breadcrumb ul, #breadcrumb li { display: inline; }
#breadcrumb a:link, #breadcrumb a:visited { color: #0d3880; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:active { color: #001860; text-decoration: none; }

/* MINI NAV
------------------------------------------------*/
#mininav { width: 740px; float: left; padding: 7px 10px; }
#mininav select, #mininav input { float: left; }
#mininav select, #mininav .text { font-size: 70%; padding: 1px; width: 198px; background: #fff; border-width: 1px; border-style: solid; border-color: #fff; }
#mininav .image { margin: 0 12px 0 6px; }
#mininav .last { margin-right: 0; }

/* TICKER
------------------------------------------------*/
#ticker { background-color: #0d7533; float: left; width: 740px; padding: 0 10px; }
#ticker ul {
	list-style-type: none;
	padding: 3px;
	margin: 0;
	width: 724px;
	float: left;
}
#ticker ul li { color: #fff; font-size: 80%; }
#ticker ul li a:link, #ticker ul li a:visited { color: #fff; text-decoration: none; }
#ticker ul li a:hover, #ticker ul li a:active { color: #fff; text-decoration: underline; }

/* MAIN AREA
------------------------------------------------*/
#main { clear: both; width: 760px; padding: 1em 0 0; }

/* NAV
------------------------------------------------*/
#nav { float: left; width: 200px; font: 90% "Trebuchet MS",verdana,arial,sans-serif; }
#nav li { float: left; display: block; width: 200px; border-bottom: 1px solid #b8c9b7; }
#nav li a { display: block; padding: 10px 0 10px 10px; }
#nav li a:link, #nav li a:visited { color: #333; text-decoration: none; background-color: #fff; }
#nav li a:hover, #nav li a:active { color: #003814; text-decoration: none; background-color: #eee; }
#nav .last { border: 0; }

#nav li li { border: 0; font: 90% verdana,arial,sans-serif; }
#nav li li a { padding: 5px 0 5px 30px; background-repeat: no-repeat; background-position: 8% 48%; background-image: url(../images/bullet.gif); }

#nav p { font: 80% verdana,arial,sans-serif; line-height: 1.4; padding: 0 0 0 10px; }
#nav p a:link, #nav p a:visited { color: #003814; text-decoration: underline; }
#nav p a:hover, #nav p a:active { color: #02ae3f; text-decoration: none; }

#salesteam { line-height: 1.4; clear: both; color: #003814; padding: 1em 0 1.5em 65px; background: url(../images/telephone.gif) no-repeat left center; }
#salesteam strong { font-size: 170%; font-weight: bold; }

/* CONTENT
------------------------------------------------*/
#content { float: right; width: 537px; display: inline; font-size: 80%; line-height: 1.5; color: #444; }
#content h1 { font: bold 160% "Trebuchet MS",verdana,arial,sans-serif; line-height: 1; margin: 0 0 0.5em; }
#content h2 { font-weight: bold; font-size: 100%; color: #003814; margin-bottom: 1em; }
#content .bordered { margin-top: 1em; padding-top: 1em; border-top: 1px solid #ccc; }

#content h2 a:link, #content h2 a:visited { text-decoration: none; }
#content h3 { padding: 5px; background: #eee; font-weight: bold; }
#content h3.products { float: left; width: 527px; clear: both; margin-top: 2em; }
#content h3 a:link, #content h3 a:visited { text-decoration: none; }
#content p { margin: 0 0 1em; }
#content ul { margin: 1em 0; padding: 0 0 0 2em; list-style-type: square; }
#content ol { margin: 1em 0; padding: 0 0 0 2em; list-style-type: decimal; }

#content a:link, #content a:visited { text-decoration: underline; }
#content a:hover, #content a:active { text-decoration: none; }

#content a.noline:link, #content a.noline:visited { text-decoration: none; }
#content a.noline:hover, #content a.noline:active { text-decoration: none; }

/* news */
#content .newsthumb { margin: 1em 0 1em 1em; float: right; border: 0; }
#content .newsitem { clear: both; }
#content .newsitem h2 { margin: 0; }

/* subpages within page */
#content .subpagelist { float: left; list-style: none; margin: 0 0 2em; padding: 0; }
#content .subpagelist li { width: 260px; float: left; border-top: 1px solid #ccc; }
#content .subpagelist .right { float: right; }
#content .subpagelist .first { border: 0; }
#content .subpagelist a { display: block; padding: 0.5em 0; }
#content .subpagelist a:link, #content .subpagelist a:visited { text-decoration: none; }

/* HOMEPAGE AREAS
------------------------------------------------*/
#content #areasofexpertise
{
	width: 507px;
	height: 46px;
	padding: 137px 0 0 20px;
	color: #fff;
	font: bold 160% "Trebuchet MS",verdana,arial,sans-serif;
	line-height: normal;
	background-color: #003814;
	background-image: url(../images/areasofexpertise.jpg);
	background-repeat: no-repeat;
	margin: 0 0 1em;
}

#content #areas { width: 527px; height: 152px; position: relative; }
#content #areas li { position: absolute; display: block; width: 170px; height: 70px; }
#content #areas li a { font: bold 140% "Trebuchet MS",verdana,arial,sans-serif; display: block; text-align: center; width: 170px; height: 57px; padding-top: 13px; }
#content #areas li a:link, #content #areas li a:visited { color: #fff; text-decoration: none; }
#content #areas li a:hover, #content #areas li a:active { color: #f2f38e; text-decoration: none; }
#content #areas #a1 { left: 0; top: 0; background: url(../images/area1.jpg); }
#content #areas #a2 { left: 178px; top: 0; background: url(../images/area2.jpg); }
#content #areas #a3 { left: 356px; top: 0; background: url(../images/area3.jpg); }
#content #areas #a4 { left: 0; top: 82px; background: url(../images/area4.jpg); }
#content #areas #a5 { left: 178px; top: 82px; background: url(../images/area5.jpg); }
#content #areas #a6 { left: 356px; top: 82px; background: url(../images/area6.jpg); }

/* PRODUCT CATEGORIES
------------------------------------------------*/
#content .prodcat { position: relative; width: 260px; height: 110px; float: left; overflow: hidden; margin-top: 15px; background-repeat: no-repeat; background-position: left top; }
#content .ie6wrapper { width: 260px; height: 110px; background-repeat: no-repeat; background-position: left top; }
#content .prodcatwrapper { position: absolute; z-index: 10; width: 130px; left: 120px; top: 10px; }
#content .right { float: right; }
#content .prodcat h2 { font: bold 140%/1.2 "Trebuchet MS",verdana,arial,sans-serif; margin: 0 0 0.2em; }
#content .prodcat h2.smaller { font-size: 120%; }
#content .prodcat h2 a { text-decoration: none; }
#content .prodcat .imglink { position: absolute; text-decoration: none; display: block; width: 110px; height: 110px; }
#content .prodcat .imglink:link, #content .prodcat .imglink:visited { text-decoration: none; }

#content .prodcat p { margin: 0; }

/* PRODUCT PAGE
------------------------------------------------*/
#content #productdetails { width: 306px; padding-right: 15px; border-width: 0 1px 0 0; border-style: solid; float: left; }
#content #productsidebar { float: right; width: 200px; }

#content #productsidebar h2 { font-weight: normal; color: #333; margin: 0 0 0.5em; }

#content #productsidebar #arealist { margin: 0 0 2em; padding: 0; list-style: none; line-height: 1; }
#content #productsidebar #arealist li { border-top: 1px solid #fff; }
#content #productsidebar #arealist a { display: block; padding: 0.5em; }
#content #productsidebar #arealist a:link, #content #productsidebar #arealist a:visited { color: #fff; text-decoration: none; }
#content #productsidebar #arealist a:hover, #content #productsidebar #arealist a:active { color: #ddd; text-decoration: none; }

#content #productsidebar #sectorlist { border-bottom: 1px solid #ccc; margin: 0; padding: 0; list-style: none; line-height: 1; }
#content #productsidebar #sectorlist li { border-top: 1px solid #ccc; }
#content #productsidebar #sectorlist a { display: block; padding: 0.5em 0; }
#content #productsidebar #sectorlist a:link, #content #productsidebar #sectorlist a:visited, #content #productsidebar #sectorlist a:hover, #content #productsidebar #sectorlist a:active { text-decoration: none; }

#content #buyonline
{
	display: block;
	width: 286px;
	padding: 10px;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	font: 110% "Trebuchet MS",verdana,arial,sans-serif;
	background-repeat: no-repeat;
	background-position: 96% 50%;
}
#content #productdetails #buyonline:link, #content #productdetails #buyonline:visited { color: #fff; }
#content #productdetails #buyonline:hover, #content #productdetails #buyonline:active { color: #ddd; }

/* FORM
------------------------------------------------*/
#content .contactform strong { font-weight: bold;  }

#content .contactform .fcolumn { width: 250px; float: left; }
#content .contactform .right { float: right; }

#content .contactform h3 { margin: 1em 0 0; padding: 5px; font-weight: bold;  }
#content .contactform fieldset { margin: 0; padding: 10px 5px 0;  }

#content .contactform label, #content .contactform input, #content .contactform select, #content .contactform textarea { display: block; float: left; margin-bottom: 0.5em; }
#content .contactform br { clear: left; }

#content .contactform input, #content .contactform select, #content .contactform textarea { background: #eff2f0; border: 1px solid #666; width: 140px; font: 100% verdana,arial,sans-serif; padding: 2px 3px; color: #000; }
#content .contactform select { width: 160px; }
#content .contactform label { width: 80px; }

#content .contactform .full input, #content .contactform .full select, #content .contactform .full textarea { width: 500px; }
#content .contactform .full select { width: 210px; }
#content .contactform .full label { width: 150px; }

#content .contactform .full .hwid { width: 140px; }
#content .contactform .full .tqwid { width: 200px; }
#content .contactform .full .fcolumn { margin-top: 0.2em; width: 150px; float: left; }
#content .contactform .full .right { width: 330px; float: left; }

#content .contactform label.inline { display: inline; float: none; padding: 0; }
#content .contactform input.check { width: auto; border: 0; margin: 0 5px 0 0; float: none; clear: none; display: inline; }

#content .contactform input.submit { margin: 0; width: 12em; }
#content .contactform .hidden { display: none; }

/* FOOTER
------------------------------------------------*/
#footer { clear: both; padding: 1em 0 0; line-height: 1; font-size: 70%; color: #ccc; }
#footer strong { color: #fff; }
#footer p { padding: 9px 10px 10px 10px; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #eee; text-decoration: none; }
#footer a.ddlink:link, #footer a.ddlink:visited, #footer a.ddlink:hover, #footer a.ddlink:active { color: #ccc; text-decoration: none; }

/* COLOUR VARIATIONS
------------------------------------------------*/
/* sidebar colours for areas */
#content #productsidebar #arealist .vehicle a:link, #content #productsidebar #arealist .vehicle a:visited { background-color: #b20024; }
#content #productsidebar #arealist .vehicle a:hover, #content #productsidebar #arealist .vehicle a:active { background-color: #c5405b; }

#content #productsidebar #arealist .lifting a:link, #content #productsidebar #arealist .lifting a:visited { background-color: #0d3880; }
#content #productsidebar #arealist .lifting a:hover, #content #productsidebar #arealist .lifting a:active { background-color: #4a6aa0; }

#content #productsidebar #arealist .drybulk a:link, #content #productsidebar #arealist .drybulk a:visited { background-color: #440b5f; }
#content #productsidebar #arealist .drybulk a:hover, #content #productsidebar #arealist .drybulk a:active { background-color: #734887; }

#content #productsidebar #arealist .liquid a:link, #content #productsidebar #arealist .liquid a:visited { background-color: #0091a0; }
#content #productsidebar #arealist .liquid a:hover, #content #productsidebar #arealist .liquid a:active { background-color: #40adb8; }

#content #productsidebar #arealist .special a:link, #content #productsidebar #arealist .special a:visited { background-color: #003814; }
#content #productsidebar #arealist .special a:hover, #content #productsidebar #arealist .special a:active { background-color: #406a4f; }

#content #productsidebar #arealist .graphic a:link, #content #productsidebar #arealist .graphic a:visited { background-color: #7f7f82; }
#content #productsidebar #arealist .graphic a:hover, #content #productsidebar #arealist .graphic a:active { background-color: #9f9fa1; }

/* default */
#default #header { background-image: url(../images/bg_header_default.jpg); }
#default #content h1 { color: #003814; }
#default #mininav, #default #footer p { background-color: #003814; }
#default #breadcrumb, #default .prodcat { background-color: #bfcdc4; }
#default #content a:link, #default #content a:visited { color: #003814; }
#default #content a:hover, #default #content a:active { color: #01842f; }
#default #content .ie6wrapper { background-image: url(../images/frame_special.png); }
#default #productdetails, #default #productdetails img { border-color: #bfcdc4; }
#default #content #productdetails #buyonline { background-color: #003814; background-image: url(../images/mininav_go_default.gif); }

/* default */
#eac #header { background-image: url(../images/bg_header_eac.jpg); }
#eac #content h1 { color: #003814; }
#eac #mininav, #eac #footer p { background-color: #003814; }
#eac #breadcrumb, #eac .prodcat { background-color: #bfcdc4; }
#eac #content a:link, #eac #content a:visited { color: #003814; }
#eac #content a:hover, #eac #content a:active { color: #01842f; }
#eac #content .ie6wrapper { background-image: url(../images/frame_special.png); }
#eac #productdetails, #eac #productdetails img { border-color: #bfcdc4; }
#eac #content #productdetails #buyonline { background-color: #003814; background-image: url(../images/mininav_go_default.gif); }

#eac #logo { position: absolute; left: 8px; top: 40px; width: 298px; height: 85px; background: url(../images/bg_eac.png) no-repeat; }
#eac #logo a { display: block; width: 298px; height: 85px; }
#eac #logo img { display: none; }

/* shop */
#shop #header { background-image: url(../images/bg_header_shop.jpg); }
#shop #content h1 { color: #003814; }
#shop #mininav, #shop #footer p { background-color: #003814; }
#shop #breadcrumb, #shop .prodcat { background-color: #bfcdc4; }
#shop #content a:link, #shop #content a:visited { color: #001860; }
#shop #content a:hover, #shop #content a:active { color: #244cc4; }
#shop #content .ie6wrapper { background-image: url(../images/frame_special.png); }
#shop #productdetails, #shop #productdetails img { border-color: #bfcdc4; }
#shop #content #productdetails #buyonline { background-color: #003814; background-image: url(../images/mininav_go_shop.gif); }


/* commercial vehicles */
#vehicle #header { background-image: url(../images/bg_header_vehicle.jpg); }
#vehicle #content h1 { color: #b20024; }
#vehicle #mininav, #vehicle #footer p { background-color: #b20024; }
#vehicle #breadcrumb, #vehicle .prodcat { background-color: #e8d9dc; }
#vehicle #content a:link, #vehicle #content a:visited { color: #b20024; }
#vehicle #content a:hover, #vehicle #content a:active { color: #ff0034; }
#vehicle #content .ie6wrapper { background-image: url(../images/frame_vehicle.png); }
#vehicle #productdetails, #vehicle #productdetails img { border-color: #e8d9dc; }
#vehicle #content #productdetails #buyonline { background-color: #b20024; background-image: url(../images/mininav_go_vehicle.gif); }

/* lifting */
#lifting #header { background-image: url(../images/bg_header_lifting.jpg); }
#lifting #content h1 { color: #0d3880; }
#lifting #mininav, #lifting #footer p { background-color: #0d3880; }
#lifting #breadcrumb, #lifting .prodcat { background-color: #c2cddf; }
#lifting #content a:link, #lifting #content a:visited { color: #0d3880; }
#lifting #content a:hover, #lifting #content a:active { color: #1c67e4; }
#lifting #content .ie6wrapper { background-image: url(../images/frame_lifting.png); }
#lifting #productdetails, #lifting #productdetails img { border-color: #c2cddf; }
#lifting #content #productdetails #buyonline { background-color: #0d3880; background-image: url(../images/mininav_go_lifting.gif); }

/* dry bulk packaging */
#drybulk #header { background-image: url(../images/bg_header_drybulk.jpg); }
#drybulk #content h1 { color: #440b5f; }
#drybulk #mininav, #drybulk #footer p { background-color: #440b5f; }
#drybulk #breadcrumb { background-color: #d0c2d7; }
#drybulk #content a:link, #drybulk #content a:visited { color: #440b5f; }
#drybulk #content a:hover, #drybulk #content a:active { color: #951bce; }
#drybulk #content .ie6wrapper { background-image: url(../images/frame_drybulk.png); }
#drybulk #productdetails, #drybulk #productdetails img { border-color: #d0c2d7; }
#drybulk #content #productdetails #buyonline { background-color: #440b5f; background-image: url(../images/mininav_go_drybulk.gif); }

/* bulk liquid packaging */
#liquid #header { background-image: url(../images/bg_header_liquid.jpg); }
#liquid #content h1 { color: #0091a0; }
#liquid #mininav, #liquid #footer p { background-color: #0091a0; }
#liquid #breadcrumb { background-color: #bfe3e7; }
#liquid #content a:link, #drybulk #content a:visited { color: #0091a0; }
#liquid #content a:hover, #drybulk #content a:active { color: #05cbdf; }
#liquid #content .ie6wrapper { background-image: url(../images/frame_liquid.png); }
#liquid #productdetails, #liquid #productdetails img { border-color: #bfe3e7; }
#liquid #content #productdetails #buyonline { background-color: #0091a0; background-image: url(../images/mininav_go_liquid.gif); }

/* special projects (same as default except header) */
#special #header { background-image: url(../images/bg_header_special.jpg); }
#special #content h1 { color: #003814; }
#special #mininav, #special #footer p { background-color: #003814; }
#special #breadcrumb { background-color: #bfcdc4; }
#special #content a:link, #special #content a:visited { color: #003814; }
#special #content a:hover, #special #content a:active { color: #01842f; }
#special #content .ie6wrapper { background-image: url(../images/frame_special.png); }
#special #productdetails, #special #productdetails img { border-color: #bfcdc4; }
#special #content #productdetails #buyonline { background-color: #003814; background-image: url(../images/mininav_go_special.gif); }

/* graphics promotions */
#graphic #header { background-image: url(../images/bg_header_graphic.jpg); }
#graphic #content h1 { color: #7f7f82; }
#graphic #mininav, #graphic #footer p { background-color: #7f7f82; }
#graphic #breadcrumb { background-color: #dfdfe0; }
#graphic #content a:link, #graphic #content a:visited { color: #7f7f82; }
#graphic #content a:hover, #graphic #content a:active { color: #3b3b3f; }
#graphic #content .ie6wrapper { background-image: url(../images/frame_graphic.png); }
#graphic #productdetails, #graphic #productdetails img { border-color: #dfdfe0; }
#graphic #content #productdetails #buyonline { background-color: #7f7f82; background-image: url(../images/mininav_go_graphic.gif); }

/* ------------------------------------------------ */
#content .careerslisting { border-bottom: 1px solid #B8C9B7; padding: 10px 0; }
#content .careerslisting a:link, #content .careerslisting a:visited, #content .careerslisting a:hover, #content .careerslisting a:active { font-weight: bold; }

/* shop styles*/

/* PRODUCTS
------------------------------------------------ */
#products .productgroup { float: left; padding: 2px 0; background-repeat: repeat-y; margin: 0 0 1em; }
#products .product { text-align: center; width: 160px; float: left; margin-left: 15px; }
#products .product p { padding: 0 3px; margin: 0; }
#products .first { margin-left: 0; font-size: 100%; }
#productoptions .ewid { width: 2em; }

#productoptions { width: 100%; border-spacing: 2px; font-size: 90%; line-height: 1; padding-bottom: 0.5em; border-bottom: 1px solid #ccc; }
#productoptions th { font-weight: bold; }
#productoptions th, #productoptions td { padding: 3px; }
#productoptions input { border: 1px solid #555; color: #333; padding: 0 2px; background-color: #fff; }
#productoptions tr.hilite { background-color: #E2F0E0; }

#cartaction { cursor: pointer; margin: 1em 0 0; padding: 5px 50px 5px 5px; color: #fff; text-transform: uppercase; border: 0; text-align: left; background: #003814 url(../images/mininav_go_default.gif) no-repeat 94% 50%; }
#cartaction:hover { color: #ddd; }

#content .confirm { padding: 0.5em; margin: 0 0 1em; border: 1px solid #003814; background: #ffffd7; color: #000; }
#content .error { font-size:11px; color: red;  display: block; }
#content .confirm p, #content .error p { margin: 0; }

/* GEN FORM
------------------------------------------------ */
#content .genform label {
	display:block;
	float:left;
	font-weight:normal;
	width:150px;
}

#content .genform .column { margin-bottom: 1em; width: 270px; float: left; }
#content .genform .right { float: right; }
#content .genform .textright { text-align: right; }
#content .genform label span, strong.hilite { color: #b20024; }
#content .genform input, #content .genform textarea { width: 300px; background: #fff; border: 1px solid #003814; }
#content .genform .hwid { width: 150px; }
#content .genform .qwid { width: 75px; }
#content .genform .ewid { width: 50px; }
#content .genform .swid { width: 3em; }
#content .genform .check { width: auto; }
#content .genform .formoption { clear: both; float: left; line-height: normal; padding: 3px 2px; width: 531px; }
#content .genform .withbg { background: #eee; margin: 1px 0;}
#content .genform input.submit, #content .contactform input.submit { cursor: pointer; margin: 1em 0 0; padding: 5px 50px 5px 5px; color: #fff; text-transform: uppercase; border: 0; text-align: left; background: #003814 url(../images/mininav_go_default.gif) no-repeat 94% 50%; }

#content .checkout_form label { display: block; font-weight: bold; }
#content .checkout_form .radio { width: auto; display: inline; }

#content .genform #accregister { width: 10em; }
#content .genform #accupdate { width: 15em; }

/* ORDER VIEW
------------------------------------------------ */
#order-view #order-details p { background: transparent; padding: 2px; margin: 1px; float: left; width: 530px; }
#order-view #order-details .label { float: left; width: 25%; font-weight: bold; }
#order-view #order-details .detail { float: left; width: 75%; }
#order-view #cartcontents { float: left; }

/* CART CONTENTS AND CHECKOUT
------------------------------------------------ */
#cartcontents { margin: 1em 0; padding: 0; border: 0; width: 537px; font-size: 90%; line-height: 1.4; }
#cartcontents th { background: #003814; font-weight: bold; color: #fff; text-align: left; padding: 4px; border: 1px solid #fff; }
#cartcontents td { background: transparent; padding: 4px; border: 1px solid #fff; vertical-align: top; }
#cartcontents td.r { text-align: right; }

#cartcontents .qty { width: 4em; text-align: center; }
#cartcontents .prc { width: 100px; text-align: right; }
#cartcontents .rmv { width: 15px; text-align: center; }
#cartcontents span { color: #333; font-size: 90%; font-style: italic; }
#cartcontents img { border: 0; }

#cartcontents tr.hilite { background-color: #E2F0E0; }
#cartcontents .cartprices td { background: transparent; border: 0; padding: 6px 4px; }
#cartcontents .subtotal td { border-top: 1px solid #003814; font-weight: bold; }
#cartcontents .vat td { border-top: 1px solid #003814; font-weight: normal; }
#cartcontents .total td { font-weight: bold; border-top: 1px solid #003814; border-bottom: 1px solid #003814; }
#cartcontents td input { border: 1px solid #666; }
#cartcontents select { color: #333; font-size: 100%; }

#content .genform #updateqtys { margin: 0.5em 0 0; float: left; width: 15em; }
#content .genform #chkout { margin: 0.5em 0 0; float: right; width: 15em; }
#content .genform #continuepayment { margin: 0.5em 0 0; float: right; width: 20em; }

#content #cartcontents a:link, #content #cartcontents a:visited { text-decoration: none; }


/* SIDEBAR
------------------------------------------------*/
#sidebar { float: right; width: 170px; }
#summarybar { color: #ffffff; float: right; width: 490px; font-size: 70%; }

#summarybar #cart { padding: 0 0 0 10px; float: right; }
#summarybar #cart a.icon { background: transparent url(../images/bg_carticon.gif) no-repeat; padding-left: 42px; padding-top: 2px; display: block; min-height: 18px; }
#summarybar #cart a:link, #cart a:visited { color: #fff; text-decoration: none; }
#summarybar #cart a:hover, #cart a:active { color: #ddd; text-decoration: none; }

#summarybar #accountbox { padding: 2px 0 0 20px; float: left; }
#summarybar #accountbox a:link, #accountbox a:visited { color: #fff; font-weight: bold; }
#summarybar #accountbox a:hover, #accountbox a:active { color: #ddd; }

/* ACCOUNT
**************************************/
#content .randimage { border: 0; float: right; }


/* CLIENT LOGIN */
#client-bar { background-color: #eee; padding: 5px; margin-bottom: 10px; }
#client-bar p { margin: 0; padding: 0; }
h2.client-downloads { background-color: #eee; padding: 0 5px; }

#main .downloads a:link, .main-column .downloads a:visited { text-decoration: none; color: #a70240; }
#main .downloads a:hover, #main .main-column .downloads a:focus, .main-column .downloads a:active { text-decoration: underline; }
#main .downloads { list-style: none; padding: 0; }
#main .downloads li a { padding-left: 20px; margin-bottom: .5em; min-height: 15px; line-height: 1; }
#main .downloads li p { line-height: 1; }
#main .downloads li a:link, #main .main-column .downloads li a:visited { text-decoration: none; }
#main .downloads li a:hover, #main .main-column .downloads li a:focus, #main .main-column .downloads li a:active { text-decoration: underline; }
#main li.download a { background: url(../images/download-icon.gif) no-repeat 0 0; }

#main .downloads li .created, .main-column .downloads li .size { font-size: 90%; }
#main .downloads li .created { color: #999; }
#main .downloads li .size { color: #777; font-size: 90%; }
