/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
html { margin: 0; padding: 0; }
body
	{
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg.gif) top left repeat-x;
	background-attachment: fixed;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	}
div { margin: 0; padding: 0; }
p {padding: 0; margin: 0;}
.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */
/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
* html .box-wrap   /* this selector recognized by IE only */
{
  width: 770px;   /* total width (only for IE5.x/Win) */
  w\idth: 750px;  /* content width (for other IE) */
}

.box-wrap
	{
	color : #000000;
	background: #fff ;
	width: 750px;
	margin: 0 auto;
	text-align: left;
	border-left: 10px solid #fff; /*#DDDED6;*/
	border-right: 10px solid #fff; /*DDDED6;*/
}

.box-header
	{
	color: #000000;
	margin: 0;
	padding: 0;
	border: none;
	background-image: url(../images/top-image.jpg);
	height: 150px;
	}
.box-header h1 {position: absolute; }
.box-header h1 span {display: block; height: 150px; width: 750px; font-size: 1px; color: #fff; text-decoration: none; }

h1 { margin: 0px; }
.box-footer
	{
	background: #BBD9DB;
	padding: 4px;
	clear: both;
	border: none;
	color: #fff;
	text-align: center;
	}

.box-footer a {
    padding: 0 5px;
}

.box-footer a:link, .box-footer a:visited {
    color: #666;
    font: normal 11px Verdana, Arial, sans-serif;
    text-decoration: none;
}

.box-footer a:hover {
    text-decoration: underline;
}


/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
.columns-float
	{
	float: left;
	width: 625px;
	background: url(../images/mapbottom-l.jpg) top right no-repeat;
	}
.column-one
	{
	float: right;
	width: 500px;
	}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.column-two { margin-right: 500px; margin-top: 1px;}
.column-three {margin-left: 625px; background: url(../images/mapbottom-r.jpg) top left no-repeat; min-height: 400px;}
* html .column-three {height: 400px;}
/* */
.column-one-content, .column-two-content, .column-three-content
	{
	border: none;
	color: #000;
	padding-top: 15px;
	}
.column-one-content { background: transparent url(../images/linijka.jpg) 0 1px no-repeat; padding: 15px 2px 15px 7px;}
.column-two-content { background: transparent url(../images/colleft.jpg) top left no-repeat; min-height: 400px; height: 400px;}
* html .column-two-content { position: relative; left: 3px; margin-left: -3px; margin-top: 4px; margin-top/*hide from ie 5.0*/: 0;}
* html .column-three { position: relative; left: -3px; margin-left: 3px;}
div[class].column-two-content {height: auto;}

.column-three-content h2 {
    font-size: 18px;
    margin: 10px 0;
    padding: 0;
}
/* VERTICAL PADDING ABOVE COLUMNS */
.box-header
	{ margin-bottom: 0px; }
.column_padding_after
	{
	height:0px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, column-two-content, .column-three
	{ p\osition: relative; }
/* */
#box-topmenu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 17px;
}

#box-topmenu ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 10px/10px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#box-topmenu span {display: none;}

#box-topmenu a
{
color: #000;
text-decoration: none;
display: block;
}

li#m_home a {background: url(../images/topmenu1.jpg) 0 0 no-repeat; width: 127px; height: 17px;}
li#m_hist a {background: url(../images/topmenu2.jpg) 0 0 no-repeat; width: 173px; height: 17px;}
li#m_clan a {background: url(../images/topmenu3.jpg) 0 0 no-repeat; width: 123px; height: 17px;}
li#m_more a {background: url(../images/topmenu4.jpg) 0 0 no-repeat; width: 114px; height: 17px;}
li#m_abou a {background: url(../images/topmenu5.jpg) 0 0 no-repeat; width: 98px; height: 17px;}
li#m_cont a {background: url(../images/topmenu6.jpg) 0 0 no-repeat; width: 115px; height: 17px;}

/* navbar rollover states */
li#m_home a:hover,
li#m_hist a:hover,
li#m_clan a:hover,
li#m_more a:hover,
li#m_abou a:hover,
li#m_cont a:hover {background-position: 0 -17px;}

#navbar {
height: 50px;
background: #DEDFD7 url(../images/navbar.jpg) top right no-repeat;
font: normal 9px/11px Verdana, Arial, sans-serif;
text-align: left;
}

