.boxText {  }
.errorBox { font-weight: bold; }
.stockWarning { color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size:80%; text-decoration: underline; }

body {background: #eb7e27 url(images/layout/bg.jpg); border:0; padding:0; margin:0; height:100%; position:relative }

body.popup {background: #ca9 url(images/layout/paper.jpg); border:0; padding:0; margin:20px }

body, a, p, div, span {font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; color:#622}

textarea {overflow:auto}

a {color: #843; font-size:100%; text-decoration: none}

a:hover {color: #954; text-decoration: underline }

form {display: inline}

.infoBox {margin: 0 10px 10px 0}
.infoBoxNotice { background: #FF8E90}

.infoBox_Contents {background: #fff url(images/infobox/contents_bg.png) right repeat-y}
.infoBox_leftContents {background: url(images/infobox/contents_left.png) top left repeat-y; padding:5px 15px 0 15px}

.infoBox_leftCorner {background:url(images/infobox/corner_left.png) left top no-repeat; width:25px; height:40px; float:left}
.infoBox_rightCorner {background:url(images/infobox/corner_right.png) left top no-repeat; width:25px; height:40px; float:right}
.infoBox_Heading {background:url(images/infobox/header_bg.png); height:40px}
.infoBox_Heading_Title {padding-top:10px; float:left}

.infoBox_leftTop {background:url(images/infobox/top_left.png) left top no-repeat; width:25px; height:25px; float:left}
.infoBox_rightTop {background:url(images/infobox/top_right.png) left top no-repeat; width:25px; height:25px; float:right}
.infoBox_Top {background:url(images/infobox/top_bg.png); height:25px}

.infoBox_leftFooter {background:url(images/infobox/footer_left.png) left bottom no-repeat; width:25px; height:25px; float:left}
.infoBox_rightFooter {background:url(images/infobox/footer_right.png) left bottom no-repeat; width:25px; height:25px; float:right}
.infoBox_Footer {background:url(images/infobox/footer_bg.png) bottom repeat-x; height:25px}

.productBox { display:inline-block; vertical-align:top; $float:left}

.productListing{}

.productListing-heading {}

h1,h2,h3 {font-weight:bold; padding:0; margin:0}
h1 {font-size:150%}
h2 {font-size:110%}
h3 {font-size:190%}

.smallText {font-size:75%}

td.accountCategory {}

td.fieldKey { width:150px; padding-left:15px}

td.fieldValue {}

.newItemInCart {color: #940}

.paper {background: url(images/layout/paper_bright.jpg); border: #612 1px solid}


SPAN.greetUser {font-weight: bold}

.markProductOutOfStock {font-weight: bold}

.oldPrice {font-size:110%; font-weight:bold; text-decoration:line-through; color: #f30}
.productPrice {font-size:110%; font-weight:bold; color:#072; text-align:right; padding-bottom:10px}
.productImage {border: #622 1px solid; margin-bottom:10px}
.productName {font-size:100%; text-align:left; color:#a50; font-weight:bold;}

.errorText {color: #a00}

.moduleRow {background:none }
.moduleRowOver, .moduleRowSelected {background: url(images/layout/paper_bright.jpg); cursor: pointer; cursor: hand; border:1px solid; padding:5px }

.checkoutBarFrom, .checkoutBarTo {}
.checkoutBarCurrent {font-weight:bold }

/* message box */

.messageBox {}
.messageStackError, .messageStackWarning { color:#a00 }
.messageStackSuccess {color: #093 }

/* input requirement */

.inputRequirement {font-size: 75%; color:#900}

#main_container {min-width:1000px; width:93%; margin-left:2%}

#head {background:url(images/layout/head_bg.jpg) repeat-x}
#head_left {background:url(images/layout/head_left.jpg) no-repeat}
#head_right {height:200px; background:url(images/layout/head_right.jpg) top right no-repeat; text-align:right}

#content {background:url(images/layout/content_bg.jpg)}
#content_left {background:url(images/layout/content_left.jpg) left repeat-y}
#content_right {background:url(images/layout/content_right.jpg) right repeat-y}

#footer {background:url(images/layout/footer_bg.jpg) left bottom repeat-x}
#footer_left {background:url(images/layout/footer_left.jpg) left bottom no-repeat}
#footer_right {min-height:420px; background:url(images/layout/footer_right.jpg) right bottom no-repeat}
#footer_text {margin-left:120px; padding-bottom:30px; font-size:75%}
#footer_text a {font-size:100%; color:#630}

#footer_menu { margin-left:130px; margin-right:300px; padding-top:5px;; padding-bottom:15px; font-size:75%; text-align:right; white-space:nowrap; border-top: 1px dotted}
#footer_menu ul { margin:0; padding:0; list-style: none}
#footer_menu ul li { display: inline; background:none; padding:0}   
#footer_menu a { color: #612; text-decoration: none; white-space:nowrap; padding:5px; font-size:110%}
#footer_menu a:hover { text-decoration:underline}

#content_container {padding-bottom:150px; width:100%}
#left_container {width:200px; vertical-align:top; padding-left:120px}
#middle_container {text-align:left; vertical-align:top}
#right_container {width:200px; vertical-align:top; padding-right:30px}

#logo {padding:30px 30px 0 0; width:200px; float:right}
#search {float:left; padding: 70px 0 0 330px; text-align:left; width:300px}

#menu {background:url(images/layout/menu_bg.jpg) right repeat-x; width:auto; float:right; margin-top:10px; max-width:800px}
#menu_left {background:url(images/layout/menu_left.jpg) left no-repeat}
#menu_right {height:60px; background:url(images/layout/menu_right.jpg) right no-repeat}

#menu_container {padding-top:10px; padding-left:40px; text-align:center; padding-right:20px; white-space:nowrap}
#menu_container ul { margin:0; padding:0; list-style: none }
#menu_container ul li { display: inline; background:none; padding:0 }   
#menu_container a { color: #612; text-decoration: none; white-space:nowrap; padding:10px; font-size:110% }
#menu_container a:hover { text-decoration:underline}

#topLine {margin: 0 20px; border-bottom: 1px dotted; margin-bottom:15px; height:20px; white-space:nowrap}
#topLine #breadcrumb { width:auto; float:left; overflow:hidden}
#topLine #account {float:right; margin:5px}
#topLine #account  ul { margin:0; padding:0; list-style: none; font-size:90% }
#topLine #account  ul li { display: inline; background:none; padding:0 }   
#topLine #account  a { text-decoration: none; white-space:nowrap; padding:2px; }
#topLine #account  a:hover { text-decoration:underline}
