/* Qtag.com Style Sheet */
/* jon@bulktees.com */


/* Basics 
html {height:100%;}*/
body { margin: 0px;  border: 0px; background: #FFFFFF;}
img {border: 0; vertical-align:middle;}
ul {list-style-type:square; list-style-position:outside; text-align:left}
p {font-family: Arial; font-size: 11px;}
form {display:inline; overflow: hidden;}
hr {color:#B2B2B2;background-color:#B2B2B2;height:1px;border:none;}

H1 {
        font-size: 11px; color: #666666; display:inline; text-transform:uppercase;
        }

H2 {
        color: #000000; font-size: 13px; display: inline;
}

H3 {
        font-size: 13px; color: #000000; font-weight: bold; display:inline;
}

H4 {
        color: #000000; font-size: 20px; display: inline;
}

a {text-decoration: none}
a:hover {text-decoration: underline}
a:active {text-decoration: underline}

/* Image Rollover */
.prodimage  { border: solid 1px #caccc7; margin-bottom: 2px;}
A:hover .prodimage, A:active .prodimage  { border: solid 1px #666666;}

.prodimage2  { border: solid 1px #ffffff; margin-bottom: 2px;}
A:hover .prodimage2, A:active .prodimage  { border: solid 1px #666666;}

/* Form buttons */
.form_buttons {
border: solid 1px #cfcfcf;
font-size:14px;
color: #FFFFFF;
background-color:#85C300;
cursor: pointer;
font-weight: bold;
height: 23px;
}


/* Layout */

#container {
position:relative;
/* margin: auto; */
width:900px;
margin-left: auto;
margin-right: auto;
color: #000000;
font-family: Arial;
font-size: 11px;
}
body > div#container {width:800px;}

#header_top_main {
float: left;
width: 800px;
height: 105px;
background-position: bottom left;
background-image: url(images/abrands_0408/layout/dashed_bar.gif);
background-repeat: repeat-x;
color: #666666;
}

#header_top_main .left_col {
float: left;
width: 400px;
}

#header_top_main .left_col .top_logo {
float: left;
width: 400px;
height: 54px;
margin-top: 13px;
}

#header_top_main .left_col .nav_text {
float: left;
width: 375px;
margin-top: 5px;
text-align: left;
font-size: 14px;
margin-left: -3px;
}

#header_top_main .left_col .nav_text .red_text {
color: #FF0000;
}

#header_top_main .right_col {
float: right;
width: 380px;
}

#header_top_main .right_col .top_nav {
float: left;
width: 379px;
height: 43px;
background-position: bottom left;
background-image: url(images/abrands_0408/layout/dashed_bar.gif);
background-repeat: repeat-x;
margin-top: 20px;
}

#header_top_main .right_col .top_nav .inner_text {
float: left;
margin-top: 13px;
}

#header_top_main .right_col .top_nav .inner_text_right {
float: right;
margin-top: 9px;
}

#header_top_main .right_col .bottom_nav {
float: left;
width: 379px;
margin-top: 12px;
}

#header_top_main .right_col .bottom_nav .inner_text {
float: left;
}

#header_top_main .right_col .bottom_nav .inner_text_right {
float: right;
}


#header_top_main a {color: #666666}
#header_top_main a:hover {color: #666666}
#header_top_main a:active {color: #666666}

#centre_text {
float: left;
text-align: justify;
margin-bottom: 5px;
width: 799px;
padding-left: 1px;
margin-top: 5px;
}

#centre_text a {color: #4A4661}
#centre_text a:hover {color: #4A4661}
#centre_text a:active {color: #4A4661}


#footer_bar {
float: left;
width: 800px;
height: 30px;
background-position: top left;
background-image: url(images/abrands_0408/layout/dashed_bar.gif);
background-repeat: repeat-x;
margin-top: 5px;
}

#footer_bar .inner_text {
float: left;
padding: 1px;
margin-top: 5px;
color: #666666;
}

#footer_bar a {color: #666666}
#footer_bar a:hover {color: #666666}
#footer_bar a:active {color: #666666}

.green_dot_bar {
float: left;
width: 799px;
background-position: top left;
background:#FFF url(images/abrands_0408/layout/dashed_bar.gif) repeat-x;
margin-top: 3px;
}

#category_left_col {
float: left;
width: 160px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
}

#category_left_col .large_text {
font-size: 15px;
font-weight: bold;
}

#category_right_col {
float: right;
width: 583px;
padding-left: 10px;
border-left: 1px solid #D9D9D9;
}

#category_image_header {
float: left;
width: 582px;
height: 183px;
background-position: top left;
margin-bottom: 5px;
}

#category_image_header .drop_down_area {
float: right;
width: 160px;
color: #F6FF00;
font-weight: bold;
margin-top: 13px;
}

#category_image_header .cat_heading {
float: left;
padding: 5px;
margin-top: 130px;
color: #0000FF;
font-weight: bold;
font-size: 24px;
font-variant: small-caps;
z-index: 1;
}

.category_dropdown {
width: 146px;
}


#page_nav {
float: left;
width: 576px;
padding: 3px;
margin-top: 10px;
background-color:#EBEBEB;
}