#login, #password {width: 50px;}

#loginbox {
    float: right;
    width: 190px;
    height: 50px;
    overflow: hidden;
}

#searchbox {
    float: left;
    width: 150px;
    vertical-align: top;
    height: 50px;
    overflow: hidden;
    position: relative;
}

#searchbox h3 {
    text-align: center;
    width: 150px;
    font: bold 12px/12px Verdana, Arial, sans-serif;
    margin: 0;
    padding: 2px;
    background-color: #ccc;
}

#searchbox label {margin-right: 5px; font-size: 1px;}
#searchbox #searchbutton {position: relative; top: 3px;}

#navbar .navbarbutton {
    font: bold 11px/11px Arial, Verdana, sans-serif;
    margin-top: 11px;
}

#navbar a:link, #navbar a:visited {
    color: #666;
    text-decoration: none;
}

#navbar a:hover {
    text-decoration: underline;
}


#loginbox label span { font-weight: normal; display: block; color: #999;}

#loginbox label {
width: 55px;
float: left;
margin-right: 10px;
}

#navbar input {
    font: normal 9px/9px Arial, Verdana, sans-serif;
}

.column-one-content h1 {
    font: bolder 20px/20px Verdana, Arial, sans-serif;
    color: #999;
    letter-spacing: -1px;
    margin: 5px 2px 4px;
    padding: 0 0 8px 0;
    width: 80%;
    display: block;
}

.column-one-content h2 {
    clear: none;
    font: bolder 14px/14px Verdana, Arial, sans-serif;
    color: #999;
    letter-spacing: -1px;
    margin: 10px 0 4px;
    padding: 0;
    display: block;
}
.column-one-content p {
    font: normal 11px/14px Verdana, Arial, sans-serif;
    color: #333;
    margin-bottom: 5px;
}

.navleft
{
/*avoid gap after li in ie6 by setting width*/
width: 124px;
font-size: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}

.navleft h3 a, .navleft h3 a#current {text-decoration: none; color: #fff; text-transform: uppercase; }


.column-two-content h3, .column-three-content h3 {
margin: 2px 0 10px;
padding: 0 2px;
background-color: #999;
font: bold 13px/15px Verdana, Arial, sans-serif;
text-align: center;
color: #fff;
opacity: 0.5;
}

.column-three-content {
    font-size: 11px;
    padding-bottom: 15px;
}

.navleft h3 {
margin-top: 5px;
margin-bottom: 5px;
}
.navleft ul
{
list-style-type: none;
padding-left: 0;
margin: 0;

}

.navlist a
{
display: block;
color: #8592BB;
padding: 1px 0 1px 6px;
color: white;
font-weight: bold;
}

/*boxmodel hack. http://css-discuss.incutio.com/?page=BoxModelHack SBMH*/
.navlist a { width: 119px; }

.navlist a
{
\width: 124px;
w\idth: 119px;
}

.navlist .subnavlist a, .navlist .subsubnavlist a
{
display: block;
color: #9C9C9C;
padding: 1px 0 1px 6px;
margin-left: 12px;
}

.navlist .subsubnavlist a {
margin-left: 18px;
padding-left: 0;
font-weight: normal;
}

.navleft .navlist a#current{
    color: #000;
}

/*boxmodel hack. http://css-discuss.incutio.com/?page=BoxModelHack SBMH*/
.navlist .subnavlist a { width: 107px; }

.navlist .subnavlist a
{
\width: 112px;
w\idth: 107px;
}

/*boxmodel hack. http://css-discuss.incutio.com/?page=BoxModelHack SBMH*/
.navlist .subsubnavlist a { width: 102px; }

.navlist .subsubnavlist a
{
\width: 102px;
w\idth: 102px;
}

.navleft .navlist a, .navleft .navlist a:visited,
.navleft .navlist .subnavlist a, .navleft .navlist .subnavlist a:visited
{
/*padding-left: 16px;
background: transparent url(../images/bullet.gif) 4px 50% no-repeat; */
color: #9C9C9C;
text-decoration: none;
}

.navlist .subsubnavlist a, .navlist .subsubnavlist a:visited {
background-image: none;
padding-left: 0;
}

.navleft .navlist a:hover, .navleft .navlist a#current:hover
{
text-decoration: underline;
}

