/*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
         ++++++++++++++++++ General Stylings ++++++++++++++++++
         +++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#fb-root{
	font-size:12px;
	font-weight:bold;
	margin:15px;
	padding:10px;
	border:2px;
	border-style:solid;
	border-color:#1174c7;
}

#share{
	font-size:12px;
	font-weight:bold;
	margin:5px;
	border:2px;
	border-style:solid;
	border-color:#1174c7;
}

#share-header
{
	float:left;
    padding:5px 15px 5px 10px;
}

#share-buttons
{
	padding:5px 10px 5px 10px;
}

a {
    color: #1174c7;
    text-decoration:none;
}

a img {
        border: none;
}

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

.bookmark {
        float:right;
        margin:10px;
        padding:2px;        
        font: 14px 'Arial', Verdana, sans-serif;
        font-weight: bold;
}

body {
        background: #4e9bd7;
        color: #000;
        font-family: Arial, Verdana, sans-serif;
        margin: 0;
        padding: 0;
}

h1 {   
	font: 20px 'Arial', Verdana, sans-serif;
        margin: 2px 0 2px 0;
        padding-bottom: 2px;
        font-weight:bold;
}

h2 {
	font: 16px 'Arial', Verdana, sans-serif;
        font-weight:bold;
        margin: 2px 0 2px 0;
        padding-bottom: 2px;
}

h3 {
	font: 14px 'Arial', Verdana, sans-serif;
        margin: 0 0 5px 0;
}

p {
        font: 14px 'Arial', Verdana, sans-serif;
        line-height:17px;
        color: #5f5f5f;
}

/*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
        ++++++++++++++ Containers and Headers ++++++++++++++++
         +++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* ++++++++++++++++++ The Header Section ++++++++++++++++++ */

#header {
        width:975px;
        font-family: Verdana, Arial, sans-serif;
        overflow:hidden;
        margin:0 0 0px 0;
        padding: 0px 0 10px 0;
        background:#002039;
}

#header a {
        color: #fff;
        text-decoration: none;
}

#header a:hover {
        text-decoration: none;
}

#header h1 {
 	font-family:verdana,arial,sans-serif;
        font-size:29px;
        margin: 0px 0 0 20px;
        padding:0;
        color:#fff;
        z-index:1;
}

#header h1 a:hover {}

#header h2 {margin-top:2px;
            font-family: verdana, arial, sans-serif;
            font-size:13px;
            color:#fff;
            margin-left:25px;
}

#headerleft {
     float:left;
     padding:15px 15px 5px 15px;
	 width:330px;
}

#headercentre {
	float:left;
	padding:15px 0px 0px 0px;
}

#headerright {
	float:right;
	padding:25px;
}

#header-nav{
        width:975px;
        float:left;
        margin-bottom:10px;
        padding:5px 0px 5px 0px;
        background:#274e6d;

         -webkit-border-top-left-radius:0px;
         -webkit-border-top-right-radius:0px;
         -webkit-border-bottom-left-radius:5px;
         -webkit-border-bottom-right-radius:5px;

         -khtml-border-radius-topleft:0px;
         -khtml-border-radius-topright:0px;
         -khtml-border-radius-bottomleft:5px;
         -khtml-border-radius-bottomright:5px;

         -moz-border-radius-topleft:0px;
         -moz-border-radius-topright:0px;
         -moz-border-radius-bottomleft:5px;
         -moz-border-radius-bottomright:5px;
}

/* ++++++++++++++++++Site Container ++++++++++++++++++ */
#wrapper {
        width:975px;
        margin:0 auto;
}

/* ++++++++++++++++++ Content Container ++++++++++++++++++ */
#content {        
        float:left;
        overflow:hidden;
}

.catalog_page_ad_block{
        float: left;
        width: 685px;
        padding-top: 3px;
        padding-bottom: 5px;
        margin-bottom:7px;
}