#page_nav .left_nav {
float: left;
width: 192px;
text-align: left;
}

#page_nav .centre_nav {
float: left;
width: 192px;
text-align: center;
}

#page_nav .right_nav {
float: left;
width: 192px;
text-align: right;
}



/* Index Page */



/* Product page stuff */

#product_main_left{
width: 260px;
float: left;
padding-top: 15px;
padding-left: 5px;
margin-left: 10px;
}

#product_main_right{

width: 260px;
float: left;
padding-left: 1px;
margin-left: 15px;
padding-top: 15px;
}

.product_sub_heading {
float: left;
width: 100%;
background-color: #C7CCCF;
padding: 3px;
color: #3E3F40;
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
}

#category_right_col_prod_page {
float: right;
padding-left: 10px;
background-color:#EBEBEB;
width: 573px;
padding-right: 10px;
}

.product_ordering_sub_heading {
color: #3E3F40;
font-weight: bold;
}

.price_display {
float: left;
font-size: 24px;
font-weight: bold;
}

.ni_popular_products_div2 {
float: left;
width: 82px;
margin-right: 7px;
text-align: left;
}

.ni_popular_products_div3 {
float: left;
width: 82px;
text-align: left;
}

.alt_pricing {
font-size: 18px;
font-weight: bold;
}



/* Product page stuff */

TD.sizeTableInner{
color: #000000;
font-weight: bold;
font-size: 11px;
border-bottom: solid 1px #BFBFBF;
}

TABLE.sizeTable{
border-left: solid 1px #BFBFBF; border-right: solid 1px #BFBFBF; border-top: solid 1px #BFBFBF;
padding-top: 5px;
padding-left: 3px;
float: left;
}

TD.priceTableInner{
color: #000000;
border-top: solid 1px #BFBFBF; border-left: solid 1px #BFBFBF;
}

TD.priceTableInner2{
color: #000000;
font-weight: bold;
font-size:12px;
border-top: solid 1px #BFBFBF; border-left: solid 1px #BFBFBF; background-color: #DADADA;
}

TABLE.priceTable{
border-bottom: solid 1px #BFBFBF; border-right: solid 1px #BFBFBF;
margin-right: auto;
margin-left: auto;
width: 250px;
}

TD.colourTable{
font-size: 10px;
}

TABLE.colourTable{
float: left;
}