.navlist .subnavlist a:hover, .navlist .subnavlist a#subcurrent:hover
{
text-decoration: underline;
}

.navlist .subsubnavlist a:hover, .navlist .subsubnavlist a#subcurrent:hover
{
}

a#current, a:visited#current, a#subcurrent , a:visited#subcurrent
{
color: #283D82;
text-decoration: none;
}

.product_float {
    float: left;
    position: relative;
    text-align: center;
    width: 157px;
    height: 235px;
    margin-right: 5px;
    margin-bottom: 5px;
}

/* body .promoted {border: 2px solid red; width: 153px; height: 231px;}*/
/* .promoted_logo {position: absolute; left: 0px; top: 0px; width: 12px; height:12px; background: url(../images/highlight.png) no-repeat; line-height: 1px;} */

.promoted_logo_1, .promoted_logo_2, .promoted_logo_3, .promoted_logo_4, .promoted_logo_5 {
  position: absolute;
  left: -5px;
  top: -25px;
  height: 100px;
  width: 100px;
  line-height: 1px;
}

.promoted_logo_1 {
  background: url(../images/promoted_logo_1.gif) no-repeat;
}
.promoted_logo_2, .promoted_logo_3, .promoted_logo_4, .promoted_logo_5 {
  background: url(../images/promoted_logo_2.gif) no-repeat;
}

.product_float .image {
    width: 140px;
    height: 160px;
    text-align: center;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}

.product_float .image img {
    border: none;
}

.product_float .image table {
    text-align: center;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
}

.product_float .image td {
    height: 160px;
    vertical-align: bottom;
}

.product_float .name, .product_float .name a:link, .product_float .name a:visited {
    text-align:center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    letter-spacing: -1px;
    color: #333;
}

.product_float .price {
    margin-top: 5px;
    text-align:center;
    font: bold 20px Verdana, Arial, sans-serif;
    letter-spacing: -1px;
    color: #c08642;
}

span.product_price {
    font: bold 20px Verdana, Arial, sans-serif;
    letter-spacing: -1px;
    color: #c08642;
}

.productList {
    margin-left: 10px;
    margin-right: 10px;
}

.product_image {
    float: left;
    width: 240px;
    margin-right: 5px;
}

.product_thumbnail {
    float: left;
    width: 120px;
    text-align: center;
    margin-right: 5px;
}

.product_thumbnail img, .product_thumbnail_second img {
    border: none;
}

.product_thumbnail_second {
    float: right;
    width: 120px;
    text-align: center;
    margin-left: 5px;
}


.product_details {
    width: 245px;
    float: left;
}

.breadcrumbs {
    font: normal 13px/17px Verdana, Arial, sans-serif;
    letter-spacing: -1px;
}

.pager div, .pagerbottom div { float: right; margin-right: 20px;}

.pager div.info, .pagerbottom div.info {float: left;}

.pager {
    font-size: 11px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin: 0 5px;
}

.pagerbottom {
    font-size: 11px;
    padding-top: 5px;
    border-top: 1px solid #ccc;
    margin: 0 5px;
}