#main {
        padding:0px 10px;
        font-size:14px;
        text-align:justify;
        float:left;
        width:750px;
        margin-bottom:5px;
        background:#ffffff;
        overflow:hidden;

         -webkit-border-top-left-radius:5px;
         -webkit-border-top-right-radius:5px;
         -webkit-border-bottom-left-radius:5px;
         -webkit-border-bottom-right-radius:5px;

         -khtml-border-radius-topleft:5px;
         -khtml-border-radius-topright:5px;
         -khtml-border-radius-bottomleft:5px;
         -khtml-border-radius-bottomright:5px;

         -moz-border-radius-topleft:5px;
         -moz-border-radius-topright:5px;
         -moz-border-radius-bottomleft:5px;
         -moz-border-radius-bottomright:5px;
}


/* ++++++++++++++++++ The Sidebar Section ++++++++++++++++++ */

.sidebar {
        width:200px;
        float:right;
        color:#fff;
        margin:0px 0px 5px 5px;
        overflow:hidden;

         -webkit-border-top-left-radius:5px;
         -webkit-border-top-right-radius:5px;
         -webkit-border-bottom-left-radius:5px;
         -webkit-border-bottom-right-radius:5px;

         -khtml-border-radius-topleft:5px;
         -khtml-border-radius-topright:5px;
         -khtml-border-radius-bottomleft:5px;
         -khtml-border-radius-bottomright:5px;

         -moz-border-radius-topleft:5px;
         -moz-border-radius-topright:5px;
         -moz-border-radius-bottomleft:5px;
         -moz-border-radius-bottomright:5px;
}

.random-search-title {
        text-align: center;
        font-weight: bold;
        margin-bottom:20px;
        padding:0px;
        font-size: 12px;
}

.random-search-thumbnail {
        float: left;
        margin-right: 2px;
        position:relative;
}

.random-search-thumbnail img {
        margin:4px 0px 10px 1px;
        padding:3px;
        display:block;
}

.random-search-thumbnail img:hover {
}


.sidebar form {
        margin: 0;
        padding:0;
        list-style-type:none;
}

.sidebar input#s {
        text-align:left;
        margin-left:0px;
        width: 77%;
        background: #fff;
        color: #000;
        font-weight:bold;
        font-family: verdana, arial,sans-serif;
        font-size:16px;
}

.sidebar h3 {
        color:fff; 
        font-weight:bold; 
        font-size:15px; 
        margin:5px 0 6px 5px;
}

.sidebar ul {
        font-weight: bold;
        margin: 0;
        padding-left: 0px;
}

.sidebar ul li {
        font: 14px 'Arial', Verdana, sans-serif;
        padding:0px 0px 0px 0px;
        margin:0px 0 0 0;
        list-style-type: none;
        color: #fff;
}

.sidebar a {
	color:#FFFFFF;
}

.footer {
        clear:both;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        overflow:hidden;
        padding: 5px 5px 5px 5px;
        background:#002039;
        color:#FFFFFF;
        text-align:center;

         -webkit-border-top-left-radius:5px;
         -webkit-border-top-right-radius:5px;
         -webkit-border-bottom-left-radius:5px;
         -webkit-border-bottom-right-radius:5px;

         -khtml-border-radius-topleft:5px;
         -khtml-border-radius-topright:5px;
         -khtml-border-radius-bottomleft:5px;
         -khtml-border-radius-bottomright:5px;

         -moz-border-radius-topleft:5px;
         -moz-border-radius-topright:5px;
         -moz-border-radius-bottomleft:5px;
         -moz-border-radius-bottomright:5px;
}

.footer p {
color:#FFFFFF;
}


/* ------------------ Tabs -------------------*/

.ui-tabs { padding: 0px; zoom: 1; }

