/* setting global page styles */
html, body { padding: 0px; margin: 0px; background: url(../../_images/turntables_pattern.gif ); font-family: /*Lucida Grande, */ Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; color: #505050; }
form { padding: 0px; margin: 0px; }
img { margin: 0px; padding: 0px; border-width: 0px; }
p { margin: 0px; padding: 0px; }
a { color: #000000;}
a:hover     { color: #505050; }
a:link      { color: #505050; }
a:active    { color: #505050; }
a:visited   { color: #505050; }
input { font-size: 11px; }
select { font-size: 11px; }

/* defining centering of the site */
#center { width: 782px; position: absolute; left: 50%; margin-left: -391px; }

/* left and right shadow styles
 * no height needs to be defined on them, as
 * the whole content is wrapped in them.
 */
/*#shadow-left { height: 100%; float: left; background: url(../../_images/shadow_left.png); background-repeat: repeat-y; background-position: left; }
#shadow-right { height: 100%; float: right; background: url(../../_images/shadow_right.png); background-repeat: repeat-y; background-position: right; }*/
/*#shadow-top { width: 755px; margin-left: 14px; background: url(../../_images/shadow_top.png); background-repeat: repeat-x; }*/
/*#shadow-bottom { margin-left: 13px; width: 755px; background: url(../../_images/shadow_bottom.png); background-repeat: repeat-x; background-position: bottom; }
*/
/* defining styles for the navigation menu */
#menu { width: 731px; height: 20px; padding: 0px; margin: 0px; }
#menu-left { background-color: #000000; padding: 0px; margin: 0px;}
#menu-chooser { padding: 0px; margin: 0px; margin-top: 6px; height: 23px; border-bottom: #000000 1px solid; color: #000000;}

/* styles for the basic page layout */ 
#header-image { width: 731px; padding: 0px; margin: 0px; }
#main-frame { padding-top: 12px; margin-left: 13px; padding-left: 12px; margin-right: 13px; padding-right: 12px; width: 731px; background-color: #ffffff; float: left; padding-bottom: 10px; margin-bottom: 12px;}
#left-side { float: left; text-align: left; width: 237px; }
#right-side { float: right; width: 484px; }
#content-frame { height: 100%; height: 100%; }
#copyright { margin: 0px; padding: 0px; padding-top: 60px; clear: both;}

/* styles which are used various times among the page(s) */
.red-bar { margin: 0px; padding: 0px; height: 3px; background-color: #ca3a3a; }
.black-bar { margin: 0px; padding: 0px; height: 1px; background-color: #000000; }
.section-header { font-size: 18px; font-weight: bold; color: #000000; border-top: #ca3a3a 3px solid; border-bottom: #000000 1px solid; padding-top: 5px; height: 47px; }

/* different paddings which may be used in combination with other styles.
 * the naming conventions follow the following rules:
 *    - each padding style is prefixed with a p
 *    - if a side-padding is 0 it doesn't need to be specified in the name
 *    - the first letter of each side and a value must be given
 *    - if all sides have the same padding only the number combined with the p is taken
 *
 * examples:
 *   - left: 12px; right: 3px; top: 0px; bottom: 0px; = pl12r3
 *   - left: 3px; right: 3px; top: 3px; bottom: 3px; = p3
 */
.pt10b15 { padding-top: 10px; padding-bottom: 15px; }
.pt10b11 { padding-top: 10px; padding-bottom: 11px; }
.pt6 { padding-top: 6px; }
.pb6 { padding-bottom: 6px;}
.pb4 { padding-bottom: 4px; }
.pl6 { padding-left: 6px; }
.pr6 { padding-right: 6px; }
.pt11 { padding-top: 11px; }
.pt12 { padding-top: 12px; }
.pb12 { padding-bottom: 12px; }
.pt4 { padding-top: 4px; }
.pl12 { padding-left: 12px;}
.pr12 { padding-right: 12px;}
.pb3 { padding-bottom: 3px; }
.pt3 { padding-top: 3px; }
.pb24 { padding-bottom: 24px; }
.pt24 { padding-top: 24px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pt5 { padding-top: 5px; }
/* different background colors are defined here */
.light-gray, .even { background-color: #f8f6f6; }
.light-gray2, .odd { background-color: #f0eeec; }
.light-gray3 { background-color: #F0EFEE;}
.black-bar-bottom { border-bottom: #000000 1px solid; }
.black-bar-top { border-top: #000000 1px solid; }

/* defining colors used */
.red, a.red, a.red:link, a.red:hover, a.red:visited { color: #ca3a3a; }
.black, a.black, a.black:link, a.black:hover, a.black:visited, a.black:active { color: #000000; }
.gray, a.gray, a.gray:link, a.gray:hover, a.gray:visited { color: #505050; }

/* styles for tables */
.dotted-bottom, .dotted { background-image: url(../../_images/dotted.gif); background-repeat: repeat-x; background-position: bottom; }
.even { height: 27px; }
.odd { height: 27px; }
.selected { height: 27px; color: #ca3a3a; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }

/* styles for item navigation */
.navigation { border-top: #000000 1px solid; border-bottom: #000000 1px solid; height: 16px;}
.enabled { color: #ca3a3a; font-weight: bold; }

.black-border { border: #000000 1px solid; }
/* used for two-column layout */
.left { float: left; }
.right { float: right; } 

/* image frame */
.gray-frame { border: #505050 1px solid; }
.black-frame { border: #000000 1px solid; }
.red-frame { border: #ca3a3a 1px solid; }

/* form */
.press-input { width: 200px; }
.press-input-small { width: 120px; }

/* font sizes */
.f14 { font-size: 14px; }
.f10 { font-size: 10px; }
.lh12 { line-height: 14px; }

a.strike-on-hover, a.strike-on-hover:link, a.strike-on-hover:visited { text-decoration: none; }
a.strike-on-hover:hover { text-decoration: underline; }

.no-underline { text-decoration: none; }

/* table in css */
.table-col { float: left; }
.clear { clear: both; }

/* filter boxes width */
.tour-filter { width: 160px; }

/* shop register login form */
.shop-form-col { width: 141px; }

/* ajaxian things */
.indicator { width: 15px; height: 15px; border-width: 0px; }

/* compliance related */
.nowrap { white-space: nowrap; }