/* clearing containing floats without markup : http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a, a:link {
    text-decoration: underline;
    color:#1C8C94;
}

a:visited {
    color: #17747B;
}

a:hover {
    color:#666666;
}

.product_options input, .product_options option, .product_options select {
    font-size: 12px;
}

.product_options select {
    margin-bottom: 4px;
    display: block;
}

html body .box-wrap .errormsg , .inline_error {color: #A3242D;}
html body .box-wrap .okmsg {color: #008618;}
.product_float .image img.highlighted { border: solid 1px #A3242D;}

.product_details label { font-weight: bold; font-size:10px;}

.product_details .product_options select {
	width: 100%;
}

.pay-with-points {
	background: #eee;
	padding: 3px;
	margin-bottom: 5px;
}

.points-earn-points {
    border: 1px solid #888;
    padding: 5px;
    margin: 5px 0;
}

.columns-3 .column {
	float: left;
	width: 33%;
}

html body .ta_r {text-align: right;}
html body .ta_l {text-align: left;}
html body .ta_c {text-align: center;}

.form_error_group {
    font-size: 11px;
    font-weight: bold;
}

h2.result {padding-bottom: 10px; text-align: center;}

table.shopping_cart {
    font: normal 11px Verdana, Arial, sans-serif;
    width: 95%;
    margin: 10px 0;
}

table.customer_details, table.choose_address {
    font: normal 11px Verdana, Arial, sans-serif;
}
table.customer_details {
margin: 0 auto; width: 80%;
}

table.customer_details td {padding: 2px 10px; }

.odd {background-color: #FFFFD8}
.even {background-color: #FFFFF8}

table.shopping_cart .header, table.customer_details .header, table.choose_address .header {background-color: #EFEFCA}
table.shopping_cart th, table.customer_details th {text-align: center; padding: 3px 0;}
table.customer_details th, table.choose_address th {font-size: 13px; padding: 10px;}
.inputblock label {font: bold 11px Verdana, Arial, sans-serif; letter-spacing: -1px;
                   float: left; clear: left; width: 450px; margin-bottom: 5px;}
.inputblock label span {text-align: right; width:120px; display: block; float: left; padding-top: 2px;}
.inputblock label span span, .inputblock label span.inputtext {text-align: left; width: auto; float: none; clear: none; display: inline;}
.inputblock input, .inputblock select, .inputblock textarea, .inputblock button {position: relative; margin-left: 10px;}
.inputblock button {letter-spacing: 0;}
.inputblock h2 span {margin-left: 130px; margin-bottom: 10px;}
.inputblock span.inputtext {margin-left: 10px; }
.inputblock label.narrow {width: 250px;}
.inputblock label.medium {width: 350px;}

.product_promotion {
border: 3px solid #ccc;
padding: 5px;
margin: 0 0 15px;
}

.product_promotions h2 {
}

.product_promotions h3 {
    margin: 0;
    padding: 0;
    color: #9F3D11;
    font-size: 20px;
}

.product_promotions h3 a:link, .product_promotions h3 a:visited {
    font-size: 12px;
    color: #9F3D11;
}

.sidebar_promotions .header {
    margin-top: 3px;
    margin-bottom: 15px;
    text-align:center;
    font: bold 13px Verdana, Arial, sans-serif;
    letter-spacing: -1px;
    color: #9F3D11;
}
.sidebar_promotions .header a {
color: #9F3D11;}

.product_specials, .sidebar_promotions {
    text-align: center;
}

.product_specials img, .sidebar_promotions img
 {
    border: none;
    margin-top: 10px;
}

.product_specials .price, .sidebar_promotions .price {
    margin-top: 3px;
    margin-bottom: 15px;
    text-align:center;
    font: bold 18px Verdana, Arial, sans-serif;
    letter-spacing: -1px;
    color: #c08642;
}

.sidebar_promotions .price {
    margin-bottom: 3px;
    font-size: 15px;
}

.column {
    width: 240px;
    float: left;
    position: relative;
}

#sitemap ul {
    list-style-type: none;
    margin: 0;
    padding-left: 10px;
}

#sitemap ul li {
    list-style-type: none;
    margin: 15px 0 0 0;
    padding: 2px 0 0 0;
    font-size: 11px;
    line-height: 14px;
    color: #555;
}

#sitemap h1 {
    font: bold 12px Verdana, Arial, sans-serif;
    letter-spacing: 0px;
    margin: 0;
    padding: 0;
    width: auto;
    display: inline;
}
#sitemap ul li ul {
    padding-left: 15px;
}

#sitemap ul.no-descriptions li {
    margin-top: 0;
}

#contactform label {font: bold 11px Verdana, Arial, sans-serif; letter-spacing: -1px;
              display: block;}
#contactform label span {display: block; margin: 5px 0;}

#contactform label span span {display: inline;}

.image_link img {vertical-align: middle; border: none; margin-right: 4px;}

.image_button {padding: 2px;}
.image_button img {vertical-align: middle; border: none; margin-right: 4px;}

.image_link span {text-decoration: underline;}
a.image_link {text-decoration: none;}

.smaller {font-size: 10px;}
html body .big {font-size: 120%;}
.navbar_button {float: left; width: 75px; margin-top: 1px; text-align: center;}
.navbar_button img {display: block; border: none; margin: 0 auto 2px;}

#wishlist tr:hover {background-color: #f8f8f8;}
#wishlist td { padding: 2px;}

p.message { margin: 10px 30px 10px 20px; font-size: 110%; line-height: 120%;}

table.order_details {
    font: normal 11px Verdana, Arial, sans-serif;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.order_details th {background-color: #EFEFCA; vertical-align: top; padding: 8px; text-align: center}
.order_details td {padding: 3px;}

.kilt_chooser_item {
    position: absolute;
    width: 40%;
}

.kilt_chooser_item img {
border: 1px solid black;
}
.kilt_chooser_item h2 {
    font: bold 13px/13px Verdana, Arial, sans-serif;
    color: black;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.ta_r h2 {
text-align: right;
}

input, textarea, select { background-color: #F5F7F9; border-width: 1px; border-color:#91A0AC;}
input:focus, textarea:focus, select:focus {background-color: #FBFBFB; border-color: #000;}

.product_customer_discount {
    color: #333;
    margin-top: 3px;
    margin-bottom: 8px;
    font-size: 11px;
    padding: 5px;
    border: 1px solid #FFF5BF;
    background-color: #FFFCEC;
}

.product_customer_discount b
{
    font-size: 13px;
    color: #c08642;
}

.price_info .column {
    width: 49%;
    float: left;
} 

.basket_discounts {
    margin: 0 auto;
}
.basket_discounts th{
     background-color: #f0f0f0;
     padding: 5px 20px;
     text-align: center;
}

.basket_discounts td{
     text-align: center;

}

.subproducts {
    padding: 10px;
    border: 1px solid black;
    background-color: #DAE4DC;
}

.subproducts table {
    background-color: #fff;
    width: 100%;
    border: 1px solid black;
}

.subproducts table table {
    width: auto;
    border: none;
}
.subproducts table th, .subproducts table td {
vertical-align: middle;
}

.subproducts .image {
    width: 140px;
    text-align: center;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    float: left;
}

.subproducts .image img {
    border: none;
}

.subproducts .image table {
    text-align: center;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
}

.subproducts th {
    text-align: center;
}

.subproducts .discount_info {
    font-size: 13px;
    padding: 4px;
}
.subproducts .image td {
    vertical-align: middle;
}

.subproducts .name, .subproducts .name a:link, .subproducts .name a:visited {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: -1px;
    color: #333;
}

.subproducts .price {
    font: bold 13px Verdana, Arial, sans-serif;
    letter-spacing: -1px;
    color: #c08642;
    padding-right: 10px;
}

.category_images {
text-align: center;
}
.category_image {padding: 5px; float: left; width: 140px; height: 130px;}
.category_image a {text-decoration: none; font-size: 9px;}
.category_image img {border: none;}

.sorting {
font-size: 9px;
text-align: right;
margin-right: 10px;
margin-bottom: 3px;
}

html body p.currency, .currency select, .currency option {
font-size: 9px;
}


.currency {margin-bottom: 10px;}

.currency h2 {
font-size: 10px;
margin: 3px 0; padding: 0;
}

p.currency_disclaimer {font-size: 9px; line-height: 13px; }

.payment_method_select option, .column-one-content select.payment_method_select {font-size: 14px;}
.payment_method_select {clear: none; margin: 0 auto; padding: 0;}

/* LiveSearch */
/*
#livesearch {
margin: 0px 25px 15px 25px;
padding:0px;
width: 140px;
display: block;
border:1px solid #99b58d;
}*/