/* Product view stuff */
.productView    { font-size: 10px; text-align: center; padding-top: 5px; margin-top: 10px; width: 141px; height: 270px; float: left; border-right: 6px solid #FFFFFF; background-color:#EBEBEB;}
.productView span  { font-size: 11px; font-weight: bold; text-align: left; display: block; width: 132px; height: 45px; overflow: hidden }
.productView p   { margin: 0 5px 0 0; padding: 0 0 0 1px }
.productView img { margin-bottom: 1px; border: solid 1px #caccc7 }
.productView .pricing {padding: 4px; font-size: 24px; font-weight: bold; height: 30px; color:#000000; text-align: left;}

/* Product Express */
.productView3    { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/product_bg_express.gif); background-repeat: repeat-x; background-position: left bottom; text-align: left; margin-top: 5px; margin-bottom: 20px; width: 155px; height: 357px; float: left; border-right: 2px solid #FFFFFF; }
.productView3 span  { font-size: 11px; font-weight: bold; text-align: center; display: block; width: 150px; height: 45px; overflow: hidden }
.productView3 p   { margin: 0 5px 0 0; padding: 0 0 0 1px }
.productView3 img { margin-bottom: 1px; border: solid 1px #caccc7 }

/* Product view stuff */
.productView2    { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 15px; margin-bottom: 10px; width: 155px; height: 200px; float: left }
.productView2 span  { font-size: 11px; font-weight: bold; text-align: center; display: block; width: 150px; height: 45px; overflow: hidden }
.productView2 p   { margin: 0 10px 0 0; padding: 0 0 0 1px }
.productView2 img { margin-bottom: 10px; border: solid 1px #caccc7 }

.large {
        FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 14px; FONT-FAMILY: Arial,Helvetica
}
.redbar {
        PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Arial; HEIGHT: 23px; BACKGROUND-COLOR: #FF0000; text-align:left;
}
.optionTitle {
        PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; FONT-FAMILY: Arial, Helvetica, "Sans Serif"; BACKGROUND-COLOR: #7E6775
}
.prodBox {
        BORDER-RIGHT: #555 1px solid; BORDER-TOP: #555 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #555 1px solid; FONT-FAMILY: Arial, Helvetica, "Sans Serif"
}
.prodBox P {
        PADDING-RIGHT: 10px; PADDING-LEFT: 10px
}
DIV.pagehead {
        MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN-BOTTOM: 8px; FONT-FAMILY: Arial, Helvetica, "Sans Serif"
}
DIV.prodInfoBox {
        MARGIN-TOP: 15px; PADDING-LEFT: 10px; FLOAT: left; MARGIN-BOTTOM: 10px
}
DIV.sizeInfoBox {
        PADDING-RIGHT: 10px; MARGIN-TOP: 15px; PADDING-LEFT: 10px; FLOAT: left; MARGIN-BOTTOM: 10px
}
DIV.productTitle {
        PADDING-RIGHT: 6px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; COLOR: #fff; PADDING-TOP: 6px; BORDER-BOTTOM: white 5px solid; FONT-FAMILY: Arial, Helvetica, "Sans Serif"; BACKGROUND-COLOR: #7E6775
}
.quantityDisc {
        FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 14px; FONT-FAMILY: Arial, Helvetica; TEXT-ALIGN: justify
}
.qtyBox {
 margin-top: 3px; margin-bottom: 3px;
}
TABLE.qtyDiscTable {
        FONT-SIZE: 10px; COLOR: black; FONT-FAMILY: Arial, Helvetica, "Sans Serif"
}
TABLE.qtyDiscTable TD {
        PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-TOP: 3px
}
TD.qtyDiscHeading {
        PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #FFFFFF
}
TD.qtyDiscDGrey {
        BACKGROUND-COLOR: #aaa
}
TD.qtyDiscLGrey {
        BACKGROUND-COLOR: #c6c6c6
}
TD.qtyDiscOption {
        PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; COLOR: white; PADDING-TOP: 4px; BACKGROUND-COLOR: #FFFFFF
}
A.qtyLink {
        COLOR: #fff; TEXT-DECORATION: underline
}
A.hover {
        COLOR: #fff; TEXT-DECORATION: underline
}
.boxText {
        FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}
.errorBox {
        FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #ffb3b5; FONT-FAMILY: Verdana, Arial, sans-serif
}

/* default osc settings*/

.boxText { font-size: 10px; }
.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 10px; color: #cc0033; }
.productsNotifications  { background: #f7f7f7 }
.orderEdit  { color: #ac0a08; font-size: 10px;  text-decoration: underline }
TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {

  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation {
  color: #FFFFFF;
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {

  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox     { background: #b2b2b2 }

.infoBoxContents    { font-size: 11px; background: #FCFFF6 }
.infoBoxContentsGrey   { font-size: 11px; background: #f7f7f7 }
.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents  { font-size: 11px; background: #ffe6e6 }
TABLE.infoBoxNav { border: dashed 1px #b2b2b2 }
TABLE.infoBoxNav td { padding-top: 8px; padding-bottom: 8px }
TD.infoBoxHeading   { color: #ffffff; font-size: 11px; font-weight: bold; background: #ac0a08; padding: 3px 10px }
TD.infoBox, SPAN.infoBox  { font-size: 11px }

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd  { background: white }

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even  { background: white }

TABLE.productListing  { border: 1px solid #ccc; }

.productListing-heading   { color: white; font-size: 11px; font-weight: bold; background: #4A4661 }

TD.productListing-data  { font-size: 11px }

A.pageResults  { }

A.pageResults:hover  { color: #f00; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 }

TD.pageHeading, DIV.pageHeading {

  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {

  font-size: 10px;
  color: #000000;
}

TD.main, P.main {

  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {

  font-size: 10px;
}

TD.accountCategory {

  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {

  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {

  font-size: 12px;
}

TD.tableHeading {

  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {

  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {

  font-size: 11px;
}

TEXTAREA {
  width: 100%;

  font-size: 11px;
}

SPAN.greetUser {

  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {

  color: #ff0000;
}

SPAN.errorText {

  color: #ff0000;
}

.moduleRow { }
.moduleRowOver  { background-color: #ebebeb; cursor: hand }
.moduleRowSelected  { background-color: #e6e6e6 }

.checkoutBarFrom, .checkoutBarTo {  font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent {  font-size: 10px; color: #000000; }
.messageBox {  font-size: 10px; }
.messageStackError, .messageStackWarning {  font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess {  font-size: 10px; background-color: #99ff00; }
.inputRequirement   { color: #f00; font-size: 11px }
/*OSC Items End*/
.productListing-origination { background-color: #f7f7f7; border-top: 1px solid #f5f5f5 }
.sub_red { color: #bf0000 }

#ajax_image_div {
width: 294px;
height: 280px;
}

/* Product page stuff old */

TD.sizeTableInner{
color: #000000;
font-weight: bold;
font-size: 11px;
border-bottom: solid 1px #BFBFBF;
}

TABLE.sizeTable{
border-left: solid 1px #BFBFBF; border-right: solid 1px #BFBFBF; border-top: solid 1px #BFBFBF;
padding-top: 5px;
padding-left: 3px;
float: left;
}

TD.priceTableInner{
color: #000000;
border-top: solid 1px #BFBFBF; border-left: solid 1px #BFBFBF;
}

TD.priceTableInner2{
color: #000000;
font-weight: bold;
border-top: solid 1px #BFBFBF; border-left: solid 1px #BFBFBF; background-color: #DADADA;
}

TABLE.priceTable{
border-bottom: solid 1px #BFBFBF; border-right: solid 1px #BFBFBF;
margin-right: auto;
margin-left: auto;
width: 260px;
}

TD.colourTable{
font-size: 10px;
}

TABLE.colourTable{
float: left;
}