/*
* @author vaibhav :: notation - camelcase for classes and underscore seperated for ids
* The file needs to be trimmed & organized. CSS classes are too content specific here, DRY them oap
*/
 
html{}
body{padding:0;margin:0;background-color:#fefefe;color:#000;}
body,input,textarea,select{font-family:arial,'helvetica neue',helvetica,Trebuchet,sans-serif;font-size:12px;}
img{border-style:none;}
 
/* Page layout & menus */
div.pageContainer{background:#fefefe none repeat scroll 0 0;text-align:center;padding:0;min-width:900px;position:relative;}
/* For some strange reason, div.logoContainer takes the top margin as 20px which gets corrected on giving it a border */
div.logoContainer{width:900px;text-align:left;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:20px;border:1px solid #fff;}
div.logoContainer div.logo{float:left;width:200px;}
div.logoContainer div.topSearchBox{float:right;width:525px;padding:5px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;background-color:#fafafa;}
div.mainContent{width:900px;margin-left:auto;margin-right:auto;text-align:left;padding:20px 20px 20px 20px;}
div.leftFloatHalf{float:left;}
div.rightFloatHalf{float:right;}
div.leftFloatMinor{float:left;width:180px;}
div.rightFloatMajor{float:right;width:700px;text-align:center;}
div.minorHeading{padding:5px;margin-bottom:10px;font-size:16px;font-weight:700;}

/* Top search box */
div.topSearchBox ul.searchFormSmall{list-style:none;padding:0px;margin:0;}
div.topSearchBox ul.searchFormSmall li{float:left; margin-left:15px;margin-right:15px;font-size:12px;color:#777;}
div.topSearchBox ul.searchFormSmall li div{margin-top:5px;margin-bottom:5px;}
div.topSearchBox ul.searchFormSmall .searchQueryBox{width:225px;color:#777;font-weight:700;font-size:12px;border-top:2px solid #aaa;border-bottom:2px solid #f2f2f2;border-right:2px solid #f2f2f2;border-left:2px solid #aaa;}
div.topSearchBox ul.searchFormSmall .citySelectorBox{color:#777;font-size:12px;font-weight:700;}
div.topSearchBox ul.searchFormSmall .submitButton{color:#777;font-size:12px;font-weight:700;}

/* Footer menu */
div.footerMenu{background-color:#fafafa;color:#777;text-align:center;margin-top:20px;border-bottom:1px dotted #ddd;padding:10px;}

/* Main menu */
div.mainMenuContainer{background-color:#fafafa;border-top:1px dotted #ddd;}
div.mainMenu{width:900px;text-align:left;margin-left:auto;margin-right:auto;}
div.mainMenu ul{list-style:none;margin:0px;padding:0px;}
div.mainMenu ul li{padding:12px 22px 12px 0px;float:left;}
div.mainMenu ul li a{padding:3px 8px 3px 8px;font-size:14px;font-weight:700;color:#000;border:1px solid #fafafa;text-decoration:none;}
div.mainMenu ul li a:hover{background-color:#fefefe;color:#2d9dc5;text-decoration:none;border:1px solid #2d9dc5;}
div.mainMenu ul li a.selected{background-color:#2d9dc5;color:#fff;text-decoration:none;border:1px solid #2d9dc5;}

/* Inner top links */
div.innerTopLinks{text-align:right;}
 
/* Lines (using divs) */
div.dottedLineGray{clear:both;border-bottom:1px dotted #ddd;margin-top:15px;margin-bottom:15px;}
div.solidLineGray{clear:both;border-bottom:1px solid #ddd;margin-top:15px;margin-bottom:15px;}

/* General unordered list without any tabs or bullets  */
ul.noTabs{margin:0px;padding:0px;list-style:none;}
ul.noTabs li {padding:3px 0px 3px 0px;}

/* Search results filter */
div.filter{border:1px solid #f2f2f2;background-color:#fafafa;padding:5px;margin-bottom:20px;}
/* Title */
div.filter div.title{font-size:14px;padding:3px;font-weight:700;cursor:pointer;}
/* Facets */ 
div.filter ul.facetList{margin:0px;padding:2px;list-style:none;}
div.filter ul.facetList li{padding:3px 0px 3px 10px;}
ul.selectedFilters{margin:0px;list-style:none;padding:5px;margin-bottom:20px;background-color:#fafafa;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;}
ul.selectedFilters li{padding:3px 0px 3px 5px;}

/* Offer */
/* Thumbnails */
div.offerThumb {float:left; margin:20px 30px 20px 30px;border:3px solid #eee;width:165px;height:240px;}
div.offerThumb div.logoWrapper {width:140px;height:140px;margin:auto;margin-bottom:10px;}
div.offerThumb div.logoWrapper table {vertical-align:middle;height:100%;} 
div.offerThumb div.title {margin:auto;margin-bottom:15px;height:25px;}
div.offerThumb div.tip {margin:auto;padding-bottom:5px;}
/* Details */
div.offerDetails div.header {font-size:20px; margin:20px 0px 20px 0px;}
/* Simple captcha */
#simple_captcha{border:none;padding:0px;}
#simple_captcha, #simple_captcha div{display:table;}
#simple_captcha .simple_captcha_field, #simple_captcha .simple_captcha_image{margin:0px 0px 2px 0px;padding:0px;}
#simple_captcha .simple_captcha_image img{margin:0px;padding:0px;width:110px;}
#simple_captcha .simple_captcha_label{}
#simple_captcha .simple_captcha_field input{color:#000;width:250px;border:1px solid #ddd;}
 
/* General links and anchors */
/* Tiny = 8px */
/* Blue */
a.blueTiny{padding:3px;font-size:8px;font-weight:500;color:#2d9dc5;}
a.blueTiny:hover{background-color:#2d9dc5;color:#fff;text-decoration:none;}
a.blueTiny.selected{background-color:#2d9dc5;color:#fff;text-decoration:none;}
/* Gray */
a.grayTiny{padding:3px;font-size:8px;font-weight:500;color:#777;text-decoration:none;}
a.grayTiny:hover{background-color:#777;color:#fff;text-decoration:none;}
a.grayTiny.selected{background-color:#777;color:#fff;text-decoration:none;}

/* Small = 10px */
/* Blue */ 
a.blueSmall{padding:3px;font-size:10px;font-weight:500;color:#2d9dc5;text-decoration:none;}
a.blueSmall:hover{background-color:#2d9dc5;color:#fff;text-decoration:none;}
a.blueSmall.selected{background-color:#2d9dc5;color:#fff;text-decoration:none;} 
/* Gray */
a.graySmall{padding:3px;font-size:10px;font-weight:500;color:#777;text-decoration:none;}
a.graySmall:hover{background-color:#777;color:#fff;text-decoration:none;}
a.graySmall.selected{background-color:#777;color:#fff;text-decoration:none;}

/* Normal = 11px */
/* Blue */  
a.blueNormal{padding:3px;font-size:11px;font-weight:500;color:#2d9dc5;}
a.blueNormal:hover{background-color:#2d9dc5;color:#fff;text-decoration:none;}
a.blueNormal.selected{background-color:#2d9dc5;color:#fff;text-decoration:none;}
/* Gray */
a.grayNormal{padding:3px;font-size:11px;font-weight:500;color:#777;}
a.grayNormal:hover{background-color:#777;color:#fff;text-decoration:none;}
a.grayNormal.selected{background-color:#777;color:#fff;text-decoration:none;}

/* Medium = 12px */
/* Blue */  
a.blueMedium{padding:3px;font-size:12px;font-weight:500;color:#2d9dc5;}
a.blueMedium:hover{background-color:#2d9dc5;color:#fff;text-decoration:none;}
a.blueMedium.selected{background-color:#2d9dc5;color:#fff;text-decoration:none;}
/* Gray */
a.grayMedium{padding:3px;font-size:12px;font-weight:500;color:#777;}
a.grayMedium:hover{background-color:#777;color:#fff;text-decoration:none;}
a.grayMedium.selected{background-color:#777;color:#fff;text-decoration:none;}

/* Links with no underline in default state */
/* Normal = 11px */
/* Blue */ 
a.blueNormalNoLine{padding:3px;font-size:11px;font-weight:500;color:#2d9dc5;text-decoration:none;}
a.blueNormalNoLine:hover{background-color:#2d9dc5;color:#fff;text-decoration:none;}
a.blueNormalNoLine.selected{background-color:#2d9dc5;color:#fff;text-decoration:none;}
/* Gray */
a.grayNormalNoLine{padding:3px;font-size:11px;font-weight:500;color:#777;text-decoration:none;}
a.grayNormalNoLine:hover{background-color:#777;color:#fff;text-decoration:none;}
a.grayNormalNoLine.selected{background-color:#777;color:#fff;text-decoration:none;}

/* Medium = 12px */
/* Blue */  
a.blueMediumNoLine{padding:3px;font-size:12px;font-weight:500;color:#2d9dc5;text-decoration:none;}
a.blueMediumNoLine:hover{background-color:#2d9dc5;color:#fff;text-decoration:none;}
a.blueMediumNoLine.selected{background-color:#2d9dc5;color:#fff;text-decoration:none;}

/* Large */
/* Pink */
a.pinkLargeHighlight{padding:3px;font-size:12px;background-color:#ff0084;font-weight:700;color:#fff;text-decoration:none;}
/* Arrows */
/* Normal = 11px */
/* Pink */ 
a.pinkNormalArrow{font-size:11px;font-weight:700;color:#ff0084;text-decoration:none;}
a.pinkNormalArrow:hover{background-color:#ff0084;color:#fff;text-decoration:none;}
/* Blue */  
a.blueNormalArrow{font-size:11px;font-weight:700;color:#2d9dc5;text-decoration:none;}
a.blueNormalArrow:hover{background-color:#2d9dc5;color:#fff;text-decoration:none;}

/* Cancel */
a.pinkSmallCancel{padding:0px 2px 0px 2px;font-size:10px;font-weight:500;color:#ff0084;text-decoration:none;}
a.pinkSmallCancel:hover{background-color:#ff0084;color:#fff;text-decoration:none;}
a.pinkSmallCancel.selected{background-color:#ff0084;color:#fff;text-decoration:none;}  
/* Text formatting */
.pinkText{color:#ff0084;font-weight:500;}
.pinkTextBold{color:#ff0084;font-weight:700;}
.blueText{color:#2d9dc5;font-weight:500;}
.blueTextBold{color:#2d9dc5;font-weight:700;}
.blackText{color:#000;font-weight:500;}
.blackTextBold{color:#000;font-weight:700;}
.whiteText{color:#fff;font-weight:500;}
.whiteTextBold{color:#fff;font-weight:700;}
.grayText{color:#777;font-weight:500;}
.grayTextBold{color:#777;font-weight:700;}
.tinyFont{font-size:10px;}
.smallFont{font-size:11px;}
.mediumFont{font-size:12px;}

/* Underlined spans */
/* Pink */
span.pinkUnderlineDotted{border-bottom:1px dotted #ff0084;}
/* Labels */
span.blackLabel{background-color:#000;padding:5px;}
span.grayLabel{background-color:#777;padding:5px;}
span.pinkLabel{background-color:#ff0084;padding:5px;}

/* Notifications */
div.notificationOn{background-color:#fafafa;padding:7px;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;margin:auto;}
/* User tips text */
span.tipBlack{color:#000;font-size:10px;font-weight:500;}
span.tipLightGray{color:#bbb;font-size:10px;font-weight:500;}
span.tipGray{color:#777;font-size:10px;font-weight:500;}
span.tipGrayNormal{color:#777;font-size:11px;font-weight:500;}
span.tipGrayMedium{color:#777;font-size:12px;font-weight:500;}
 
/* Pagination */
.pagination{text-align:center;font-size:11px;padding:3px;margin:3px;margin-top:10px;}
.pagination a{padding:2px 8px 2px 8px;margin:2px;border:1px solid #2d9dc5;text-decoration:none;color:#2d9dc5;}
.pagination a:hover, .pagination a:active{border:1px solid #2d9dc5;background-color:#2d9dc5;color:#fff;}
.pagination span.current{padding:2px 8px 2px 8px;margin:2px;border:1px solid #2d9dc5;font-weight:bold;font-size:16px;background-color:#2d9dc5;color:#fff;}
.pagination span.disabled{padding: 2px 8px 2px 8px;margin:2px;border:1px solid #fff;color:#fff;}
 
/* Generic hacks (for both IE and FF) */
/* Float hack */
div.floatHack{clear:both;}
li.floatHack{clear:both;}

/* Stealth mode form */
dl.formBox{margin:0px;padding:20px;border:1px solid #ddd;width:350px;}
dl.formBox dt{margin:0px 0px 0px 0px;}
dl.formBox dd{margin:2px 0px 15px 0px;}
dl.formBox dd.buttons{margin:25px 0px 25px 0px;}
.textBox{color:#000;width:250px;border:1px solid #eee;}
.textBoxSmall{color:#000;width:150px;border:1px solid #eee;}
.textBoxSmall1{color:#000;width:100px;border:1px solid #eee;}
.textBoxTiny{color:#000;width:75px;border:1px solid #eee;}
.textArea{color:#000;border:1px solid #eee;}
.fileFieldBox{width:100px;border:1px solid #eee;}
.passwordBox{color:#000;width:250px;border:1px solid #eee;}

/* Search box */
div.searchBox{margin-top:50px;margin-bottom:40px;border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2;background-color:#fafafa;padding:30px;}
div.searchBox ul.searchForm{list-style:none;padding:0px;margin:0;padding-left:45px;}
div.searchBox ul.searchForm li {float:left; margin-left:30px;margin-right:30px;font-size:14px;color:#777;}
div.searchBox ul.searchForm li div {margin-top:10px;margin-bottom:10px;}
div.searchBox ul.searchForm .searchQueryBox{width:300px;color:#777;font-weight:700;font-size:14px;border-top:2px solid #aaa;border-bottom:2px solid #f2f2f2;border-right:2px solid #f2f2f2;border-left:2px solid #aaa;}
div.searchBox ul.searchForm .citySelectorBox{color:#777;font-size:14px;font-weight:700;}
div.searchBox ul.searchForm .submitButton{color:#777;font-size:14px;font-weight:700;}