#LSResult {
      position: absolute;
      background-color: #aaa;
      width: 250px;
      margin: 1px 0px 2px 0px;
      padding: 0px;
      top: 204px;
      left: 1px;
      z-index: 10;
      text-align: left;
}

#LSResult a {text-decoration: none; }

#LSResult li {
    padding-bottom: 2px;
    padding-top: 2px;
    line-height:15px;
    margin-bottom: 0px;
    display: block;
}

ul#LSShadow {
      position: relative;
      right: 1px;
      margin: 0px;
      padding: 0px;
      background-color: red; /*shadow color*/
      color: inherit;
}



#LSResult ul {
     margin-bottom: -5px;
     margin-top: 0px;
     padding-top: 0px;
     margin: 0px;
     padding: 0px;
     list-style-type: none;
     float: none;
     width: auto;
}

#LSResult ul li {
    display: block;
    text-indent: -15px;
    padding: 0px 15px 3px 20px;
    float: none;

}

#LSResult .LSRow {
    color: black;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
}

#LSResult .LSRow a:link, #LSResult .LSRow a:visited, #LSResult .LSRow a:hover {
    color: black;
    font-size: 10px;
}

#LSResult .LSRow a:hover {
    text-decoration: underline;
}

.LSRes {
      position: relative;
      bottom: 1px;
      right: 1px;
      background-color: white;
      border:  1px solid #AAA;
    }