.ui-tabs .ui-tabs-nav { margin:0px 40px 40px 10px; list-style: none; position: relative; padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li { position: relative; float: right; background:#2a5270; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0;

         -webkit-border-top-left-radius:3px;
         -webkit-border-top-right-radius:3px;
         -webkit-border-bottom-left-radius:3px;
         -webkit-border-bottom-right-radius:3px;

         -khtml-border-radius-topleft:3px;
         -khtml-border-radius-topright:3px;
         -khtml-border-radius-bottomleft:3px;
         -khtml-border-radius-bottomright:3px;

         -moz-border-radius-topleft:3px;
         -moz-border-radius-topright:3px;
         -moz-border-radius-bottomleft:3px;
         -moz-border-radius-bottomright:3px;
}

.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; color:#FFFFFF; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { padding: 1em 0em; display: block; border-width: 0; background: none; }

.ui-tabs .ui-tabs-hide { display: none !important; }


/* ----------------- Nav Menus --------------- */

/*********** ----[ Header Nav Menu ]----**************/
#header-nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#header-nav ul li { display: inline; }

#header-nav ul li a
{
	text-decoration:none;
        font-size:12px;
        color:#ffffff;
	background-color:#274e6d;    
	padding:5px 25px;
}
#header-nav ul li a:hover
{
	background-color:#336699;
	color:#FFF;
}

/*************  Sidebar-nav *****************/



h3.trigger {
	padding: 0 0 0 35px;
	margin: 0 0 5px 0;
	background: url(/images/trigger.png) no-repeat;
	height: 40px;
	line-height: 40px;
	width: 190px;
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	float: left;
        cursor:pointer;
}

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(/images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 10pt;
	width: 200px;
	clear: both;

    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;

    -khtml-border-radius-topleft:5px;
    -khtml-border-radius-topright:5px;
    -khtml-border-radius-bottomleft:5px;
    -khtml-border-radius-bottomright:5px;

    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
}

.toggle_container .block {
	padding: 10px; /*--Padding of Container--*/
}

.toggle_container .adblock {
	padding: 0px; /*--Padding of Container--*/
	text-align: center;
}

.toggle_container a {
        color:#000000;
        font-size:10pt;
}

.adblock-sb-bottom{
	height:550px;
	width:200px;
	clear: both;
	padding:15px 35px 0px 35px;
	background: url(/images/sidebar-adblock-bottom.png) no-repeat;
}

.adblock-sb-bottom img{
	margin: 0px 0px 5px 0px;	
}

/* ----------- Navigation -------------*/

.navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
        padding:10px 0px 10px 0px;
	text-align:center;
}

.navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.navigation a.page-numbers,
.navigation a.next,
.navigation a.prev, 
.navigation span.page-numbers,
.navigation span.next,
.navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.navigation a.page-numbers:hover,
.navigation a.next:hover,
.navigation a.prev:hover, 
.navigation span.page-numbers:hover,
.avigation span.next:hover,
.navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}
/**********************Front Page Units*********************/
.searchbox
{
	font-weight:bold;
	color:#ffffff;
}

.searchform{
	padding-top:5px;
}

.searchform input{
	font-size: large;
}

#grid {
    height: 100%;
    padding: 1px 1px 10px 0px;
}

.grid-itemtitle {
	clear:both;
        text-align: center;
        font-weight: bold;
        margin-bottom:20px;
        padding:0px;
        font-size: 12px;
}

.grid-thumbnail {
        float: left;
        margin-right: 2px;
        position:relative;
}

.grid-thumbnail img {
        margin:4px 0px 10px 1px;
        padding:3px;
        display:block;
}

.grid-thumbnail img:hover {
}

/*********************Search Results ************************/

.detail-itemtitle {
        font: 16px 'Arial', Verdana, sans-serif;
        text-align: left;
        color: #5f5f5f;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
}

.detail-description {
        font: 14px 'Arial', Verdana, sans-serif;
        text-align: left;
        color: #5f5f5f;
        padding: 0px 0px 0px 0px;
        margin-bottom: 20px;
}

.detail-merchant {
        font: 14px 'Arial', Verdana, sans-serif;
        text-align: left;
        color: #5f5f5f;
        margin-bottom: 5px;
}

.detail-buy {
        font: 14px 'Arial', Verdana, sans-serif;
        text-align: left;
        color: #5f5f5f;
        margin-bottom: 5px;
}

.search-footer{
       color: #5f5f5f;
}