#LSHighlight {
     color: #564b47 !important;
     background-color: #ccc !important;
}

label.promotion_agree {
    font-size: 13px;
    margin: 10px 0;
}
label.promotion_agree strong {
font-size: 17px;
}

div.search_group {
    margin: 0px;
    padding: 0px;

    background-color: #FFFFF0;
    margin-bottom: 10px;
}
div.search_group h1 {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    text-decoration: none;

    background-color: #E0E2EF;
    text-align: center;
    width: 100%;
    color: black;
}

/*
     CLANS
*/
#clan_details h1, #tartan_details h1 {
    width: 100%;
    text-align: center;
}
#clan_details {
    margin: 0px;
    padding: 0px;
}
div#crest {
    float: left;
    width: 170px;
}
div#tartan {
    float: left;
    margin-right: 10px;
}
#tartan_details #bottom {
    margin-top: 10px;
}
#tartan_details #description p {
    text-align: justify;
    text-indent: 30px;
}

div#motto {
    font-style: italic;
}
div#bottom {
    text-align: justify;
    clear:both;
}
div#bottom p {
    text-indent: 30px;
}

div#history_rest {
    display: none;
}
div#septs_rest {
    display: none;
}

.longevity {
    text-align: right;
    display: block;
}
#products .price {
    font-size: 11px;
}
#products td {
    width: 150px;
}

#products img, #crest img, #tartan img, #tartans img {
    border-style: none;
}
/*
    min height hack
    http://www.greywyvern.com/code/min-height-hack
*/
.min100px {
    height:100px;
}
.min130px {
    height:130px;
}

.prop {
    float:right;
    width:1px;
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

#clan_finder #dialog_box {
    text-align: center;
    margin-top: 20px;
}

#clan_finder h2, #tartan_finder h2 {
    color: black;
    text-align: center;
    background-color: #ECEDF4;
    padding: 5px;
    margin-top: 20px;
}
#tartan_finder #letters {
    text-align: center;
}

#tartan_finder #search_box {
    width: 200px;
    text-align: center;

}
#tartan_finder #or_box {
    width: 50px;
    text-align: center;
}
#tartan_finder #show_all_box {
    width: 200px;
    text-align: center;
}
#tartan_finder #tartan_finder_chooser {
    margin-top: 20px;
}
#tartan_finder #search_box #search_box_option {
    font-size: 9px;
    margin-top: 5px;
}
#tartan_finder #search_box #search_box_option a:active {
    text-decoration: underline;
}
.tartan_finder_tartan {
    width: 100%;
}
.tartan_finder_tartan_search {
    position: absolute;
    right: 10px;
}

#search_box_option a:link,
#search_box_option a:visited,
#search_box_option a:hover,
#search_box_option a:active {
    color: black;
    text-decoration: none;
}
.detailed_tartan {
    border-style: solid;
    border-width: 1px;
    border-color: #BFBFBF;
    width: 400px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #F5F9FC;
}
.detailed_tartan_image {
    width: 80px;
    text-align: center;
}
.detailed_tartan_description {
    width: 320px;
    vertical-align: top;
}
.detailed_tartan_description h3 {
    text-align: left;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}
.detailed_tartan_description h4 {
    font-size: 11px;
    margin: 0px;
    margin-top: 5px;
}
.detailed_tartan_description p {
    margin: 0px;
    text-indent: 20px;
}
.detailed_tartan img {
    border-style: solid;
    border-width: 1px;
    border-color: #BFBFBF;
}
#tartan_finder .errormsg {
    text-align: center;
    margin-top: 15px;
}

.product_materials, .product_delivery {background-color: #D1EAE0; padding: 3px; margin-top: 5px; font-size: 11px;}
.product_image .product_materials, .product_image .product_delivery {
	background: none;
}

.product-info-box {
	border: 2px solid #ccc;
	padding: 10px;
	margin: 20px 0;
	position: relative;
}

.product-info-box h2.title {
    color: #000;
    width: auto;
    position: absolute;
    top: -20px;
    left: 10px;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.product-info-box .product_materials {
	background: none;
	padding: 0;
}

.product_gallery img {
    margin: 2px 4px;
    padding: 3px;
    border: 1px solid white;
}

.product_gallery a:hover img {
    border: 1px solid #ccc;
}

h3 {font-size: 12px;}
h4 {font-size: 11px;}

/* package-related rules */

.package_shortcuts {border: 1px solid #ccc; padding: 5px; margin: 10px 0;
font-size: 10px; }

.package_shortcuts h2 {margin-top: 0; height: 30px;}

.package_shortcuts div {
    float: left;
    margin-right: 4px;
    text-align: center;
    height: 60px;
    width: 75px;
    white-space: nowrap;
}

.package_shortcuts .package_image {
    float: left;
    margin-right: 38px;
    padding-bottom: 20px;
}

.package_shortcuts div.package_description {float: none; margin: 0; text-align: left;}

.package_shortcuts a img  {border: 0; }
.package_shortcuts .image_border {
	display: block; 
	margin: 0 auto; 
	border: 1px solid #ccc; 
	text-align: center; 
	min-width: 40px;
	max-width: 100px;
	overflow: hidden;
}
.package_shortcuts .price {float: right; color: #c08642; font-weight: bold; text-align: right; margin-top: 0;}
.package_element h2 {
    background-color: #535A6F;
    color: white;
    margin-right: 330px;
    margin-top: 0;

}

.package_element {margin-bottom: 10px; padding: 0 10px 10px; border: 1px solid #eee;}
.package_element .image_link {clear: right; float: right; padding-top: 5px; width: 120px; text-align: center;}
.package_element h3 {margin: 2px;}
.package_element .product_price {font-size: 10px;}
.package_element .product_thumbnail {float: right; margin-left: 10px;}
.package_element .product_options {float: left; width: 335px; background: #F2F6F9; margin-right: 10px; padding: 5px; font-size: 9px;}
.package_element .product_options select,.package_element .product_options option {font-size: 9px}
.package_element .product_options h2 {background: none; color: #333; margin-top: 0; margin-bottom: 5px; margin-right: 0;}

.package_optional_element {
    width: 30%;
    padding: 3px;
    float: left;
    border: 1px solid #ddd;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 5px;
    margin-top: 3px;
    font-size: 10px;
    min-height: 80px; position: relative;
}

* html .package_optional_element {height: 80px;}

.package_optional_elements h2 {text-align: center;}
.package_optional_elements h3 {
    background-color: #535A6F;
    color: white;
    margin: 0 6px 0 4px;
}

.package_optional_element h4 {font-size: 11px; padding: 0; margin: 0 0 0 5px;}
.package_optional_element img {float: left; border: 0;}
.package_optional_element .product_price {font-size: 9px;}
.package_optional_element a.image_link {font-size: 9px; position: absolute; right: 5px; bottom: 5px;}
div.more_products {clear: left; padding: 5px; margin: 0 6px 0 4px;}

.browser img {border: 0}

.browser span.product_price {
    font: bold 20px Verdana, Arial, sans-serif;
    letter-spacing: -1px;
    color: #c08642;
}
.small_description {font-size: 80%; margin-top: 5px;}

.browser .even {background-color: #F2F6F9}
.browser .odd {background-color: transparent}

.price_info {padding: 0 0 10px 0; margin: 10px 0; border-bottom: 1px solid #ccc; }

/*** Tartan finder styles ***/

.search-box {
border: 3px solid #666;
padding: 3px;
margin-bottom: 10px;
width: 90%;
margin-left: auto;
margin-right: auto;
}

dl.search-criteria
{
width: 100%;
margin: 0.5em 0;
padding: 0;
}

.search-criteria dt
{
width: 40%;
float: left;
text-align: right;
margin: 0 0 0 0;
padding: .5em;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
.search-criteria dt { clear: both; }
/* end hack */

.search-criteria dd
{
float: left;
width: 55%;
margin: 0 0 0 0;
padding: 0.5em 0em;
}
.search-info {
width: 50%;
margin: 0 auto;
text-align: center;
padding: 5px;
background-color: #E1EBED;
font-size: 10px;
}

.search-info a img {vertical-align: middle; border: none;}

.tartan-details {
border-bottom: 1px solid #ccc;
padding: 3px 0;
}

.tartan-details img.tartan_image {float: left; margin-right: 10px; }
.tartan-details .button {float: right; clear: right; margin-left: 10px;}

.tartan-details a img {border: none;}
.tartan-details a {color: inherit; text-decoration:none;}
.tartan-details a:hover {text-decoration: underline;}

fieldset.transparent {border:0; padding: 0; margin: 0;}

a img {border:none}

p.edt {
font-size: 10px;
margin-top: 5px;
}

.edt_for_order {
    color: #333;
    margin-top: 3px;
    margin-bottom: 8px;
    font-size: 11px;
    padding: 5px;
    border: 1px solid #FFF5BF;
    background-color: #FFFCEC;
}

.module_separator {
  height: 1px;
  line-height: 1px;
  border: 0px;
  color: #dadbdc;
  background-color: #dadbdc;
}

.module_title {
  margin-top: 5px;
  margin-left: 2px;
  margin-bottom: 2px;
}

.currency_flag {
  margin-right: 5px;
  margin-bottom: 4px;
}

.guarantees_box {
  margin-bottom: 15px;
  margin-left: 15px;
}

.guarantees_icon {
  vertical-align: top;
}

.guarantees_icon img {
  margin-left: 20px;
}

.guarantees_title {
  font-size: 20px;
  padding-left: 20px;
  padding-bottom: 10px;
  color: grey;
}

.guarantees_content {
  text-align: justify;
  padding-left: 20px;
  padding-right: 20px;
}

.guarantees_content p {
  text-indent: 35px;
  font-family: Verdana;
  margin: 0px;
}

.guarantees_header {
  margin-left: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Verdana;
  font-size: 20px;
  color: grey;
  font-weight: bold;
}

.guarantees_statement {
  margin-left: 25px;
  margin-bottom: 25px;
  text-align: justify;
  margin-right: 20px;
}

.guarantees_statement {
  text-indent: 35px;
}

.guarantees_content ul {
  margin: 0px;
}

.guarantees_content ol {
  margin: 5px;
}

.guarantees_content li {
  font-family: Verdana;
  font-size: 11px;
  margin: 0px;
  margin-left: 10px;
}

.loyalty_points_price {
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #FFF5BF;
    background-color: #FFFCEC;

}

.loyalty_points_price h3 {
    margin: 0;
    padding: 0;
    color: #9F3D11;
    font-size: 14px;
    line-height: 16px;
}

.inputblock .star {
    position: relative;
    left: 10px;
}

.product_review {
    font-size: 11px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin: 5px;
}

.product_review .helpful {
    font-style: italic;
}

.product_review .author {
  margin-bottom: 3px;
}
.product_review .stars {
    float: right;
    width: 100px;
}

.avg_rating {
  font-size: 11px;
  color: #333;
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  margin-top: 5px;

}

.article p, .article li, .article table {
    font: normal 11px/14px Verdana, Arial, sans-serif;
    color: #333;
    margin-bottom: 5px;
}

.article li {
    text-indent: 0px;
}

.airgid:link, .airgid:visited {
  color: black;
  text-decoration: underline;
}

.loyalty_points_price h3 .airgid:link, .loyalty_points_price h3 .airgid:visited {
  color: #9F3D11;
} 

.add-to-cart {
    margin-top: 5px;
    margin-bottom: 5px;
}

#product-tabs .ui-tabs-panel {
    min-height: 100px;
}

.add-to-cart .product_options select,
.add-to-cart .product_options option {
    font-size: 9px;
}

.add-to-cart button {
	height: 40px;
	font-size: 15px;
}

.dispatch p, .dispatch li {
    font: normal 11px/14px Verdana, Arial, sans-serif;
    color: #333;
    margin-bottom: 5px;
    line-height: 18px;
    text-align: justify;
}

.dispatch p {
    text-indent: 25px;
}

.dispatch hr {
    display: block;
    border: 0px;
    line-height: 1px;
    height: 1px;
    color: #dadbdc;
    background-color: #dadbdc;
    border-top: 1px solid #dadbdc;
}

#add_review {
	position: relative; /* ie6 css fix */
}

.product_description {
	margin-bottom: 10px;
}